:root{--green:#5ac09c;--cyan:#3fbfce;--blue:#47a2da;--ink:#16323f;--muted:#4b6270;--bg:#f6fafb;--card:#fff;--line:#dbe7ec;--grad:linear-gradient(120deg,var(--green),var(--cyan) 50%,var(--blue));}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3,.wordmark{font-family:Montserrat,system-ui,sans-serif;line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}h2{font-size:clamp(1.5rem,3.5vw,2.1rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}a{color:#1d6fa5}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:10}.skip:focus{left:8px}
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;flex-wrap:wrap}
.wordmark{font-size:1.5rem;font-weight:800;text-decoration:none;margin:0;color:var(--ink);display:flex;align-items:center;gap:8px}
.wordmark .bolt{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;font-size:1rem}
.wordmark span.c{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;flex-wrap:wrap}
.nav a.l{display:block;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem}
.nav a.l:hover,.nav a.l[aria-current=page]{background:#e8f6f2;color:#17644b}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;font-weight:600;cursor:pointer}
@media(max-width:720px){.menu-btn{display:block}.nav ul{display:none;width:100%;flex-direction:column;padding-bottom:12px}.nav ul.open{display:flex}}
.hero{background:var(--grad);color:#fff;padding:72px 0 64px}
.hero p.lead{font-size:1.2rem;max-width:620px}
.badge{display:inline-block;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:4px 14px;font-weight:600;font-size:.9rem;margin-bottom:16px}
.btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none;margin:6px 8px 0 0}
.btn.light{background:#fff;color:#14506f}.btn.ghost{border:2px solid #fff;color:#fff}.btn.solid{background:var(--blue);color:#fff}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0d3b56;outline-offset:2px}
section{padding:56px 0}section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.card .n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;font-family:Montserrat,sans-serif;margin-bottom:12px}
.price{font-family:Montserrat,sans-serif;font-size:2.4rem;font-weight:800;color:#17644b}
.muted{color:var(--muted)}.small{font-size:.9rem}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700}details p{margin:10px 0 0}
.cta{background:var(--ink);color:#fff;border-radius:16px;padding:36px;text-align:center}
.cta a.btn{background:var(--green);color:#0e2a22}
ul.check{list-style:none;padding:0}ul.check li{padding-left:28px;position:relative;margin-bottom:8px}
ul.check li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
footer.site{background:#0f2530;color:#c9dbe3;padding:36px 0;font-size:.95rem}
footer.site a{color:#fff}footer .fgrid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
footer ul{list-style:none;padding:0;margin:0}
.hero .split{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.hero figure{margin:0;background:#fff;border-radius:18px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.hero figure img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:10px}
.hero figcaption{color:var(--muted);font-size:.8rem;text-align:center;margin-top:6px}
@media(max-width:820px){.hero .split{grid-template-columns:1fr}.hero figure{max-width:340px;margin:0 auto}}
.soon{background:#0f2530;color:#fff;text-align:center;padding:44px 0}
.soon h2{font-size:clamp(1.8rem,5vw,3rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:.2em 0}
.soon p{color:#c9dbe3;margin:0}.soon .kicker{font-family:Montserrat,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:#5ac09c}
.banner{background:#0f2530;color:#fff;text-align:center;padding:10px 16px;font-weight:600;font-size:.95rem}.banner strong{color:#5ac09c}
.hero figure{background:rgba(255,255,255,.15)!important;box-shadow:none!important}
/* layout tuning */
.nav-tools{display:flex;gap:8px;align-items:center;order:2}
@media(min-width:721px){.nav-tools{order:3}.nav ul{order:2;margin-left:auto}}
.theme-btn{background:none;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;color:inherit}
@media(min-width:1000px){.hero{padding:88px 0 80px}.hero .split{gap:64px}}
.hero figure img{max-height:460px}
@media(max-width:720px){.hero{padding:44px 0 40px}section{padding:40px 0}.soon{padding:32px 0}.cta{padding:26px 18px}.hero figure{max-width:240px}.btn{padding:11px 18px}}
/* dark theme */
[data-theme=dark]{--ink:#e8f1f4;--muted:#a9bcc5;--bg:#05080a;--card:#0b1115;--line:#1c2a31;color-scheme:dark}
[data-theme=dark] body{background:#05080a;color:var(--ink)}
[data-theme=dark] a{color:#6fd3e0}
[data-theme=dark] header.site{background:rgba(5,8,10,.92);border-bottom-color:#14323a;box-shadow:0 1px 18px rgba(63,191,206,.18)}
[data-theme=dark] .wordmark{color:#fff}
[data-theme=dark] .wordmark .bolt{box-shadow:0 0 12px #3fbfce,0 0 24px rgba(63,191,206,.5)}
[data-theme=dark] .wordmark span.c{filter:drop-shadow(0 0 6px rgba(63,191,206,.8))}
[data-theme=dark] .nav a.l{color:#dbe8ec}
[data-theme=dark] .nav a.l:hover,[data-theme=dark] .nav a.l[aria-current=page]{background:rgba(90,192,156,.12);color:#7fe0bd;box-shadow:inset 0 0 0 1px rgba(90,192,156,.5),0 0 12px rgba(90,192,156,.35)}
[data-theme=dark] .menu-btn,[data-theme=dark] .theme-btn{color:#e8f1f4;border-color:#2a4550}
[data-theme=dark] .hero{background:radial-gradient(ellipse at 20% 0,rgba(90,192,156,.18),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(71,162,218,.2),transparent 55%),#05080a;border-bottom:1px solid #14323a}
[data-theme=dark] .hero h1{color:#fff;text-shadow:0 0 18px rgba(63,191,206,.55),0 0 2px rgba(255,255,255,.4)}
[data-theme=dark] .hero p.lead{color:#cfdde3}
[data-theme=dark] .badge{background:rgba(90,192,156,.1);border-color:#5ac09c;color:#9ff0d2;box-shadow:0 0 12px rgba(90,192,156,.45)}
[data-theme=dark] .btn.light{background:#3fbfce;color:#031417;box-shadow:0 0 14px #3fbfce,0 0 30px rgba(63,191,206,.45)}
[data-theme=dark] .btn.ghost{border-color:#5ac09c;color:#c9f5e5;box-shadow:0 0 12px rgba(90,192,156,.5),inset 0 0 10px rgba(90,192,156,.25)}
[data-theme=dark] .btn.solid{background:#47a2da;color:#03111b;box-shadow:0 0 14px rgba(71,162,218,.8)}
[data-theme=dark] .hero figure{background:rgba(63,191,206,.05)!important;border:1px solid rgba(63,191,206,.35);box-shadow:0 0 30px rgba(63,191,206,.25)!important}
[data-theme=dark] .hero figure img{filter:drop-shadow(0 0 10px rgba(63,191,206,.55)) drop-shadow(0 0 24px rgba(90,192,156,.35))}
[data-theme=dark] section.alt{background:#080d10;border-color:#14323a}
[data-theme=dark] .card{border-color:rgba(63,191,206,.35);box-shadow:0 0 0 1px rgba(63,191,206,.08),0 0 18px rgba(63,191,206,.12)}
[data-theme=dark] .card:nth-child(3n+1){border-color:rgba(90,192,156,.45);box-shadow:0 0 18px rgba(90,192,156,.14)}
[data-theme=dark] .card:nth-child(3n){border-color:rgba(71,162,218,.5);box-shadow:0 0 18px rgba(71,162,218,.15)}
[data-theme=dark] .card .n{box-shadow:0 0 12px #3fbfce}
[data-theme=dark] h2{color:#fff;text-shadow:0 0 14px rgba(63,191,206,.35)}
[data-theme=dark] h3{color:#9ff0d2}
[data-theme=dark] details{background:#0b1115;border-color:#1f3a43}
[data-theme=dark] details[open]{border-color:#3fbfce;box-shadow:0 0 14px rgba(63,191,206,.25)}
[data-theme=dark] ul.check li::before{color:#5ac09c;text-shadow:0 0 8px #5ac09c}
[data-theme=dark] .soon{background:#020405;border-top:1px solid #3fbfce;border-bottom:1px solid #5ac09c;box-shadow:inset 0 0 40px rgba(63,191,206,.18),0 0 24px rgba(63,191,206,.25)}
[data-theme=dark] .soon h2{filter:drop-shadow(0 0 10px rgba(63,191,206,.8)) drop-shadow(0 0 22px rgba(90,192,156,.45));text-shadow:none}
[data-theme=dark] .soon .kicker{text-shadow:0 0 10px #5ac09c}
[data-theme=dark] .banner{background:#020405;border-bottom:1px solid #3fbfce;box-shadow:0 0 16px rgba(63,191,206,.35)}
[data-theme=dark] .banner strong{text-shadow:0 0 8px #5ac09c}
[data-theme=dark] .cta{background:#081116;border:1px solid #3fbfce;box-shadow:0 0 28px rgba(63,191,206,.3),inset 0 0 30px rgba(63,191,206,.08)}
[data-theme=dark] .cta a.btn{background:#5ac09c;color:#03130d;box-shadow:0 0 14px #5ac09c,0 0 30px rgba(90,192,156,.45)}
[data-theme=dark] footer.site{background:#020405;border-top:1px solid #14323a;color:#a9bcc5}
[data-theme=dark] footer.site a{color:#e8f1f4}
[data-theme=dark] .btn:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] button:focus-visible{outline-color:#9ff0d2}