/* Style E – "Bold": neo-brutalist, thick borders, hard shadows, loud type. 2026-11-03 */
[data-theme=e]{
  --cream:#fff4e4;--ink:#0d0d0d;--pink:#ff4fa3;--yellow:#ffe600;--blue:#2b5bff;--mint:#3ddc97;
  --disp:Archivo,"Arial Black",Arial,sans-serif;--mono:"Space Mono",ui-monospace,monospace;
  --track:#fff;--fill-img:linear-gradient(#ff4fa3,#ff4fa3);--thumb:#ffe600;--th:28px;--trk-h:18px;--trk-r:0;--trk-b:3px solid #0d0d0d;--trk-bw:3px;
  --th-r:0;--th-b:3px solid #0d0d0d;--th-sh:3px 3px 0 #0d0d0d;--focus:#2b5bff;--fact-sep:3px solid #0d0d0d;--calc-sep:3px solid #0d0d0d;--catch-ok:#ff4fa3;color-scheme:light}
[data-theme=e] body{background:var(--cream);color:var(--ink);font:400 17px/1.55 Archivo,Arial,sans-serif}

/* top bar */
[data-theme=e] .topbar{background:var(--cream);border-bottom:3px solid var(--ink)}
[data-theme=e] .switcher{background:var(--yellow);border-bottom:3px solid var(--ink)}
[data-theme=e] .sw-claim{font:700 12px/1.3 var(--mono);text-transform:uppercase}
[data-theme=e] .switcher{--sw-ico:#0d0d0d}
[data-theme=e] .sw-tabs{gap:0}
[data-theme=e] .sw-tabs button{font:700 13px/1 var(--mono);text-transform:uppercase;border:3px solid var(--ink);background:#fff;padding:3px;margin-left:-3px}
[data-theme=e] .sw-tabs button:hover{background:var(--cream)}
[data-theme=e] .sw-tabs button[aria-checked=true]{background:var(--pink);color:#fff}
[data-theme=e] .wordmark{font:900 24px/1 var(--disp);font-stretch:125%;text-transform:uppercase;letter-spacing:-.02em}
[data-theme=e] .mark-box{width:40px;height:40px;background:var(--yellow);border:3px solid var(--ink);border-radius:50%}
[data-theme=e] .mark{width:19px;height:24px;fill:var(--ink)}
[data-theme=e] .nav-links{gap:0}
[data-theme=e] .nav-links a{display:block;padding:9px 13px;font:700 13.5px/1 var(--mono);text-transform:uppercase;border:3px solid transparent}
[data-theme=e] .nav-links a:hover{border-color:var(--ink);background:var(--yellow)}
[data-theme=e] .btn{padding:17px 24px;font:800 16px/1.1 var(--disp);font-stretch:110%;text-transform:uppercase;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
[data-theme=e] .btn:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}
[data-theme=e] .btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}
[data-theme=e] .btn-primary{background:var(--pink);color:#fff}
[data-theme=e] .btn-secondary{background:#fff}
[data-theme=e] .nav-cta{padding:12px 16px;font-size:14px}

/* hero */
[data-theme=e] .hero{padding:50px 0 0}
[data-theme=e] .hero-in{grid-template-columns:1.35fr .65fr;gap:30px}
[data-theme=e] .badge{display:inline-block;font:700 14px/1 var(--mono);text-transform:uppercase;background:var(--ink);color:var(--cream);padding:8px 12px;margin-bottom:22px}
[data-theme=e] h1{font:900 clamp(48px,7.4vw,112px)/.88 var(--disp);font-stretch:118%;letter-spacing:-.03em;text-transform:uppercase}
[data-theme=e] h1 em{font-style:normal;background:var(--pink);color:#fff;padding:0 .12em;display:inline-block;transform:rotate(-1.5deg);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin:.06em 0}
[data-theme=e] h1 s{text-decoration-thickness:.09em;text-decoration-color:var(--pink)}
[data-theme=e] .lead{font-size:19.5px;max-width:640px;margin:28px 0 30px}
[data-theme=e] .lead strong{background:var(--yellow);padding:0 4px}
[data-theme=e] .e-medal{position:relative;aspect-ratio:1;background:var(--yellow);border-radius:50%;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
[data-theme=e] .e-clip{position:absolute;inset:0;border-radius:50%;overflow:hidden}
[data-theme=e] .e-clip svg{position:absolute;width:62%;left:22%;bottom:-2%}
[data-theme=e] .e-sticker{position:absolute;left:-34px;bottom:-3%;max-width:190px;background:var(--blue);color:#fff;font:800 15px/1.15 var(--disp);text-transform:uppercase;padding:14px 16px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-10deg)}
[data-theme=e] .e-sticker2{position:absolute;top:-10px;right:-8px;width:108px;height:108px;display:grid;place-items:center;text-align:center;background:#fff;border:3px solid var(--ink);border-radius:50%;font:900 15px/1.05 var(--disp);text-transform:uppercase;animation:e-wob 3s ease-in-out infinite}
@keyframes e-wob{0%,100%{transform:rotate(12deg)}50%{transform:rotate(-6deg) scale(1.05)}}
[data-theme=e] .facts{margin-top:56px;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff}
[data-theme=e] .fact{padding:26px 22px}
[data-theme=e] .fact:nth-child(1){background:var(--yellow)}[data-theme=e] .fact:nth-child(3){background:var(--pink);color:#fff}
[data-theme=e] .fact .v{font:900 42px/1 var(--disp);font-stretch:112%;letter-spacing:-.03em}
[data-theme=e] .fact .l{font:700 12.5px/1.3 var(--mono);text-transform:uppercase}

/* sections */
[data-theme=e] .sec{padding:90px 0 0}
[data-theme=e] .kicker{display:inline-block;font:700 14px/1 var(--mono);text-transform:uppercase;background:var(--ink);color:var(--cream);padding:8px 12px;margin-bottom:18px}
[data-theme=e] h2{font:900 clamp(36px,5.4vw,72px)/.92 var(--disp);font-stretch:115%;text-transform:uppercase;letter-spacing:-.03em;max-width:1000px}
[data-theme=e] h2 .soft{color:var(--pink)}
[data-theme=e] .sub{font-size:19px;max-width:680px;margin-top:16px}
[data-theme=e] .needs-try{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:14px 16px 14px 22px}
[data-theme=e] .needs-try p{font:800 17px/1.25 var(--disp);font-stretch:110%;text-transform:uppercase}

/* calculator */
[data-theme=e] .calc{background:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
[data-theme=e] .calc-in,[data-theme=e] .calc-out{padding:32px}
[data-theme=e] .calc-out{background:var(--yellow)}
[data-theme=e] .ctl label,[data-theme=e] .ctl .lbl{font:800 16px/1.2 var(--disp);font-stretch:110%;text-transform:uppercase}
[data-theme=e] .ctl output{font:700 14px/1 var(--mono);background:var(--ink);color:#fff;padding:6px 9px}
[data-theme=e] .ctl-scale{font:700 12px/1 var(--mono);text-transform:uppercase}
[data-theme=e] .tier-btn{border:3px solid var(--ink);padding:8px 11px;font:700 13px/1 var(--mono);text-transform:uppercase;background:#fff}
[data-theme=e] .tier-btn:hover{background:var(--yellow)}
[data-theme=e] .tier-btn[aria-checked=true]{background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink)}
[data-theme=e] .res{background:#fff;border:3px solid var(--ink);padding:14px 16px}
[data-theme=e] .res .k{font:700 12px/1.2 var(--mono);text-transform:uppercase}
[data-theme=e] .res .v{font:900 34px/1 var(--disp);font-stretch:112%}
[data-theme=e] .bar{height:30px;border:3px solid var(--ink);background:#fff}
[data-theme=e] .bar-old{background:repeating-linear-gradient(45deg,#0d0d0d 0 3px,#fff 3px 10px)}
[data-theme=e] .bar-new{background:var(--pink);border-right:3px solid var(--ink)}
[data-theme=e] .bar-lab{font:700 13px/1.2 var(--mono);text-transform:uppercase}
[data-theme=e] .save{font:900 22px/1.3 var(--disp);font-stretch:110%;text-transform:uppercase}
[data-theme=e] .save b{background:#fff;padding:0 6px;border:3px solid var(--ink)}
[data-theme=e] .ai-note{font-size:14.5px;margin-top:16px}
[data-theme=e] .ai-note a{text-decoration:underline;font-weight:700}
[data-theme=e] .fine{font:400 12.5px/1.5 var(--mono);margin-top:16px}

/* cards */
[data-theme=e] .cards{gap:24px}
[data-theme=e] .card{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:26px;transition:transform .12s,box-shadow .12s}
[data-theme=e] .card:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:10px 10px 0 var(--ink)}
[data-theme=e] .card .ic::before{content:attr(data-e);font:900 52px/1 var(--disp);font-stretch:125%;color:transparent;-webkit-text-stroke:2.5px var(--ink)}
[data-theme=e] .card h3{font:800 21px/1.1 var(--disp);font-stretch:110%;text-transform:uppercase;margin:14px 0 10px}
[data-theme=e] .card p{font-size:15.5px}
[data-theme=e] .card:nth-child(2),[data-theme=e] .card:nth-child(7){background:var(--yellow)}
[data-theme=e] .card:nth-child(4){background:var(--mint)}
[data-theme=e] .card:nth-child(5){background:var(--pink);color:#fff}
[data-theme=e] .card:nth-child(5) .ic::before{-webkit-text-stroke-color:#fff}

/* compare */
[data-theme=e] .compare-wrap{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
[data-theme=e] .compare th,[data-theme=e] .compare td{padding:16px 20px;border-bottom:3px solid var(--ink)}
[data-theme=e] .compare tbody tr:last-child td{border-bottom:0}
[data-theme=e] .compare th{font:700 13px/1.2 var(--mono);text-transform:uppercase;background:var(--ink);color:var(--cream)}
[data-theme=e] .compare th.us{background:var(--pink);color:#fff}
[data-theme=e] .compare td.us{background:var(--yellow);font-weight:800}
[data-theme=e] .compare td:first-child{font:700 13px/1.4 var(--mono);text-transform:uppercase}

/* steps */
[data-theme=e] .steps{gap:20px}
[data-theme=e] .step{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:24px}
[data-theme=e] .step::before{content:counter(step,decimal-leading-zero);display:block;margin-bottom:10px;font:900 46px/1 var(--disp);font-stretch:125%;color:var(--pink);-webkit-text-stroke:2px var(--ink)}
[data-theme=e] .step h3{font:800 21px/1.1 var(--disp);font-stretch:110%;text-transform:uppercase;margin-bottom:6px}

/* pricing */
[data-theme=e] .tiers{gap:18px}
[data-theme=e] .tier{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px 18px}
[data-theme=e] .tier:first-child{background:var(--yellow);transform:rotate(-1.5deg)}
[data-theme=e] .tier .p{font:900 38px/1 var(--disp);font-stretch:112%}
[data-theme=e] .tier .p small{font-size:15px}
[data-theme=e] .tier .t{display:inline-block;font:700 12.5px/1 var(--mono);text-transform:uppercase;margin:10px 0 8px;background:var(--ink);color:#fff;padding:5px 7px}
[data-theme=e] .tier p{font-size:14.5px}
[data-theme=e] .tier .spd{font:700 12.5px/1.3 var(--mono);text-transform:uppercase}
[data-theme=e] .price-note{font:400 13.5px/1.5 var(--mono);margin-top:24px}
[data-theme=e] .catch{margin-top:30px;background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:30px}
[data-theme=e] .catch .one{font:900 118px/1 var(--disp);color:var(--pink);-webkit-text-stroke:3px var(--ink)}
[data-theme=e] .catch h3{font:900 30px/1 var(--disp);font-stretch:115%;text-transform:uppercase;margin-bottom:10px}

/* investors */
[data-theme=e] .sec.sec-inv{margin-top:90px;padding:80px 0;background:var(--pink);color:#fff;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
[data-theme=e] .sec-inv .kicker{background:#fff;color:var(--ink)}
[data-theme=e] .sec-inv h2 .soft{color:var(--yellow)}
[data-theme=e] .chart{background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:28px}
[data-theme=e] .chart-t{font:700 13px/1.4 var(--mono);text-transform:uppercase}
[data-theme=e] .chart-row{font:700 13px/1.2 var(--mono);text-transform:uppercase;margin:14px 0}
[data-theme=e] .chart-track{height:26px;border:3px solid var(--ink);background:#fff}
[data-theme=e] .chart-b{height:100%;background:repeating-linear-gradient(45deg,#0d0d0d 0 3px,#fff 3px 10px)}
[data-theme=e] .chart-b.hl{background:var(--yellow)}

/* extras */
[data-theme=e] .extras{gap:24px}
[data-theme=e] .extra{background:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:26px}
[data-theme=e] .extra:nth-child(1){background:var(--mint)}[data-theme=e] .extra:nth-child(3){background:var(--yellow)}
[data-theme=e] .extra .yr{display:inline-block;font:700 12.5px/1 var(--mono);text-transform:uppercase;background:var(--ink);color:#fff;padding:5px 7px}
[data-theme=e] .extra h3{font:800 22px/1.1 var(--disp);font-stretch:110%;text-transform:uppercase;margin:14px 0 8px}

/* about + FAQ */
[data-theme=e] .sig b{font:900 22px/1.2 var(--disp);text-transform:uppercase}
[data-theme=e] .sig{font:700 13px/1.5 var(--mono);text-transform:uppercase}
[data-theme=e] .faq details{background:#fff;border:3px solid var(--ink);padding:16px 18px;margin-bottom:14px;box-shadow:4px 4px 0 var(--ink)}
[data-theme=e] .faq details[open]{background:var(--yellow)}
[data-theme=e] .faq summary{font:800 17px/1.25 var(--disp);font-stretch:108%;text-transform:uppercase}
[data-theme=e] .faq summary::after{font:900 26px/1 var(--disp)}
[data-theme=e] .faq details p{margin-top:8px;font-size:15.5px}

/* CTA + footer */
[data-theme=e] .sec.sec-cta{margin-top:90px;padding:90px 0;text-align:center;background:var(--yellow);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
[data-theme=e] .sec-cta h2,[data-theme=e] .sec-cta .sub{margin-left:auto;margin-right:auto}
[data-theme=e] .sec-cta .ctas{justify-content:center;margin-top:30px}
[data-theme=e] .foot{font:700 13px/1.5 var(--mono);text-transform:uppercase;padding:26px 0 46px}

@media (max-width:900px){
  html[data-theme=e] .e-medal{max-width:340px;width:85%;margin:24px auto 0}
  html[data-theme=e] .fact .v{font-size:34px}
}
@media (max-width:600px){
  html[data-theme=e] .fact{padding:20px 16px}
  html[data-theme=e] .fact .v{font-size:28px}
  html[data-theme=e] .catch .one{font-size:80px}
  html[data-theme=e] .e-sticker{left:-10px;font-size:13px}
}
