/* Reventrum · Pipeline-Check
   Design-System übernommen von lab.reventrum.com (V29).
   Farbsemantik: Blau = Aktionen (Buttons, Links). Orange = wo Umsatz hängen bleibt. Grün = erreichte Ergebnisse.
   Einzige Ausnahme: Cyan für die zweite Zeile der Hero-Headline. */

:root{
  --deep:#03060c;--base:#05080f;--alt:#080d17;--panel:#0b111b;--panel2:#0d1420;
  --ink:#f2f6fd;--soft:#96a3bb;--faint:#8d9ab2;--dim:#6b7790;
  --brand:#3d78ff;--brand-hover:#2f62e6;--brand-300:#93b6ff;
  --cyan:#5ad6ff;--warm:#ff9a5a;--warm2:#ffb27a;--win:#7cc6a0;--err:#ff8a7a;
  --line:rgba(122,152,204,.12);--line2:rgba(128,166,224,.22);--line3:rgba(140,180,240,.4);--hl:rgba(61,120,255,.42);
  --card:linear-gradient(180deg,rgba(13,20,32,.62),rgba(9,15,25,.48));
  --font:'Inter',ui-sans-serif,system-ui,sans-serif;--mono:'Roboto Mono',ui-monospace,monospace;
  --container:1180px;--e:cubic-bezier(.2,.8,.24,1);--film:cubic-bezier(.16,.84,.3,1);--dur:.18s;
}
*,*::before,*::after{box-sizing:border-box;}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:80px;}
body{margin:0;overflow-x:clip;font-family:var(--font);background:var(--base);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01";}
h1,h2,h3,h4,p{margin:0;} a{color:inherit;text-decoration:none;} button{font:inherit;cursor:pointer;} svg{display:block;}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px;}
::selection{background:rgba(61,120,255,.3);color:#fff;}
[hidden]{display:none!important;}
.wrap{max-width:var(--container);margin:0 auto;padding:0 20px;}
@media(min-width:640px){.wrap{padding:0 24px;}}
p,li,blockquote{text-wrap:pretty;}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:60;background:rgba(5,8,15,.72);border-bottom:1px solid transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:.2s var(--e);}
.nav.scrolled{background:rgba(4,7,13,.9);border-bottom-color:var(--line);}
.nav-in{max-width:var(--container);margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
@media(min-width:640px){.nav-in{padding:0 24px;}}
.logo{display:flex;align-items:center;}
.logo-full{height:24px;width:auto;display:block;}
.logo-mark{display:none;height:24px;width:auto;}
.footer .logo-full{height:28px;}
@media(max-width:560px){.nav .logo-full{display:none;}.nav .logo-mark{display:block;}}
.nav-label{font-size:13px;color:var(--faint);display:none;}
@media(min-width:720px){.nav-label{display:inline;}}
.nav-right{display:flex;align-items:center;gap:16px;}
.nav-back{font-size:13.5px;color:var(--soft);transition:color var(--dur) var(--e);}
.nav-back:hover{color:var(--brand-300);}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;font-weight:600;border:1px solid transparent;transition:background var(--dur) var(--e),box-shadow var(--dur) var(--e),transform var(--dur) var(--e),opacity var(--dur);text-align:center;}
.btn--primary{background:var(--brand);color:#fff;padding:16px 28px;font-size:15.5px;box-shadow:0 8px 30px -10px rgba(61,120,255,.6);}
.btn--primary:hover{background:var(--brand-hover);box-shadow:0 12px 40px -10px rgba(61,120,255,.75);transform:translateY(-1px);}
.btn--sm{padding:9px 17px;font-size:13.5px;}
.btn--lg{padding:17px 32px;font-size:16px;box-shadow:0 10px 36px -10px rgba(61,120,255,.7);}
.btn--block{width:100%;}
@media(max-width:520px){.cta-row .btn--primary,.final-cta .btn--primary{width:100%;}}
@media(max-width:380px){.nav-cta{padding:8px 12px;font-size:12.5px;}}
.btn[disabled]{opacity:.6;cursor:progress;transform:none;}

/* ---------- SECTION ATOMS ---------- */
.sec{position:relative;padding:72px 0;}
@media(min-width:761px){.sec{padding:112px 0;}}
.sec--alt{background:var(--alt);}
.head{position:relative;z-index:1;}
.kicker{font-size:13px;font-weight:500;color:var(--faint);display:inline-flex;align-items:center;gap:10px;}
.kicker::before{content:"";height:6px;width:6px;border-radius:50%;background:var(--brand-300);}
.h2{font-size:clamp(1.75rem,3.6vw,2.85rem);font-weight:700;letter-spacing:-.035em;line-height:1.08;max-width:22ch;text-wrap:balance;}
.kicker + .h2{margin-top:14px;}
.lead{font-size:clamp(1.02rem,1.4vw,1.18rem);color:var(--soft);line-height:1.62;margin-top:16px;max-width:60ch;text-wrap:pretty;}
.lead b{color:var(--ink);font-weight:600;}
.head + *{margin-top:40px;}
@media(max-width:760px){.head + *{margin-top:32px;}}

/* Karte · Standard und Hervorhebung */
.card{position:relative;background:var(--card);border:1px solid var(--line2);border-radius:20px;box-shadow:inset 0 1px 0 rgba(150,210,255,.06);padding:22px;}
@media(min-width:641px){.card{padding:28px;}}
.card--hl{border-color:var(--hl);box-shadow:0 30px 90px -50px rgba(61,120,255,.5),inset 0 1px 0 rgba(150,190,255,.1);}
.clabel{font-size:13px;font-weight:500;color:var(--faint);}
.ctitle{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;text-wrap:balance;}
.clabel + .ctitle{margin-top:8px;}

/* Listen */
.dots,.leaks,.checks,.dashes{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;}
.dots li,.leaks li,.checks li,.dashes li{position:relative;padding-left:24px;font-size:15px;line-height:1.55;color:var(--soft);}
.dots li b,.leaks li b,.checks li b{color:var(--ink);font-weight:600;}
.dots li::before{content:"";position:absolute;left:3px;top:9px;height:6px;width:6px;border-radius:50%;background:var(--brand-300);}
.checks li::before{content:"";position:absolute;left:2px;top:6px;height:10px;width:10px;border-radius:3px;border:1.5px solid var(--brand-300);}
.dashes li::before{content:"";position:absolute;left:3px;top:11px;height:2px;width:11px;border-radius:2px;background:var(--faint);}
.leaks li{color:var(--ink);}
.leaks li::before{content:"";position:absolute;left:3px;top:11px;height:2px;width:11px;border-radius:2px;background:var(--warm);opacity:.9;}

/* ---------- REVEAL ---------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s var(--film),transform .8s var(--film);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.06s;}.reveal.d2{transition-delay:.13s;}.reveal.d3{transition-delay:.2s;}
@media(prefers-reduced-motion:reduce){*{animation:none!important;}.reveal{opacity:1;transform:none;transition:none;}html{scroll-behavior:auto;}}

/* ============ HERO ============ */
.hero{position:relative;overflow:hidden;}
.hero .glow{position:absolute;top:-140px;left:58%;width:min(1000px,120vw);height:760px;transform:translateX(-50%);pointer-events:none;z-index:0;background:radial-gradient(46% 50% at 50% 42%,rgba(61,120,255,.16),rgba(61,120,255,.04) 42%,transparent 72%);}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;padding:48px 0 72px;}
@media(min-width:921px){.hero-in{grid-template-columns:1.08fr .92fr;gap:clamp(40px,5vw,68px);padding:104px 0 112px;}}
.hero-kicker{font-size:clamp(.98rem,1.4vw,1.1rem);font-weight:600;color:var(--soft);letter-spacing:-.01em;}
.h1{margin-top:12px;font-size:clamp(2rem,4.2vw,3.15rem);font-weight:700;letter-spacing:-.04em;line-height:1.06;max-width:17ch;text-wrap:balance;}
.h1 .cy{color:var(--cyan);}
.voices{margin:26px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;max-width:52ch;}
.voices li{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:baseline;font-size:15px;line-height:1.5;color:var(--ink);padding-bottom:10px;border-bottom:1px solid var(--line);}
.voices li:last-child{border-bottom:0;padding-bottom:0;}
.voices .who{font-size:13px;font-weight:500;color:var(--faint);}
.voices li.gf{color:var(--warm2);}
@media(max-width:420px){.voices li{grid-template-columns:1fr;gap:2px;}}
.hero .sub{font-size:clamp(1.02rem,1.4vw,1.14rem);color:var(--soft);line-height:1.6;margin-top:24px;max-width:50ch;}
.hero .sub b{color:var(--ink);font-weight:600;}
.cta-row{margin-top:28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.cta-note{margin-top:12px;font-size:13.5px;line-height:1.55;color:var(--soft);max-width:50ch;}
.trust{margin-top:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--faint);}

