@font-face{font-family:"Geist";src:url(fonts/geist.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Funnel";src:url(fonts/funnel.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --bg:#05060b;--bg-2:#080a13;--surface:#0c0f1a;--surface-2:#121628;
  --line:rgba(186,196,255,.09);--line-2:rgba(186,196,255,.17);
  --text:#f1f2f9;--muted:#a4aac0;--faint:#7d849f;
  --accent:#8f9dff;--accent-hi:#c8cfff;--accent-soft:rgba(143,157,255,.12);--ink:#0a0c1f;
  --text-2:#d3d7ea;--chip:rgba(186,196,255,.05);--on-accent:#0a0c1f;--thumb:#fff;--btn-bg:#fff;--btn-fg:#0a0c1f;--card-shadow:0 0 0 0 transparent;--warm:#ff8a3c;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);
  --r-xl:26px;--r-lg:20px;--r-md:14px;--wrap:1220px;--pad:clamp(20px,4vw,44px);--section:clamp(92px,11vw,160px);
  --display:"Funnel","Geist",ui-sans-serif,system-ui,sans-serif;
  color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(96px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--bg);scrollbar-color:#2a3050 var(--bg)}
html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(143,157,255,.35);color:#fff}
img,svg,video,canvas{max-width:100%;display:block}
a{color:inherit;text-underline-offset:3px}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.032em;line-height:1.04;text-wrap:balance;overflow-wrap:break-word}
h2{font-size:clamp(2.1rem,4.6vw,3.7rem)}
h3{font-size:1.3rem;letter-spacing:-.02em;line-height:1.2}
button,a{touch-action:manipulation}
button{font:inherit;color:inherit}
input{font:inherit;font-size:16px}
:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--pad)}
.section{padding-block:var(--section);position:relative}
.section.tight{padding-top:0}
.lead{color:var(--muted);font-size:clamp(1.05rem,1.35vw,1.2rem);max-width:60ch;margin-top:22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html.js .rv{opacity:0;transform:translateY(16px);filter:blur(6px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),filter .8s var(--ease-out);transition-delay:var(--d,0s)}
html.js .rv.in{opacity:1;transform:none;filter:none}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:14px;padding:8px 8px 8px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem;white-space:nowrap;border:0;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform .16s var(--ease-out),background-color .2s ease,box-shadow .25s ease}
.btn:active{transform:scale(.97)}
.btn .ico{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--btn-fg) 9%,transparent);color:var(--btn-fg);transition:transform .25s var(--ease-out)}
.btn-sm{padding:6px 6px 6px 18px;font-size:.92rem;gap:10px}
.btn-sm .ico{width:30px;height:30px}
.btn-ghost{background:rgba(186,196,255,.06);box-shadow:0 0 0 1px var(--line-2) inset;color:var(--text);padding:14px 24px}
@media (hover:hover) and (pointer:fine){.btn:hover .ico{transform:translate(2px,-1px) scale(1.05)}.btn-ghost:hover{background:rgba(186,196,255,.11)}}
.textlink{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:border-color .2s ease}
@media (hover:hover) and (pointer:fine){.textlink:hover{border-color:var(--accent)}}
.shell{padding:6px;border-radius:var(--r-xl);background:var(--chip);box-shadow:0 0 0 1px var(--line) inset}
.core{border-radius:calc(var(--r-xl) - 6px);background:var(--surface);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,var(--card-shadow);height:100%;position:relative;overflow:hidden}

/* nav */
.nav{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:60;width:min(calc(100% - 24px),1080px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(8,10,19,.84);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 0 0 1px var(--line) inset,0 20px 50px -20px rgba(0,0,0,.8)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:650;letter-spacing:-.03em;font-size:1.22rem}
.logo svg{width:22px;height:22px;flex:none}
.nav-links{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.nav-links a{display:block;padding:8px 13px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:.93rem;transition:color .2s ease,background-color .2s ease}
.nav-links a[aria-current]{color:var(--text)}
@media (hover:hover) and (pointer:fine){.nav-links a:hover{color:var(--text);background:rgba(186,196,255,.07)}}
.burger{display:none;width:44px;height:44px;border-radius:999px;border:0;background:rgba(186,196,255,.08);position:relative;cursor:pointer}
.burger span{position:absolute;left:14px;width:16px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .35s var(--ease-drawer)}
.burger span:nth-child(1){top:18px}.burger span:nth-child(2){top:25px}
.nav.open .burger span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.nav.open .burger span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:55;background:rgba(5,6,11,.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;flex-direction:column;justify-content:center;padding:var(--pad);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out),visibility 0s linear .3s}
.menu.open{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out)}
.menu a{font-family:var(--display);font-size:2.3rem;font-weight:600;letter-spacing:-.035em;text-decoration:none;padding:8px 0;opacity:0;transform:translateY(24px);transition:opacity .45s var(--ease-out),transform .45s var(--ease-out)}
.menu.open a{opacity:1;transform:none}
.menu.open a:nth-child(2){transition-delay:.05s}.menu.open a:nth-child(3){transition-delay:.1s}.menu.open a:nth-child(4){transition-delay:.15s}.menu.open a:nth-child(5){transition-delay:.2s}.menu.open a:nth-child(6){transition-delay:.25s}
.menu .btn{margin-top:28px;align-self:flex-start;font-family:"Geist",sans-serif;font-size:1rem;letter-spacing:0}
@media (max-width:940px){.nav-links,.nav .btn{display:none}.burger{display:block}}

/* ===== HERO ===== */
.hero{position:relative;isolation:isolate;padding-top:clamp(108px,13vh,150px);overflow:hidden}
.hero-fx{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 30% 60% at 62% 55%,rgba(110,125,255,.22),transparent 70%),var(--bg)}
.hero-fx canvas{position:absolute;inset:0;width:100%;height:100%}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.hero-copy{max-width:800px;position:relative}
.hero h1{font-size:clamp(2.3rem,4.4vw,3.9rem);line-height:1.02;letter-spacing:-.04em;font-weight:600;text-shadow:0 2px 40px rgba(5,6,11,.9)}
.hero .lead{max-width:44ch;color:#c5cae0;text-shadow:0 1px 24px rgba(5,6,11,.95)}
.cta-row{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
html.js .hero-copy > *{animation:rise 1s var(--ease-out) both}
html.js .hero-copy > *:nth-child(2){animation-delay:.08s}html.js .hero-copy > *:nth-child(3){animation-delay:.16s}
@keyframes rise{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.stage{position:relative;margin-top:clamp(48px,7vh,84px);padding-inline:var(--pad)}
.frame{--bx:70%;position:relative;width:min(1040px,100%);margin-left:auto;margin-right:max(0px,calc((100% - 1040px) * .28));border-radius:18px 18px 0 0;padding:1px 1px 0;background:linear-gradient(to bottom,rgba(200,208,255,.55),rgba(186,196,255,.06) 55%);box-shadow:0 -30px 120px -30px rgba(120,135,255,.5)}
html.js .frame{animation:frameIn 1.3s var(--ease-out) .15s both}
@keyframes frameIn{from{opacity:0;transform:translateY(40px) scale(.985)}to{opacity:1;transform:none}}
.frame::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;border-radius:2px;background:radial-gradient(ellipse 46% 100% at var(--bx) 50%,#fff,rgba(200,208,255,.75) 30%,transparent 100%);filter:drop-shadow(0 0 8px rgba(160,175,255,.9))}
.frame-in{border-radius:17px 17px 0 0;background:radial-gradient(ellipse 60% 46% at var(--bx) 0%,rgba(120,135,255,.2),transparent 70%),#070910;overflow:hidden}
.f-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--faint)}
.f-bar > i{width:10px;height:10px;border-radius:50%;background:rgba(186,196,255,.16)}
.f-url{margin-left:12px;padding:5px 12px;border-radius:8px;background:rgba(186,196,255,.06);color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-live{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted)}
.f-live i{width:7px;height:7px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 10px #6ee7a8}
.f-body{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,44px);padding:clamp(24px,3.4vw,48px) clamp(20px,3.4vw,48px) 0;min-height:380px;transition:opacity .45s ease}
.f-body.fade{opacity:0}
.f-tag{font-size:.8rem;color:var(--accent-hi)}
.f-h{margin-top:12px;font-family:var(--display);font-size:clamp(1.5rem,2.9vw,2.6rem);font-weight:600;letter-spacing:-.035em;line-height:1.05;min-height:2.1em}
.f-h::after{content:"";display:inline-block;width:2px;height:.9em;margin-left:3px;background:var(--accent-hi);vertical-align:-.08em;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.f-p{margin-top:12px;color:var(--muted);font-size:.95rem;max-width:42ch}
.f-cta{margin-top:20px;display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:.85rem;font-weight:650}
.f-chips{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap}
.f-chips span{font-size:.74rem;padding:6px 11px;border-radius:999px;background:rgba(186,196,255,.06);box-shadow:0 0 0 1px var(--line) inset;color:var(--muted)}
.inbox{align-self:start;border-radius:16px 16px 0 0;background:rgba(186,196,255,.035);box-shadow:0 0 0 1px var(--line) inset;padding:16px 16px 0;min-height:300px}
.inbox-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;color:var(--muted)}
.inbox-top b{font-family:var(--display);font-size:1.7rem;color:var(--text);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.inbox-list{margin-top:12px;display:grid;gap:8px}
.lead-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(8,10,19,.9);box-shadow:0 0 0 1px var(--line-2) inset;font-size:.8rem;line-height:1.35;opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}
.lead-item.show{opacity:1;transform:none}
.lead-item .li-i{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi)}
.lead-item b{display:block;font-weight:600;color:var(--text)}
.lead-item small{color:var(--faint);font-size:.72rem}
.stage-note{position:absolute;right:calc(var(--pad) + 14px);bottom:10px;font-size:.74rem;color:var(--faint);z-index:2}
@media (max-width:820px){
  .hero{padding-top:112px}
  .frame{--bx:84%;margin-right:auto}
  .f-body{grid-template-columns:1fr;min-height:0}
  .f-chips{display:none}
  .inbox{min-height:210px}
  .f-live span{display:none}
}

/* logos */
.logos{padding-block:44px 0}
.logos p{text-align:center;color:var(--faint);font-size:.9rem}
.marquee{margin-top:22px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:72px;width:max-content;animation:marq 46s linear infinite}
.marquee-track span{font-family:var(--display);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;color:#8088a6;white-space:nowrap}
.marquee-track span:nth-child(3n+2){font-weight:400;letter-spacing:.01em}
@keyframes marq{to{transform:translateX(-50%)}}

/* problem / polarity */
.pol{margin-top:56px}
.pol-stage{position:relative;height:clamp(300px,36vw,420px)}
.pol-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.pol-site{position:absolute;left:68%;top:50%;transform:translate(-50%,-50%);width:clamp(120px,15vw,176px);padding:12px;border-radius:14px;background:#070910;box-shadow:0 0 0 1px var(--line-2),0 0 0 0 rgba(143,157,255,0);transition:box-shadow .8s var(--ease-out)}
.pol[data-mode="magnet"] .pol-site{box-shadow:0 0 0 1px rgba(200,208,255,.7),0 0 80px 6px rgba(143,157,255,.55)}
.pol-site i{display:block;height:7px;border-radius:4px;background:rgba(186,196,255,.14);margin-bottom:7px}
.pol-site i:nth-child(1){width:44%;height:9px;background:rgba(186,196,255,.3)}.pol-site i:nth-child(3){width:70%}
.pol-site b{display:block;margin-top:10px;height:22px;border-radius:999px;background:rgba(186,196,255,.14);transition:background-color .6s ease}
.pol[data-mode="magnet"] .pol-site b{background:var(--accent)}
.pol-hud{position:absolute;left:clamp(16px,3vw,32px);bottom:clamp(14px,2.4vw,26px);display:flex;gap:clamp(18px,3vw,40px);font-size:.84rem;color:var(--faint)}
.pol-hud b{display:block;font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:600;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1}
.pol-hud .hot b{color:var(--accent-hi)}
.seg{position:absolute;left:clamp(16px,3vw,32px);top:clamp(14px,2.4vw,26px);display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:rgba(5,6,11,.7);box-shadow:0 0 0 1px var(--line-2) inset;z-index:2}
.seg button{position:relative;z-index:1;border:0;background:none;cursor:pointer;padding:9px 18px;border-radius:999px;font-size:.9rem;font-weight:550;color:var(--muted);transition:color .25s ease;white-space:nowrap}
.seg button[aria-pressed="true"]{color:var(--ink)}
.seg::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(180deg,#fff,#dfe3ff);transition:transform .45s var(--ease-drawer)}
.pol[data-mode="magnet"] .seg::before{transform:translateX(100%)}
.pol-note{margin-top:12px;font-size:.84rem;color:var(--faint)}
.pains{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.pains h3{font-size:1.55rem}
.pains p{margin-top:10px;color:var(--muted);font-size:.99rem}
.pains div{padding-top:22px;border-top:1px solid var(--line-2)}
.future{margin-top:64px;font-family:var(--display);font-size:clamp(1.45rem,2.7vw,2.15rem);line-height:1.18;letter-spacing:-.03em;font-weight:500;max-width:30ch;color:var(--text)}
.future span{color:var(--faint)}
@media (max-width:860px){.pains{grid-template-columns:1fr}.pol-site{left:72%}.seg button{padding:9px 13px;font-size:.84rem}}

/* objections */
.objections{background:var(--bg-2);border-block:1px solid var(--line)}
.obj-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px)}
.obj-grid h2{font-size:clamp(1.9rem,3.6vw,2.9rem);max-width:14ch}
.acc{border-top:1px solid var(--line-2)}
.acc details{border-bottom:1px solid var(--line-2)}
.acc summary{list-style:none;cursor:pointer;padding:24px 48px 24px 0;position:relative;font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.45rem);font-weight:550;letter-spacing:-.02em;line-height:1.25}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--muted),var(--muted)) center/14px 1.5px no-repeat,linear-gradient(var(--muted),var(--muted)) center/1.5px 14px no-repeat;transition:transform .25s var(--ease-out)}
.acc details[open] summary::after{transform:rotate(45deg)}
.acc .a{padding:0 0 26px;color:var(--muted);max-width:62ch;display:grid;gap:12px}
.acc .a strong{color:var(--text);font-weight:600}
@media (max-width:860px){.obj-grid{grid-template-columns:1fr}}

