/* Aus LaunchBros post-59.css geschnitten, erzeugt von
   build_design_css.py. Nicht von Hand aendern, sondern das
   Skript erneut laufen lassen. */
:root{--blue:#39639e;--blue-dark:#2d527f;--blue-light:rgba(57,99,158,0.09);--ink:#171717;--muted:#565656;--faint:#929292;--border:#e2e2e2;--surface:#f7f7f7;--bg:#fff;--green:#2e7d32;--green-bg:#f3f8f3}
.sec{padding:5rem 0;border-bottom:0.5px solid var(--border)}
.eyebrow,.sl{font-size:11px;letter-spacing:0.13em;text-transform:uppercase;color:var(--faint);margin-bottom:1.25rem}
.section-title{font-size:clamp(1.65rem,4vw,2.45rem);font-weight:550;line-height:1.18;letter-spacing:-0.02em;margin-bottom:1rem}
.section-copy{font-size:16px;color:var(--muted);line-height:1.8;max-width:650px}
.section-copy strong{color:var(--ink)}
.btn-main{background:var(--blue);color:#fff;border:none;padding:13px 24px;border-radius:5px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background 0.15s}
.btn-main:hover{background:var(--blue-dark)}
.btn-ghost{color:var(--blue);font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.btn-ghost:hover{text-decoration:underline}
.cta-row{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.micro{font-size:12px;color:var(--faint);line-height:1.6}
.hero{padding:6rem 0 4.5rem;border-bottom:2px solid var(--ink)}
.hero h1{font-size:clamp(2.35rem,6vw,4.25rem);font-weight:560;letter-spacing:-0.045em;line-height:1.02;max-width:800px;margin-bottom:1.35rem}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero-sub{font-size:18px;line-height:1.75;color:var(--muted);max-width:660px;margin-bottom:2rem}
.hero-sub strong{color:var(--ink)}
.hero .micro{margin-top:1rem}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.compare-box{border:0.5px solid var(--border);border-radius:8px;padding:1.5rem}
.compare-box.highlight{border-color:var(--blue);background:var(--blue-light)}
.compare-label{font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--faint);margin-bottom:1rem}
.compare-box.highlight .compare-label{color:var(--blue)}
.compare-list{display:grid;gap:0.75rem}
.compare-line{display:flex;gap:0.65rem;align-items:flex-start;font-size:14px;color:var(--muted)}
.compare-line i{color:var(--blue);margin-top:3px}
.compare-summary{margin-top:1.2rem;padding-top:1.1rem;border-top:0.5px solid var(--border);font-size:14px;font-weight:600}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2rem}
@media (min-width:761px){.feature-grid.pair{grid-template-columns:repeat(2,1fr)}}
.feature-card{border:0.5px solid var(--border);border-radius:7px;padding:1.15rem}
.feature-card i{font-size:20px;color:var(--blue);display:block;margin-bottom:0.75rem}
.feature-card h3{font-size:14px;font-weight:600;margin-bottom:0.35rem}
.feature-card p{font-size:12px;color:var(--muted);line-height:1.55}
.pro-strip{margin-top:1.5rem;background:var(--blue-light);border-left:3px solid var(--blue);padding:1.15rem 1.35rem;border-radius:0 5px 5px 0;font-size:14px;line-height:1.7}
.price-disclaimer{font-size:11px;color:var(--faint);line-height:1.6;margin-top:0.75rem}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;align-items:stretch}
.price-card{border:0.5px solid var(--border);border-radius:9px;padding:1.6rem;position:relative;display:flex;flex-direction:column}
.price-card.pro{border:1.5px solid var(--blue);background:var(--blue-light)}
.badge{position:absolute;top:1rem;right:1rem;font-size:10px;text-transform:uppercase;letter-spacing:0.08em;background:var(--blue);color:#fff;padding:4px 8px;border-radius:12px}
.price-name{font-size:14px;font-weight:700;margin-bottom:0.45rem}
.price-for{font-size:13px;color:var(--muted);min-height:40px}
.price-value{font-size:2.1rem;font-weight:650;letter-spacing:-0.03em;margin:1.2rem 0 0.2rem}
.price-value small{font-size:12px;font-weight:400;color:var(--faint)}
.price-month{font-size:12px;color:var(--faint);margin-bottom:1.2rem}
.feat-list{display:grid;gap:0.65rem;margin:1.25rem 0 1.5rem;flex:1}
.feat-list li{list-style:none;font-size:13px;color:var(--muted);display:flex;gap:0.5rem}
.feat-list i{color:var(--green);margin-top:2px}
.price-card .btn-main{width:100%;margin-top:auto}
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:2rem}
.faq{margin-top:1.5rem}
.faq details{border-top:0.5px solid var(--border);padding:1rem 0}
.faq summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--blue);font-size:20px;font-weight:400;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq p{font-size:14px;color:var(--muted);line-height:1.7;padding-top:0.65rem;max-width:700px}
.final-cta{padding:5.5rem 0 4rem}
.final-cta h2{font-size:clamp(2rem,5vw,3.25rem);line-height:1.08;letter-spacing:-0.035em;font-weight:560;max-width:690px;margin-bottom:1rem}
.final-cta p{font-size:16px;color:var(--muted);margin-bottom:2rem}
@media (max-width:760px){.hero{padding-top:4rem}
.compare-grid,.pricing-grid,.road-cols{grid-template-columns:1fr}
.feature-grid,.steps{grid-template-columns:1fr 1fr}
.audience-grid,.tech-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.feature-grid,.steps,.audience-grid,.tech-grid{grid-template-columns:1fr}
.cta-row{align-items:stretch}
.cta-row .btn-main{width:100%}}