/* Hero rechts · Deal-Kette */
.excerpt{position:relative;border:1px solid var(--line2);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(13,20,32,.78),rgba(8,13,22,.62));box-shadow:inset 0 1px 0 rgba(150,190,255,.06),0 40px 120px -50px rgba(0,0,0,.9);padding:22px 24px;}
.excerpt .eb{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line);}
.excerpt .eb .name{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:9px;}
.excerpt .eb .name .lv{height:7px;width:7px;border-radius:50%;background:var(--brand-300);animation:beat 3s ease-in-out infinite;}
.excerpt .eb .kw{font-size:12px;color:var(--faint);}
@keyframes beat{0%,100%{opacity:1;}50%{opacity:.45;}}
.stage{position:relative;padding:11px 0;border-bottom:1px solid var(--line);}
.stage:last-child{border-bottom:0;}
.stage .top{display:flex;align-items:center;gap:12px;}
.stage .nm{font-size:14px;color:var(--ink);font-weight:500;}
.stage .q{margin-left:auto;font-size:13px;color:var(--faint);}
.stage .bar{margin-top:9px;height:8px;border-radius:5px;background:rgba(5,9,16,.85);box-shadow:inset 0 0 0 1px rgba(122,152,204,.08);overflow:hidden;}
.stage .bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,rgba(61,120,255,.42),rgba(120,150,190,.26));}
.excerpt .foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--soft);text-align:center;}
@media(max-width:920px){.hero .right{display:none;}}