/* flow diagram */
.flow{margin-top:60px}
.flow svg{width:100%;height:auto;overflow:visible}
.flow .n rect{fill:#0c0f1a;stroke:rgba(186,196,255,.2)}
.flow .n text{fill:#f1f2f9;font:500 17px "Geist",sans-serif}
.flow .n .s{fill:#7d849f;font-size:13px}
.flow .hub rect{fill:#0a0d1c;stroke:rgba(200,208,255,.6)}
.flow .hub .t{font:600 22px "Funnel",sans-serif;letter-spacing:-.02em}
.flow .lane rect{fill:rgba(143,157,255,.1);stroke:rgba(143,157,255,.3)}
.flow .lane text{fill:#c8cfff;font:500 15px "Geist",sans-serif}
.flow path{fill:none;stroke:rgba(186,196,255,.16);stroke-width:1.5}
.flow path.p{stroke:#c8cfff;stroke-width:2;stroke-linecap:round;stroke-dasharray:14 240;filter:drop-shadow(0 0 5px #8f9dff);animation:dash 3.2s linear infinite;animation-delay:var(--dl,0s)}
@keyframes dash{from{stroke-dashoffset:254}to{stroke-dashoffset:0}}
.flow-m{display:none;list-style:none;margin:0;padding:0;gap:10px}
.flow-m li{padding:14px 18px;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line-2) inset;color:var(--muted);font-size:.95rem}
.flow-m li b{color:var(--text);font-weight:600;display:block}
.flow-m li.hub{background:var(--accent-soft);box-shadow:0 0 0 1px rgba(143,157,255,.4) inset}
@media (max-width:820px){.flow svg{display:none}.flow-m{display:grid}}
.forces{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.forces .k{font-family:var(--display);font-size:.95rem;color:var(--accent-hi)}
.forces h3{margin-top:10px;font-size:1.7rem}
.forces p{margin-top:12px;color:var(--muted)}
@media (max-width:860px){.forces{grid-template-columns:1fr}}

/* bento */
.bento{margin-top:56px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.cell{grid-column:span 4}
.cell.w7{grid-column:span 7}.cell.w5{grid-column:span 5}
.cell .core{padding:28px;display:flex;flex-direction:column;gap:18px;min-height:300px}
.cell h3{font-size:1.4rem}
.cell p{color:var(--muted);font-size:.97rem;max-width:46ch}
.cell .viz{margin-top:auto}
.c-glow .core{background:radial-gradient(ellipse 80% 80% at 100% 0%,rgba(143,157,255,.2),transparent 60%),var(--surface)}
.chat{display:grid;gap:10px;font-size:.88rem}
.chat .q{justify-self:end;max-width:86%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:rgba(186,196,255,.1);color:var(--text)}
.chat .r{max-width:92%;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#070910;box-shadow:0 0 0 1px var(--line-2) inset;color:var(--muted)}
.chat .r mark{background:var(--accent-soft);color:var(--accent-hi);padding:1px 6px;border-radius:6px;box-shadow:0 0 0 1px rgba(143,157,255,.35) inset}
.chat small{color:var(--faint);font-size:.76rem}
.bars{display:grid;gap:14px;font-size:.86rem;color:var(--muted)}
.bars div{display:grid;gap:6px}
.bars i{display:block;height:10px;border-radius:6px;background:rgba(186,196,255,.22);transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease-out) .2s}
.bars .us i{width:9%;background:linear-gradient(90deg,var(--accent),#fff);box-shadow:0 0 18px rgba(143,157,255,.8)}
.in .bars i,.bars.in i{transform:none}
.stack{display:grid;gap:5px}
.stack span{padding:7px 12px;border-radius:9px;background:rgba(186,196,255,.05);box-shadow:0 0 0 1px var(--line) inset;font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between;gap:10px}
.stack span b{color:var(--accent-hi);font-weight:500}
.ab{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.8rem;color:var(--muted)}
.ab div{padding:12px;border-radius:12px;box-shadow:0 0 0 1px var(--line) inset}
.ab div.win{box-shadow:0 0 0 1px rgba(143,157,255,.55) inset;background:var(--accent-soft);color:var(--text)}
.ab b{display:block;font-family:var(--display);font-size:1.5rem;font-weight:600;color:var(--text);letter-spacing:-.03em}
.own{display:flex;flex-wrap:wrap;gap:8px}
.own span{font-size:.84rem;padding:7px 13px;border-radius:999px;background:var(--chip);box-shadow:0 0 0 1px var(--line) inset;color:var(--muted)}
@media (max-width:960px){.cell,.cell.w7,.cell.w5{grid-column:span 12}.cell .core{min-height:0}}

/* audience tabs */
.aud{margin-top:52px;display:grid;grid-template-columns:.9fr 1.5fr;gap:clamp(24px,4vw,56px);align-items:start}
.tabs{display:grid;gap:6px}
.tabs button{text-align:left;border:0;background:none;cursor:pointer;padding:18px 20px;border-radius:var(--r-md);font-family:var(--display);font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:550;letter-spacing:-.025em;color:var(--faint);transition:color .25s ease,background-color .25s ease}
.tabs button[aria-selected="true"]{color:var(--text);background:var(--chip);box-shadow:0 0 0 1px var(--line-2) inset}
@media (hover:hover) and (pointer:fine){.tabs button:hover{color:var(--text)}}
.panel{display:none;padding:clamp(24px,3.4vw,44px)}
.panel.on{display:block;animation:swap .4s var(--ease-out)}
@keyframes swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panel h3{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.panel > p{margin-top:14px;color:var(--muted);max-width:58ch}
.ticks{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.ticks li{display:grid;grid-template-columns:20px 1fr;gap:10px;color:var(--text-2);font-size:.97rem}
.ticks li svg{margin-top:5px;color:var(--accent-hi)}
@media (max-width:860px){.aud{grid-template-columns:1fr}.tabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.tabs button{font-size:1rem;padding:12px 16px;white-space:nowrap}.ticks{grid-template-columns:1fr}}

/* story */
.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,6vw,96px);align-items:start}
.portrait-wrap{position:sticky;top:120px}
.portrait{aspect-ratio:4/5}
.portrait img,.portrait video{width:100%;height:100%;object-fit:cover}
.sig{margin-top:16px;display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--muted);padding-inline:6px}
.sig strong{color:var(--text);font-weight:600;display:block}
.story h2{font-size:clamp(2rem,3.9vw,3.2rem)}
.story-body{margin-top:32px;display:grid;gap:22px;font-size:1.08rem;color:var(--text-2);max-width:62ch}
.turn{font-family:var(--display);font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.16;letter-spacing:-.03em;color:var(--text);font-weight:550;padding-block:8px}
.turn span{background:linear-gradient(90deg,var(--accent-hi) 0 50%,color-mix(in srgb,var(--text) 30%,transparent) 50% 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;transition:background-position 1.8s var(--ease-out) .2s}
.turn.in span{background-position:0 0}
.creds{margin:32px 0 0;display:flex;flex-wrap:wrap;gap:10px;padding:0}
.creds li{list-style:none;padding:8px 14px;border-radius:999px;background:var(--chip);box-shadow:0 0 0 1px var(--line) inset;font-size:.88rem;color:var(--muted)}
.clip{margin-top:28px;aspect-ratio:16/9}
.clip video,.clip img{width:100%;height:100%;object-fit:cover}
.cap{margin-top:10px;font-size:.84rem;color:var(--faint);padding-inline:6px}
@media (max-width:900px){.story-grid{grid-template-columns:1fr}.portrait-wrap{position:static;max-width:420px}}

/* proof */
.nums{margin-top:60px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.num-c{grid-column:span 4}
.num-c.w6{grid-column:span 6}
.num-c .core{padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:214px}
.num{font-family:var(--display);font-size:clamp(2.7rem,5.2vw,4.3rem);font-weight:600;letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}
.num.acc{color:var(--accent-hi)}
.num-c p{color:var(--muted);font-size:.97rem;max-width:44ch}
.num-c p strong{color:var(--text);font-weight:600}
.src{display:block;margin-top:8px;font-size:.8rem;color:var(--faint)}
.voices{margin-top:14px;display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.voice{margin:0}
.voice .core{padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.voice blockquote{margin:0;color:#d5d9ea;font-size:1.02rem;line-height:1.55}
.voice.big blockquote{font-family:var(--display);font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.3;letter-spacing:-.02em;color:var(--text);font-weight:500}
.who{display:flex;flex-direction:column;font-size:.88rem;color:var(--faint)}
.who strong{color:var(--text);font-weight:600;font-size:.95rem}
.ref-note{margin-top:16px;font-size:.86rem;color:var(--faint)}
.shots{margin-top:56px;display:grid;grid-template-columns:1.2fr clamp(230px,25vw,330px) .9fr 1.2fr;gap:14px}
.shot{margin:0}
.shot .ph{border-radius:var(--r-lg);overflow:hidden;height:clamp(230px,25vw,330px);background:var(--surface)}
.shot .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.shot:hover .ph img{transform:scale(1.03)}}
@media (max-width:900px){.num-c,.num-c.w6{grid-column:span 12}.voices{grid-template-columns:1fr}.shots{grid-template-columns:1fr}}
/* Quadratisches Foto ungeschnitten: Spalte so breit wie die Zellhöhe (Desktop), sonst 1:1 */
@media (max-width:900px){.shot .ph.sq{height:auto;aspect-ratio:1}}

/* offer */
.eq{margin-top:56px;padding:clamp(26px,4vw,52px);display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(16px,2.6vw,36px)}
.eq .lhs{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:600;letter-spacing:-.03em}
.eq .is{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.5rem);color:var(--faint)}
.frac{display:grid;gap:14px}
.frac .row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.frac .bar{height:1px;background:linear-gradient(90deg,transparent,var(--accent-hi),transparent)}
.frac .x{color:var(--faint);font-family:var(--display);font-size:1.3rem}
.term{padding:14px 18px;border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line-2) inset;background:var(--chip)}
.term small{display:block;font-size:.78rem;color:var(--faint)}
.term b{display:block;margin-top:2px;font-weight:600;font-size:1rem;line-height:1.3}
.up .term{box-shadow:0 0 0 1px rgba(143,157,255,.45) inset;background:var(--accent-soft)}
@media (max-width:860px){.eq{grid-template-columns:1fr}.eq .is{display:none}.frac .row{grid-template-columns:1fr}.frac .x{text-align:center}}
.compare{margin-top:14px;display:grid;grid-template-columns:1fr 1.25fr;gap:14px;align-items:stretch}
.plan{padding:32px;border-radius:var(--r-xl)}
.plan.old{box-shadow:0 0 0 1px var(--line) inset}
.plan.old h3{color:var(--muted)}
.plan .pr{margin-top:18px;font-family:var(--display);font-size:clamp(2.1rem,4vw,3rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.plan.old .pr{color:var(--faint)}
.plan .pr small{font-family:"Geist",sans-serif;font-size:.9rem;color:var(--faint);font-weight:500;letter-spacing:0;margin-left:6px}
.plan ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:11px}
.plan li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:.97rem;color:var(--muted)}
.plan li svg{margin-top:5px}
.plan.old li svg{color:var(--faint)}
.plan.new{background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(143,157,255,.24),transparent 65%),var(--surface);box-shadow:0 0 0 1px rgba(143,157,255,.4) inset,0 40px 90px -40px rgba(143,157,255,.5)}
.plan.new li{color:var(--text-2)}
.plan.new li svg{color:var(--accent-hi)}
.badge{display:inline-block;font-size:.78rem;padding:5px 11px;border-radius:999px;background:var(--accent-hi);color:var(--on-accent);font-weight:700}
.plan .sub{margin-top:8px;color:var(--muted);font-size:.95rem}
.plan .btn{margin-top:28px}
.ent{margin-top:14px;padding:26px 30px;border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--line) inset;display:grid;grid-template-columns:1fr 1.6fr;gap:24px;align-items:center}
.ent p{color:var(--muted);font-size:.95rem;margin-top:6px}
.filter{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.filter > div{padding:24px 28px;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line) inset}
.filter h3{font-family:"Geist",sans-serif;font-size:1.02rem;letter-spacing:-.01em}
.filter p{margin-top:8px;color:var(--muted);font-size:.95rem}
.filter .yes{background:var(--accent-soft);box-shadow:0 0 0 1px rgba(143,157,255,.3) inset}
@media (max-width:900px){.compare,.ent,.filter{grid-template-columns:1fr}}

/* calculator */
.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}
.cost-grid h2{max-width:14ch}
.calc .core{padding:clamp(24px,3vw,36px)}
.field{display:grid;gap:8px;margin-bottom:22px}
.field label{display:flex;justify-content:space-between;gap:12px;font-size:.93rem;color:var(--muted)}
.field output{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) var(--fill,50%),var(--line-2) var(--fill,50%))}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--line-2)}
input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:999px;background:var(--thumb);margin-top:-9px;box-shadow:0 0 0 5px rgba(143,157,255,.3)}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:999px;background:var(--thumb);box-shadow:0 0 0 5px rgba(143,157,255,.3)}
.calc-out{margin-top:6px;padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px}
.calc-out .k{font-size:.86rem;color:var(--faint)}
.calc-out .v{font-family:var(--display);font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:4px;white-space:nowrap}
.calc-out .v.hot{color:var(--accent-hi)}
.calc-note{margin-top:16px;color:var(--faint);font-size:.85rem}
@media (max-width:900px){.cost-grid{grid-template-columns:1fr}}

/* steps */
.steps{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:21px;height:1px;background:linear-gradient(90deg,var(--line-2),var(--accent-hi));transform-origin:left;transition:transform 1.8s var(--ease-io)}
html.js .steps:not(.in)::before{transform:scaleX(0)}
.step{padding-right:28px;position:relative}
.step .dot{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--surface-2);box-shadow:0 0 0 1px var(--line-2) inset;font-family:var(--display);font-weight:600}
.step:nth-child(2) .dot{background:var(--accent-hi);color:var(--on-accent);box-shadow:0 0 30px rgba(143,157,255,.8)}
.step .when{display:block;margin-top:22px;font-size:.88rem;color:var(--accent-hi)}
.step h3{margin-top:6px;font-size:1.4rem}
.step p{margin-top:10px;color:var(--muted);font-size:.97rem}
@media (max-width:900px){.steps{grid-template-columns:1fr;gap:34px}.steps::before{left:21px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(to bottom,var(--line-2),var(--accent-hi));transform-origin:top}html.js .steps:not(.in)::before{transform:scaleY(0)}.step{padding:0 0 0 64px}.step .dot{position:absolute;left:0;top:0}.step .when{margin-top:8px}}

