/* lumeya · Himmel-System · Lumeya Call (Vorschau 28.10.2026). Gebaut von callcss.py – nicht von Hand ändern, eigene Regeln in call-neu.css. */
.p-call{--bg:var(--pearl);--surface-2:var(--sky-1);--surface-3:var(--sky-2);--line-input:#6b7a93;
--call:#6cc24a;--call-2:#a8e06a;--call-soft:#ecf7e5;--call-soft-2:#ddf1cc;--call-ink:#2e7a16;
--brand:var(--call);--brand-2:var(--call-2);--brand-soft:var(--call-soft);--brand-soft-2:var(--call-soft-2);--brand-ink:var(--call-ink);
--cta-hover:var(--cta-2);--focus:var(--azure);--bad:#a1261d;--warn-bg:#fff4d6;--warn-ink:#7a4a00;--f-text:var(--f-body);
--fs-14:.875rem;--fs-16:1rem;--fs-17:1.0625rem;--fs-18:1.125rem;--fs-19:1.1875rem;--fs-21:1.3125rem;
--s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-48:48px;--s-64:64px;--s-80:80px;--s-96:96px;
--r-8:8px;--r-12:12px;--r-16:16px;--r-24:20px;--r-32:28px;--r-pill:999px;
--sh-1:var(--shadow-1);--sh-2:var(--shadow-2);--sh-3:var(--shadow-product);
--d-1:80ms;--d-2:140ms;--d-3:220ms;--d-4:320ms;--d-5:440ms;--nav-off:88px}