/* ============ VIDEO ============ */
.video-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;}
@media(min-width:921px){.video-grid{grid-template-columns:1.35fr .65fr;gap:24px;}}
.video{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid var(--line2);background:radial-gradient(70% 80% at 50% 40%,rgba(61,120,255,.14),transparent 70%),linear-gradient(180deg,#0d1522,#070b13);box-shadow:inset 0 1px 0 rgba(150,210,255,.06),0 40px 120px -60px rgba(0,0,0,.9);}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;}
.video-ph .play{height:64px;width:64px;border-radius:50%;display:grid;place-items:center;background:rgba(61,120,255,.16);border:1px solid var(--hl);}
.video-ph .play svg{width:22px;height:22px;fill:var(--brand-300);margin-left:3px;}
.video-ph .vt{font-size:14px;font-weight:600;color:var(--ink);}
.video-ph .vs{font-size:13px;color:var(--faint);}
.answers .clabel{margin-bottom:16px;}
.answers ol{margin:0;padding:0;list-style:none;counter-reset:a;display:flex;flex-direction:column;gap:16px;}
.answers ol li{counter-increment:a;position:relative;padding-left:44px;font-size:15px;line-height:1.5;color:var(--ink);font-weight:500;min-height:30px;}
.answers ol li::before{content:counter(a);position:absolute;left:0;top:-2px;height:30px;width:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--brand-300);border:1px solid var(--line2);background:rgba(61,120,255,.1);}

/* ============ PROBLEM ============ */
.prob-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:761px){.prob-grid{grid-template-columns:1fr 1fr;gap:14px;}}
.prob-grid li{position:relative;display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line2);border-radius:16px;padding:16px 18px;background:var(--card);font-size:15px;line-height:1.5;color:var(--ink);}
.prob-grid li::before{content:"";flex:none;margin-top:10px;height:2px;width:12px;border-radius:2px;background:var(--warm);}
.bridge{margin-top:32px;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.3;max-width:34ch;text-wrap:balance;}

/* ============ FIT ============ */
.fit-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:761px){.fit-grid{grid-template-columns:1fr 1fr;gap:20px;}}
.fh{display:flex;align-items:center;gap:11px;}
.fh .mk{height:26px;width:26px;flex:none;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line2);background:rgba(61,120,255,.08);}
.fh .mk svg{width:13px;height:13px;stroke:var(--brand-300);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.fit--no .fh .mk{background:rgba(255,255,255,.04);}
.fit--no .fh .mk svg{stroke:var(--faint);}
.fh + ul{margin-top:20px;}

/* ============ ABLAUF ============ */
.steps{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:861px){.steps{grid-template-columns:repeat(3,1fr);gap:18px;}}
.step{display:flex;flex-direction:column;}
.step .sn{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--brand-300);border:1px solid var(--line2);background:rgba(61,120,255,.1);}
.step .st{margin-top:16px;font-size:16px;font-weight:700;letter-spacing:-.015em;line-height:1.3;}
.step .sd{margin-top:10px;font-size:14.5px;color:var(--soft);line-height:1.55;}
.step .sd + ul{margin-top:14px;}
.step ul{gap:10px;}
.step ul li{font-size:14px;}