/* quiz */
.paths{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.path{padding:28px;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line) inset}
.path h3{font-family:"Geist",sans-serif;font-size:1.1rem;letter-spacing:-.01em}
.path p{margin-top:10px;color:var(--muted);font-size:.97rem}
.path.b{background:linear-gradient(150deg,rgba(143,157,255,.16),rgba(143,157,255,.02));box-shadow:0 0 0 1px rgba(143,157,255,.36) inset}
@media (max-width:760px){.paths{grid-template-columns:1fr}}
.check-grid{margin-top:72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:start}
.check-grid h2{font-size:clamp(1.9rem,3.5vw,2.8rem);max-width:15ch}
.promise{margin-top:28px;display:grid;gap:14px}
.promise div{display:grid;grid-template-columns:22px 1fr;gap:12px;color:var(--muted);font-size:.98rem}
.promise svg{color:var(--accent-hi);margin-top:5px}
.promise strong{color:var(--text);font-weight:600}
.wizard .core{padding:clamp(24px,3.4vw,40px);min-height:470px;display:flex;flex-direction:column}
.progress{display:flex;gap:6px}
.progress i{flex:1;height:3px;border-radius:3px;background:rgba(186,196,255,.14);transition:background-color .3s ease}
.progress i.on{background:var(--accent-hi)}
.q-panel{display:flex;flex-direction:column;flex:1;animation:swap .35s var(--ease-out)}
.q-count{margin-top:20px;font-size:.88rem;color:var(--faint)}
.q-text{margin-top:8px;font-family:var(--display);font-size:clamp(1.45rem,2.6vw,1.95rem);letter-spacing:-.03em;line-height:1.12;font-weight:600}
.opts{margin-top:24px;display:grid;gap:10px}
.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:54px;padding:12px 16px;border-radius:14px;border:0;cursor:pointer;background:rgba(186,196,255,.04);box-shadow:0 0 0 1px var(--line-2) inset;font-size:.98rem;transition:background-color .18s ease,box-shadow .18s ease,transform .14s var(--ease-out)}
.opt:active{transform:scale(.985)}
.opt i{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 1.5px var(--line-2) inset}
@media (hover:hover) and (pointer:fine){.opt:hover{background:var(--accent-soft);box-shadow:0 0 0 1px rgba(143,157,255,.6) inset}}
.back{margin-top:18px;background:none;border:0;color:var(--faint);cursor:pointer;padding:6px 0;font-size:.9rem;align-self:flex-start}
.result h3{font-size:clamp(1.55rem,2.6vw,2.05rem)}
.result p{margin-top:12px;color:var(--muted)}
.rec{margin-top:18px;padding:18px 20px;border-radius:16px;background:var(--accent-soft);box-shadow:0 0 0 1px rgba(143,157,255,.34) inset}
.rec b{display:block;color:var(--text);font-weight:600}
.rec ul{margin:10px 0 0;padding-left:18px;color:#dcdff0;font-size:.95rem}
.actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
@media (max-width:900px){.check-grid{grid-template-columns:1fr}}
@media (max-width:520px){.actions .btn{white-space:normal;text-align:left;line-height:1.25}.wizard .core{padding:22px 18px}}

/* faq */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px)}
.faq-grid h2{max-width:13ch;font-size:clamp(2rem,3.8vw,3rem)}
.faq-grid .acc summary{font-family:"Geist",sans-serif;font-size:1.1rem;font-weight:550;letter-spacing:-.012em}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}}

/* final */
.final{position:relative;overflow:hidden;padding-block:clamp(120px,15vw,210px);text-align:center;border-top:1px solid var(--line);isolation:isolate}
.final::before{content:"";position:absolute;left:50%;top:0;bottom:46%;width:2px;margin-left:-1px;z-index:-1;background:linear-gradient(to bottom,transparent,#fff 70%);box-shadow:0 0 14px 2px rgba(160,175,255,.9),0 0 70px 12px rgba(120,135,255,.55)}
.final::after{content:"";position:absolute;left:50%;top:54%;width:1200px;height:560px;z-index:-1;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 50% at center,rgba(120,135,255,.34),transparent 70%);pointer-events:none}
.final h2{margin:0 auto;font-size:clamp(2.5rem,6.6vw,5.6rem);max-width:13ch;letter-spacing:-.045em;text-shadow:0 0 60px var(--bg),0 0 30px var(--bg)}
.final .lead{margin:24px auto 0}
.final .btn{margin-top:36px}
footer{border-top:1px solid var(--line);padding-block:60px 44px;color:var(--faint);font-size:.92rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot h3{font-family:"Geist",sans-serif;font-size:.95rem;color:var(--text);font-weight:600;margin-bottom:14px;letter-spacing:0}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot a{text-decoration:none;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.foot a:hover{color:var(--text)}}
.foot .about{max-width:42ch;margin-top:16px}
.legal{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.84rem}
.legal a{color:inherit;margin-left:18px}
@media (max-width:760px){.foot{grid-template-columns:1fr}}
.sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(12,15,26,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 0 1px var(--line-2) inset,0 20px 40px -10px rgba(0,0,0,.8);transform:translateY(140%);transition:transform .4s var(--ease-drawer)}
.sticky-cta.show{transform:none}
.sticky-cta p{font-size:.86rem;line-height:1.3;color:var(--muted)}
.sticky-cta p strong{color:var(--text);font-weight:600;display:block}
@media (max-width:760px){.sticky-cta{display:flex}}

/* subpages */
.page-hero{position:relative;padding-top:clamp(140px,18vh,200px);padding-bottom:clamp(56px,8vw,110px);overflow:hidden;isolation:isolate}
.page-hero::before{content:"";position:absolute;left:72%;top:0;height:78%;width:2px;z-index:-1;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.9));box-shadow:0 0 14px 2px rgba(160,175,255,.8),0 0 90px 18px rgba(120,135,255,.5)}
.page-hero::after{content:"";position:absolute;left:72%;top:78%;width:900px;height:500px;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(ellipse 50% 50% at center,rgba(120,135,255,.3),transparent 70%)}
.ph-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,88px);align-items:end}
.page-hero h1{font-size:clamp(2.4rem,4.8vw,4.3rem);letter-spacing:-.04em}
.ph-img{aspect-ratio:2/3;max-height:620px;justify-self:end;width:100%;max-width:400px}
.ph-img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
@media (max-width:860px){.ph-grid{grid-template-columns:1fr}.ph-img{justify-self:start;max-width:300px}.page-hero::before,.page-hero::after{left:82%}}
.tl{margin-top:56px;display:grid;gap:0;border-top:1px solid var(--line-2)}
.tl article{display:grid;grid-template-columns:140px 1fr 1.1fr;gap:clamp(16px,3vw,48px);padding:34px 0;border-bottom:1px solid var(--line-2);align-items:start}
.tl .y{font-family:var(--display);font-size:1.5rem;color:var(--accent-hi);letter-spacing:-.02em}
.tl h3{font-size:1.5rem}
.tl p{color:var(--muted)}
.tl .media{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);margin-top:18px}
.tl .media img,.tl .media video{width:100%;height:auto}
@media (max-width:860px){.tl article{grid-template-columns:1fr;gap:10px}}
.gal{margin-top:52px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.gal figure{margin:0;grid-column:span 6}
.gal figure.w4{grid-column:span 4}.gal figure.w8{grid-column:span 8}
.gal .ph{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);height:clamp(220px,30vw,400px)}
.gal .ph img,.gal .ph video{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.gal figure,.gal figure.w4,.gal figure.w8{grid-column:span 12}}
.prose{max-width:74ch;padding-top:clamp(130px,16vh,180px);padding-bottom:var(--section)}
.prose h1{font-size:clamp(2.2rem,4vw,3.2rem)}
.prose h2{font-size:1.5rem;margin-top:44px;letter-spacing:-.02em}
.prose p,.prose li{color:var(--muted);margin-top:14px}
.prose ul{padding-left:20px}
.prose mark{background:rgba(255,214,102,.16);color:#ffe29a;padding:1px 6px;border-radius:6px}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .rv{opacity:1;transform:none;filter:none;transition:none}
  html.js .hero-copy > *,html.js .frame{animation:none}
  .marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:24px 48px}
  .marquee-track span[aria-hidden]{display:none}
  .flow path.p{animation:none;stroke-dasharray:none;opacity:.5}
  .turn span{background-position:0 0;transition:none}
  html.js .steps:not(.in)::before{transform:none}
  .bars i{transform:none;transition:none}
  .f-h::after{animation:none}
}
.stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:1;background:linear-gradient(to bottom,transparent,var(--bg) 92%);pointer-events:none}
.page-hero::before,.page-hero::after{display:none}
.ph-img{position:relative;aspect-ratio:auto;max-height:none;width:min(100%,400px);overflow:visible}
.ph-img .core{height:auto}
.ph-img img{height:auto;aspect-ratio:2/3}
.ph-img::before{content:"";position:absolute;left:50%;bottom:calc(100% - 1px);height:70vh;width:2px;margin-left:-1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95));box-shadow:0 0 14px 2px rgba(160,175,255,.8),0 0 90px 18px rgba(120,135,255,.5);pointer-events:none}
.ph-img::after{content:"";position:absolute;left:50%;top:0;width:760px;height:420px;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(ellipse 50% 50% at center,rgba(120,135,255,.38),transparent 70%);pointer-events:none}
.ph-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.page-hero h1{font-size:clamp(2.1rem,3.6vw,3.2rem);hyphens:auto;-webkit-hyphens:auto}
@media (max-width:860px){.ph-grid{grid-template-columns:minmax(0,1fr)}.ph-img::before{display:none}}
.tl .cap{font-size:.84rem;color:var(--faint)}
@media (min-width:901px) and (max-width:1100px){.shots{grid-template-columns:1fr 1fr}.shots .shot:nth-child(-n+2) .ph{height:auto;aspect-ratio:1}}