/* ── aus Live call.css (gefiltert, Token auf Himmel) ── */
.c-hero{position:relative;overflow:hidden;padding-block:clamp(32px,5vw,72px) clamp(64px,7vw,112px);background:radial-gradient(55% 60% at 88% 12%,rgba(168,224,106,.38),transparent 70%),radial-gradient(45% 50% at 8% 90%,rgba(108,194,74,.16),transparent 70%),var(--bg)}
.c-hero__in{display:grid;gap:clamp(40px,5vw,64px);align-items:center}
.c-hero__copy{max-width:640px}
.c-hero .pill{margin-bottom:var(--s-24)}
.c-hero h1{margin-bottom:var(--s-24)}
.c-hero__l2{background:linear-gradient(transparent 60%,var(--call-soft-2) 60%,var(--call-soft-2) 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.c-hero__sub{font-size:var(--fs-lead);line-height:1.55;color:var(--ink-2);max-width:46ch;margin-bottom:var(--s-32)}
.c-trust{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:var(--s-32);padding-top:var(--s-24);font-size:var(--fs-14);color:var(--ink-2)}
.c-trust li{display:flex;align-items:center;gap:8px}
.c-trust svg{color:var(--brand-ink)}
.c-hero__media{position:relative;margin:0;padding:8px 0 40px}
.c-hero__img{border-radius:var(--r-32);overflow:hidden;box-shadow:var(--sh-3);background:var(--call-soft);aspect-ratio:3/2}
.c-hero__img img{width:100%;height:100%;object-fit:cover;object-position:55% 72%}
.c-float{position:absolute;display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-16);padding:12px 14px;box-shadow:var(--sh-3);font-size:14px;line-height:1.35}
.c-float b{display:block;font-family:var(--f-display);font-size:var(--fs-18);letter-spacing:-.01em}
.c-float__k{display:block;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-ink)}
.c-float__s{display:block;color:var(--ink-3);font-size:13px}
.c-float__ring{width:40px;height:40px;border-radius:50%;background:var(--call);color:var(--ink);display:grid;place-items:center;flex:none;box-shadow:0 0 0 6px var(--call-soft)}
.c-float--call{left:-6px;bottom:0}
.c-float--score{right:10px;top:-12px;flex-direction:column;align-items:flex-start;gap:2px}
.c-score b{display:inline;font-size:2rem;line-height:1}
.c-score small{color:var(--ink-3);font-weight:600}
.c-float--guide{display:none;right:-8px;bottom:-12px;flex-direction:column;align-items:flex-start;gap:6px;max-width:280px}
.c-float__li{display:flex;gap:8px;align-items:flex-start;color:var(--ink-2)}
.c-float__li svg{color:#E0A500;flex:none;margin-top:2px}
@media (max-width:639px){.c-opt{display:none}
.c-float--score{right:8px;top:-10px}
.c-float--call{left:8px;bottom:6px}}
@media (min-width:640px){.c-float--guide{display:flex}
.c-float--call{left:-10px;bottom:48px}}
@media (min-width:768px){.c-hero__copy{margin-inline:auto;text-align:center;max-width:920px}
.c-hero .pill{margin-inline:auto}
.c-hero__sub{margin-inline:auto}
.c-hero .cta-row{justify-content:center}
.c-hero .cta-main{align-items:center}
.c-trust{justify-content:center}
.c-hero__l2{display:block;width:max-content;max-width:100%;margin-inline:auto}
.c-hero__media{max-width:1080px;margin-inline:auto;width:100%;padding:24px 0 8px}
.c-hero__img{aspect-ratio:21/10}
.c-float--call{left:-14px;bottom:36px}
.c-float--score{right:-14px;top:0}
.c-float--guide{right:-14px;bottom:-12px}}
@media (min-width:1024px){.c-float--call{left:-44px}
.c-float--score{right:-44px}
.c-float--guide{right:-44px}}
@media (prefers-reduced-motion:no-preference){.c-float{animation:rise var(--d-5) var(--e-out) both}
.c-float--score{animation-delay:200ms}
.c-float--call{animation-delay:320ms}
.c-float--guide{animation-delay:440ms}
.c-float__ring{animation:ringpulse 1.6s var(--e-out) 700ms 2 both}}
@keyframes ringpulse{0%{box-shadow:0 0 0 0 rgba(108,194,74,.55)}100%{box-shadow:0 0 0 14px rgba(108,194,74,0)}}
.c-problem{display:grid;gap:var(--s-48)}
.c-problem__head{max-width:760px}
.c-friction{display:grid;gap:var(--s-16)}
.c-friction li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-24);padding:var(--s-24)}
.c-friction__n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--call-soft);color:var(--brand-ink);font-family:var(--f-display);font-weight:600;font-size:14px;margin-bottom:var(--s-16)}
.c-friction h3{font-size:var(--fs-19);margin-bottom:var(--s-8)}
.c-friction p{color:var(--ink-2)}
.c-problem__agit{font-family:var(--f-display);font-size:var(--fs-h3);font-weight:500;letter-spacing:-.015em;line-height:1.35;max-width:42ch;text-wrap:balance}
.c-bridge{font-size:var(--fs-lead);color:var(--ink-2);padding-left:var(--s-24);border-left:3px solid var(--call);max-width:60ch}
.c-bridge strong{color:var(--ink)}
@media (min-width:768px){.c-friction{grid-template-columns:repeat(3,1fr)}}
.demo{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);box-shadow:var(--sh-3);overflow:hidden}
.demo__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap}
.demo__dots{display:flex;gap:6px}
.demo__dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.demo__dots i:first-child{background:#F3A59B}
.demo__dots i:nth-child(2){background:#F5D37A}
.demo__dots i:nth-child(3){background:var(--call-2)}
.demo__title{font-family:var(--f-display);font-weight:600}
.demo__bar .tag-demo{margin-left:auto}
.guide{list-style:none;margin:0;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink-3)}
.guide li{display:flex;align-items:center;gap:8px}
.guide li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line-2);font-size:12px;transition:background-color var(--d-3) var(--e-std),color var(--d-3) var(--e-std),border-color var(--d-3) var(--e-std)}
.guide li.is-now{color:var(--ink)}
.guide li.is-now span{border-color:var(--call);background:var(--call-soft);color:var(--ink)}
.guide li.is-done{color:var(--ink-2)}
.guide li.is-done span{background:var(--call);border-color:var(--call);color:var(--ink)}
.guide__reset{margin-left:auto}
.guide__reset button{min-height:36px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:600;padding:4px 12px}
.guide__reset button:hover{color:var(--ink);border-color:var(--ink-3)}
.demo__body{display:grid;grid-template-columns:1fr}
.demo__list,.demo__side{padding:var(--s-16);min-width:0}
.demo__main{padding:var(--s-16);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.demo__h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-12)}
.demo__h svg{color:var(--brand-ink)}
.demo__h--stats{margin-top:var(--s-24)}
.demo__legend{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-bottom:var(--s-12)}
.leads{display:grid;gap:8px}
.lead-btn{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 14px;border-radius:var(--r-16);border:1px solid var(--line);background:var(--surface);min-height:64px;transition:border-color var(--d-2) var(--e-std),background-color var(--d-2) var(--e-std),box-shadow var(--d-2) var(--e-std)}
.lead-btn:hover{border-color:var(--line-2);background:var(--bg)}
.lead-btn[aria-pressed=true]{border-color:var(--call);background:var(--call-soft);box-shadow:inset 3px 0 0 var(--call)}
.lead-btn__name{font-weight:600;font-size:15px;line-height:1.3}
.lead-btn__meta{grid-column:1/-1;font-size:12.5px;color:var(--ink-3)}
.lead-btn__tags{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}
.lead-btn__status{grid-column:1/-1;font-size:12.5px;font-weight:600;color:var(--brand-ink);display:flex;align-items:center;gap:6px}
.lead-btn__status[data-s=miss]{color:var(--warn-ink)}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1;padding:4px 7px;border-radius:6px;border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;background:var(--surface)}
.tag--voll{background:var(--call);border-color:var(--call);color:var(--ink)}
.tag--direkt{border-color:var(--call);color:var(--brand-ink);background:var(--call-soft)}
.tag--zentrale{color:var(--ink-3)}
.demo__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.demo__stats div{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-12);padding:10px 6px;text-align:center}
.demo__stats span{display:block;font-family:var(--f-display);font-weight:600;font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums}
.demo__stats small{font-size:12px;color:var(--ink-3)}
.bump{animation:fadeup var(--d-4) var(--e-out)}
.det{animation:fadeup var(--d-3) var(--e-out)}
.det__head{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-16)}
.det__name{font-family:var(--f-display);font-weight:600;font-size:1.5rem;letter-spacing:-.02em;line-height:1.15}
.det__who{color:var(--ink-2);font-size:15px;margin-top:4px}
.det__phone{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);margin-top:8px;flex-wrap:wrap}
.det__phone b{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.det__src{font-size:12.5px;color:var(--ink-3);margin-top:4px}
.det__actions{display:flex;flex-wrap:wrap;gap:8px}
.btn--call{background:var(--call-soft);color:var(--ink);border-color:var(--call-ink)}
.btn--call:hover{background:var(--call-soft-2);border-color:var(--call-ink)}
.wcheck{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:var(--s-16)}
.wcheck__i{border-radius:var(--r-12);padding:10px 12px;background:var(--bg);border:1px solid var(--line)}
.wcheck__i--ndt{background:var(--call-soft);border-color:var(--call-soft-2)}
.wcheck__k{font-size:12px;color:var(--ink-3);display:block}
.wcheck__v{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;line-height:1.35;margin-top:2px}
.wcheck__v svg{flex:none}
.wcheck__v[data-ok=false] svg{color:var(--bad)}
.wcheck__v[data-ok=true] svg{color:var(--brand-ink)}
.tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;background:var(--surface-2);border-radius:var(--r-12);padding:4px;margin-bottom:var(--s-12)}
.tab{min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:600;padding:8px 10px;line-height:1.25;transition:background-color var(--d-2) var(--e-std),color var(--d-2) var(--e-std),box-shadow var(--d-2) var(--e-std)}
.tab:hover{color:var(--ink)}
.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.tab .star{color:#795000}
.stat__num svg{color:#101511}
@media (min-width:640px){.tabs{grid-template-columns:repeat(4,1fr)}}
.tabpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-16);min-height:200px;animation:fadein var(--d-3) var(--e-std)}
.tabpanel ul{list-style:none;padding:0;display:grid;gap:10px}
.tabpanel li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5}
.tabpanel li svg{flex:none;margin-top:3px}
.tabpanel li.is-top svg{color:#E0A500}
.tabpanel li.is-dim{color:var(--ink-3)}
.tabpanel li.is-dim svg{color:var(--line-2)}
.tabpanel .bad svg{color:var(--bad)}
.tp__note{font-size:12.5px;color:var(--ink-3);margin-top:var(--s-12)}
.tp__calc{font-size:15px;line-height:1.55}
.tp__calc table{width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:14px}
.tp__calc td{padding:6px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tp__calc td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;padding-left:12px}
.tp__calc .res td{border-bottom:0;color:var(--brand-ink);font-size:15px}
.tp__formula{font-size:13px;color:var(--ink-2);background:var(--surface-2);border-radius:10px;padding:8px 10px;margin-top:4px}
.obj{display:grid;gap:10px}
.obj div{border-left:2px solid var(--call);padding:2px 0 2px 12px}
.obj q{display:block;font-weight:600;quotes:"„" "“"}
:lang(en) .obj q{quotes:"“" "”"}
.obj p{color:var(--ink-2);font-size:14.5px;margin-top:2px}
.opener{margin-top:var(--s-12);font-size:14.5px;color:var(--ink-2);background:var(--call-soft);border-radius:var(--r-12);padding:12px 14px}
.opener b{color:var(--brand-ink);display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.stag>*{animation:fadeup var(--d-3) var(--e-out) both}
.stag>*:nth-child(2){animation-delay:60ms}
.stag>*:nth-child(3){animation-delay:120ms}
.stag>*:nth-child(4){animation-delay:180ms}
.callbox{margin-top:var(--s-16);border:1px solid var(--line);border-radius:var(--r-16);background:linear-gradient(180deg,var(--call-soft),var(--surface));padding:var(--s-16);animation:fadeup var(--d-3) var(--e-out)}
.callbox__top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.callbox__avatar{position:relative;width:48px;height:48px;border-radius:50%;background:var(--call);display:grid;place-items:center;flex:none}
.callbox__avatar::before,.callbox__avatar::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--call);opacity:0}
.is-ringing .callbox__avatar::before{animation:ring 1.2s var(--e-out) 3}
.is-ringing .callbox__avatar::after{animation:ring 1.2s var(--e-out) .4s 3}
@keyframes ring{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.callbox__k{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-ink)}
.callbox__t{font-family:var(--f-display);font-weight:600;font-size:1.25rem;line-height:1.2}
.callbox__s{font-size:13.5px;color:var(--ink-2)}
.callbox__time{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-2)}
.callbox__notes{margin-top:var(--s-12)}
.callbox__notes label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.callbox__notes textarea{width:100%;min-height:84px;resize:vertical;background:var(--surface);border:1.5px solid var(--line-input);border-radius:var(--r-12);padding:10px 12px;font-size:16px;line-height:1.5}
.callbox__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-12);align-items:center}
.results{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-12)}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line-2);background:var(--surface);font-weight:600;font-size:15px;transition:background-color var(--d-2) var(--e-std),border-color var(--d-2) var(--e-std)}
.chip:hover{border-color:var(--call);background:var(--call-soft)}
.chip svg{color:var(--brand-ink)}
.chip[aria-pressed=true]{background:var(--call);border-color:var(--call)}
.chip[aria-pressed=true] svg{color:var(--ink)}
.offerpick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.callbox__done{margin-top:var(--s-12);font-size:14.5px;color:var(--ink-2)}
.callbox__done b{color:var(--brand-ink)}
.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-16)}
.panel+.panel{margin-top:var(--s-12)}
.panel__empty{font-size:13.5px;color:var(--ink-3);line-height:1.5}
.cal{display:grid;gap:8px}
.cal li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border-radius:var(--r-12);border:1px solid var(--line);background:var(--surface);font-size:13.5px;line-height:1.4}
.cal time{font-weight:600;font-variant-numeric:tabular-nums;font-size:13px}
.cal time small{display:block;color:var(--ink-3);font-weight:400;font-size:11.5px}
.cal .cal__s{color:var(--ink-3);font-size:12.5px;display:block}
.cal li.is-new{border-color:var(--call);background:var(--call-soft);animation:fadeup var(--d-3) var(--e-out)}
.seq{list-style:none;padding:0;display:grid;gap:8px;animation:fadein var(--d-3) var(--e-std)}
.seq li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--surface)}
.seq li svg{color:var(--brand-ink);flex:none;margin-top:2px}
.seq li.is-wait svg{color:var(--ink-3)}
.seq small{display:block;color:var(--ink-3);font-size:12px}
.seq__foot{font-size:12px;color:var(--ink-3);margin-top:8px}
@media (min-width:768px){.demo__body{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}
.demo__list{border-right:1px solid var(--line)}
.demo__main{border:0;padding:var(--s-24)}
.demo__side{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12);border-top:1px solid var(--line)}
.demo__side .panel+.panel{margin-top:0}}
@media (min-width:1180px){.demo__body{grid-template-columns:280px minmax(0,1fr) 290px}
.demo__side{grid-column:auto;display:block;border-top:0;border-left:1px solid var(--line)}
.demo__side .panel+.panel{margin-top:var(--s-12)}}
.story{display:grid;gap:var(--s-32)}
.story__visual{display:none}
.story__steps{display:grid;gap:var(--s-16);min-width:0;overflow-wrap:anywhere}
.step{min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-24);padding:var(--s-24);position:relative}
.step__n{display:flex;align-items:center;gap:12px;font-size:var(--fs-14);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:var(--s-12)}
.step__n span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--call-soft);color:var(--ink);font-family:var(--f-display);letter-spacing:0;transition:background-color var(--d-4) var(--e-std)}
.step.is-active .step__n span{background:var(--call)}
.step h3{margin-bottom:var(--s-12)}
.step>p{color:var(--ink-2)}
.stat{display:flex;align-items:center;gap:var(--s-16);margin-top:var(--s-24);padding:var(--s-16);border-radius:var(--r-16);background:var(--surface);border:1px solid var(--line)}
.stat__num{font-family:var(--f-display);font-weight:600;font-size:2rem;line-height:1;letter-spacing:-.03em;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}
.stat__num svg{color:#E0A500;flex:none;width:22px;height:22px}
.stat__txt{font-size:var(--fs-14);color:var(--ink-2);line-height:1.5}
.story__tag{position:absolute;right:16px;top:16px;z-index:2}
@media (min-width:1024px){.story{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(48px,5vw,80px);align-items:start}
.story__visual{display:block;position:sticky;top:calc(var(--nav-off) + 40px)}
.story__frame{position:relative;aspect-ratio:5/4;border-radius:var(--r-32);overflow:hidden;background:radial-gradient(70% 70% at 30% 20%,rgba(168,224,106,.55),transparent 70%),radial-gradient(60% 60% at 90% 90%,rgba(108,194,74,.25),transparent 70%),var(--call-soft);box-shadow:var(--sh-2)}
.story__slide{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(24px,4vw,56px);opacity:0;transform:translateY(12px) scale(.985);transition:opacity var(--d-5) var(--e-std),transform var(--d-5) var(--e-out)}
.story__slide.is-active{opacity:1;transform:none}
.story__rail{position:absolute;left:-28px;top:0;bottom:0;width:3px;border-radius:3px;background:var(--line);overflow:hidden}
.story__fill{position:absolute;inset:0;background:var(--call);transform-origin:top;transform:scaleY(0)}
.story__steps{gap:0}
.step{min-height:min(56vh,480px);display:flex;flex-direction:column;justify-content:center;background:transparent;border:0;border-radius:0;padding:var(--s-48) 0;border-top:1px solid var(--line)}
.step:first-child{border-top:0;padding-top:0;min-height:min(44vh,400px);justify-content:flex-start}
.step:last-child{min-height:min(46vh,420px)}}
.ui{width:100%;max-width:420px;background:var(--surface);border-radius:var(--r-24);padding:22px;box-shadow:var(--sh-3);font-size:14.5px;line-height:1.45}
.ui__k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}
.ui__t{font-family:var(--f-display);font-weight:600;font-size:1.375rem;letter-spacing:-.02em;margin:4px 0 8px}
.ui__row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}
.ui__muted{color:var(--ink-3);font-size:13px}
.ui__dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ui__dl dt{color:var(--ink-3);font-size:13px}
.ui__dl dd{font-weight:600;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;overflow-wrap:anywhere}
.ui__src{font-size:11px;font-weight:600;color:var(--brand-ink);background:var(--call-soft);border-radius:var(--r-pill);padding:2px 8px}
.ui__foot{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--ink-3);font-size:13px}
.ui__foot svg{color:var(--bad)}
.ui__ndthead{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.ring{--v:50;width:84px;height:84px;border-radius:50%;flex:none;display:grid;place-items:center;background:radial-gradient(closest-side,var(--surface) 76%,transparent 78% 100%),conic-gradient(var(--call) calc(var(--v) * 1%),var(--surface-3) 0)}
.ring span{font-family:var(--f-display);font-weight:600;font-size:1.5rem}
.bars{list-style:none;padding:0;display:grid;gap:8px}
.bars li{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:4px 10px;align-items:center;font-size:13px}
.bars i{grid-column:1/-1;grid-row:2;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--call) calc(var(--w) * 100%),var(--surface-3) 0)}
.bars b{text-align:right;font-variant-numeric:tabular-nums}
.ui__stars{list-style:none;padding:0;display:grid;gap:8px;margin:10px 0}
.ui__stars li{display:flex;gap:8px;align-items:flex-start}
.ui__stars svg{color:#2E7A16;flex:none;margin-top:3px}
.stat__num svg{color:#101511;flex:none;width:22px;height:22px}
.ui__quote{background:var(--call-soft);border-radius:var(--r-12);padding:10px 12px;font-style:italic;margin-bottom:8px}
.ui--callcard{text-align:center}
.ui__ring{width:64px;height:64px;border-radius:50%;background:var(--call);display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 0 0 10px var(--call-soft),0 0 0 20px rgba(234,246,223,.5)}
.ui__note{margin-top:12px;background:var(--surface-2);border-radius:var(--r-12);padding:10px 12px;text-align:left}
.form__step details.form__optional{display:grid;gap:var(--s-16);min-width:0}
.form__optional>summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;gap:6px;color:var(--brand-ink)}
.form__optional>summary span{font-weight:400;color:var(--ink-3)}
.form__optional>summary:focus-visible{outline:2.5px solid var(--focus);outline-offset:3px;border-radius:4px}
.form__optional .form__row{min-width:0}
.form__optional .form__row--2{grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.form__optional .form__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.form__step{border:0;padding:0;margin:0;display:grid;gap:var(--s-16);min-width:0}
.ui__steps{list-style:none;padding:0;display:grid;gap:8px;margin:10px 0}
.ui__steps li{padding:10px 12px;border-radius:var(--r-12);border:1px solid var(--line);color:var(--ink-3)}
.ui__steps li.is-done{background:var(--call-soft);border-color:var(--call-soft-2);color:var(--ink)}
.ui__steps li.is-next{border-color:var(--call);color:var(--ink)}
.ui__inbox{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2)}
.ui__inbox svg{color:var(--brand-ink);flex:none;margin-top:2px}
.ui__ev{display:grid;grid-template-columns:52px 1fr;gap:2px 10px;padding:10px 12px;border-radius:var(--r-12);border:1px solid var(--line);margin-top:8px}
.ui__ev em{grid-column:2;font-style:normal;font-size:12.5px;color:var(--ink-3)}
.ui__ev--hl{background:var(--call-soft);border-color:var(--call)}
.ui__pdf{display:flex;gap:10px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:var(--r-12);background:var(--surface-2);font-weight:600}
.ui__pdf svg{color:var(--bad)}
.bento{display:grid;gap:var(--s-16)}
.bento__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:clamp(20px,2.4vw,28px);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:var(--s-16);min-width:0}
.bento__k{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}
.bento__card h3{font-size:var(--fs-h3)}
.bento__txt{color:var(--ink-2);font-size:15.5px}
.loginlog-demo{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-12)}
.loginlog{display:grid;gap:8px;width:100%;margin:0;padding:0;list-style:none}
.loginlog li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:2px 14px;align-items:baseline;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-16,12px);background:var(--bg,#fff);font-size:14.5px}
.loginlog b{font-weight:600;color:var(--ink)}
.loginlog span{color:var(--ink-2)}
.loginlog em{grid-column:1/-1;font-style:normal;color:var(--ink-3)}
@media (min-width:560px){.loginlog li{grid-template-columns:5.5rem minmax(0,1fr) auto}
.loginlog em{grid-column:auto;text-align:right}}
.choice--sm label{min-height:40px;padding:0 14px;font-size:14px}
.pdf{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-16);padding:16px;box-shadow:0 1px 0 var(--line)}
.pdf__top{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--call);font-size:14.5px}
.pdf__logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--call-2),var(--call))}
.pdf__to{font-size:13px;color:var(--ink-3);margin:10px 0}
.pdf__lines{list-style:none;padding:0;display:grid;gap:8px}
.pdf__lines li{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:10px;align-items:center;font-size:14px}
.pdf__lines i{height:8px;border-radius:8px;background:var(--surface-3)}
.pdf__foot{margin-top:12px;font-size:12.5px;color:var(--ink-3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pdf.is-swap{animation:fadeup var(--d-3) var(--e-out)}
.minical{list-style:none;padding:0;display:grid;gap:8px}
.minical li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:2px 10px;padding:10px 12px;border-radius:var(--r-12);background:var(--bg);border:1px solid var(--line);font-size:14px}
.minical em{grid-column:2;font-style:normal;font-size:12.5px;color:var(--brand-ink);font-weight:600}
.seqline{list-style:none;padding:0;display:flex;gap:8px;align-items:center}
.seqline li{flex:1;display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2);text-align:center}
.seqline i{height:10px;border-radius:10px;background:var(--call)}
.seqline li:nth-child(2) i{background:var(--call-2)}
.seqline li:nth-child(3) i{background:var(--call-soft-2)}
.seg--wrap button{background:var(--surface);border:1px solid var(--line)}
.seg--wrap button[aria-pressed=true]{background:var(--call);border-color:var(--call)}
.kpis{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.kpis li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-16);padding:12px 14px}
.kpis__v{display:block;font-family:var(--f-display);font-weight:600;font-size:1.75rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.kpis__l{font-size:13px;color:var(--ink-3)}
.kpis__v.is-swap{animation:fadeup var(--d-3) var(--e-out)}
.devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;min-width:0}
.dev--pc{grid-column:1/-1;max-width:420px;width:100%;justify-self:center}
@media (max-width:639px){.dev--tab .dev__screen{padding:8px 6px}}
@media (min-width:640px){.devices{grid-template-columns:2fr 1.2fr .8fr .8fr}
.dev--pc{grid-column:auto;max-width:none}}
.dev{position:relative;min-width:0}
.dev::after{content:"";position:absolute;inset:-4px;border-radius:20px;border:2px solid var(--call);opacity:0;pointer-events:none}
.dev.pulse::after{animation:outline var(--d-5) var(--e-std)}
@keyframes outline{0%{opacity:0}35%{opacity:.9}100%{opacity:0}}
.dev__screen{background:linear-gradient(160deg,#fff,var(--call-soft));border:5px solid #1E2620;border-radius:14px;padding:10px;min-width:0;overflow:hidden}
.dev__k{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.dev__t{font-family:var(--f-display);font-weight:600;font-size:13px;line-height:1.25;margin-top:4px;overflow-wrap:normal;hyphens:auto}
.dev__status{display:inline-flex;margin-top:6px;font-size:11.5px;font-weight:600;background:var(--call);border-radius:var(--r-pill);padding:2px 8px}
.dev__status.flash{animation:fadeup var(--d-5) var(--e-out)}
.dev__lines{display:grid;gap:5px;margin-top:8px}
.dev__lines i{height:5px;border-radius:5px;background:var(--call-soft-2)}
.dev__lines i:nth-child(2){width:80%}
.dev__lines i:nth-child(3){width:60%}
.dev--pc .dev__screen{aspect-ratio:16/10;border-radius:10px}
.dev__stand{width:26%;height:12px;margin:0 auto;background:#C9CFC8;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.dev--tab .dev__screen{aspect-ratio:3/4;border-radius:14px}
.dev--phone .dev__screen{aspect-ratio:9/18;border-radius:18px;padding:8px 6px}
.dev--android .dev__screen{border-radius:12px;border-color:#2A322C}
@media (min-width:768px){.bento{grid-template-columns:repeat(6,minmax(0,1fr))}
.bento__card--offer{grid-column:span 3;grid-row:span 2}
.bento__card--cal{grid-column:span 3}
.bento__card--seq{grid-column:span 3}
.bento__card--stats{grid-column:span 6}
.bento__card--devices{grid-column:span 6}
.bento__card--team{grid-column:span 6}
.kpis{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1024px){.bento__card--offer{grid-column:span 2;grid-row:span 2}
.bento__card--cal{grid-column:span 2}
.bento__card--seq{grid-column:span 2}
.bento__card--stats{grid-column:span 4}
.bento__card--team{grid-column:span 6}
.bento__card--devices{grid-column:span 6;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s-32);align-items:center}}
.rec__text{display:flex;flex-direction:column;gap:var(--s-16);min-width:0}
.rec__neu{display:inline-flex;align-items:center;margin-left:4px;padding:2px 8px;border-radius:var(--r-pill);background:var(--call);color:var(--ink);font-size:11.5px;letter-spacing:.04em}
.rec__hinweis{font-size:13.5px;line-height:1.5;color:var(--ink-3);padding:12px 14px;border-left:3px solid var(--call-2);background:var(--bg);border-radius:0 var(--r-12) var(--r-12) 0}
.rec{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-16);padding:16px;display:grid;gap:12px;min-width:0}
.rec__top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding-bottom:10px;border-bottom:2px solid var(--call);font-size:14px;color:var(--ink-2)}
.rec__top b{color:var(--ink);font-weight:600}
.rec__top>span:nth-child(2){flex:1 1 0;min-width:0}
.rec__top .tag-demo{margin-left:auto}
.rec__dot{width:10px;height:10px;border-radius:50%;background:#D64545;box-shadow:0 0 0 3px rgba(214,69,69,.18);flex:none}
.rec__lines{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rec__l{display:grid;gap:2px;max-width:88%;padding:9px 12px;border-radius:var(--r-12);font-size:14px;line-height:1.4;border:1px solid var(--line)}
.rec__l b{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}
.rec__l--du{justify-self:end;background:var(--call-soft)}
.rec__l--ge{justify-self:start;background:var(--surface)}
.rec__l--ge b{color:var(--ink-3)}
.rec__sum,.rec__coach{padding:10px 12px;border-radius:var(--r-12);border:1px solid var(--line);background:var(--surface);font-size:14px;line-height:1.45}
.rec__coach{background:linear-gradient(160deg,#fff,var(--call-soft))}
.rec__h{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink);margin-bottom:2px}
@media (prefers-reduced-motion:no-preference){.rec__dot{animation:recpuls 1.8s var(--e-std) infinite}
.reveal-ready .bento__card--rec.is-in :is(.rec__l,.rec__sum,.rec__coach){animation:fadeup var(--d-5) var(--e-out) both}
.reveal-ready .bento__card--rec.is-in .rec__l:nth-child(1){animation-delay:200ms}
.reveal-ready .bento__card--rec.is-in .rec__l:nth-child(2){animation-delay:650ms}
.reveal-ready .bento__card--rec.is-in .rec__l:nth-child(3){animation-delay:1100ms}
.reveal-ready .bento__card--rec.is-in .rec__sum{animation-delay:1550ms}
.reveal-ready .bento__card--rec.is-in .rec__coach{animation-delay:1900ms}}
@keyframes recpuls{0%,100%{box-shadow:0 0 0 3px rgba(214,69,69,.18)}50%{box-shadow:0 0 0 7px rgba(214,69,69,0)}}
@media (min-width:768px){.bento__card--rec{grid-column:span 6}}
@media (min-width:1024px){.bento__card--rec{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s-32);align-items:center}}
.day{margin-top:clamp(56px,6vw,96px);display:grid;gap:var(--s-32)}
.day__media{border-radius:var(--r-24);overflow:hidden;box-shadow:var(--sh-2)}
.day__media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.timeline{position:relative;display:grid;gap:var(--s-16)}
.timeline::before{content:"";position:absolute;left:28px;top:8px;bottom:8px;width:2px;background:var(--call-soft-2)}
.timeline li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--s-16);position:relative}
.timeline time{position:relative;z-index:1;align-self:start;display:grid;place-items:center;height:32px;border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--call);font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}
.timeline h4{margin-bottom:2px}
.timeline p{color:var(--ink-2);font-size:15.5px}
@media (min-width:1024px){.day{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s-64)}
.day__head{grid-column:1/-1}}
.calc__inputs{display:grid;gap:var(--s-16);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-24);padding:clamp(20px,3vw,32px);margin:0;min-width:0}
.field-range{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:baseline}
.field-range label{font-weight:600;font-size:15.5px}
.field-range output{font-family:var(--f-display);font-weight:600;font-size:var(--fs-19);color:var(--brand-ink);font-variant-numeric:tabular-nums}
.field-range input{grid-column:1/-1}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;--p:50%}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--call) var(--p),var(--surface-3) var(--p))}
input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:var(--surface-3)}
input[type=range]::-moz-range-progress{height:8px;border-radius:8px;background:var(--call)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid var(--ink);box-shadow:0 2px 6px rgba(16,21,17,.25)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ink)}
input[type=range]:focus-visible{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--call-soft-2),0 0 0 6px var(--ink)}
input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--call-soft-2),0 0 0 6px var(--ink)}
.calc__note{font-size:13.5px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:var(--s-12)}
.calc__out{background:linear-gradient(160deg,var(--call-soft),var(--surface) 70%);border:1px solid var(--call-soft-2);border-radius:var(--r-24);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:var(--s-16);box-shadow:var(--sh-2)}
.calc__tag{align-self:flex-start;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--warn-ink);background:var(--warn-bg);border-radius:var(--r-pill);padding:5px 12px}
.funnel{display:grid;gap:8px}
.funnel__row{position:relative;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--line);overflow:hidden}
.funnel__bar{position:absolute;inset:0;background:linear-gradient(90deg,var(--call),var(--call-2));transform-origin:left;transition:transform var(--d-4) var(--e-out)}
.funnel__lbl{position:relative;display:flex;align-items:center;height:100%;padding-left:14px;font-size:14.5px}
.funnel__lbl b{font-family:var(--f-display);font-size:1.125rem;margin-right:6px;font-variant-numeric:tabular-nums}
.calc__big{display:flex;flex-direction:column;gap:4px;padding-top:var(--s-8);border-top:1px solid var(--line)}
.calc__bigval{font-family:var(--f-display);font-weight:600;font-size:clamp(2.5rem,2rem + 2vw,3.5rem);line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.calc__biglbl{font-size:14.5px;color:var(--ink-2)}
.calc__formula{font-size:13.5px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-12);padding:10px 12px;font-variant-numeric:tabular-nums}
.calc__time{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);line-height:1.5}
.calc__time svg{color:var(--brand-ink);flex:none;margin-top:3px}
.calc__disc{font-size:13.5px;color:var(--ink-3);line-height:1.5}
.is-updating{animation:fadein var(--d-2) var(--e-std)}
@media (min-width:900px){.calc__out{position:sticky;top:calc(var(--nav-off) + 24px)}}
.pricer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-32);padding:clamp(20px,3vw,40px);box-shadow:var(--sh-3);display:grid;gap:var(--s-24)}
.pricer__controls{display:flex;flex-wrap:wrap;gap:var(--s-16);align-items:center;justify-content:space-between}
.billing{display:inline-flex;max-width:100%;padding:4px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line)}
.billing button{min-height:44px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);font-weight:600;font-size:15px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;transition:background-color var(--d-3) var(--e-std),color var(--d-3) var(--e-std),box-shadow var(--d-3) var(--e-std)}
.billing button span{font-size:12px;font-weight:600;color:var(--brand-ink);background:var(--call-soft);border-radius:var(--r-pill);padding:3px 8px}
.billing button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.stepper{display:inline-flex;align-items:center;gap:10px}
.stepper__lbl{font-weight:600;margin-right:4px}
.stepper button{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line-input);background:var(--surface);font-size:22px;line-height:1;display:grid;place-items:center}
.stepper button:hover{border-color:var(--ink)}
.stepper button:disabled{opacity:.4;cursor:not-allowed}
.stepper output{min-width:32px;text-align:center;font-family:var(--f-display);font-weight:600;font-size:1.5rem;font-variant-numeric:tabular-nums}
.seats{display:grid;gap:10px}
.seat{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r-16);border:1px solid var(--line);background:var(--bg);animation:fadeup var(--d-3) var(--e-out)}
.seat__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.seat__name{font-weight:600}
.seat__price{font-family:var(--f-display);font-weight:600;font-size:1.25rem;font-variant-numeric:tabular-nums}
.seat__price small{font-family:var(--f-text);font-size:13px;color:var(--ink-3);font-weight:400}
.tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--r-16);background:var(--surface-2)}
.tiers label{position:relative;display:grid;place-items:center;text-align:center;min-height:52px;border-radius:12px;font-weight:600;font-size:14px;line-height:1.15;cursor:pointer;padding:6px 2px;transition:background-color var(--d-2) var(--e-std),box-shadow var(--d-2) var(--e-std)}
.tiers label small{display:block;font-weight:400;font-size:11.5px;color:var(--ink-3)}
.tiers input{position:absolute;opacity:0;pointer-events:none}
.tiers label:has(input:checked){background:var(--surface);box-shadow:var(--sh-1),inset 0 0 0 2px var(--call)}
.tiers label:has(input:focus-visible){outline:2.5px solid var(--focus);outline-offset:2px}
.seat__tests{font-size:13.5px;color:var(--ink-2)}
.pricer__sum{display:grid;gap:var(--s-16);align-items:center;padding:clamp(18px,2.4vw,24px);border-radius:var(--r-24);background:linear-gradient(135deg,var(--call-soft),#fff 70%);border:1px solid var(--call-soft-2)}
.pricer__lbl{font-size:13.5px;font-weight:600;color:var(--ink-3)}
.pricer__amount{font-family:var(--f-display);font-weight:600;font-size:clamp(2.25rem,1.8rem + 1.6vw,3rem);letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.pricer__unit{font-size:var(--fs-18);letter-spacing:0;color:var(--ink-2)}
.pricer__bill{font-size:13.5px;color:var(--ink-3)}
.pricer__facts{list-style:none;padding:0;display:grid;gap:6px;font-size:15px;color:var(--ink-2)}
.pricer__facts b{color:var(--ink);font-variant-numeric:tabular-nums}
.pricer__sum .micro{margin-top:-8px}
.pricer__fine{font-size:14px;color:var(--ink-3);line-height:1.6}
.is-swap{animation:fadeup var(--d-3) var(--e-out)}
@media (max-width:519px){.tiers label{min-height:48px;font-size:13px}
.tiers label small{font-size:10.5px}}
@media (min-width:900px){.pricer__sum{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.pricer__sum .micro{grid-column:3;margin:0}}
.stack{margin-top:clamp(40px,5vw,72px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:clamp(16px,3vw,36px);box-shadow:var(--sh-1)}
.stack__head{max-width:700px;margin-bottom:var(--s-24)}
.stack__head .h3{margin-bottom:8px}
.stack__head p{color:var(--ink-2)}
.stack__body{display:grid;gap:var(--s-24);grid-template-columns:minmax(0,1fr)}
.stack__rows{display:grid;gap:8px}
.stack__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-16);background:var(--bg);transition:opacity var(--d-3) var(--e-std)}
.stack__row.is-off{opacity:.55}
.stack__check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-width:0}
.stack__check input{flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--ink)}
.stack__check b{display:block;font-size:15.5px;line-height:1.3}
.stack__check small{display:block;font-size:13px;color:var(--ink-3)}
.stack__price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-left:34px;min-width:0}
.stack__price input{width:92px;min-height:44px;font-size:16px;padding:6px 10px;border:1.5px solid var(--line-input);border-radius:10px;background:var(--surface);font-variant-numeric:tabular-nums}
.stack__unit{font-size:13.5px;color:var(--ink-3)}
.stack__sum{grid-column:2;grid-row:1/span 2;align-self:center;font-family:var(--f-display);font-weight:600;font-size:1.125rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.stack__result{background:var(--call-soft);border-radius:var(--r-24);padding:clamp(18px,3vw,26px);display:flex;flex-direction:column;gap:var(--s-16);align-self:start}
.vs{display:grid;gap:14px}
.vs__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.vs__lbl{font-size:14px;color:var(--ink-2);font-weight:600}
.vs__val{font-family:var(--f-display);font-size:1.375rem;font-variant-numeric:tabular-nums}
.vs__bar{grid-column:1/-1;height:14px;border-radius:14px;background:var(--surface);overflow:hidden}
.vs__bar i{display:block;height:100%;border-radius:14px;transform-origin:left;transform:scaleX(1);transition:transform var(--d-5) var(--e-out)}
.vs__bar--them i{background:linear-gradient(90deg,#A7AFA9,#C9CFC8)}
.vs__bar--us i{background:linear-gradient(90deg,var(--call),var(--call-2))}
.vs__diff{font-size:16px;padding-top:var(--s-12);border-top:1px solid var(--call-soft-2)}
.vs__diff b{white-space:nowrap;font-family:var(--f-display);font-size:1.25rem;font-variant-numeric:tabular-nums}
.vs__caveat{font-size:13px;color:var(--ink-3)}
.stack__reset{align-self:flex-start;min-height:40px;border:0;background:none;color:var(--ink);font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:0}
.stack__src{margin-top:var(--s-24);font-size:14px;line-height:1.6;color:var(--ink-3)}
.stack__src a{color:var(--brand-ink)}
@media (max-width:419px){.stack__price{padding-left:0}
.stack__price input{width:84px}}
@media (min-width:1024px){.stack__body{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--s-32)}
.stack__result{position:sticky;top:calc(var(--nav-off) + 24px)}}
.own{margin-top:var(--s-32);display:grid;gap:var(--s-24);background:radial-gradient(60% 80% at 100% 0%,rgba(168,224,106,.35),transparent 70%),var(--surface);border:1px solid var(--line);border-radius:var(--r-32);padding:clamp(24px,3.5vw,44px);box-shadow:var(--sh-2)}
@media (min-width:1024px){.own{grid-template-columns:1fr 1fr;column-gap:var(--s-64);align-items:center}
.own__cta{grid-column:1/-1;display:flex;align-items:center;gap:var(--s-24);flex-wrap:wrap}
.own__cta .micro{margin:0;max-width:52ch}}
.beta{margin-top:clamp(64px,7vw,112px);display:grid;gap:var(--s-32)}
.next-steps{display:grid;gap:var(--s-12)}
.next-steps li{display:flex;gap:var(--s-16);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-16);padding:var(--s-24)}
.next-steps span{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--call);font-family:var(--f-display);font-weight:600}
.next-steps h4{margin-bottom:4px}
.next-steps p{color:var(--ink-2);font-size:15.5px}
.company{font-size:14px;color:var(--ink-3);line-height:1.7;padding:var(--s-16) var(--s-24);border:1px dashed var(--line-2);border-radius:var(--r-16)}
.company b{color:var(--ink)}
.company a{color:var(--brand-ink)}
@media (min-width:768px){.next-steps{grid-template-columns:repeat(3,1fr)}
.next-steps li{flex-direction:column}}
@media (min-width:1024px){.beta{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:var(--s-64)}
.company{grid-column:1/-1}}
.contact__direct{margin-top:var(--s-32);padding-top:var(--s-24);border-top:1px solid var(--line)}
.contact__direct>p:first-child{font-size:var(--fs-14);color:var(--ink-3);margin-bottom:6px}
.contact__addr{font-size:var(--fs-14);color:var(--ink-3);margin-top:4px}
[data-when-art]{display:none}
.show-demo [data-when-art=demo]{display:grid}
.p-range{margin-top:var(--s-16);display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;padding:8px 16px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.p-range b{color:var(--ink);font-variant-numeric:tabular-nums}
.p-range span+span::before{content:"·";margin-right:8px;color:var(--ink-3)}
@media (max-width:899px){.p-range{flex-direction:column;align-items:center;gap:2px;border-radius:var(--r-16);text-align:center}
.p-range span+span::before{content:none}}
.lead-pick{display:none}
@media (max-width:767px){.demo__list .leads,.demo__legend,.demo__list .demo__h:first-child{display:none}
.lead-pick{display:grid;gap:6px}
.lead-pick label{font-weight:600;font-size:14px}
.lead-pick select{min-height:48px;font-size:16px;padding:10px 40px 10px 14px;border:1.5px solid var(--line-input);border-radius:var(--r-12);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%233A423C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/18px;appearance:none;-webkit-appearance:none}
.demo__h--stats{margin-top:var(--s-16)}}
.lead-btn{grid-template-columns:minmax(0,1fr)}
.lead-btn__tags{justify-content:flex-start}
.lead-btn__name{min-width:0;overflow-wrap:anywhere}
.lead-pick select{width:100%;max-width:100%;min-width:0}
.demo .guide{padding:10px 16px}
@media (min-width:640px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1279px){.c-float--call{left:16px}
.c-float--score,.c-float--guide{right:16px}}
.cal li{grid-template-columns:minmax(64px,auto) minmax(0,1fr)}
.cal time small{max-width:9.5rem}
.beta{grid-template-columns:minmax(0,1fr)!important}
.beta__text{max-width:820px}
.founder{display:flex;align-items:center;gap:12px;margin-bottom:var(--s-16);color:var(--ink-2);font-size:15px}
.founder__img{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--call-soft-2)}
.founder__img img{width:100%;height:100%;object-fit:cover}
.timeline li{grid-template-columns:minmax(64px,auto) minmax(0,1fr)}
.timeline time{padding:0 10px;white-space:nowrap}
.day__alt{font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:2px}
.day__tz{color:var(--ink-3);font-size:14.5px;margin-top:6px}
.cal__alt{color:var(--ink-3)!important;font-size:11px!important}
.minical li{grid-template-columns:minmax(70px,auto) minmax(0,1fr)}
.minical b{white-space:nowrap}
.ui__ev{grid-template-columns:minmax(52px,auto) 1fr}
.ui__ev b{white-space:nowrap}
.timeline li{grid-template-columns:5.75rem minmax(0,1fr)}
.timeline::before{left:2.875rem}
:lang(de) .timeline li{grid-template-columns:4rem minmax(0,1fr)}
:lang(de) .timeline::before{left:2rem}
.c-legal-note span{min-width:0;overflow-wrap:anywhere}
.c-legal-note{display:flex;gap:8px;align-items:flex-start;max-width:100%;margin-top:var(--s-32)}
.c-legal-note svg{flex:none;margin-top:3px;color:var(--brand-ink)}
.lead-sort{display:grid;gap:6px;margin-bottom:var(--s-12)}
.lead-sort label{font-weight:600;font-size:14px}
.lead-sort select{width:100%;max-width:100%;min-width:0;min-height:44px;font-size:16px;padding:8px 40px 8px 14px;border:1.5px solid var(--line-input);border-radius:var(--r-12);color:var(--ink);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%233A423C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/18px;appearance:none;-webkit-appearance:none}
.leads .panel__empty{padding:12px}
.live{display:grid;gap:var(--s-16)}
.live__card h3{font-size:var(--fs-h3)}
.live__list{list-style:none;padding:0;display:grid;gap:10px}
.live__list li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2);font-size:15.5px}
.live__list svg{flex:none;color:var(--call-ink);margin-top:4px}
.live__list b{color:var(--ink)}
.live__actions{margin-top:var(--s-24)}
.live__foot{display:grid;gap:var(--s-16);margin-top:var(--s-16)}
.live__box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-24);padding:clamp(20px,2.4vw,28px);display:grid;gap:var(--s-12);align-content:start;min-width:0;color:var(--ink-2)}
.live__box .micro{margin:0}
.live__honest{list-style:none;padding:0;display:grid;gap:10px}
.live__honest li{padding-left:var(--s-16);border-left:3px solid var(--call-soft-2)}
.live__honest b{color:var(--ink)}
.nav__login{display:none}
@media (min-width:1024px){.nav__login{display:inline-flex}}
@media (min-width:768px){.live{grid-template-columns:repeat(2,minmax(0,1fr))}
.live__foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.live{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cx-conversion .micro a,.micro a{color:var(--call-ink);text-underline-offset:3px;font-weight:600}
@media (max-width:639px){.cx-buttons{gap:12px}
.cx-founder{margin-top:12px}}
@media (min-width:1024px){.faq-wrap{display:block}
.faq-wrap>.sec-head{position:static;max-width:760px;margin-bottom:var(--s-32)}}
.c-cost{margin-top:var(--s-32);max-width:760px;padding:clamp(18px,3vw,28px);border-radius:var(--r-24);border:1px solid var(--line);background:linear-gradient(160deg,var(--call-soft),var(--surface) 70%)}
.c-cost__t{font-family:var(--f-display);font-size:var(--fs-h3);letter-spacing:-.015em;margin:0 0 var(--s-16)}
.c-cost__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.c-cost__list li{position:relative;padding-left:22px;line-height:1.55;color:var(--ink-2)}
.c-cost__list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--call-2)}
.c-cost__list b{color:var(--ink)}
.c-cost__go{margin:var(--s-16) 0 0}
.c-cost__go a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--call-ink);text-underline-offset:4px}
.calc__cost{display:grid;gap:4px;margin:var(--s-16) 0 0;padding:14px 16px;border-radius:var(--r-16);background:var(--call-soft);border:1px solid var(--call-soft-2)}
.calc__costval{font-family:var(--f-display);font-size:var(--fs-h3);font-weight:600;letter-spacing:-.015em}
.calc__costlbl{font-size:14px;line-height:1.5;color:var(--ink-2)}
.fndr{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:clamp(16px,3vw,32px);align-items:start;margin:var(--s-16) 0 var(--s-24)}
.fndr__img{display:block;overflow:hidden;border-radius:var(--r-24);box-shadow:0 0 0 4px #fff,0 0 0 5px var(--call-soft-2),var(--sh-3);aspect-ratio:3/4}
.fndr__img img{display:block;width:100%;height:100%;object-fit:cover}
.fndr__text p{margin:0 0 var(--s-12)}
.fndr__sig{color:var(--ink-2);font-size:15px}
@media (max-width:560px){.fndr{grid-template-columns:minmax(0,150px) minmax(0,1fr);align-items:start}
.fndr__text{grid-column:1 / -1}
.fndr__img{grid-column:1}}
@media (min-width:1024px){.fndr{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}
@media (max-width:480px){.nav__home{display:none}}
.chip[aria-pressed=true]{background:var(--call-soft);border-color:var(--call-ink);box-shadow:inset 0 0 0 1px var(--call-ink)}
.proofvid{margin:var(--s-48) auto 0;max-width:1040px;border-radius:var(--r-24);overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-3)}
.proofvid__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.proofvid__title{font-family:var(--f-display);font-weight:600}
.proofvid video{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#0f1d12}
.proofvid .micro{margin:0;padding:12px 16px}
.cx-buttons{display:flex;flex-wrap:wrap;gap:12px}
.cx-mini{display:none}
@media (max-width:639px){.cx-mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;position:relative;margin-top:14px;padding:12px 14px;border-radius:var(--r-16);background:var(--surface);border:1px solid var(--call-soft-2);box-shadow:var(--sh-2)}
.cx-mini__av{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--call-soft);color:var(--call-ink);font-family:var(--f-display);font-weight:700;font-size:15px}
.cx-mini__main{display:grid;gap:2px;min-width:0}
.cx-mini__main b{font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-mini__row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-mini__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--call);box-shadow:0 0 0 3px var(--call-soft)}
.cx-mini__score{display:grid;justify-items:end;line-height:1}
.cx-mini__score b{font-family:var(--f-display);font-size:22px;color:var(--call-ink)}
.cx-mini__score small{font-size:11px;color:var(--ink-3)}
.cx-mini__tag{position:absolute;top:-9px;right:12px;font-size:10.5px;font-weight:600;color:var(--warn-ink);background:var(--warn-bg);border:1px solid #F3D48A;border-radius:var(--r-pill);padding:1px 8px}
.cx-founder{margin-top:14px}}
@media (max-width:639px) and (prefers-reduced-motion:no-preference){.cx-mini{animation:cx-mini-in .6s var(--e-out,cubic-bezier(.2,.8,.2,1)) .25s both}
.cx-mini__dot{animation:cx-mini-dot 2.4s ease-in-out infinite}
@keyframes cx-mini-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cx-mini-dot{0%,100%{box-shadow:0 0 0 3px var(--call-soft)}50%{box-shadow:0 0 0 6px var(--call-soft-2)}}}
.proofs{grid-column:1/-1;margin-top:var(--s-32);padding:clamp(18px,3vw,32px);border-radius:var(--r-24);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2)}
.proofs__t{font-family:var(--f-display);font-size:var(--fs-h3);font-weight:600;letter-spacing:-.015em;margin:0 0 var(--s-16)}
.proofs__shots{display:grid;gap:var(--s-16)}
.proofs__shot{display:flex;flex-direction:column;margin:0;border-radius:var(--r-16);overflow:hidden;border:1px solid var(--line);background:var(--surface-2,#f7f8f4)}
.proofs__shot img{display:block;width:100%;height:auto;transition:transform var(--d-3,.4s) var(--e-std,ease)}
.proofs__shot figcaption{flex:1;align-content:start;display:grid;gap:6px;justify-items:start;padding:12px 14px;font-size:14.5px;line-height:1.5;color:var(--ink-2);border-top:1px solid var(--line);background:var(--surface)}
.proofs__list{list-style:none;margin:var(--s-24) 0 0;padding:0;display:grid;gap:10px}
.proofs__list li{position:relative;padding-left:26px;line-height:1.55;color:var(--ink-2)}
.proofs__list li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--call-ink);border-bottom:2px solid var(--call-ink);transform:rotate(-45deg)}
.proofs__list li.is-open::before{border:0;width:10px;height:2px;top:.75em;background:var(--ink-3);transform:none}
.proofs__list a{color:var(--call-ink);font-weight:600;text-underline-offset:3px}
@media (min-width:768px){.proofs__shots{grid-template-columns:repeat(2,minmax(0,1fr))}
.proofs__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-32)}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.proofs__shot:hover img{transform:scale(1.02)}}
.panel__n{margin-left:auto;padding:2px 8px;border-radius:var(--r-pill);background:var(--call-soft);border:1px solid var(--call-soft-2);color:var(--brand-ink);font-size:11.5px;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.panel__n:empty{display:none}
.todo{list-style:none;padding:0;display:grid;gap:8px}
.todo__i{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-12);background:var(--surface);transition:background-color var(--d-2) var(--e-std),border-color var(--d-2) var(--e-std)}
.todo__chk{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1.5px solid var(--line-2);background:var(--surface);color:transparent;transition:background-color var(--d-2) var(--e-std),border-color var(--d-2) var(--e-std),color var(--d-2) var(--e-std)}
.todo__chk:hover{border-color:var(--call-ink);color:var(--call-ink)}
.todo__t{flex:1;min-width:0;text-align:left;border:0;background:none;padding:0;color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;cursor:pointer}
.todo__t small{display:block;margin-top:2px;color:var(--ink-3);font-size:12px;font-weight:400}
.todo__t:hover span{text-decoration:underline;text-underline-offset:2px}
.todo__i.is-done{background:var(--bg);border-color:var(--call-soft-2)}
.todo__i.is-done .todo__chk{background:var(--call);border-color:var(--call);color:var(--ink)}
.todo__i.is-done .todo__t span{color:var(--ink-3);text-decoration:line-through}
.vl{margin-top:var(--s-16)}
.vl .demo__h{margin-bottom:var(--s-8)}
.vl__list{list-style:none;padding:0;display:grid}
.vl__list li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;padding:6px 0;font-size:13.5px;line-height:1.35}
.vl__list li::before{content:"";position:absolute;left:13.5px;top:0;bottom:0;width:1px;background:var(--line-2)}
.vl__list li:first-child::before{top:50%}
.vl__list li:last-child::before{bottom:50%}
.vl__ic{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:var(--brand-ink)}
.vl__list b{font-weight:600}
.vl__list small{display:block;color:var(--ink-3);font-size:12px}
.vl__list li.is-now .vl__ic{background:var(--call-soft);border-color:var(--call)}
.vl__list li.is-new{animation:fadeup var(--d-3) var(--e-out)}
@media (min-width:768px) and (max-width:1179px){.demo__body{grid-template-columns:minmax(0,1fr)}
.demo__list{border-right:0;border-bottom:1px solid var(--line)}
.leads{grid-template-columns:repeat(6,minmax(0,1fr))}
.leads>li{grid-column:span 2;display:grid}
.leads>li:nth-child(3n+1):nth-last-child(2),.leads>li:nth-child(3n+1):nth-last-child(2)+li{grid-column:span 3}
.leads>li:nth-child(3n+1):last-child{grid-column:1/-1}
.demo__side{align-items:stretch}
.demo__side .panel{display:flex;flex-direction:column}
.demo__side .panel>:last-child{flex:1 0 auto}
.panel--todo{grid-column:1/-1;order:3}
.panel--todo .todo{grid-template-columns:repeat(2,minmax(0,1fr))}
.todo__i:last-child:nth-child(odd){grid-column:1/-1}
.demo__side [data-seq]{display:flex;flex-direction:column;gap:8px}
.demo__side [data-seq] .seq{flex:1 0 auto;grid-auto-rows:minmax(min-content,1fr)}
.wcheck{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){.demo__list,.demo__main,.demo__side{display:flex;flex-direction:column}
.demo__list .leads{flex:1 0 auto}
.leads>li{display:grid}
.lead-btn{align-content:center}
.demo__main .det{flex:1 0 auto;display:flex;flex-direction:column}
.vl{flex:1 0 auto;display:flex;flex-direction:column}
.vl__list{flex:1 0 auto}
.demo__side{gap:var(--s-12)}
.demo__side .panel+.panel{margin-top:0}
.panel--todo{flex:1 0 auto;display:flex;flex-direction:column}
.panel--todo .todo{flex:1 0 auto}
.demo[data-call] .demo__list .leads,.demo[data-call] .panel--todo,.demo[data-call] .panel--todo .todo{flex:0 0 auto}}
/* ── aus Live hero-call.css (gefiltert, Token auf Himmel) ── */
.cx-hero{
  position: relative;
  isolation: isolate;
  overflow: clip;
  min-height: auto;
  color: var(--ink);
  background:
    radial-gradient(ellipse at 86% 24%, var(--brand-soft) 0%, transparent 62%),
    var(--bg);
  padding-block: clamp(28px, 5vw, 76px) clamp(28px, 4vw, 56px);
}
.cx-hero svg{ flex: none; }
.cx-glow{
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  width: min(900px, 140vw);
  aspect-ratio: 1;
  pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand-2) 32%, transparent), transparent 68%);
  transform: translate3d(65vw, 220px, 0) translate(-50%, -50%);
  opacity: .8;
}
.cx-stars{
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  color: var(--brand-ink);
}
.cx-layout{
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
}
.cx-copy,.cx-stage{ min-width: 0; }
.cx-copy{ position: relative; }
.cx-founder__img{display:inline-flex;width:32px;height:32px;overflow:hidden;border-radius:50%;vertical-align:middle;flex:none}
.cx-founder__img img{display:block;width:32px;height:32px;max-width:32px;object-fit:cover}
.cx-copy .pill{
  max-width: 100%;
  letter-spacing: .035em;
  line-height: 1.45;
}
.cx-copy .pill__dot{ flex: none; }
.cx-title{
  margin-top: clamp(20px, 2.5vw, 32px);
  font-size: clamp(2.15rem, 1.3rem + 2.65vw, 3.5rem);
  line-height: 1.065;
  text-wrap: balance;
}
.cx-title__line{ display: block; }
.cx-hero .cx-marker{
  white-space: normal;
  padding-inline: 0;
  background: linear-gradient(
    transparent 70%,
    var(--brand-soft-2) 70%,
    var(--brand-soft-2) 94%,
    transparent 94%
  );
}
.cx-sub{
  margin-top: 22px;
  max-width: 49ch;
  color: var(--ink-2);
  font-size: clamp(1rem, .93rem + .35vw, 1.1875rem);
  line-height: 1.65;
  text-wrap: pretty;
}
.cx-conversion{ margin-top: 28px; }
.cx-conversion .micro{ max-width: 43ch; line-height: 1.5; }
.cx-trust{
  display: grid;
  gap: 8px;
  margin-top: 24px;
  font-size: .8125rem;
  line-height: 1.5;
  color: var(--ink-2);
}
.cx-trust li{ display: flex; gap: 9px; align-items: flex-start; }
.cx-trust svg{ margin-top: 2px; color: var(--brand-ink); }
.cx-scroll{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin-top: 22px;
  font-size: .8125rem;
  color: var(--ink-3);
  text-decoration: none;
  text-underline-offset: 4px;
}
.cx-scroll:hover,.cx-scroll:focus-visible{ text-decoration: underline; }
.cx-scroll span{ transition: transform var(--d-3) var(--e-out); }
.cx-scroll:is(:hover,:focus-visible,:active) span{ transform: translateY(3px); }
.cx-stage{
  position: relative;
  perspective: 1200px;
  container: cx-stage / inline-size;
  touch-action: pan-y;
}
.cx-stage__halo{
  position: absolute;
  inset: 8% -3% 9%;
  z-index: -1;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
  border-radius: var(--r-32);
  background: color-mix(in srgb, var(--brand-soft) 60%, transparent);
  transform: rotate(-3deg);
  pointer-events: none;
}
.cx-console{
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--line));
  border-radius: var(--r-24);
  background: var(--surface);
  box-shadow: var(--sh-3);
  transform: rotateX(0deg) rotateY(0deg);
  transition: transform var(--d-4) var(--e-out);
}
.cx-console__head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.cx-eyebrow{
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--ink-3);
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
  letter-spacing: .1em;
}
.cx-console .tag-demo{ font-size: .625rem; padding: 3px 8px; }
.cx-account{
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 23px;
}
.cx-account > div{ min-width: 0; }
.cx-avatar{
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: var(--r-12);
  background: var(--brand-soft);
  border: 1px solid var(--brand-soft-2);
  font-family: var(--f-display);
  font-weight: 600;
  color: var(--ink);
}
.cx-account__name{ font-size: .9375rem; font-weight: 600; line-height: 1.35; }
.cx-account__check{ margin-left: auto; color: var(--brand-ink); }
.cx-small{ font-size: .75rem; line-height: 1.5; color: var(--ink-3); }
.cx-controls{ display: none; }
.js .cx-hero .cx-tabs,.cx-hero[data-ready] .cx-tabs{ display: grid; }
.cx-tabs{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 5px;
  margin-bottom: 16px;
  background: var(--surface-2);
  border-radius: var(--r-12);
}
.cx-tab{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
  min-height: 46px;
  padding: 7px 3px;
  border: 1px solid transparent;
  border-radius: var(--r-8);
  background: transparent;
  color: var(--ink-2);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.3;
}
.cx-tab__number{ font-size: .625rem; color: var(--ink-3); }
.cx-tab[aria-selected="true"]{
  color: var(--ink);
  background: var(--surface);
  border-color: var(--line-2);
  box-shadow: var(--sh-1);
}
.cx-tab[aria-selected="true"]::after{
  content: "";
  position: absolute;
  bottom: 3px;
  width: 14px;
  height: 2px;
  border-radius: var(--r-pill);
  background: var(--brand-ink);
}
.cx-tab:is(:hover,:focus-visible){ background: var(--surface); }
.cx-panels{ display: grid; gap: 12px; }
.cx-panel{
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--r-16);
  background:
    linear-gradient(150deg, var(--brand-soft), var(--surface) 52%);
}
.cx-panel__top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.cx-label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: var(--r-pill);
  background: var(--surface);
  border: 1px solid var(--line);
  color: var(--ink-2);
  font-size: .6875rem;
  font-weight: 600;
}
.cx-panel__title{
  margin: 0 0 16px;
  font-family: var(--f-display);
  font-size: clamp(1.25rem, 1rem + .65vw, 1.625rem);
  font-weight: 500;
  line-height: 1.16;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.cx-facts{ display: grid; gap: 0; font-size: .8125rem; }
.cx-facts > div{
  display: grid;
  grid-template-columns: minmax(85px, .7fr) minmax(0, 1.4fr);
  gap: 12px;
  padding-block: 10px;
  border-bottom: 1px solid var(--line);
}
.cx-facts dt{ color: var(--ink-3); }
.cx-facts dd{ font-weight: 600; overflow-wrap: anywhere; }
.cx-direct{ display: flex; align-items: center; gap: 6px; }
.cx-direct svg{ color: var(--brand-ink); }
.cx-fresh{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding-block: 12px;
  font-size: .6875rem;
  color: var(--ink-2);
}
.cx-fresh svg{ color: var(--brand-ink); }
.cx-explain{
  margin-top: auto;
  padding-top: 18px;
  font-size: .8125rem;
  line-height: 1.55;
  color: var(--ink-2);
}
.cx-scoreline{ display: flex; align-items: center; gap: 18px; }
.cx-score{ flex: none; color: var(--ink-3); font-size: .8125rem; }
.cx-score__value{
  display: inline-block;
  min-width: 2ch;
  font-family: var(--f-display);
  color: var(--ink);
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.06em;
  font-variant-numeric: tabular-nums;
}
.cx-meter{
  height: 5px;
  margin-block: 13px 18px;
  overflow: hidden;
  border-radius: var(--r-pill);
  background: var(--surface-3);
}
.cx-meter__fill{
  display: block;
  width: 100%;
  height: 100%;
  background: var(--brand);
  transform: scaleX(.58);
  transform-origin: left;
}
.cx-findings{ display: grid; gap: 10px; font-size: .75rem; line-height: 1.45; }
.cx-findings li{ display: flex; gap: 8px; align-items: flex-start; }
.cx-findings svg{ color: var(--ink-3); margin-top: 2px; }
.cx-quote{
  margin: 0 0 16px;
  padding: 12px 14px;
  border-left: 3px solid var(--brand);
  border-radius: 0 var(--r-8) var(--r-8) 0;
  background: var(--surface);
  font-size: .875rem;
  line-height: 1.6;
}
.cx-topfour{
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: .6875rem;
  font-weight: 600;
  color: var(--ink-2);
}
.cx-topfour svg{ color: var(--brand-ink); }
.cx-anchors{
  margin: 8px 0 0;
  padding-left: 20px;
  display: grid;
  gap: 5px;
  color: var(--ink-2);
  font-size: .75rem;
  line-height: 1.45;
}
.cx-anchors li::marker{ color: var(--ink-3); }
.cx-call{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-block: 14px 22px;
}
.cx-call > div{ flex: 1 1 120px; }
.cx-call strong{ font-size: .875rem; }
.cx-call__icon{
  display: grid;
  place-items: center;
  position: relative;
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: var(--ink);
  background: var(--brand-soft-2);
}
.cx-call__ring{
  position: absolute;
  inset: -5px;
  border: 1px solid var(--brand-ink);
  border-radius: inherit;
  opacity: .35;
}
.cx-timer{
  font-size: .875rem;
  font-variant-numeric: tabular-nums;
  color: var(--ink-2);
}
.cx-resultlabel{ margin-bottom: 8px; }
.cx-results{ display: flex; flex-wrap: wrap; gap: 6px; }
.cx-result{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 6px 10px;
  border: 1px solid var(--line-input);
  border-radius: var(--r-pill);
  background: var(--surface);
  font-size: .75rem;
  font-weight: 600;
}
.cx-result:disabled{ cursor: default; }
.cx-result[aria-pressed="true"]{
  border-color: var(--ink);
  background: var(--brand-soft-2);
  box-shadow: inset 0 0 0 1px var(--ink);
}
.cx-resultstatus{ min-height: 3em; margin-top: 10px; }
.js .cx-hero .cx-console__foot,.cx-hero[data-ready] .cx-console__foot{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.cx-motion,.cx-next{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  border: 0;
  border-radius: var(--r-8);
  background: transparent;
  padding: 8px 4px;
  color: var(--ink-3);
  font-size: .6875rem;
}
.cx-next{ margin-left: auto; color: var(--ink); font-weight: 600; }
.cx-next svg{ transition: transform var(--d-3) var(--e-out); }
.cx-next:is(:hover,:focus-visible,:active) svg{ transform: translateX(3px); }
.cx-motion:is(:hover,:focus-visible),.cx-next:is(:hover,:focus-visible){ text-decoration: underline; text-underline-offset: 4px; }
.cx-stage__caption{
  text-align: center;
  margin-top: 20px;
  font-size: .6875rem;
  color: var(--ink-3);
  letter-spacing: .02em;
}
.js .cx-hero .cx-panels{ gap: 0; }
.js .cx-hero .cx-panel{
  grid-area: 1 / 1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.js .cx-hero .cx-panel[data-active="true"]{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
@media (prefers-reduced-motion: no-preference){.js .cx-hero .cx-panel{
    transform: translateY(7px);
    transition: opacity var(--d-4) var(--e-out), transform var(--d-4) var(--e-out);
  }
.js .cx-hero .cx-panel[data-active="true"]{ transform: none; }}
.cx-hero[data-static="true"] .cx-motion{ display: none; }
.cx-hero[data-static="true"] .cx-stars{ display: none; }
.cx-hero[data-paused="true"] .cx-panel{ transition: none; }
@container cx-stage (max-width: 370px){.cx-console{ padding: 12px; }
.cx-panel{ padding: 14px; }
.cx-tab{ flex-direction: column; gap: 2px; font-size: .6875rem; }
.cx-account{ padding-block: 18px; gap: 9px; }
.cx-account__name{ font-size: .8125rem; }
.cx-account__check{ display: none; }
.cx-facts > div{ grid-template-columns: 1fr; gap: 3px; padding-block: 8px; }
.cx-scoreline{ gap: 10px; }
.cx-console__foot{ gap: 2px; }
.cx-motion,.cx-next{ font-size: .625rem; }}
@media (min-width: 960px){.cx-layout{ grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.cx-title{ font-size: clamp(2.4rem, 1rem + 2.1vw, 2.9rem); }}
@media (max-width: 959px){.cx-layout{ grid-template-columns: minmax(0, 1fr); gap: 36px; }
.cx-copy{ max-width: 680px; }
.cx-title{ font-size: clamp(2rem, 1.2rem + 3.5vw, 3.5rem); }
.cx-stage{ width: min(100%, 560px); justify-self: center; }}
@media (max-width: 479px){.cx-hero{ padding-top: 24px; }
.cx-title{ margin-top: 18px; }
.cx-sub{ margin-top: 16px; font-size: 1rem; line-height: 1.55; }
.cx-conversion{ margin-top: 20px; }
.cx-trust{ margin-top: 20px; font-size: .75rem; }
.cx-scroll{ margin-top: 14px; font-size: .75rem; }
.cx-stage__caption{ margin-top: 14px; }}
@media (max-height: 600px){.cx-hero{ min-height: auto; padding-block: 18px 28px; }
.cx-layout{ align-items: start; gap: 28px; }
.cx-title{ font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem); margin-top: 12px; }
.cx-sub{ margin-top: 12px; font-size: .9375rem; line-height: 1.45; }
.cx-conversion{ margin-top: 16px; }
.cx-conversion .micro{ margin-top: 8px; }
.cx-trust{ margin-top: 16px; gap: 5px; }
.cx-scroll{ margin-top: 8px; }}
@media (max-height: 480px) and (min-width: 600px) and (max-width: 959px){.cx-copy{
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(200px, .7fr);
    column-gap: 24px;
    align-items: start;
  }
.cx-copy > .pill{ grid-column: 1 / -1; justify-self: start; }
.cx-title{ grid-column: 1; }
.cx-sub{ grid-column: 1; }
.cx-conversion{ grid-column: 2; grid-row: 2 / 4; }
.cx-trust{ grid-column: 1 / -1; }
.cx-scroll{ grid-column: 1 / -1; }}
@media (prefers-reduced-motion: reduce){.cx-hero .cx-console,.cx-hero .cx-panel,.cx-hero .cx-next svg,.cx-hero .cx-scroll span{
    transform: none !important;
    transition: none !important;
  }
.cx-stars{ display: none; }
.cx-hero .cx-stage__halo{ transform: none; }
.cx-hero .cx-motion{ display: none; }}
@media (forced-colors: active){.cx-glow,.cx-stars,.cx-stage__halo{ display: none; }
.cx-tab[aria-selected="true"],.cx-result[aria-pressed="true"]{ outline: 2px solid; outline-offset: -4px; }}
.cx-title__brand{display:block;font-size:.4em;line-height:1.2;letter-spacing:.02em;color:var(--brand-ink);margin-bottom:.45em}
.cx-founder{display:flex;align-items:center;gap:12px;max-width:44ch}
.cx-founder>span{min-width:0;line-height:1.45}
.cx-founder__img,.cx-founder__img img{width:44px;height:44px;max-width:44px}
.cx-founder__img{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 3px var(--call-2)}
.cx-buttons{gap:12px}
/* ── aus Live call-demo-m14.css (gefiltert, Token auf Himmel) ── */
.m14-demo{display:grid;gap:20px;margin:40px auto 8px;max-width:1000px}
.m14-demo__heading{align-items:center;display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:space-between}
.m14-demo__heading h3{font-size:var(--fs-h3,1.25rem);margin:0;max-width:30ch}
.m14-demo__sample{background:var(--call-soft,#e6f4e6);border-radius:999px;color:var(--call-ink,#2e7a16);font-size:.75rem;font-weight:700;padding:5px 10px}
.m14-demo__body{display:grid;gap:24px;align-items:center}
.m14-phone__island{background:#050806;border-radius:99px;height:22px;margin:0 auto 26px;width:92px}
.m14-phone__eyebrow{color:#c9d6cd;font-size:.8125rem;letter-spacing:.02em;margin:0 0 14px}
.m14-phone__avatar{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(140deg,#a8e06a,#6cc24a);color:#0f1d12;font-family:var(--f-display,system-ui);font-size:1.9rem;font-weight:700;box-shadow:0 0 0 0 #a8e06a66}
.m14-phone__caller{font-family:var(--f-display,system-ui);font-size:1.75rem;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:10px 0 0}
.m14-phone__sub{color:#d5ded7;font-size:.875rem;line-height:1.4;margin:0}
.m14-phone__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:28px;width:100%}
.m14-phone__actions button{border:1.5px solid transparent;border-radius:999px;cursor:pointer;font:inherit;font-weight:700;min-height:48px;padding:10px 14px;transition:transform .2s cubic-bezier(.2,0,0,1),background-color .2s,box-shadow .2s}
.m14-phone__actions [data-m14-action=accept]{background:#3cc25e;color:#05200d}
.m14-phone__actions [data-m14-action=decline]{background:#ff6b5e;color:#2b0805}
.m14-phone__actions [data-m14-action=replay]{grid-column:1/-1;background:transparent;border-color:#ffffff40;color:#fff;font-weight:600;min-height:44px}
.m14-phone__actions button:hover{transform:translateY(-1px)}
.m14-phone__actions button:active{transform:scale(.97)}
.m14-phone__actions button:focus-visible{outline:3px solid #a8e06a;outline-offset:3px}
.m14-side{display:grid;gap:16px;align-content:center}
.m14-side__lead{color:var(--ink-2,#3a423c);font-size:1.0625rem;line-height:1.6;margin:0;max-width:52ch}
.m14-side__hint{margin:0;padding:16px 18px;border:1.5px dashed var(--call-soft-2,#ddf1cc);border-radius:16px;background:var(--surface,#fff);color:var(--ink-3,#57605a);font-size:.9375rem}
.m14-card__head{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;margin-bottom:12px}
.m14-card__panel{background:var(--surface-2,#f3f3ee);border-radius:12px;line-height:1.6;margin:12px 0 0;min-height:84px;padding:12px 14px;white-space:pre-line}
.m14-demo__notice{color:var(--ink-3,#57605a);font-size:.875rem;line-height:1.5;margin:0;text-align:center}
@keyframes m14-ring{0%,100%{transform:rotate(0)}10%{transform:rotate(-2.5deg)}20%{transform:rotate(2.5deg)}30%{transform:rotate(-1.5deg)}40%{transform:rotate(1.5deg)}50%{transform:rotate(0)}}
@keyframes m14-pulse{0%{box-shadow:0 0 0 0 #a8e06a80}70%{box-shadow:0 0 0 18px #a8e06a00}100%{box-shadow:0 0 0 0 #a8e06a00}}
@media(prefers-reduced-motion:reduce){.m14-phone__avatar{animation:none!important;scroll-behavior:auto!important}
.m14-phone__actions button{transition:none}}
@media(min-width:820px){.m14-demo__body{grid-template-columns:300px minmax(0,1fr);gap:48px}}
/* ── Neue Bausteine der Vorschau (Himmel-System, Akzent Call-Grün) ── */
.p-call{--c-acc:var(--leaf);--c-acc-ink:var(--leaf-2)}
.brand--call img{filter:drop-shadow(0 4px 10px rgba(108,194,74,.35))}
.brand--call b{color:var(--leaf-2);font-weight:600}

/* Hero */
.hero--call{background:linear-gradient(180deg,#e6f3ea 0%,#dcebfb 34%,#eef6ff 64%,#fdf0e4 100%)}
.cx{align-items:center}
.cx-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:7px 16px 7px 10px;border-radius:var(--pill);background:rgba(255,255,255,.78);border:1px solid #fff;box-shadow:var(--shadow-1);font:600 var(--fs-xs)/1.3 var(--f-body);color:var(--ink-2)}
.cx-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 4px rgba(108,194,74,.2);animation:cxPulse 2.4s var(--e-std) infinite}
@keyframes cxPulse{50%{box-shadow:0 0 0 8px rgba(108,194,74,0)}}
.cx-title{font-size:var(--fs-hero);line-height:1.02;margin-bottom:22px}
.cx-title__brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:clamp(1.15rem,1rem + .5vw,1.45rem);letter-spacing:-.01em;color:var(--leaf-2)}
.cx-title__brand img{width:44px;height:44px}
.cx-title__l{display:block}
.cx-mark{position:relative;white-space:nowrap;background:linear-gradient(transparent 62%,rgba(168,224,106,.55) 62%,rgba(168,224,106,.55) 92%,transparent 92%)}
.hero--call .hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.cx-founder{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:var(--ink-2);margin:16px 0}
.cx-founder img{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.cx-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 18px;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--ink-2)}
.cx-trust li{display:flex;align-items:center;gap:6px}
.cx-trust svg{width:16px;height:16px;color:var(--leaf-2)}
.cx-scroll{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--ink-3);text-decoration:none}
.cx-scroll svg{width:16px;height:16px;transition:transform .3s var(--e-out)}
.cx-scroll:hover svg{transform:translateY(3px)}
.cx-mini{display:flex;align-items:center;gap:12px;max-width:440px;margin:6px 0 4px;padding:10px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.82);border:1px solid #fff;box-shadow:var(--shadow-2)}
.cx-mini__av{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--leaf-soft);color:var(--leaf-2);font:600 .85rem var(--f-display)}
.cx-mini__main{display:grid;flex:1;min-width:0;font-size:var(--fs-xs);color:var(--ink-3)}
.cx-mini__main b{font-size:var(--fs-sm);color:var(--ink)}
.cx-mini__main span{display:flex;align-items:center;gap:6px}
.cx-mini__dot{width:7px;height:7px;border-radius:50%;background:var(--leaf)}
.cx-mini__score{display:flex;align-items:baseline;gap:1px;font-family:var(--f-display);font-variant-numeric:tabular-nums}
.cx-mini__score b{font-size:1.5rem;color:var(--leaf-2)}
.cx-mini__score small{font-size:.75rem;color:var(--ink-3)}
.cx-stage{position:relative;padding-top:clamp(70px,8vw,120px)}
.cx-tree{position:absolute!important;top:-6px;right:4%;width:clamp(120px,12vw,170px)!important;margin:0!important;z-index:0;pointer-events:none}
.cx-console{position:relative;z-index:2;border-radius:var(--r-lg);background:rgba(255,255,255,.9);border:1px solid #fff;box-shadow:var(--shadow-product);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.cx-shot{position:absolute;z-index:3;left:-14%;bottom:-6%;width:clamp(170px,15vw,220px);margin:0;transform:rotate(-5deg);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-product);border:4px solid #fff;transition:transform .5s var(--e-out)}
.cx-shot:hover{transform:rotate(-2deg) translateY(-6px)}
.cx-shot img{width:100%;height:auto}
.cx-shot figcaption{padding:6px 10px;font:600 .68rem/1.3 var(--f-body);color:var(--ink-3);background:#fff}
.cx-tab__n{font:600 .7rem var(--f-display);color:var(--ink-3);font-variant-numeric:tabular-nums}
.cx-tab[aria-selected=true] .cx-tab__n{color:var(--leaf-2)}
.cx-caption{font-size:var(--fs-xs);color:var(--ink-3)}
.cx-account__ok{color:var(--leaf-2)}
.cx-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-1);font:600 .72rem var(--f-body)}
.cx-chip--a{color:var(--leaf-2)}.cx-chip--b{color:var(--cta)}
@media (max-width:1180px){.cx-shot{left:-6%;width:170px}}
@media (max-width:1023px){
  .cx-stage{padding-top:0;margin-top:12px}
  .cx-tree{display:none}
  .cx-shot{position:relative;left:auto;bottom:auto;width:min(62%,240px);margin:-30px 0 0 auto;transform:rotate(3deg)}
}

/* Problem */
.cp .head{margin-bottom:clamp(36px,5vw,56px)}
.cp-friction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 clamp(28px,4vw,44px);padding:0;list-style:none;counter-reset:none}
.cp-friction li{position:relative;padding:26px 24px 24px;border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,var(--sky-1));border:1px solid #fff;box-shadow:var(--shadow-2);overflow:hidden;transition:transform .4s var(--e-out),box-shadow .4s var(--e-out)}
.cp-friction li:hover{transform:translateY(-4px);box-shadow:var(--shadow-product)}
.cp-friction li::after{content:"";position:absolute;inset:auto -30% -60% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(closest-side,rgba(232,87,74,.12),transparent);pointer-events:none}
.cp-friction__n{position:absolute;top:14px;right:18px;font:600 2.6rem/1 var(--f-display);color:rgba(14,31,58,.07);font-variant-numeric:tabular-nums}
.cp-friction svg{width:38px;height:38px;padding:9px;margin-bottom:16px;border-radius:12px;background:#fde8e5;color:var(--apple)}
.cp-friction h3{font-size:1.12rem;margin-bottom:8px}
.cp-friction p{font-size:var(--fs-sm);color:var(--ink-2)}
.cp-agit{max-width:62ch;margin:0 auto clamp(24px,3vw,36px);text-align:center;font:500 var(--fs-lead)/1.5 var(--f-display);color:var(--ink)}
.cp-cost{max-width:820px;margin:0 auto;padding:clamp(24px,3vw,36px);border-radius:var(--r-lg);background:linear-gradient(135deg,#fff 0%,#fff6ee 100%);border:1px solid #fff;box-shadow:var(--shadow-2)}
.cp-cost h3{font-size:var(--fs-h3);margin-bottom:14px}
.cp-cost ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:10px}
.cp-cost li{position:relative;padding-left:22px;font-size:var(--fs-sm);color:var(--ink-2)}
.cp-cost li::before{content:"";position:absolute;left:2px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--apple)}
.cp-cost li b{color:var(--ink)}
.cp-bridge{max-width:60ch;margin:clamp(28px,4vw,44px) auto 0;text-align:center;font-size:var(--fs-lead);color:var(--ink-2)}
.cp-bridge strong{color:var(--leaf-2)}
@media (max-width:900px){.cp-friction{grid-template-columns:1fr}}

/* Nacht */
.cn__moon{position:absolute;top:8%;right:8%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffbe8,#f4e3a6 60%,#d8c27a);box-shadow:0 0 60px 18px rgba(255,248,225,.18);opacity:.85;pointer-events:none}
.cn-video{max-width:980px;margin:0 auto clamp(48px,6vw,80px)}
.cn-m14{margin-top:0}
.cn-av span{font:600 1.4rem var(--f-display);color:#fff}
.cn-badge{background:rgba(255,248,225,.14);color:var(--star)}
@media (max-width:700px){.cn__moon{width:56px;height:56px}}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.bento__c{grid-column:span 2;min-width:0;display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:var(--r-lg);background:#fff;border:1px solid #fff;box-shadow:var(--shadow-2)}
.bento__c h3{font-size:1.18rem;line-height:1.2}
.bento__c--offer,.bento__c--cal,.bento__c--devices,.bento__c--rec{grid-column:span 3}
.bento__c--offer{background:linear-gradient(160deg,#fff 40%,var(--leaf-soft))}
.bento__c--cal{background:linear-gradient(160deg,#fff 40%,var(--sky-1))}
.bento__c--devices{background:linear-gradient(160deg,var(--night) 0%,var(--night-3) 100%);color:#e8eefb}
.bento__c--devices h3{color:#fff}
.bento__c--devices .bento__k{color:var(--sun-2)}
.bento__c--devices .bento__devtext{color:#c6d3ea}
.bento__c--rec{background:linear-gradient(160deg,#fff 40%,#f3f0ff)}
.bento__k{display:flex;align-items:center;gap:8px;margin:0;font:600 .72rem/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--leaf-2)}
.bento__k svg{width:16px;height:16px}
.bento__txt,.bento__devtext{font-size:var(--fs-sm);color:var(--ink-2);margin:0}
.bento__inbox{font-size:var(--fs-xs);color:var(--ink-2)}
.bento .seg--sm label{font-size:.8rem;padding:6px 12px}
.seg--btn{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:var(--pill);background:var(--sky-1)}
.seg--btn button{border:0;border-radius:var(--pill);padding:6px 14px;background:transparent;font:600 .8rem var(--f-body);color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.seg--btn button[aria-checked=true]{background:#fff;color:var(--ink);box-shadow:var(--shadow-1)}
.bento .minical,.bento .stack,.bento .seats{min-width:0}
@media (max-width:1023px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__c,.bento__c--offer,.bento__c--cal,.bento__c--devices{grid-column:span 1}.bento__c--rec{grid-column:1/-1}}
@media (max-width:640px){.bento{grid-template-columns:1fr}.bento__c--rec{grid-column:auto}}

/* Tag im Leben */
.day{position:relative}
.day__sun{position:absolute;right:4%;top:40%;width:64px;opacity:.9;pointer-events:none;filter:drop-shadow(0 8px 24px rgba(244,182,47,.45))}
@media (max-width:900px){.day__sun{display:none}}

/* Rechner */
.rc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,32px);align-items:stretch}
.rc__in{margin:0;padding:clamp(22px,3vw,32px);border-radius:var(--r-lg);background:#fff;border:1px solid #fff;box-shadow:var(--shadow-2);display:grid;gap:16px}
.range{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.range label{font-size:var(--fs-sm);color:var(--ink-2)}
.range output{font:600 1rem var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.range input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--leaf-2);height:28px;cursor:pointer}
.rc__out{position:relative;overflow:hidden;isolation:isolate;padding:clamp(22px,3vw,34px);border-radius:var(--r-lg);background:radial-gradient(120% 80% at 90% 0%,var(--night-3),var(--night) 70%);color:#dfe7f6;box-shadow:var(--shadow-product);display:flex;flex-direction:column;gap:14px}
.rc__out .stars{z-index:-1}
.rc__tag{margin:0;font:600 .72rem/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--sun-2)}
.rc__out .funnel{display:grid;gap:8px}
.rc__out .funnel__row{position:relative;height:34px;border-radius:10px;background:rgba(255,255,255,.07);overflow:hidden}
.rc__out .funnel__bar{position:absolute;inset:0;transform-origin:left;border-radius:10px;background:linear-gradient(90deg,var(--leaf-2),var(--leaf),#a8e06a);transition:transform .6s var(--e-out)}
.rc__out .funnel__lbl{position:relative;display:flex;align-items:center;gap:6px;height:100%;padding:0 12px;font-size:var(--fs-sm);color:#fff}
.rc__out .funnel__lbl b{font-family:var(--f-display);font-variant-numeric:tabular-nums}
.rc__big{display:grid;gap:2px;margin:6px 0 0}
.rc__bigval{font:600 clamp(2.2rem,1.6rem + 2vw,3.2rem)/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#fff 30%,var(--sun-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.rc__biglbl{font-size:var(--fs-sm);color:#b9c6df}
.rc__formula{margin:0;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);font:500 .82rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c6d3ea}
.rc__time,.rc__cost{display:flex;gap:10px;margin:0;font-size:var(--fs-sm);color:#dfe7f6}
.rc__time svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--sun-2)}
.rc__time b,.rc__cost b{color:#fff}
.rc__costval{font:600 1.1rem var(--f-display);color:var(--sun-2)}
.rc__disc{margin:0;font-size:var(--fs-xs);color:#9fb0cf}
.rc__out .btn{align-self:flex-start;margin-top:auto}
.rc__out a:not(.btn){color:#fff}
@media (max-width:900px){.rc{grid-template-columns:1fr}}

/* Kauf / White Label */
.own{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px) clamp(24px,4vw,56px);padding:clamp(26px,4vw,48px);border-radius:var(--r-xl);background:linear-gradient(140deg,#fff 35%,var(--leaf-soft) 100%);border:1px solid #fff;box-shadow:var(--shadow-product);overflow:hidden;isolation:isolate}
.own__sun{position:relative;grid-row:span 2;align-self:center;justify-self:center;width:clamp(140px,18vw,230px);aspect-ratio:1}
.own__sun .hero__rays{inset:-70%;opacity:.8;z-index:-1}
.own__sun img{width:100%;height:100%;filter:drop-shadow(0 18px 36px rgba(46,122,22,.3))}
.own__text h3{font-size:var(--fs-h3);margin:6px 0 10px}
.own__text p{color:var(--ink-2)}
.own__price{font-weight:600;color:var(--ink)!important}
.own__list{grid-column:2;margin:0;padding:0;list-style:none;display:grid;gap:10px}
.own__list li{display:flex;gap:10px;font-size:var(--fs-sm);color:var(--ink-2)}
.own__list svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--leaf-2)}
.own__list b{color:var(--ink)}
.own__cta{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:8px;border-top:1px solid var(--line)}
.own__cta .micro{max-width:52ch;margin:0;font-size:var(--fs-xs);color:var(--ink-3)}
@media (max-width:860px){.own{grid-template-columns:1fr}.own__sun{grid-row:auto;width:130px}.own__list{grid-column:auto}}
.rent-head{max-width:760px;margin:clamp(48px,6vw,80px) auto 18px;text-align:center}
.rent-head h3{margin-bottom:10px}
.rent-head p{color:var(--ink-2)}
.p-range{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:8px 16px;border-radius:var(--pill);background:#fff;box-shadow:var(--shadow-1);font-size:var(--fs-xs)}
.pricer__total{font-variant-numeric:tabular-nums}
.pricer__cta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}

/* Hinweise, Fragen, Formular */
.legal-note{display:flex;gap:10px;max-width:760px;margin:clamp(32px,4vw,48px) auto 0;padding:14px 18px;border-radius:var(--r-md);background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-2)}
.legal-note svg{flex:none;width:18px;height:18px;color:var(--ink-3)}
.sec-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:clamp(24px,3vw,36px);text-align:center}
.sec-cta p{margin:0;color:var(--ink-2)}
.cfaq{max-width:860px;margin:0 auto;display:grid;gap:10px}
.cfaq details{border-radius:var(--r-md);background:rgba(255,255,255,.85);border:1px solid #fff;box-shadow:var(--shadow-1);transition:box-shadow .3s}
.cfaq details[open]{box-shadow:var(--shadow-2)}
.cfaq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;cursor:pointer;list-style:none;font:600 1rem/1.35 var(--f-display);color:var(--ink)}
.cfaq summary::-webkit-details-marker{display:none}
.cfaq summary::after{content:"+";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--leaf-soft);color:var(--leaf-2);font:600 1rem/1 var(--f-body);transition:transform .3s var(--e-out)}
.cfaq details[open] summary::after{transform:rotate(45deg)}
.cfaq details>div{padding:0 20px 18px;font-size:var(--fs-sm);color:var(--ink-2)}
.cf-art{margin:0 0 14px;padding:0;border:0}
.cf-art legend{margin-bottom:8px}
.cf-more{margin:4px 0 14px}
.cf-more summary{cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}
.cf-more summary span{font-weight:400;color:var(--ink-3)}
.cf-more__in{display:grid;gap:12px;margin-top:12px}


/* Mobile Leiste */
.cmob{position:fixed;z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:none;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--pill);background:var(--cta);color:#fff;font:600 1rem var(--f-body);text-decoration:none;box-shadow:0 14px 34px -10px rgba(28,63,143,.7);transform:translateY(140%);transition:transform .4s var(--e-out)}
.cmob svg{width:18px;height:18px}
.cmob.is-on{transform:none}
@media (max-width:760px){.cmob{display:flex}}
@media (prefers-reduced-motion:reduce){.cx-pill__dot{animation:none}.cmob{transition:none}.cp-friction li,.cx-shot{transition:none}}
.p-call [hidden]{display:none!important}
.p-call .nav .btn,.p-call .brand span{white-space:nowrap}
.p-call .brand{flex:none}
@media (min-width:1024px){.p-call .nav__login-m,.p-call .nav__lang-m{display:none}}
@media (min-width:1024px) and (max-width:1279px){.p-call .nav__links>a:not(.mini-demo-link){padding:8px 8px;font-size:.86rem}.p-call .nav__right .lang,.p-call .nav__login{display:none}}
.hero--call .cx-title{font-size:clamp(2.3rem,1.3rem + 3.6vw,4.4rem)}
.cx-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0;padding:4px;border-radius:14px;background:var(--sky-1)}
.cx-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px 10px;border:0;border-radius:10px;background:transparent;font:600 .8rem var(--f-body);color:var(--ink-2);cursor:pointer;text-align:left;overflow:hidden;transition:background .25s,color .25s}
.cx-tab:hover{background:rgba(255,255,255,.6)}
.cx-tab[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:var(--shadow-1)}
.cx-tab i{position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:2px;background:var(--line);overflow:hidden}
.cx-tab i::after{content:"";position:absolute;inset:0;background:var(--leaf);transform-origin:left;transform:scaleX(var(--p,0))}
.cx-tab.is-done i::after{transform:none}
.about.cb{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
@media (max-width:760px){.about.cb{grid-template-columns:1fr}.about.cb .portrait{max-width:280px}}
.proofs__list li svg{display:none}
.story__steps{list-style:none;padding:0;margin:0}
.stat{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.stat__txt{flex:1 1 180px;min-width:0}
@media (max-width:700px){.cx-shot{display:none}}
.cx-stage{padding-top:clamp(40px,5vw,80px)}
/* Längere Beispielnamen (EN) nicht abschneiden */
.cx-mini__main b{white-space:normal;overflow:visible;text-overflow:clip}
/* Handy: Logo im Kaufblock nicht über der Zeile darunter */
@media (max-width:860px){.own__sun{height:130px;margin-bottom:10px}.own__text{position:relative;z-index:1}}
/* Mond nicht über Text und Etiketten */
.cn__moon{z-index:0;top:2%;right:3%}
@media (max-width:900px){.cn__moon{width:44px;height:44px;top:10px;right:10px}}