.give-grid{margin-top:20px;display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:761px){.give-grid{grid-template-columns:1fr 1fr;gap:20px;}}
.give-grid .clabel + ul{margin-top:16px;}
.give-yes p{margin-top:14px;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:600;letter-spacing:-.015em;line-height:1.45;color:var(--ink);}

/* ============ PROOF ============ */
.proof-top{display:grid;grid-template-columns:1fr;gap:24px;}
.case-grid{margin-top:24px;display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:761px){.case-grid{grid-template-columns:1fr 1fr;gap:20px;}}
.case-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.tag{font-size:12px;font-weight:500;color:var(--soft);border:1px solid var(--line2);background:rgba(255,255,255,.03);border-radius:7px;padding:4px 9px;white-space:nowrap;}
.case-time{font-size:13px;font-weight:500;color:var(--faint);}
.case-name{margin-top:16px;font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:700;letter-spacing:-.02em;}
.case-kpis{margin-top:12px;display:flex;flex-direction:column;}
.kpi{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;}
.kpi .kl{font-size:13.5px;color:var(--soft);}
.kpi .kv{font-family:var(--mono);font-size:14px;color:var(--soft);white-space:nowrap;font-variant-numeric:tabular-nums;}
.kpi .kv i{font-style:normal;color:var(--faint);margin:0 4px;}
.kpi .kv b{color:var(--win);font-weight:600;background:rgba(124,198,160,.08);border-radius:6px;padding:2px 7px;margin-right:-7px;}
@media(max-width:400px){.kpi{flex-direction:column;gap:4px;}.kpi .kv b{margin-right:0;}}
.note{margin-top:24px;font-size:13.5px;line-height:1.6;color:var(--faint);max-width:72ch;border-left:2px solid var(--line2);padding-left:14px;}

/* ============ DANACH ============ */
.next-card{max-width:820px;}
.next-card p{margin-top:14px;font-size:15.5px;line-height:1.65;color:var(--soft);}
.next-card p b{color:var(--ink);font-weight:600;}
.next-card .fine{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--faint);}

/* ============ FINAL CTA ============ */
.final-cta{display:flex;flex-direction:column;align-items:center;text-align:center;}
.final-cta .h2{max-width:22ch;}
.final-cta .lead{margin-left:auto;margin-right:auto;max-width:54ch;}
.final-cta .cta{margin-top:32px;width:100%;display:flex;justify-content:center;}
.final-cta .cta-note{margin:14px auto 0;}

/* ============ FOOTER ============ */
.footer{position:relative;z-index:1;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(8,12,20,.5));}
.footer-in{max-width:var(--container);margin:0 auto;padding:40px 20px 28px;}
@media(min-width:640px){.footer-in{padding:56px 24px 32px;}}
.footer .brand p{margin-top:12px;color:var(--faint);font-size:13px;line-height:1.6;max-width:44ch;}
.footer-base{max-width:var(--container);margin:0 auto;padding:20px 20px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;font-size:12.5px;color:var(--faint);}
@media(min-width:640px){.footer-base{padding:20px 24px 40px;}}
.footer-base a{transition:color var(--dur) var(--e);}
.footer-base a:hover{color:var(--brand-300);}

/* ============ FORM-SEITE ============ */
.page-hero{position:relative;overflow:hidden;padding:44px 0 8px;}
@media(min-width:761px){.page-hero{padding:80px 0 12px;}}
.page-hero .glow{position:absolute;top:-180px;left:50%;width:min(900px,120vw);height:600px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(46% 50% at 50% 42%,rgba(61,120,255,.14),transparent 72%);}
.page-hero .wrap{position:relative;z-index:1;}
.page-hero .h1{max-width:20ch;}
.progress{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--faint);flex-wrap:wrap;}
.progress .p{display:inline-flex;align-items:center;gap:7px;}
.progress .p .n{height:20px;width:20px;border-radius:6px;display:grid;place-items:center;font-family:var(--mono);font-size:11px;border:1px solid var(--line2);color:var(--faint);}
.progress .p.on{color:var(--ink);}
.progress .p.on .n{border-color:var(--hl);background:rgba(61,120,255,.16);color:var(--brand-300);}
.progress .p.done .n{border-color:rgba(124,198,160,.4);color:var(--win);}
.progress .sep{width:18px;height:1px;background:var(--line2);}
.progress + .h1{margin-top:22px;}