/* ===== v2: glowing CTA ===== */
@property --gx{syntax:"<percentage>";inherits:true;initial-value:78%}
.btn-primary{position:relative;isolation:isolate;background:var(--btn-bg);color:var(--btn-fg);animation:gx 4.6s var(--ease-io) infinite alternate}
@keyframes gx{from{--gx:60%}to{--gx:92%}}
.btn-primary::before{content:"";position:absolute;inset:-12px -18px;z-index:-2;border-radius:999px;background:radial-gradient(36% 72% at var(--gx) 50%,rgba(255,140,62,.95),rgba(255,86,64,.5) 48%,transparent 78%);filter:blur(15px);pointer-events:none;transition:opacity .3s ease;opacity:.92}
.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(44% 130% at var(--gx) 50%,rgba(255,146,72,.98),rgba(255,188,138,.6) 42%,transparent 76%),var(--btn-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--btn-fg) 16%,transparent) inset,0 1px 0 rgba(255,255,255,.5) inset}
.btn-sm.btn-primary::before{inset:-7px -10px;filter:blur(11px)}
@media (hover:hover) and (pointer:fine){.btn-primary:hover::before{opacity:1}}
/* ===== v2: light / dark bands ===== */
.dark{--bg:#05060b;--bg-2:#080a13;--surface:#0c0f1a;--surface-2:#121628;--line:rgba(186,196,255,.09);--line-2:rgba(186,196,255,.17);--text:#f1f2f9;--text-2:#d3d7ea;--muted:#a4aac0;--faint:#7d849f;--accent:#8f9dff;--accent-hi:#c8cfff;--accent-soft:rgba(143,157,255,.12);--chip:rgba(186,196,255,.05);--on-accent:#0a0c1f;--thumb:#fff;--btn-bg:#fff;--btn-fg:#0a0c1f;--card-shadow:0 0 0 0 transparent;color:var(--text);color-scheme:dark}
.light{--bg:#f3f4fb;--bg-2:#e8eaf7;--surface:#fff;--surface-2:#eceefb;--line:rgba(22,28,80,.09);--line-2:rgba(22,28,80,.17);--text:#0a0c1f;--text-2:#262b45;--muted:#4b5170;--faint:#676d8c;--accent:#4f5df5;--accent-hi:#3b47d6;--accent-soft:rgba(79,93,245,.09);--chip:rgba(22,28,80,.045);--on-accent:#fff;--thumb:#3b47d6;--btn-bg:#0a0c1f;--btn-fg:#fff;--card-shadow:0 34px 70px -38px rgba(40,50,130,.4),0 2px 6px rgba(40,50,130,.06);color:var(--text);color-scheme:light}
.band{position:relative;border-radius:clamp(26px,4vw,56px);overflow:clip;background:radial-gradient(60% 520px at 88% 0%,rgba(120,135,255,.22),transparent 70%),radial-gradient(46% 600px at 0% 46%,rgba(170,130,255,.12),transparent 70%),radial-gradient(50% 520px at 100% 100%,rgba(255,150,90,.10),transparent 70%),var(--bg)}
.light ::selection{background:rgba(79,93,245,.25);color:var(--text)}
.light .objections{background:color-mix(in srgb,var(--bg-2) 70%,transparent)}
.shell.dark{background:#0a0c16;box-shadow:0 0 0 1px rgba(22,28,80,.25),0 44px 90px -44px rgba(20,25,90,.6)}
.light .plan.new.dark{box-shadow:0 0 0 1px rgba(143,157,255,.4) inset,0 50px 100px -44px rgba(30,40,140,.65)}
.light .plan.old{background:rgba(255,255,255,.55)}
.light .steps .step:nth-child(2) .dot{box-shadow:0 0 28px rgba(79,93,245,.55)}
.light .tabs button[aria-selected="true"]{background:#fff;box-shadow:0 0 0 1px var(--line-2) inset,var(--card-shadow)}
.light .ent,.light .filter > div{background:rgba(255,255,255,.55)}
.light .filter .yes{background:var(--accent-soft)}
@media (prefers-reduced-motion:reduce){.btn-primary{animation:none}}

/* ===== v2.1: icons ===== */
.gi{width:46px;height:46px;margin-bottom:18px;filter:drop-shadow(0 6px 14px rgba(63,102,255,.35))}
.pains .gi{margin-top:2px}
/* ===== v2.1: travelling light around boxes ===== */
[data-glow]{position:relative;isolation:isolate}
.glow-halo,.glow-ring,.glow-cover{position:absolute;pointer-events:none}
.glow-halo{inset:-64px;z-index:-3;overflow:hidden;border-radius:90px;
  -webkit-mask:radial-gradient(circle,#000 .85px,transparent 1.25px) 0 0/3px 3px,linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(transparent,#000 64px,#000 calc(100% - 64px),transparent);-webkit-mask-composite:source-in,source-in;
  mask:radial-gradient(circle,#000 .85px,transparent 1.25px) 0 0/3px 3px,linear-gradient(90deg,transparent,#000 64px,#000 calc(100% - 64px),transparent),linear-gradient(transparent,#000 64px,#000 calc(100% - 64px),transparent);mask-composite:intersect,intersect}
.glow-cover{inset:0;z-index:-2;border-radius:var(--gr,26px)}
.glow-ring{inset:-1.5px;z-index:-1;border-radius:calc(var(--gr,26px) + 1.5px);overflow:hidden;padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.glow-halo i,.glow-ring i{position:absolute;left:50%;top:50%;width:var(--gd,1400px);height:var(--gd,1400px);margin:calc(var(--gd,1400px) / -2) 0 0 calc(var(--gd,1400px) / -2);background:conic-gradient(from 240deg,transparent 0 7%,#2f62ff 15%,#bfe2ff 21%,#2f62ff 27%,transparent 36% 57%,#ff5e1f 65%,#ffd0a3 71%,#ff5e1f 77%,transparent 86%);animation:glowspin 12s linear infinite;animation-play-state:paused}
.glow-halo i{filter:blur(22px)}
.glow-on .glow-halo i,.glow-on .glow-ring i{animation-play-state:running}
@keyframes glowspin{to{transform:rotate(1turn)}}
/* ===== v2.1: closing with live clock ===== */
.closing{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(96px,11vw,170px);border-top:1px solid var(--line)}
.closing::before,.closing::after{content:"";position:absolute;z-index:-1;height:170px;pointer-events:none;-webkit-mask:radial-gradient(circle,#000 .75px,transparent 1.1px) 0 0/3px 3px;mask:radial-gradient(circle,#000 .75px,transparent 1.1px) 0 0/3px 3px}
.closing::before{left:-6%;top:6%;width:46%;transform:rotate(17deg);transform-origin:left top;background:linear-gradient(90deg,rgba(255,106,43,.95),rgba(255,106,43,0))}
.closing::after{right:-6%;bottom:4%;width:64%;transform:rotate(17deg);transform-origin:right bottom;background:linear-gradient(270deg,rgba(63,98,255,.85),rgba(63,98,255,0))}
.closing-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center}
.closing h2{font-size:clamp(2.3rem,5vw,4.3rem);max-width:13ch;letter-spacing:-.04em}
.closing .lead{max-width:44ch}
.closing .lead b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.clock{--ah:300deg;--am:60deg;--s:0;position:relative;width:min(430px,74vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 38%,#151824,#06070b 72%);box-shadow:0 0 0 12px #0b0c11,0 0 0 13px rgba(255,255,255,.08),0 50px 90px -20px #000,inset 0 0 70px rgba(0,0,0,.85)}
.clock::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/5px 5px;-webkit-mask:radial-gradient(closest-side,#000 40%,transparent 96%);mask:radial-gradient(closest-side,#000 40%,transparent 96%)}
.clock::after{content:"";position:absolute;right:-22px;top:50%;width:10px;height:28px;margin-top:-14px;border-radius:3px;background:#101116;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.ck-wash,.ck-ticks,.ck-trail,.ck-g{position:absolute;border-radius:50%}
.ck-wash{inset:3%;opacity:.85;background:conic-gradient(from calc(var(--ah) - 150deg),transparent,rgba(63,98,255,.6) 150deg,transparent 151deg),conic-gradient(from calc(var(--am) - 120deg),transparent,rgba(255,106,43,.55) 120deg,transparent 121deg);-webkit-mask:radial-gradient(circle,#000 .75px,transparent 1.1px) 0 0/3px 3px;mask:radial-gradient(circle,#000 .75px,transparent 1.1px) 0 0/3px 3px}
.ck-ticks{inset:4.5%;background:repeating-conic-gradient(from -.6deg,rgba(255,255,255,.34) 0 1.2deg,transparent 1.2deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(closest-side,transparent calc(100% - 11px),#000 calc(100% - 10px))}
.ck-trail{-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
.ck-trail.h{inset:11%;background:conic-gradient(from calc(var(--ah) - 190deg),transparent,#3f62ff 150deg,#e3ecff 190deg,transparent 190.4deg)}
.ck-trail.m{inset:21%;background:conic-gradient(from calc(var(--am) - 150deg),transparent,#ff5e1f 120deg,#ffe0c4 150deg,transparent 150.4deg)}
.ck-g{inset:0;filter:blur(13px);opacity:.95}
.ck-g .ck-trail{-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 20px),#000 calc(100% - 19px));mask:radial-gradient(closest-side,transparent calc(100% - 20px),#000 calc(100% - 19px))}
.ck-logo{position:absolute;left:31%;top:31%;width:38%;height:38%;fill:#07080c;filter:drop-shadow(0 1px 0 rgba(255,255,255,.07))}
.hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:4px}
.hand.h{width:6px;height:25%;margin-left:-3px;background:linear-gradient(to top,#2c2f3a,#b9c8ff);transform:rotate(var(--ah));box-shadow:0 0 14px rgba(90,120,255,.6)}
.hand.m{width:4px;height:35%;margin-left:-2px;background:linear-gradient(to top,#2c2f3a,#ffb98a);transform:rotate(var(--am));box-shadow:0 0 14px rgba(255,106,43,.6)}
.hand.s{width:1.5px;height:41%;margin-left:-.75px;background:#6d7385;animation:ckspin 60s linear infinite;animation-delay:calc(var(--s) * -1s)}
@keyframes ckspin{to{transform:rotate(1turn)}}
.pin{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#1b1d26;box-shadow:0 0 0 2px #3a3e4d}
@media (max-width:860px){.closing-grid{grid-template-columns:1fr}.clock{width:min(300px,70vw)}.closing::before{width:80%}.closing::after{width:90%}}
@media (prefers-reduced-motion:reduce){.glow-halo i,.glow-ring i{animation:none}.hand.s{animation:none;transform:rotate(calc(var(--s) * 6deg))}}

/* ===== v2.2: bento on light ===== */
.mb{position:relative;isolation:isolate;margin-top:52px;--g:18px}
.mb::before,.mb::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.mb::before{left:calc(16% - 300px);top:-30px;width:640px;height:620px;background:radial-gradient(closest-side,rgba(47,98,255,.6),rgba(90,150,255,.25) 55%,transparent)}
.mb::after{right:-80px;top:120px;width:520px;height:460px;background:radial-gradient(closest-side,rgba(255,130,150,.3),transparent)}
.mb-streaks{position:absolute;z-index:-1;left:3%;top:-300px;width:1px;height:440px;background:rgba(110,190,255,.55);box-shadow:46px 30px 0 rgba(110,190,255,.4),88px -20px 0 rgba(110,190,255,.5),96px 60px 0 rgba(120,160,255,.25),150px 10px 0 rgba(110,190,255,.35);-webkit-mask:linear-gradient(to bottom,transparent,#000 40%,#000 70%,transparent);mask:linear-gradient(to bottom,transparent,#000 40%,#000 70%,transparent)}
.mb-head .lead{max-width:52ch}
.mb-note{margin-top:22px;font-size:.84rem;color:var(--faint)}
.mb-r1,.mb-r2{display:grid;gap:var(--g)}
.mbc{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;min-height:252px;background:radial-gradient(130% 90% at 50% -12%,#2c2d35,#0d0d11 62%);box-shadow:0 0 0 5px #fff,0 30px 60px -26px rgba(20,24,90,.55);color:#f1f2f9}
.mbc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px) 0 0/5px 5px;-webkit-mask:linear-gradient(to bottom,#000,transparent 58%);mask:linear-gradient(to bottom,#000,transparent 58%)}
.mbc::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.mbc.glow-bl::after{background:radial-gradient(85% 75% at 0% 100%,rgba(47,98,255,.95),rgba(47,98,255,.25) 55%,transparent 75%)}
.mbc.glow-tr::after{background:radial-gradient(80% 70% at 100% 0%,rgba(47,98,255,.9),rgba(47,98,255,.2) 55%,transparent 75%)}
.mbc.f::after{background:radial-gradient(60% 75% at 50% 112%,rgba(110,120,255,.95),rgba(60,90,255,.35) 50%,transparent 75%)}
.mbc .t{position:relative;padding:22px 24px 0;font-size:1rem;line-height:1.28;color:#9da1b3;max-width:32ch}
.mbc .t b{color:#fff;font-weight:600}
.mbc .v{position:absolute;left:0;right:0;bottom:0;top:104px}
/* checklist */
.ckl{display:grid;gap:13px;align-content:start;-webkit-mask:linear-gradient(to bottom,#000 45%,transparent 96%);mask:linear-gradient(to bottom,#000 45%,transparent 96%)}
.ckl .row{margin-left:var(--x);width:max-content;display:flex;gap:10px;align-items:center;padding:9px 16px 9px 10px;border-radius:9px;background:rgba(13,14,19,.82);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;font-size:.8rem;color:#d9dbe6;white-space:nowrap}
.ckl s{color:#8e92a6}
.cb{flex:none;width:17px;height:17px;border-radius:4.5px;box-shadow:0 0 0 1.4px rgba(255,255,255,.4) inset;display:grid;place-items:center}
.cb.on{background:#fff;box-shadow:none}
/* schedule */
.sch .ev{position:absolute;left:24px;top:4px;width:min(74%,240px);padding:12px 14px 13px;border-radius:8px;background:rgba(15,16,21,.94);border-left:2px solid #fff;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 18px 30px -12px #000;font-size:.78rem;display:grid;gap:4px;color:#aeb2c4}
.sch .ev b{color:#fff;font-weight:550;font-size:.84rem}
.sch .ev em{font-style:normal;display:flex;align-items:center;gap:7px;margin-top:5px;color:#c8cfff}
.sch .ev em svg{width:14px;height:14px}
.sch .ev.ghost{left:74px;top:44px;height:92px;opacity:.5;border-left-color:rgba(255,255,255,.4)}
.sch .ln{position:absolute;left:44%;top:100px;bottom:0;width:1px;background:rgba(255,255,255,.2)}
/* circle */
.mb-circ{position:relative}
.mbc.circ{border-radius:50%;height:100%;aspect-ratio:1;min-height:0;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(90% 90% at 50% 0%,#3a3b45,#0d0d11 70%)}
.mbc.circ::before{-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);mask:radial-gradient(closest-side,#000 30%,transparent 100%)}
.circ .big{font-family:var(--display);font-size:7.2rem;margin-top:-26px;font-weight:700;line-height:.86;letter-spacing:-.04em;color:#fff;text-shadow:0 0 34px rgba(255,255,255,.75),0 0 90px rgba(170,190,255,.6)}
.circ .lbl{display:block;margin-top:10px;font-size:.84rem;color:#9da1b3;line-height:1.25}
.circ .lbl b{display:block;font-size:1.22rem;color:#fff;font-weight:500;letter-spacing:-.01em}
.plus{position:absolute;right:2px;bottom:2px;width:62px;height:62px;border-radius:50%;background:#101014;box-shadow:0 0 0 5px #fff;display:grid;place-items:center;color:#fff}
/* chat */
.cht{padding:0 20px;display:grid;gap:9px;align-content:start;font-size:.78rem;line-height:1.3}
.bub{padding:9px 12px;border-radius:7px;max-width:80%}
.bub.u{justify-self:end;background:linear-gradient(180deg,#f1f1f5,#b9bac4);color:#15161c;box-shadow:0 10px 24px -8px #000}
.bub.a{background:rgba(15,16,21,.94);box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;color:#c9ccd9}
.bub.a b{color:#ffb27a;font-weight:550}
.cht .inp{margin-top:3px;display:flex;justify-content:space-between;align-items:center;padding:9px 12px 9px 14px;border-radius:12px;background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;color:#7f8397}
/* editor */
.mbc.e .pil{display:block;padding:20px 24px 0;font-size:1rem;color:#fff;line-height:1}
.mbc.e .t{padding-top:10px}
.mbc.e .v{top:148px}
.cur{display:inline-block;width:1.5px;height:1.05em;margin-left:3px;background:#fff;vertical-align:-.16em;animation:blink 1s steps(2) infinite}
.blk{margin:0 20px;padding:10px 12px;border-radius:10px 10px 0 0;background:rgba(40,60,160,.28);box-shadow:0 0 0 1px rgba(160,180,255,.3) inset;display:grid;gap:9px;align-content:start;-webkit-mask:linear-gradient(to bottom,#000 40%,transparent 96%);mask:linear-gradient(to bottom,#000 40%,transparent 96%)}
.blk small{font-size:.68rem;color:#9aa2c8}
.blk div{display:flex;gap:10px;align-items:center}
.blk i{flex:none;font-style:normal;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;font-size:.72rem;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.28) inset}
.blk span{display:grid;font-size:.66rem;color:#8f95b5;line-height:1.3}
.blk span b{font-size:.82rem;color:#fff;font-weight:450}
/* orb */
.mbc.f .v{top:84px}
.oc{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1b2140,#0a0c18);box-shadow:0 0 0 2px #a9c0ff,0 0 0 9px rgba(120,150,255,.14),0 0 40px 6px rgba(110,140,255,.9),inset 0 0 22px rgba(110,140,255,.7)}
.oc::after{content:"";position:absolute;inset:-26px;border-radius:50%;box-shadow:0 0 0 1px rgba(170,190,255,.35);animation:orbp 3.2s var(--ease-out) infinite}
@keyframes orbp{from{transform:scale(.7);opacity:.9}to{transform:scale(1.5);opacity:0}}
.chip{position:absolute;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;background:radial-gradient(circle at 50% 25%,#3a3d4c,#15161d);box-shadow:0 0 0 2px rgba(255,255,255,.85),0 10px 22px -6px #000;animation:chipf 5s ease-in-out infinite alternate}
.chip b{font-family:var(--display);font-size:1.15rem;font-weight:600}
.chip.far{width:38px;height:38px;filter:blur(1.6px);opacity:.5;box-shadow:0 0 0 1.5px rgba(255,255,255,.5)}
.chip.far svg{width:14px;height:14px}
.chip.c1{left:17%;top:36%;animation-delay:-1s}.chip.c2{left:28%;top:64%;width:58px;height:58px;animation-delay:-2.2s}.chip.c3{right:26%;top:62%;width:58px;height:58px;animation-delay:-.4s}.chip.c4{right:15%;top:28%;animation-delay:-3s}
.chip.c5{left:30%;top:6%}.chip.c6{left:5%;top:60%;animation-delay:-1.6s}.chip.c7{right:5%;top:66%;animation-delay:-2.6s}
@keyframes chipf{from{transform:translateY(-5px)}to{transform:translateY(6px)}}
/* a/b panels */
.mbc.g .v{top:112px}
.pn{position:absolute;border-radius:9px 9px 0 0;padding:11px 13px;font-size:.74rem;display:grid;gap:3px;align-content:start}
.pn b{font-weight:550;font-size:.84rem;display:flex;justify-content:space-between;align-items:center}
.pn.bk{top:26px;bottom:0;width:38%;background:rgba(28,29,36,.9);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset;color:#777b8f}
.pn.bk b{color:#9a9eb0}
.pn.bk.l{left:6%}.pn.bk.r{right:6%}
.pn.fr{left:29%;right:29%;top:0;bottom:0;background:linear-gradient(180deg,#f4f4f7,#c9cad3);color:#2a2c38;box-shadow:0 20px 40px -10px #000}
.pn.fr b{color:#111218}.pn.fr b i{color:#ff8a3c;display:grid}
.pn.fr em{font-style:normal;color:#3b47d6;font-weight:600;padding-bottom:7px;border-bottom:1px solid rgba(20,22,40,.14)}
.pn.fr ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:5px;color:#4a4d5e}
.pn.fr li{padding-left:12px;position:relative}
.pn.fr li::before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:2px;background:#8a8da0}
@media (min-width:1101px){
  .mb-head,.mb-note{margin-left:16%}
  .mb-r1{grid-template-columns:1.04fr 1fr auto 1fr;margin-left:16%;height:256px}
  .mb-r2{grid-template-columns:calc(17.2% + 16px) 1.24fr 1fr;margin-top:var(--g);margin-right:7%;height:238px}
  .mb-r1 .mbc,.mb-r2 .mbc{min-height:0}
  .mbc.e{margin-top:calc(var(--g) * -1);overflow:visible}
  .mbc.e::before,.mbc.e::after{border-radius:30px}
  .mbc.e .blk{border-radius:10px 10px 0 0}
  .mb-r2 .mbc.e > .t{max-width:none;padding-right:18px;font-size:.98rem}
  .mb-fillet{display:block}
}
.mb-fillet{display:none;position:absolute;width:30px;height:30px;right:21px;bottom:calc(100% + 5px);background:radial-gradient(circle at 0 0,transparent 29.5px,#fff 30px)}
.wrap.wide{max-width:1400px}
@media (max-width:1100px){
  .mb{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
  .mb-r1,.mb-r2{display:contents}
  .mbc.g{grid-column:span 2}
  .mb-circ{justify-self:center;width:min(100%,260px);aspect-ratio:1}
  .mb::before{left:-200px}
}
@media (max-width:640px){
  .mb{grid-template-columns:1fr}
  .mbc.g{grid-column:auto}
  .mbc{min-height:262px}
}
@media (prefers-reduced-motion:reduce){.cur,.chip,.oc::after{animation:none}}

/* ===== v4: refined buttons ===== */
.btn{gap:10px;padding:0 26px;height:52px;font-size:.8rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.btn .ico{width:auto;height:auto;background:none;border-radius:0;color:inherit;display:inline-grid}
.btn-sm{height:40px;padding:0 18px;font-size:.71rem;gap:8px}
.btn-sm .ico{width:auto;height:auto}
@media (hover:hover) and (pointer:fine){.btn:hover .ico{transform:translateX(3px)}}
.btn-primary{color:#3a1d0e;background:none;animation:gx 5.5s var(--ease-io) infinite alternate}
@keyframes gx{from{--gx:4%}to{--gx:19%}}
.btn-primary::after{background:radial-gradient(36% 125% at var(--gx) 50%,#fff 0,#fff 26%,rgba(255,238,220,.96) 50%,rgba(255,255,255,0) 100%),linear-gradient(180deg,#dedee4,#c8c8d0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),inset 0 1px 0 #fff,0 10px 30px -12px rgba(0,0,0,.6)}
.btn-primary::before{inset:-18px -26px;background:radial-gradient(28% 60% at calc(var(--gx) * .84 + 5%) 50%,rgba(255,170,96,.98),rgba(255,96,34,.62) 42%,transparent 76%);filter:blur(13px);opacity:1}
.btn-sm.btn-primary::before{inset:-12px -16px;filter:blur(10px)}
.btn-ghost{height:52px;padding:0 24px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:var(--text);transition:background-color .2s ease,box-shadow .2s ease,transform .16s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.btn-ghost:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}}
.sticky-cta .btn{height:40px}
@media (max-width:520px){.btn{height:50px;padding:0 20px;font-size:.74rem;letter-spacing:.03em}.cta-row{gap:10px}}
/* ===== v4: crisp halftone over the hero light ===== */
.hero-dots{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#fff .7px,#b4b8c8 1.25px) 0 0/4px 4px;mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(var(--bxp,60%) - 54px),transparent calc(var(--bxp,60%) - 16px),transparent calc(var(--bxp,60%) + 16px),#000 calc(var(--bxp,60%) + 54px)),radial-gradient(ellipse 250px 130px at var(--bxp,60%) var(--byp,60%),transparent 55%,#000 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 calc(var(--bxp,60%) - 54px),transparent calc(var(--bxp,60%) - 16px),transparent calc(var(--bxp,60%) + 16px),#000 calc(var(--bxp,60%) + 54px)),radial-gradient(ellipse 250px 130px at var(--bxp,60%) var(--byp,60%),transparent 55%,#000 100%);mask-composite:intersect}
.hero .lead{font-size:clamp(1rem,1.2vw,1.1rem);max-width:43ch}
.nav-links a{font-size:.88rem}
/* ===== v4: bento micro motion ===== */
.ckl .row{transition:color .4s ease}
.ckl .row .cb{transition:background-color .35s var(--ease-out),box-shadow .35s ease}
.ckl .row .cb svg{opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .45s var(--ease-out)}
.ckl .row.done{color:#8e92a6}
.ckl .row.done > span{text-decoration:line-through;text-decoration-color:rgba(142,146,166,.7)}
.ckl .row.done .cb{background:#fff;box-shadow:none}
.ckl .row.done .cb svg{opacity:1;transform:none}
.sch .ev:not(.ghost){animation:evf 7s ease-in-out infinite alternate}
.sch .ev.ghost{animation:evf 9s ease-in-out -3s infinite alternate-reverse}
@keyframes evf{from{transform:translate3d(0,-3px,0)}to{transform:translate3d(0,5px,0)}}
html.js .mbc .bub.a{opacity:0;transform:translateY(8px) scale(.98);transition:opacity .6s var(--ease-out) 1.1s,transform .6s var(--ease-out) 1.1s}
html.js .mbc.in .bub.a{opacity:1;transform:none}
html.js .mbc .bub.u{opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease-out) .35s,transform .5s var(--ease-out) .35s}
html.js .mbc.in .bub.u{opacity:1;transform:none}
.pn.fr{animation:evf 8s ease-in-out -2s infinite alternate}
@media (prefers-reduced-motion:reduce){.sch .ev,.pn.fr{animation:none}html.js .mbc .bub{opacity:1;transform:none;transition:none}}

/* ===== v5: finesse ===== */
.nav{box-shadow:0 0 0 1px var(--line) inset,0 1px 0 rgba(255,255,255,.07) inset,0 20px 50px -20px rgba(0,0,0,.8)}
.frame-in{position:relative}
.frame-in::before{content:"";position:absolute;left:var(--bx);top:0;width:230px;height:260px;transform:translateX(-50%);background:radial-gradient(ellipse 50% 100% at 50% 0,rgba(170,186,255,.2),rgba(120,135,255,.06) 45%,transparent 72%);pointer-events:none}
.btn-primary::after{background:radial-gradient(36% 125% at var(--gx) 50%,#fff 0,#fff 24%,rgba(255,240,224,.97) 44%,rgba(255,200,156,.5) 60%,rgba(255,255,255,0) 100%),linear-gradient(180deg,#dedee4,#c8c8d0)}
.spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0px),rgba(170,186,255,.14),transparent 62%);z-index:4}
.mbc:hover > .spot,.core:hover > .spot,.plan.new:hover > .spot{opacity:1}
.plan.new{position:relative;overflow:hidden}
.band{box-shadow:0 -1px 0 rgba(255,255,255,.5) inset}
/* mobile: softer transitions, lighter motion */
@media (max-width:820px){
  .hero .lead{max-width:min(43ch,74vw)}
  .hero h1{max-width:13ch}
  .stage{padding-inline:14px}
  .stage::after{height:110px}
  .hero::after{height:120px}
}
@media (max-width:760px){
  html.js .rv{filter:none;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
  .band{border-radius:28px}
  .section{padding-block:clamp(72px,18vw,104px)}
  .section.tight{padding-top:0}
  .logos{padding-bottom:44px}
  .closing::before{width:78%;height:120px}
  .closing::after{width:92%;height:120px}
}

/* ===== v7 ===== */
.num.acc{border-top:0}
/* golden button: more radiance, strong glow on hover and press */
@property --glr{syntax:"<percentage>";inherits:true;initial-value:36%}
.btn-primary{box-shadow:0 0 26px -2px rgba(255,150,60,.45),0 0 76px 6px rgba(255,120,40,.22);transition:transform .16s var(--ease-out),--glr .45s var(--ease-out)}
.btn-primary::after{background:radial-gradient(var(--glr) 135% at var(--gx) 50%,#fff 0,#fff 24%,rgba(255,238,212,.98) 42%,rgba(255,188,122,.64) 62%,rgba(255,255,255,0) 100%),linear-gradient(180deg,#e2e2e8,#cacad2)}
.btn-primary::before{inset:-22px -30px;background:radial-gradient(32% 64% at calc(var(--gx) * .84 + 5%) 50%,rgba(255,178,98,1),rgba(255,112,40,.68) 44%,transparent 78%);filter:blur(14px);animation:halo 3.2s ease-in-out infinite alternate;transition:transform .4s var(--ease-out),opacity .3s ease}
@keyframes halo{from{opacity:.76}to{opacity:1}}
.btn-sm.btn-primary{box-shadow:0 0 18px -2px rgba(255,150,60,.42)}
.btn-sm.btn-primary::before{inset:-12px -16px;filter:blur(10px)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{--glr:80%;animation:aura .45s var(--ease-out) forwards}
  .btn-primary:hover::before{transform:scale(1.35,1.65);opacity:1;animation:none}
}
.btn-primary:focus-visible{--glr:80%;animation:aura .45s var(--ease-out) forwards}
@keyframes aura{to{box-shadow:0 0 0 1px rgba(255,216,164,.75),0 0 46px 8px rgba(255,162,72,.8),0 0 130px 32px rgba(255,122,40,.5)}}
@keyframes aura2{from{box-shadow:0 0 0 1px rgba(255,216,164,.75),0 0 46px 8px rgba(255,162,72,.8),0 0 130px 32px rgba(255,122,40,.5)}to{box-shadow:0 0 0 1px rgba(255,232,194,.95),0 0 64px 16px rgba(255,172,82,.98),0 0 180px 54px rgba(255,132,40,.68)}}
.btn-primary:active{--glr:130%;animation:aura2 .18s var(--ease-out) forwards}
.btn-primary:active::before{transform:scale(1.55,1.95);opacity:1;animation:none}
/* light waterfall on the frame itself */
.wf{position:absolute;pointer-events:none;z-index:3}
.wf.t{top:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 50%,transparent) 0 0/150px 100% no-repeat}
.wf.t.l{left:16px;width:calc(var(--bx) - 16px);animation:wfl 2.8s linear infinite}
.wf.t.r{left:var(--bx);right:16px;animation:wfr 2.8s linear infinite}
@keyframes wfl{from{background-position:calc(100% + 150px) 0}to{background-position:-150px 0}}
@keyframes wfr{from{background-position:-150px 0}to{background-position:calc(100% + 150px) 0}}
.wf.s{top:14px;width:2px;height:min(74%,440px);background:linear-gradient(180deg,transparent,rgba(238,242,255,.95) 55%,rgba(150,172,255,.6) 76%,transparent) 0 0/100% 160px no-repeat;animation:wfd 3.6s linear infinite;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}
.wf.s.l{left:-1px;animation-delay:-.5s}.wf.s.r{right:-1px}
@keyframes wfd{from{background-position:0 -160px}to{background-position:0 calc(100% + 160px)}}
.frame-in::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(150,172,255,.2),transparent 46px),linear-gradient(270deg,rgba(150,172,255,.2),transparent 46px);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 62%);mask-image:linear-gradient(to bottom,#000,transparent 62%)}
/* magnet tile: stronger pulse, chips get pulled in */
.oc{animation:ocb 2.2s ease-in-out infinite}
@keyframes ocb{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.oc::before{content:"";position:absolute;inset:-38px;border-radius:50%;background:radial-gradient(circle,rgba(120,150,255,.6),transparent 68%);z-index:-1;animation:ocg 2.2s ease-in-out infinite}
@keyframes ocg{0%,100%{opacity:.3;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}
.oc::after{animation-duration:2.2s}
.orb .ring{position:absolute;left:50%;top:50%;width:86px;height:86px;margin:-43px 0 0 -43px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(170,190,255,.45);animation:orbp2 2.2s var(--ease-out) infinite;pointer-events:none}
.orb .ring.r2{animation-delay:.73s}.orb .ring.r3{animation-delay:1.46s}
@keyframes orbp2{from{transform:scale(1);opacity:.9}to{transform:scale(3.3);opacity:0}}
.chip{animation:chipp 2.2s ease-in-out infinite}
@keyframes chipp{0%,100%{transform:translate(0,0)}50%{transform:translate(var(--px,0),var(--py,0))}}
.chip.c1{--px:13px;--py:5px}.chip.c2{--px:11px;--py:-9px}.chip.c3{--px:-11px;--py:-9px}.chip.c4{--px:-13px;--py:6px}.chip.c5{--px:8px;--py:13px}.chip.c6{--px:17px;--py:-4px}.chip.c7{--px:-17px;--py:-4px}
@media (prefers-reduced-motion:reduce){.wf,.oc,.oc::before,.orb .ring,.chip,.btn-primary::before{animation:none}.wf{display:none}}

/* ===== v8: glow frames as before, with room for the text around them ===== */
.pol-note{margin-top:30px;position:relative;z-index:1}
.ent{margin-top:40px}
.ent,.filter,.check-grid > div:first-child,.cost-grid > div:first-child,.paths{position:relative;z-index:1}
.light .ent,.light .filter > div{background:rgba(255,255,255,.84)}
.light .filter .yes{background:color-mix(in srgb,var(--accent) 9%,#fff)}
.wf{opacity:.75}
@media (max-width:900px){.check-grid{gap:64px}.cost-grid{gap:60px}.compare{gap:18px}.ent{margin-top:56px}}
.plan.new{overflow:visible}

/* ===== v9 ===== */
/* button: luminous orange, light source starts on the right, calmer glow */
.btn-primary{box-shadow:0 0 18px -4px rgba(255,140,60,.34);animation:gx 6s var(--ease-io) infinite alternate}
@keyframes gx{from{--gx:80%}to{--gx:94%}}
.btn-primary::before{inset:-14px -20px;filter:blur(12px);background:radial-gradient(30% 62% at calc(var(--gx) * .86 + 7%) 50%,rgba(255,150,72,.95),rgba(255,96,34,.55) 44%,transparent 76%);animation:halo9 3.4s ease-in-out infinite alternate}
@keyframes halo9{from{opacity:.6}to{opacity:.86}}
.btn-sm.btn-primary{box-shadow:0 0 12px -3px rgba(255,140,60,.3)}
.btn-sm.btn-primary::before{inset:-9px -12px;filter:blur(9px)}
@keyframes aura{to{box-shadow:0 0 0 1px rgba(255,214,170,.5),0 0 28px 4px rgba(255,150,70,.5),0 0 80px 14px rgba(255,112,40,.26)}}
@keyframes aura2{from{box-shadow:0 0 0 1px rgba(255,214,170,.5),0 0 28px 4px rgba(255,150,70,.5),0 0 80px 14px rgba(255,112,40,.26)}to{box-shadow:0 0 0 1px rgba(255,226,190,.7),0 0 38px 8px rgba(255,160,80,.66),0 0 110px 26px rgba(255,120,40,.38)}}
@media (hover:hover) and (pointer:fine){.btn-primary:hover{--glr:60%}.btn-primary:hover::before{transform:scale(1.16,1.28)}}
.btn-primary:focus-visible{--glr:60%}
.btn-primary:active{--glr:92%}
.btn-primary:active::before{transform:scale(1.28,1.48)}
/* quiz result: room to breathe */
.result{margin-top:28px}
.result h3{font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.12}
.result > p{margin-top:14px}
.rec{margin-top:22px;padding:22px 24px}
.rec ul{margin-top:12px;display:grid;gap:9px;line-height:1.45}
.actions{margin-top:30px;gap:12px}
.result .back{margin-top:26px}
.wizard .core{min-height:520px}
@media (max-width:520px){
  .wizard .core{padding:26px 20px 24px}
  .rec{padding:20px 18px}
  .actions{display:grid;grid-template-columns:1fr}
  .actions .btn{justify-content:center;white-space:nowrap;text-align:center;line-height:1;height:52px;padding:0 14px;font-size:.72rem;letter-spacing:.02em}
}
/* classic agency price stays on one line */
.plan.old .pr{font-size:clamp(1.6rem,2.3vw,2.2rem)}
.plan .pr small{white-space:nowrap}
/* value formula as a dark bento tile */
.eqc{margin-top:56px;min-height:0;padding-bottom:clamp(28px,3.4vw,44px);background:radial-gradient(110% 80% at 50% 122%,rgba(86,110,255,.6),transparent 60%),radial-gradient(130% 90% at 50% -12%,#2c2d35,#0d0d11 62%)}
.eqc .t{max-width:62ch}
.eqv{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,44px);padding:clamp(26px,3vw,38px) clamp(22px,3.4vw,46px) 0}
.eq-orb{position:relative;width:136px;height:136px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1b2140,#0a0c18);box-shadow:0 0 0 2px #a9c0ff,0 0 0 10px rgba(120,150,255,.14),0 0 46px 8px rgba(110,140,255,.85),inset 0 0 30px rgba(120,150,255,.5);font-family:var(--display);font-size:1.75rem;font-weight:600;letter-spacing:-.03em;color:#fff}
.eq-orb::after{content:"";position:absolute;inset:-24px;border-radius:50%;box-shadow:0 0 0 1px rgba(170,190,255,.35);animation:orbp 3.4s var(--ease-out) infinite}
.eq-is{font-family:var(--display);font-size:2.3rem;color:#8f95ad}
.eq-frac{display:grid;gap:16px;min-width:0}
.eq-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}
.eq-x{align-self:center;color:#8f95ad;font-family:var(--display);font-size:1.25rem}
.eq-pill{padding:15px 18px 16px;border-radius:16px;background:rgba(13,14,19,.84);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 18px 30px -14px #000;display:grid;gap:6px;align-content:start}
.eq-pill small{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.76rem;color:#9da1b3}
.eq-pill small em{font-style:normal;display:inline-flex;align-items:center;gap:5px;color:#c8cfff;white-space:nowrap}
.eq-pill b{font-weight:600;font-size:1rem;line-height:1.3;color:#fff}
.eq-row.up .eq-pill{background:linear-gradient(180deg,rgba(44,58,124,.6),rgba(13,14,19,.88));box-shadow:0 0 0 1px rgba(169,192,255,.55) inset,0 0 28px -6px rgba(110,140,255,.75),0 18px 30px -14px #000}
.eq-row.dn .eq-pill small em{color:#ffb27a}
.eq-bar{display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#c8cfff 16%,#fff 50%,#c8cfff 84%,transparent);box-shadow:0 0 14px rgba(140,160,255,.9)}
@media (max-width:860px){
  .eqv{grid-template-columns:1fr;justify-items:start;gap:20px}
  .eq-orb{width:96px;height:96px;font-size:1.3rem}
  .eq-is{display:none}
  .eq-frac{width:100%}
  .eq-row{grid-template-columns:1fr;gap:8px}
  .eq-x{justify-self:center}
}
@media (prefers-reduced-motion:reduce){.eq-orb::after{animation:none}}

/* ===== v10: activity pattern that lights up around the pointer ===== */
.hero-fx{--ev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='400' viewBox='0 0 620 400'%3E%3Cg transform='translate(22 26)'%3E%3Crect x='.5' y='.5' width='113' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='5.5' r='2.5'/%3E%3Cpath d='M2 13.5c.6-2.6 2.3-4 4.5-4s3.9 1.4 4.5 4M12.5 4v4M10.5 6h4'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3ENeuer Lead%3C/text%3E%3C/g%3E%3Cg transform='translate(318 26)'%3E%3Crect x='.5' y='.5' width='193' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 1.5h5.5L12.5 4.5v10H4zM9.5 1.5v3h3M6 11c1-1.6 1.6.8 2.6-.2s1.2-.6 2 0'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3EVertrag unterschrieben%3C/text%3E%3C/g%3E%3Cg transform='translate(150 104)'%3E%3Crect x='.5' y='.5' width='167' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23ffb27a' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23ffb27a' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.500h9l-.7 9H4.200zM6 5.500V4.500a2 2 0 0 1 4 0v1'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23ffd9bd' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3EKauf abgeschlossen%3C/text%3E%3C/g%3E%3Cg transform='translate(424 104)'%3E%3Crect x='.5' y='.5' width='140' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='11' height='10' rx='1.5'/%3E%3Cpath d='M2.5 6.500h11M5.500 2v3M10.500 2v3M6 10l1.500 1.500L10.200 8.800'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3ETermin gebucht%3C/text%3E%3C/g%3E%3Cg transform='translate(8 182)'%3E%3Crect x='.5' y='.5' width='167' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath d='M5.600 8.200l1.700 1.700 3.200-3.500'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3EAngebot angenommen%3C/text%3E%3C/g%3E%3Cg transform='translate(300 182)'%3E%3Crect x='.5' y='.5' width='153' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23ffb27a' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23ffb27a' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='5.8'/%3E%3Cpath d='M10.200 5.900a3 3 0 1 0 0 4.200M4.900 7.300h4M4.900 8.900h3.400'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23ffd9bd' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3EZahlung erhalten%3C/text%3E%3C/g%3E%3Cg transform='translate(136 260)'%3E%3Crect x='.5' y='.5' width='126' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3.5' width='12' height='9' rx='1.5'/%3E%3Cpath d='M2.500 4.500 8 9l5.500-4.500'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3ENeue Anfrage%3C/text%3E%3C/g%3E%3Cg transform='translate(430 260)'%3E%3Crect x='.5' y='.5' width='140' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2l1.800 3.800 4.200.5-3.100 2.900.8 4.100L8 11.300l-3.700 2 .8-4.100L2 6.300l4.200-.5z'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3ENeue Bewertung%3C/text%3E%3C/g%3E%3Cg transform='translate(30 338)'%3E%3Crect x='.5' y='.5' width='160' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2.500h2l1 3-1.500 1a7 7 0 0 0 4 4l1-1.500 3 1v2a1.500 1.500 0 0 1-1.600 1.500C6.500 13 3 9.500 2.500 4.100A1.500 1.500 0 0 1 4 2.500z'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3ER%C3%BCckruf gew%C3%BCnscht%3C/text%3E%3C/g%3E%3Cg transform='translate(312 338)'%3E%3Crect x='.5' y='.5' width='113' height='30' rx='15' fill='rgba(10,12,24,.55)' stroke='%23c8cfff' stroke-opacity='.55'/%3E%3Cg transform='translate(11 7.5)' fill='none' stroke='%23c8cfff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='5.5' r='2.5'/%3E%3Cpath d='M2 13.5c.6-2.6 2.3-4 4.5-4s3.9 1.4 4.5 4M12.5 4v4M10.5 6h4'/%3E%3C/g%3E%3Ctext x='34' y='20' fill='%23e8ebff' font-family='Geist,system-ui,-apple-system,Segoe UI,sans-serif' font-size='12' font-weight='500'%3ENeuer Lead%3C/text%3E%3C/g%3E%3C/svg%3E")}
.hero-ev{position:absolute;inset:0;pointer-events:none;background:var(--ev) 30px 96px/620px 400px;opacity:.05;-webkit-mask-image:linear-gradient(100deg,transparent 0,transparent 36%,#000 56%);mask-image:linear-gradient(100deg,transparent 0,transparent 36%,#000 56%)}
.hero-ev.hot{opacity:1;filter:drop-shadow(0 0 6px rgba(130,155,255,.7));-webkit-mask-image:radial-gradient(250px circle at var(--mx,-999px) var(--my,-999px),#000 0,rgba(0,0,0,.8) 34%,transparent 100%),linear-gradient(100deg,transparent 0,transparent 36%,#000 56%);-webkit-mask-composite:source-in;mask-image:radial-gradient(250px circle at var(--mx,-999px) var(--my,-999px),#000 0,rgba(0,0,0,.8) 34%,transparent 100%),linear-gradient(100deg,transparent 0,transparent 36%,#000 56%);mask-composite:intersect}
@media (max-width:820px){.hero-ev{display:none}}
@media (max-width:1320px){.mb-streaks{display:none}}

/* ===== v12 ===== */
/* value formula stays above the rotating light of the offer card */
.eqc{z-index:2}
/* pointer overlay a touch quieter */
.hero-ev{opacity:.042}
.hero-ev.hot{opacity:.8}
.plan .pr small{display:inline-block}
/* steps: cards on a lit track */
.stp{position:relative;margin-top:64px;padding-top:50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stp-line{position:absolute;left:0;right:0;top:15px;height:2px;border-radius:2px;background:var(--line-2);overflow:hidden}
.stp-line b{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),#7fa6ff 62%,#ff8a3c);transform-origin:left;transform:scaleX(0);transition:transform 2.6s var(--ease-io) .25s}
.stp.in .stp-line b{transform:none}
.stc{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-height:316px;padding:28px 24px 28px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px var(--line) inset,var(--card-shadow)}
.stc::before{content:"";position:absolute;left:30px;top:-42px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--accent),0 0 0 7px rgba(79,93,245,.13)}
.stc::after{content:"";position:absolute;left:36px;top:-28px;width:2px;height:28px;background:linear-gradient(var(--accent),transparent);opacity:.45}
.stc .n{position:absolute;right:16px;top:2px;font-family:var(--display);font-size:5.6rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:rgba(79,93,245,.09);pointer-events:none}
.stc .gi{margin-bottom:22px}
.stc .when{padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-hi);font-size:.8rem;font-weight:600}
.stc h3{margin-top:14px;font-size:1.38rem;line-height:1.14}
.stc p{margin-top:10px;color:var(--muted);font-size:.97rem}
.stc.hot{z-index:0;background:radial-gradient(120% 78% at 50% 122%,rgba(86,110,255,.62),transparent 60%),radial-gradient(130% 90% at 50% -12%,#2c2d35,#0d0d11 62%);box-shadow:0 0 0 5px #fff,0 30px 60px -22px rgba(30,44,160,.6),0 0 70px -8px rgba(79,93,245,.45)}
.stc.hot::before{background:var(--accent);box-shadow:0 0 0 2px #fff,0 0 22px 5px rgba(79,93,245,.85)}
.stc.hot .n{color:rgba(255,255,255,.09)}
.stc.hot .when{background:rgba(143,157,255,.16);color:#c8cfff}
.stc.hot h3{color:#fff}
.stc.hot p{color:#a9aec4}
.stc .free{margin-top:auto;padding:6px 12px;border-radius:999px;background:#fff;color:#0d0d11;font-size:.8rem;font-weight:700;letter-spacing:.01em;transform:translateY(6px)}
@media (max-width:1000px){.stp{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:62px}.stp-line{display:none}.stc{min-height:0}}
@media (max-width:640px){
  .stp{grid-template-columns:1fr;row-gap:16px;padding-top:0;padding-left:30px;margin-top:44px}
  .stp-line{display:block;left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .stp-line b{transform-origin:top;transform:scaleY(0)}
  .stc::before{left:-31px;top:34px}
  .stc::after{display:none}
  .stc .free{margin-top:18px;transform:none}
}
/* closing: time runs out to the left, revenue rises to the right */
.closing::before,.closing::after{content:none}
.ck-wrap{position:relative;justify-self:center}
.ck-wrap .clock{z-index:1}
.cband{position:absolute;top:50%;height:176px;margin-top:-88px;pointer-events:none;z-index:0}
.cband b{position:absolute;inset:0;display:block}
.cband::before{content:"";position:absolute;left:0;right:0;height:2px;border-radius:2px}
.cband::after{content:"";position:absolute;inset:0;filter:blur(24px);opacity:.34}
.cband.o{right:50%;width:min(1100px,120vw);transform-origin:100% 50%;transform:rotate(27deg)}
.cband.o b{background:linear-gradient(0deg,rgba(255,110,46,.95),rgba(255,110,46,.45) 34%,rgba(255,110,46,0) 100%);-webkit-mask-image:radial-gradient(circle,#000 .8px,transparent 1.15px),linear-gradient(270deg,#000 14%,transparent 90%);-webkit-mask-size:3px 3px,100% 100%;-webkit-mask-composite:source-in;mask-image:radial-gradient(circle,#000 .8px,transparent 1.15px),linear-gradient(270deg,#000 14%,transparent 90%);mask-size:3px 3px,100% 100%;mask-composite:intersect}
.cband.o::before{bottom:0;background:linear-gradient(270deg,#ffd6b4,rgba(255,110,46,.9) 22%,transparent 82%);box-shadow:0 0 18px 2px rgba(255,110,46,.7)}
.cband.o::after{background:linear-gradient(270deg,rgba(255,110,46,.9),transparent 70%)}
.cband.b{left:50%;width:min(1500px,150vw);transform-origin:0 50%;transform:rotate(-42deg) scaleX(.02);opacity:0;transition:transform 1.9s var(--ease-io) .35s,opacity .5s ease .35s}
.closing.in .cband.b{transform:rotate(-42deg) scaleX(1);opacity:1}
.cband.b b{background:linear-gradient(180deg,rgba(104,136,255,.98),rgba(63,98,255,.5) 34%,rgba(63,98,255,0) 100%);-webkit-mask-image:radial-gradient(circle,#000 .8px,transparent 1.15px),linear-gradient(90deg,#000 12%,transparent 94%);-webkit-mask-size:3px 3px,100% 100%;-webkit-mask-composite:source-in;mask-image:radial-gradient(circle,#000 .8px,transparent 1.15px),linear-gradient(90deg,#000 12%,transparent 94%);mask-size:3px 3px,100% 100%;mask-composite:intersect}
.cband.b::before{top:0;background:linear-gradient(90deg,#e4ecff,rgba(104,136,255,.98) 22%,transparent 88%);box-shadow:0 0 20px 2px rgba(80,115,255,.85)}
.cband.b::after{background:linear-gradient(90deg,rgba(63,98,255,.95),transparent 75%)}
@media (max-width:860px){.cband{height:120px;margin-top:-60px}.cband.b{transform:rotate(-30deg) scaleX(.02)}.closing.in .cband.b{transform:rotate(-30deg) scaleX(1)}}
@media (prefers-reduced-motion:reduce){.cband.b{transition:none;transform:rotate(-42deg);opacity:1}.stp-line b{transition:none;transform:none}}
.closing-grid > div:last-child{position:relative;z-index:2}

/* ===== v13 ===== */
/* audiences: blue symbols on the tabs and in the panel */
.tabs button{display:flex;align-items:center;gap:16px}
.tabs button .gi{flex:none;width:34px;height:34px;margin:0;opacity:.5;filter:none;transition:opacity .25s ease,transform .35s var(--ease-out),filter .25s ease}
.tabs button[aria-selected="true"] .gi{opacity:1;transform:scale(1.06);filter:drop-shadow(0 5px 12px rgba(63,102,255,.42))}
@media (hover:hover) and (pointer:fine){.tabs button:hover .gi{opacity:.9}}
.panel > .gi{width:54px;height:54px;margin-bottom:22px}
@media (max-width:860px){.tabs button{gap:10px}.tabs button .gi{width:24px;height:24px}.panel > .gi{width:46px;height:46px;margin-bottom:18px}}
/* closing bands: luminous like light, not like a print pattern */
.cband{height:150px;margin-top:-75px}
.cband::after{inset:-12px 0;filter:blur(20px);opacity:.62}
.cband.o b{background:linear-gradient(0deg,rgba(255,146,70,1),rgba(255,106,43,.78) 26%,rgba(255,90,30,.2) 76%,rgba(255,90,30,0) 100%);-webkit-mask-image:radial-gradient(circle,#000 1.05px,transparent 1.45px),linear-gradient(270deg,#000 0,#000 26%,transparent 96%);-webkit-mask-size:3px 3px,100% 100%;-webkit-mask-composite:source-in;mask-image:radial-gradient(circle,#000 1.05px,transparent 1.45px),linear-gradient(270deg,#000 0,#000 26%,transparent 96%);mask-size:3px 3px,100% 100%;mask-composite:intersect}
.cband.o::after{background:linear-gradient(0deg,rgba(255,124,52,.95),rgba(255,100,40,0) 82%);-webkit-mask-image:linear-gradient(270deg,#000 6%,transparent 82%);mask-image:linear-gradient(270deg,#000 6%,transparent 82%)}
.cband.o::before{bottom:0;height:2px;background:linear-gradient(270deg,#fff3e6,#ffbf8f 10%,rgba(255,110,46,.98) 32%,transparent 88%);box-shadow:0 0 22px 3px rgba(255,122,50,.9),0 -8px 30px 2px rgba(255,122,50,.38)}
.cband.b b{background:linear-gradient(180deg,rgba(128,156,255,1),rgba(72,106,255,.78) 26%,rgba(63,98,255,.2) 76%,rgba(63,98,255,0) 100%);-webkit-mask-image:radial-gradient(circle,#000 1.05px,transparent 1.45px),linear-gradient(90deg,#000 0,#000 24%,transparent 96%);-webkit-mask-size:3px 3px,100% 100%;-webkit-mask-composite:source-in;mask-image:radial-gradient(circle,#000 1.05px,transparent 1.45px),linear-gradient(90deg,#000 0,#000 24%,transparent 96%);mask-size:3px 3px,100% 100%;mask-composite:intersect}
.cband.b::after{background:linear-gradient(180deg,rgba(72,106,255,.98),rgba(63,98,255,0) 82%);-webkit-mask-image:linear-gradient(90deg,#000 6%,transparent 84%);mask-image:linear-gradient(90deg,#000 6%,transparent 84%)}
.cband.b::before{top:0;height:2px;background:linear-gradient(90deg,#eef3ff,#b9caff 10%,rgba(104,136,255,.98) 32%,transparent 90%);box-shadow:0 0 22px 3px rgba(86,120,255,.9),0 8px 30px 2px rgba(86,120,255,.38)}
.clock{background:radial-gradient(circle at 15% 30%,rgba(255,106,43,.36),transparent 42%),radial-gradient(circle at 80% 17%,rgba(63,98,255,.36),transparent 42%),radial-gradient(circle at 50% 38%,#151824,#06070b 72%)}
@media (max-width:860px){.cband{height:104px;margin-top:-52px}}
/* mobile menu: the button keeps its own padding */
.menu .btn{padding:0 26px;height:54px;font-size:.8rem;letter-spacing:.045em;max-width:100%}
@media (max-width:360px){.menu .btn{padding:0 18px;font-size:.74rem;letter-spacing:.03em}}

/* ===== v14 ===== */
/* quiet pointer overlay is the standard now */
.hero-ev{opacity:.02}
.hero-ev.hot{opacity:.17;filter:none}
/* the demo never changes the height of the hero */
.inbox{min-height:0;height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
@media (max-width:820px){.inbox{height:236px;min-height:0}}
/* top edge: a continuous soft flow instead of one bright packet */
.wf.t{opacity:.5;background:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(236,241,255,.9) 70px,rgba(255,255,255,0) 140px)}
.wf.t.l{animation:wfwl 4s linear infinite;-webkit-mask-image:linear-gradient(270deg,#000,transparent 92%);mask-image:linear-gradient(270deg,#000,transparent 92%)}
.wf.t.r{animation:wfwr 4s linear infinite;-webkit-mask-image:linear-gradient(90deg,#000,transparent 92%);mask-image:linear-gradient(90deg,#000,transparent 92%)}
@keyframes wfwl{to{background-position:-140px 0}}
@keyframes wfwr{to{background-position:140px 0}}
/* light spilling over the top edge onto the site itself */
.frame::after{content:"";position:absolute;left:0;right:0;top:0;height:min(48%,320px);border-radius:inherit;pointer-events:none;z-index:2;
  background:linear-gradient(180deg,rgba(190,206,255,.17),rgba(190,206,255,0) 72%) 0 0/100% 100% no-repeat,linear-gradient(180deg,rgba(190,206,255,0),rgba(196,212,255,.13) 50%,rgba(190,206,255,0)) 0 -60%/100% 46% no-repeat;
  -webkit-mask-image:radial-gradient(ellipse 64% 100% at var(--bx) 0,#000 0,rgba(0,0,0,.55) 46%,transparent 100%);mask-image:radial-gradient(ellipse 64% 100% at var(--bx) 0,#000 0,rgba(0,0,0,.55) 46%,transparent 100%);
  animation:spill 6s cubic-bezier(.4,0,.6,1) infinite}
@keyframes spill{0%{background-position:0 0,0 -60%}100%{background-position:0 0,0 200%}}
@media (max-width:820px){.frame-in::before{width:170px;height:190px;opacity:.75}.frame::after{height:min(40%,240px)}}
@media (prefers-reduced-motion:reduce){.frame::after,.wf.t.l,.wf.t.r{animation:none}}