/* Style B – "Synthwave": 80s outrun, neon, arcade vocabulary. 2026-11-03 */
[data-theme=b]{
  --night:#12002b;--pink:#ff2e97;--cyan:#00f0ff;--yellow:#ffd319;--purple:#8c1eff;--text:#f4e9ff;--muted:#bba6dc;
  --track:rgba(0,240,255,.18);--fill-img:linear-gradient(90deg,#8c1eff,#ff2e97);--thumb:#00f0ff;--th:22px;--trk-h:8px;
  --th-sh:0 0 12px #00f0ff,0 0 24px #00f0ff;--focus:#00f0ff;--calc-sep:2px dashed rgba(0,240,255,.35);
  --hz:470px;--sun:420px;--uw:320px;--catch-ok:#ffd319;color-scheme:dark}
[data-theme=b] body{background:var(--night);color:var(--text);font:400 17px/1.6 "Space Grotesk",system-ui,sans-serif}
[data-theme=b] .wordmark,[data-theme=b] h1 > span,[data-theme=b] h2{background:linear-gradient(180deg,#fff 0%,#cfe8ff 38%,#5a3fa0 50%,#ff9ce0 62%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,46,151,.5))}
[data-theme=b] h1 em,[data-theme=b] h2 .soft{font-style:normal;color:var(--pink);text-shadow:0 0 8px var(--pink),0 0 26px var(--pink)}
@keyframes b-blink{50%{opacity:.3}}

/* top bar */
[data-theme=b] .topbar{background:rgba(18,0,43,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,46,151,.45)}
[data-theme=b] .switcher{border-bottom:1px solid rgba(0,240,255,.2);color:var(--muted)}
[data-theme=b] .sw-claim{font:400 17px/1.2 VT323,monospace;letter-spacing:.03em}
[data-theme=b] .sw-claim strong{color:var(--cyan);font-weight:400;text-shadow:0 0 8px var(--cyan)}
[data-theme=b] .switcher{--sw-ico:#ff2e97}
[data-theme=b] .sw-tabs button{font:400 19px/1 VT323,monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(0,240,255,.5);border-radius:4px;color:var(--cyan);padding:3px}
[data-theme=b] .sw-tabs button:hover{background:rgba(0,240,255,.12)}
[data-theme=b] .sw-tabs button[aria-checked=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 0 14px var(--pink)}
[data-theme=b] .wordmark{font:400 21px/1 Audiowide,sans-serif;letter-spacing:.06em;text-transform:uppercase}
[data-theme=b] .mark{width:22px;height:28px;fill:var(--pink);filter:drop-shadow(0 0 6px #ff2e97)}
[data-theme=b] .nav-links{font:400 20px/1 VT323,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-theme=b] .nav-links a:hover{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
[data-theme=b] .btn{font:400 14px/1.1 Audiowide,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:15px 22px;border-radius:6px}
[data-theme=b] .btn-primary{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;box-shadow:0 0 0 2px #ff9cd0 inset,0 0 28px rgba(255,46,151,.6)}
[data-theme=b] .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 2px #fff inset,0 0 46px rgba(255,46,151,.9)}
[data-theme=b] .btn-secondary{border:2px solid var(--cyan);color:var(--cyan);box-shadow:0 0 16px rgba(0,240,255,.35),0 0 16px rgba(0,240,255,.2) inset}
[data-theme=b] .btn-secondary:hover{background:rgba(0,240,255,.12)}
[data-theme=b] .nav-cta{padding:11px 16px;font-size:12.5px}

/* hero scene: horizon, sun, neon unicorn, moving grid */
[data-theme=b] .hero{text-align:center;padding-bottom:20px;background:linear-gradient(180deg,#0b0020 0,#2b0a57 calc(var(--hz) * .45),#5a0f6e calc(var(--hz) - 1px),var(--night) var(--hz))}
[data-theme=b] .b-stars{position:absolute;left:0;right:0;top:0;height:var(--hz);opacity:.85;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 8%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 15%,#fff,transparent),radial-gradient(1px 1px at 85% 32%,#fff,transparent),radial-gradient(1px 1px at 55% 28%,#fff,transparent),radial-gradient(1.5px 1.5px at 18% 42%,#fff,transparent),radial-gradient(1px 1px at 92% 6%,#fff,transparent),radial-gradient(1px 1px at 42% 50%,#fff,transparent)}
[data-theme=b] .b-sun{position:absolute;left:50%;top:calc(var(--hz) - var(--sun));width:var(--sun);height:var(--sun);margin-left:calc(var(--sun) / -2);border-radius:50%;background:linear-gradient(180deg,var(--yellow) 0%,#ff901f 35%,var(--pink) 65%,var(--purple) 100%);box-shadow:0 0 120px rgba(255,46,151,.55);
  -webkit-mask-image:linear-gradient(180deg,#000 0 55%,transparent 55% 58%,#000 58% 66%,transparent 66% 70%,#000 70% 77%,transparent 77% 82%,#000 82% 87%,transparent 87% 93%,#000 93%);
  mask-image:linear-gradient(180deg,#000 0 55%,transparent 55% 58%,#000 58% 66%,transparent 66% 70%,#000 70% 77%,transparent 77% 82%,#000 82% 87%,transparent 87% 93%,#000 93%)}
[data-theme=b] .b-uni{position:absolute;left:50%;width:var(--uw);top:calc(var(--hz) - var(--uw) * 1.25);margin-left:calc(var(--uw) * -.12)}
[data-theme=b] .b-uni-body{fill:rgba(18,0,43,.55);stroke:var(--cyan);stroke-width:4;filter:drop-shadow(0 0 6px #00f0ff) drop-shadow(0 0 18px #00f0ff)}
[data-theme=b] .b-uni g path{filter:drop-shadow(0 0 6px #ff2e97)}
[data-theme=b] .b-grid{position:absolute;left:-50%;right:-50%;top:var(--hz);height:340px;opacity:.8;
  background:linear-gradient(transparent calc(100% - 2px),var(--pink) 0) 0 0/100% 46px,linear-gradient(90deg,transparent calc(100% - 2px),var(--pink) 0) 0 0/70px 100%;
  transform:perspective(320px) rotateX(62deg);transform-origin:top;animation:b-drive 1.2s linear infinite;
  -webkit-mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 70%,transparent)}
@keyframes b-drive{to{background-position:0 46px,0 0}}
[data-theme=b] .hero-in{padding-top:calc(var(--hz) - 50px)}
[data-theme=b] .hero-copy::before{content:"";position:absolute;left:-8%;right:-8%;top:20px;bottom:-30px;background:radial-gradient(ellipse at center,rgba(18,0,43,.9) 35%,transparent 72%);z-index:-1}
[data-theme=b] .badge{font:400 22px/1 VT323,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
[data-theme=b] h1{font:400 clamp(34px,6vw,78px)/1.04 Audiowide,sans-serif;text-transform:uppercase;margin:16px auto 20px;max-width:1000px}
[data-theme=b] h1 em{display:block}
[data-theme=b] .lead{max-width:660px;margin:0 auto 30px;font-size:18.5px;text-shadow:0 2px 12px var(--night)}
[data-theme=b] .lead strong{color:var(--yellow);font-weight:500}
[data-theme=b] .ctas{justify-content:center}
[data-theme=b] .hero-art{display:none}
[data-theme=b] .hi{text-align:center;font:400 26px/1 VT323,monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px var(--cyan);margin:80px 0 16px;animation:b-blink 1.2s steps(2) infinite}
[data-theme=b] .facts{gap:20px;padding:26px 30px;text-align:left;border:2px solid var(--cyan);border-radius:10px;background:rgba(0,240,255,.03);box-shadow:0 0 30px rgba(0,240,255,.25),0 0 30px rgba(0,240,255,.1) inset}
[data-theme=b] .fact{gap:4px}
[data-theme=b] .fact .v{order:2;font:400 42px/1.05 VT323,monospace;white-space:nowrap}
[data-theme=b] .fact .l{order:1;font:400 19px/1.1 VT323,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-theme=b] .fact:nth-child(1) .v{color:var(--pink);text-shadow:0 0 12px var(--pink)}
[data-theme=b] .fact:nth-child(2) .v{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}
[data-theme=b] .fact:nth-child(3) .v{color:var(--yellow);text-shadow:0 0 12px var(--yellow)}

/* sections */
[data-theme=b] .sec{padding:100px 0 0;text-align:center}
[data-theme=b] .sec-head{max-width:820px;margin:0 auto 48px}
[data-theme=b] .kicker{font:400 24px/1 VT323,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
[data-theme=b] .kicker::before{content:"> "}
[data-theme=b] .kicker::after{content:"_";animation:b-blink 1s steps(2) infinite}
[data-theme=b] h2{font:400 clamp(26px,4vw,48px)/1.12 Audiowide,sans-serif;text-transform:uppercase}
[data-theme=b] .sub{color:var(--muted);margin:16px auto 0;max-width:660px}
[data-theme=b] .needs-try{justify-content:center;flex-direction:column}
[data-theme=b] .needs-try p{font:400 22px/1.2 VT323,monospace;letter-spacing:.06em;color:var(--yellow);text-shadow:0 0 8px rgba(255,211,25,.6)}

/* calculator */
[data-theme=b] .calc{text-align:left;border:2px solid var(--cyan);border-radius:14px;background:rgba(0,0,0,.3);box-shadow:0 0 30px rgba(0,240,255,.2),0 0 30px rgba(0,240,255,.08) inset}
[data-theme=b] .calc-in,[data-theme=b] .calc-out{padding:30px}
[data-theme=b] .ctl label,[data-theme=b] .ctl .lbl{font:400 22px/1 VT323,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
[data-theme=b] .ctl output{font:400 26px/1 VT323,monospace;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
[data-theme=b] .ctl-scale{font:400 17px/1 VT323,monospace}
[data-theme=b] .tier-btn{font:400 18px/1 VT323,monospace;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(0,240,255,.5);border-radius:4px;padding:6px 10px;color:var(--cyan)}
[data-theme=b] .tier-btn:hover{background:rgba(0,240,255,.12)}
[data-theme=b] .tier-btn[aria-checked=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 0 14px var(--pink)}
[data-theme=b] .res .k{font:400 20px/1 VT323,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
[data-theme=b] .res .v{font:400 48px/1 VT323,monospace;color:var(--yellow);text-shadow:0 0 14px var(--yellow)}
[data-theme=b] .res:last-child .v{color:var(--pink);text-shadow:0 0 14px var(--pink)}
[data-theme=b] .bar{height:18px;border:1px solid rgba(0,240,255,.5);border-radius:3px;padding:2px}
[data-theme=b] .bar-old{background:repeating-linear-gradient(90deg,#6a4fb0 0 8px,transparent 8px 11px)}
[data-theme=b] .bar-new{background:repeating-linear-gradient(90deg,var(--cyan) 0 8px,transparent 8px 11px);filter:drop-shadow(0 0 6px #00f0ff)}
[data-theme=b] .bar-lab{font:400 19px/1 VT323,monospace;letter-spacing:.06em;text-transform:uppercase}
[data-theme=b] .save{font-size:18px}
[data-theme=b] .save b{color:var(--yellow);text-shadow:0 0 10px rgba(255,211,25,.6)}
[data-theme=b] .ai-note{font-size:14.5px;color:var(--muted);margin-top:14px}
[data-theme=b] .ai-note a{color:var(--cyan)}
[data-theme=b] .fine{font-size:13px;color:var(--muted);margin-top:16px}

/* cards = power-ups */
[data-theme=b] .cards{gap:18px;text-align:left}
[data-theme=b] .card{padding:26px;border-radius:12px;background:linear-gradient(160deg,rgba(255,46,151,.14),rgba(140,30,255,.08));border:1px solid rgba(255,46,151,.5);transition:transform .25s,box-shadow .25s,border-color .25s}
[data-theme=b] .card:hover{transform:translateY(-6px);border-color:var(--pink);box-shadow:0 0 30px rgba(255,46,151,.45)}
[data-theme=b] .card .ic::before{content:attr(data-b);font:400 40px/1 VT323,monospace;color:var(--yellow);text-shadow:0 0 12px var(--yellow)}
[data-theme=b] .card h3{font:400 16px/1.3 Audiowide,sans-serif;text-transform:uppercase;margin:12px 0 10px}
[data-theme=b] .card p{color:var(--muted);font-size:15px}

/* compare */
[data-theme=b] .compare-wrap{text-align:left;border:2px solid rgba(0,240,255,.5);border-radius:12px;box-shadow:0 0 24px rgba(0,240,255,.15)}
[data-theme=b] .compare th,[data-theme=b] .compare td{padding:16px 20px;border-bottom:1px solid rgba(0,240,255,.2)}
[data-theme=b] .compare tbody tr:last-child td{border-bottom:0}
[data-theme=b] .compare th{font:400 20px/1 VT323,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
[data-theme=b] .compare th.us,[data-theme=b] .compare td.us{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.6)}
[data-theme=b] .compare td:first-child{color:var(--muted)}

/* steps = levels */
[data-theme=b] .steps{gap:16px;text-align:left}
[data-theme=b] .step{border:2px solid rgba(0,240,255,.5);border-radius:10px;padding:24px;background:rgba(0,0,0,.25)}
[data-theme=b] .step::before{content:"LVL " counter(step);display:block;font:400 30px/1 VT323,monospace;color:var(--cyan);text-shadow:0 0 8px var(--cyan)}
[data-theme=b] .step h3{font:400 16px/1.25 Audiowide,sans-serif;text-transform:uppercase;margin:10px 0 6px}
[data-theme=b] .step p{color:var(--muted);font-size:15px}

/* pricing */
[data-theme=b] .tiers{gap:14px;text-align:left}
[data-theme=b] .tier{border:1px solid rgba(255,46,151,.55);border-radius:10px;padding:22px 18px;background:rgba(255,46,151,.07)}
[data-theme=b] .tier .p{font:400 46px/1 VT323,monospace;color:var(--pink);text-shadow:0 0 10px var(--pink)}
[data-theme=b] .tier .p small{font-size:20px;color:var(--muted);text-shadow:none}
[data-theme=b] .tier .t{display:block;font:400 14px/1.2 Audiowide,sans-serif;text-transform:uppercase;margin:10px 0 6px}
[data-theme=b] .tier p{color:var(--muted);font-size:14.5px}
[data-theme=b] .tier .spd{font:400 19px/1.1 VT323,monospace;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 6px rgba(0,240,255,.6)}
[data-theme=b] .catch-list li{color:var(--muted)}[data-theme=b] .catch-list b{color:var(--text)}
[data-theme=b] .price-note{color:var(--muted);font-size:15px;margin-top:22px}
[data-theme=b] .catch{text-align:left;margin-top:26px;border:2px solid var(--yellow);border-radius:12px;padding:24px 28px;box-shadow:0 0 24px rgba(255,211,25,.25)}
[data-theme=b] .catch .one{font:400 84px/1 VT323,monospace;color:var(--yellow);text-shadow:0 0 14px var(--yellow)}
[data-theme=b] .catch h3{font:400 18px/1.25 Audiowide,sans-serif;text-transform:uppercase;margin-bottom:8px}
[data-theme=b] .catch p{color:var(--muted)}

/* investors = bonus level */
[data-theme=b] .sec.sec-inv{margin-top:100px;padding:80px 0;text-align:left;background:linear-gradient(90deg,#3a0a6b,#6e0f7a,#3a0a6b);border-top:2px solid var(--pink);border-bottom:2px solid var(--pink)}
[data-theme=b] .sec-inv .kicker{color:var(--yellow);text-shadow:0 0 8px rgba(255,211,25,.6)}
[data-theme=b] .sec-inv .sub{margin-left:0}
[data-theme=b] .chart{border:2px solid var(--cyan);border-radius:12px;padding:26px;background:rgba(18,0,43,.6)}
[data-theme=b] .chart-t{font:400 20px/1.1 VT323,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
[data-theme=b] .chart-row{font:400 20px/1 VT323,monospace;text-transform:uppercase;margin:14px 0}
[data-theme=b] .chart-track{height:14px;background:rgba(255,255,255,.1);border-radius:2px}
[data-theme=b] .chart-b{height:100%;background:#6a4fb0}
[data-theme=b] .chart-b.hl{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}

/* extras */
[data-theme=b] .extras{gap:18px;text-align:left}
[data-theme=b] .extra{border:1px solid rgba(0,240,255,.45);border-radius:12px;padding:26px;background:rgba(0,240,255,.04)}
[data-theme=b] .extra .yr{font:400 22px/1 VT323,monospace;color:var(--yellow);letter-spacing:.1em;text-transform:uppercase}
[data-theme=b] .extra h3{font:400 16px/1.3 Audiowide,sans-serif;text-transform:uppercase;margin:10px 0 8px}
[data-theme=b] .extra p{color:var(--muted);font-size:15px}

/* about + FAQ */
[data-theme=b] .about{text-align:left}
[data-theme=b] .about .sub{margin-left:0}
[data-theme=b] .sig{color:var(--muted)}
[data-theme=b] .sig b{color:var(--cyan);font-weight:500}
[data-theme=b] .faq details{border:1px solid rgba(255,46,151,.45);border-radius:10px;padding:16px 18px;margin-bottom:10px;background:rgba(255,46,151,.05)}
[data-theme=b] .faq summary{font-weight:500}
[data-theme=b] .faq summary::after{color:var(--pink);font:400 28px/1 VT323,monospace}
[data-theme=b] .faq details p{color:var(--muted);margin-top:8px;font-size:15px}

/* CTA + footer */
[data-theme=b] .sec-cta{padding:110px 0 120px;background:radial-gradient(ellipse at 50% 120%,rgba(255,46,151,.45),transparent 60%)}
[data-theme=b] .sec-cta .ctas{justify-content:center;margin-top:30px}
[data-theme=b] .foot{font:400 19px/1.2 VT323,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:26px 0 40px;border-top:1px solid rgba(255,46,151,.3)}
[data-theme=b] .foot a:hover{color:var(--cyan)}

@media (max-width:900px){
  html[data-theme=b]{--hz:380px;--sun:280px;--uw:220px}
  html[data-theme=b] .facts{padding:20px}
  html[data-theme=b] .fact .v{font-size:38px}
}