.form-layout{display:grid;grid-template-columns:1fr;gap:20px;padding:28px 0 88px;}
@media(min-width:961px){.form-layout{grid-template-columns:1fr 340px;gap:28px;align-items:start;padding:36px 0 112px;}}
.aside{display:flex;flex-direction:column;gap:14px;}
@media(min-width:961px){.aside{position:sticky;top:88px;}}
@media(max-width:960px){.aside{order:2;}}
.aside .checks li,.aside .dots li{font-size:14px;}
.aside .clabel + ul{margin-top:14px;}

.fgroup{border:0;margin:0;padding:0;min-width:0;}
.fgroup + .fgroup{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);}
.fgroup legend{float:left;width:100%;padding:0;font-size:13px;font-weight:500;color:var(--faint);}
.fgroup legend + *{clear:both;}
.fgroup legend + .f{margin-top:0;padding-top:18px;}
.frow{display:grid;grid-template-columns:1fr;gap:0 16px;}
@media(min-width:641px){.frow{grid-template-columns:1fr 1fr;}}
.f{margin-top:18px;min-width:0;}
.f > label,.f > .flabel{display:block;font-size:14px;font-weight:500;color:var(--ink);}
.f .opt{font-weight:400;color:var(--faint);}
.f .req{color:var(--brand-300);}
.inp,.sel,.ta{display:block;width:100%;margin-top:8px;background:rgba(5,9,16,.72);border:1px solid var(--line2);border-radius:12px;padding:13px 15px;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.4;outline:none;transition:border-color .15s var(--e),box-shadow .15s var(--e);-webkit-appearance:none;appearance:none;}
.inp::placeholder,.ta::placeholder{color:var(--dim);}
.inp:focus,.sel:focus,.ta:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(61,120,255,.2);}
.sel{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238d9ab2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;}
.sel:invalid{color:var(--dim);}
.sel option{background:#0b111b;color:var(--ink);}
.ta{min-height:112px;resize:vertical;}
.fhelp{margin-top:7px;font-size:13px;color:var(--faint);line-height:1.45;}
.f.err .inp,.f.err .sel,.f.err .ta{border-color:var(--err);}
.ferr{display:none;margin-top:7px;font-size:13px;color:var(--err);}
.f.err .ferr{display:block;}

.seg{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.seg label{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line2);border-radius:12px;padding:13px 14px;background:rgba(5,9,16,.72);font-size:15px;font-weight:500;color:var(--soft);cursor:pointer;transition:border-color .15s var(--e),background .15s var(--e),color .15s var(--e);}
.seg input{position:absolute;opacity:0;pointer-events:none;}
.seg label:hover{border-color:var(--line3);color:var(--ink);}
.seg input:checked + span{color:var(--ink);}
.seg label:has(input:checked){border-color:var(--brand);background:rgba(61,120,255,.12);color:var(--ink);}
.seg label:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px;}
.f.err .seg label{border-color:var(--err);}

.submit-row{margin-top:28px;}
.privacy{margin-top:14px;font-size:13px;line-height:1.55;color:var(--faint);}
.privacy a{color:var(--brand-300);border-bottom:1px solid rgba(147,182,255,.35);}
.form-msg{margin-top:16px;font-size:14px;line-height:1.5;color:var(--err);}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* Ergebnis: passt aktuell nicht */
.nofit{margin-top:8px;}
.nofit p{margin-top:12px;font-size:15px;line-height:1.6;color:var(--soft);}

/* ============ KALENDER ============ */
.cal-layout{display:grid;grid-template-columns:1fr;gap:20px;padding:28px 0 88px;}
@media(min-width:1041px){.cal-layout{grid-template-columns:1fr 320px;gap:28px;align-items:start;padding:36px 0 112px;}}
.cal-card{padding:0;overflow:hidden;min-height:560px;}
#cal-inline{width:100%;min-height:560px;overflow:auto;}
.cal-loading{display:flex;align-items:center;justify-content:center;min-height:560px;font-size:14px;color:var(--faint);gap:10px;}
.spin{height:16px;width:16px;border-radius:50%;border:2px solid var(--line2);border-top-color:var(--brand-300);animation:spin 1s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.cal-fallback{padding:28px;font-size:14.5px;line-height:1.6;color:var(--soft);}
.cal-fallback a{color:var(--brand-300);}

/* ============ BESTÄTIGUNG ============ */
.confirm{padding:28px 0 96px;}
.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--win);border:1px solid rgba(124,198,160,.35);background:rgba(124,198,160,.08);border-radius:999px;padding:6px 12px;}
.status::before{content:"";height:7px;width:7px;border-radius:50%;background:var(--win);}
.status + .h1{margin-top:20px;}
.prep{margin-top:32px;max-width:720px;}
.prep ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:p;display:flex;flex-direction:column;}
.prep ol li{counter-increment:p;display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:15px;font-weight:500;color:var(--ink);}
.prep ol li::before{content:counter(p);flex:none;height:28px;width:28px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--brand-300);border:1px solid var(--line2);background:rgba(61,120,255,.1);}
.confirm .fine{margin-top:20px;font-size:14px;line-height:1.6;color:var(--faint);max-width:60ch;}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--soft);transition:color var(--dur) var(--e);}
.link-arrow:hover{color:var(--brand-300);}

/* ============ RECHTSSEITEN ============ */
.legal{padding:40px 0 96px;}
@media(min-width:761px){.legal{padding:72px 0 112px;}}
.legal .h1{max-width:none;}
.legal-body{margin-top:32px;max-width:72ch;}
.legal-body h2{margin-top:36px;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;}
.legal-body p,.legal-body li{margin-top:12px;font-size:15px;line-height:1.7;color:var(--soft);}
.legal-body ul{margin:8px 0 0;padding-left:20px;}
.legal-body li{margin-top:6px;}
.legal-body b{color:var(--ink);font-weight:600;}
.legal-body a{color:var(--brand-300);}
.legal-body dl{margin:16px 0 0;display:grid;grid-template-columns:160px 1fr;gap:8px 16px;font-size:15px;}
.legal-body dt{color:var(--faint);}
.legal-body dd{margin:0;color:var(--ink);}
@media(max-width:520px){.legal-body dl{grid-template-columns:1fr;gap:2px;}.legal-body dd{margin-bottom:10px;}}

/* ============ V02 · Proof-Leiste, Hero-Qualifizierung ============ */
.hero .qual{margin-top:14px;font-size:14px;line-height:1.55;color:var(--faint);max-width:52ch;}
.proofstrip{position:relative;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(124,198,160,.03),transparent);}
.ps-in{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;}
@media(min-width:961px){.ps-in{grid-template-columns:auto 1fr auto;gap:40px;}}
.ps-num{display:flex;align-items:baseline;gap:12px;}
.ps-num .n{font-family:var(--mono);font-size:clamp(1.9rem,3.4vw,2.4rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1;}
.ps-num .l{font-size:14px;color:var(--soft);max-width:22ch;line-height:1.4;}
.ps-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:12px;}
@media(min-width:761px){.ps-list{grid-template-columns:repeat(3,1fr);gap:20px;}}
@media(min-width:961px){.ps-list{padding-left:40px;border-left:1px solid var(--line);}}
.ps-list li{display:flex;flex-direction:column;gap:3px;}
.ps-list b{font-size:14.5px;font-weight:600;color:var(--win);line-height:1.35;}
.ps-list span{font-size:12.5px;color:var(--faint);}
.ps-link{font-size:13.5px;color:var(--soft);white-space:nowrap;transition:color var(--dur) var(--e);}
.ps-link:hover{color:var(--brand-300);}

/* ============ V03 · Abgrenzung rot, Founder in Cases ============ */
:root{--no:#ff6b6b;}
.fit--no{border-color:rgba(255,107,107,.32);background:radial-gradient(90% 70% at 50% 0%,rgba(255,107,107,.09),transparent 65%),linear-gradient(180deg,rgba(24,12,14,.62),rgba(14,9,11,.5));box-shadow:inset 0 1px 0 rgba(255,140,140,.06);}
.fit--no .fh .mk{border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.1);}
.fit--no .fh .mk svg{stroke:var(--no);}
.fit--no .dashes li::before{background:var(--no);opacity:.8;}
.founder{margin-top:14px;display:flex;align-items:center;gap:12px;}
.founder img{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--line2);}
.founder div{display:flex;flex-direction:column;gap:2px;min-width:0;}
.founder .fn{font-size:14.5px;font-weight:600;color:var(--ink);}
.founder .fr{font-size:13px;color:var(--soft);}
#proof .head + .dots{margin-top:24px;}

/* ============ V04 · Hero-Luft, Proof-Band, größere Founder ============ */
.hero .voices{margin-top:34px;}
.hero .sub{margin-top:30px;}
.hero .cta-row{margin-top:34px;}
@media(min-width:921px){.hero-in{padding:128px 0 136px;}.hero .h1{font-size:clamp(2.4rem,4.4vw,3.5rem);}}

.proofband{position:relative;padding:8px 0 56px;}
@media(min-width:761px){.proofband{padding:8px 0 96px;}}
.pb-card{display:grid;grid-template-columns:1fr;border:1px solid rgba(124,198,160,.28);border-radius:22px;overflow:hidden;background:radial-gradient(70% 90% at 0% 0%,rgba(124,198,160,.08),transparent 60%),linear-gradient(180deg,rgba(13,20,32,.7),rgba(9,15,25,.55));box-shadow:0 30px 90px -55px rgba(124,198,160,.45),inset 0 1px 0 rgba(170,230,200,.07);}
@media(min-width:861px){.pb-card{grid-template-columns:minmax(240px,.8fr) 2fr;}}
.pb-k{display:block;font-size:13px;font-weight:500;color:var(--faint);}
.pb-stat{display:flex;flex-direction:column;justify-content:center;padding:28px 24px;border-bottom:1px solid var(--line);}
@media(min-width:861px){.pb-stat{padding:40px 36px;border-bottom:0;border-right:1px solid var(--line);}}
.pb-n{margin-top:10px;font-size:clamp(3.2rem,6vw,4.6rem);font-weight:700;letter-spacing:-.05em;line-height:.95;color:var(--ink);font-variant-numeric:tabular-nums;}
.pb-l{margin-top:10px;font-size:15px;line-height:1.45;color:var(--soft);max-width:22ch;}
.pb-res{padding:28px 24px;}
@media(min-width:861px){.pb-res{padding:40px 40px 36px;}}
.pb-res ul{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:1041px){.pb-res ul{grid-template-columns:repeat(3,1fr);gap:24px;}}
.pb-res li{display:flex;gap:12px;align-items:flex-start;}
.pb-res .ck{flex:none;height:26px;width:26px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(124,198,160,.35);background:rgba(124,198,160,.1);}
.pb-res .ck svg{width:13px;height:13px;stroke:var(--win);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.pb-res li div{display:flex;flex-direction:column;gap:4px;}
.pb-res li b{font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35;}
.pb-res li span:not(.ck){font-size:13px;color:var(--faint);line-height:1.45;}
.pb-link{display:inline-block;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);width:100%;font-size:14px;color:var(--brand-300);transition:color var(--dur) var(--e);}
.pb-link:hover{color:var(--ink);}

.founder{margin-top:18px;gap:18px;}
.founder img{width:80px;height:80px;border-radius:50%;border:2px solid var(--line2);box-shadow:0 10px 30px -12px rgba(0,0,0,.8);}
.founder .fn{font-size:16px;}
.founder .fr{font-size:13.5px;}

/* ============ V05 · Logos, Diagnose-Case ============ */
.logostrip{position:relative;z-index:2;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
@media(min-width:761px){.logostrip{padding:40px 0;}}
.logostrip-label{text-align:center;font-size:13px;font-weight:500;color:var(--faint);margin:0 0 22px;}
.logostrip-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px 32px;}
@media(min-width:761px){.logostrip-row{gap:28px 54px;}}
.logostrip-row img{height:23px;width:auto;max-width:118px;object-fit:contain;opacity:.58;transition:opacity .2s ease;}
@media(min-width:601px){.logostrip-row img{height:30px;max-width:150px;}}
.logostrip-row img:hover{opacity:.92;}

.case--diag{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:0;}
@media(min-width:821px){.case--diag{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;}.case--diag .diag-r{border-left:1px solid var(--line);padding-left:48px;}}
@media(max-width:820px){.case--diag .diag-r{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);}}
.case-start{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--soft);}
.case-lbl{display:block;font-size:13px;font-weight:500;color:var(--faint);margin-bottom:4px;}
.diag-h{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:14px;}
.case--diag .leaks{gap:10px;}
.case--diag .leaks li{font-size:14px;}
.diag-sum{margin-top:16px;font-size:14px;line-height:1.55;font-weight:600;color:var(--warm2);}

/* ============ V06 · Design-Review ============ */
/* Einheitlicher Abstand Überschrift → Inhalt */
.head{margin-bottom:40px;}
.head + *{margin-top:0;}
#proof .head + .dots{margin-top:0;}
@media(max-width:760px){.head{margin-bottom:28px;}}
#proof .dots{margin-bottom:36px;}

/* Problem: 7. Karte über volle Breite, Brückensatz als Statement */
@media(min-width:761px){.prob-grid li:last-child:nth-child(odd){grid-column:1 / -1;}}
.bridge{margin-top:48px;padding-left:20px;border-left:3px solid var(--warm);font-size:clamp(1.25rem,2.2vw,1.7rem);max-width:30ch;}

/* "Was ihr bekommt": Label bleibt Label */
.give-yes p.clabel{margin-top:0;font-size:13px;font-weight:500;color:var(--faint);letter-spacing:0;}
.give-yes p:not(.clabel){font-size:clamp(1.1rem,1.6vw,1.3rem);}
.step-meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--faint);line-height:1.5;}
.step .sd + .step-meta{margin-top:auto;}
.step{min-height:100%;}
.step .sd{margin-bottom:16px;}

/* Mid-CTA */
.mid-cta{margin-top:40px;display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;}
.mid-cta span{font-size:14px;color:var(--soft);max-width:48ch;}
@media(max-width:520px){.mid-cta .btn{width:100%;}}

/* Proof-Band: Kennzahl + Quelle sauber getrennt */
.pb-res li .met{font-family:var(--mono);font-size:12.5px;color:var(--soft);line-height:1.5;}
.pb-res li .src{font-size:12.5px;color:var(--faint);}
.pb-res li b{margin-bottom:2px;}

/* Cases: Vorher / Heute + Zitat */
.case{display:flex;flex-direction:column;}
.ba{margin-top:22px;display:flex;flex-direction:column;gap:16px;}
.ba p{font-size:14.5px;line-height:1.6;color:var(--soft);}
.ba-a{padding-left:14px;border-left:2px solid rgba(124,198,160,.5);}
.ba-b{padding-left:14px;border-left:2px solid var(--line2);}
.ba-a p{color:var(--ink);}
.case .case-kpis{margin-top:10px;}
.cq{margin:auto 0 0;padding-top:20px;font-size:15px;line-height:1.5;font-weight:500;color:var(--ink);font-style:italic;}
.case .case-kpis + .cq{margin-top:20px;border-top:1px solid var(--line);}
.case-grid{gap:20px;}

/* Schluss: Ansprechpartner + Risiko-Umkehr */
.close-grid{margin-top:48px;width:100%;max-width:860px;display:grid;grid-template-columns:1fr;gap:14px;text-align:left;}
@media(min-width:761px){.close-grid{grid-template-columns:auto 1fr;gap:20px;}}
.close-grid > div{border:1px solid var(--line2);border-radius:18px;padding:20px 22px;background:var(--card);}
.host{display:flex;align-items:center;gap:16px;}
.host img{width:72px;height:72px;flex:none;border-radius:50%;object-fit:cover;border:2px solid var(--line2);background:var(--panel);}
.host div{display:flex;flex-direction:column;gap:2px;}
.host .hn{margin-top:4px;font-size:16px;font-weight:600;color:var(--ink);}
.host .hr{font-size:13.5px;color:var(--soft);}
.after p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--soft);}
.after p b{color:var(--ink);font-weight:600;}

/* Hero: Lesefluss feiner */
.hero .qual{font-size:14.5px;}
.voices li{font-size:15.5px;}
.step .sd{margin-bottom:0;}
.step .step-meta{margin-top:auto;}
.step > :last-child.step-meta{margin-top:auto;}
.prob-grid li{text-wrap:wrap;}
.host .ini{width:72px;height:72px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--brand-300);border:2px solid var(--line2);background:rgba(61,120,255,.1);}
/* V07 · kostenfrei */
.free{color:var(--win);font-weight:600;}
.sel.opt-sel:invalid,.sel.opt-sel option[value=""]{color:var(--dim);}
@media(max-width:400px){.btn--primary:not(.btn--sm){padding-left:18px;padding-right:18px;font-size:15px;}}