:root{
  --bg:#0b1020;--ink:#0f152b;--surface:#121936;--card:#151c3f;--text:#e6e9f5;--muted:#b7bfdd;
  --primary:#ff4fa3;--primary-strong:#ff2a8f;--accent:#ffb457;
  --gap:1rem;--container:min(1120px,92vw);
}
@media (prefers-color-scheme: light){
  :root{--bg:#fff;--surface:#f6f7fb;--card:#fff;--text:#121422;--muted:#5a6078;}
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6}
a{color:var(--primary)} a:hover,a:focus{text-decoration:underline}
.container{width:var(--container);margin-inline:auto;padding:0 var(--gap)}
.narrow{width:min(760px,92vw);margin-inline:auto}
.flex{display:flex;gap:var(--gap)}.between{justify-content:space-between}.center{align-items:center}
.list-plain{list-style:none;padding:0;margin:0}
.row{display:flex;gap:.6rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.6ch;background:linear-gradient(0deg,rgba(255,255,255,.06),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.16);border-radius:.8rem;padding:.7rem 1rem;color:inherit}
.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-strong));border:none;color:#fff}
.display{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1}
.lead{color:var(--muted);font-size:clamp(1.05rem,1.2vw,1.25rem);max-width:50ch}
.section{padding:clamp(1.75rem,4vw,3rem) 0}
.hero{padding:clamp(2rem,6vw,5rem) 0;background:
 radial-gradient(1200px 600px at 70% -10%, rgba(255,79,163,.25), transparent 60%),
 radial-gradient(900px 500px at 10% 10%, rgba(255,180,87,.25), transparent 60%)}
.hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--gap);align-items:center}
@media (max-width:900px){.hero .container{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:clamp(1rem,2vw,1.5rem)}
.checklist{list-style:none;padding:0}.checklist li{padding-left:1.4rem;position:relative;margin:.4rem 0}
.checklist li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.site-header{position:sticky;top:0;z-index:10;background:rgba(11,16,32,.7);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{font-weight:700;color:inherit}.brand-mark{color:var(--accent);margin-right:.5ch}
.site-nav ul{display:flex;gap:1rem;align-items:center}
.nav-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:.6rem;padding:.4rem .5rem;color:inherit}
@media (max-width:860px){
  .nav-toggle{display:block}
  .site-nav{position:absolute;inset:64px var(--gap) auto var(--gap);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.5rem;display:none}
  .site-nav.open{display:block}
  .site-nav ul{flex-direction:column;align-items:stretch}
}
.site-footer{padding:clamp(1.5rem,3vw,2.25rem) 0;border-top:1px solid rgba(255,255,255,.06);background:color-mix(in oklab, var(--bg), black 2%)}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}
@media (max-width:800px){.grid-3{grid-template-columns:1fr}}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{position:fixed;left:10px;top:10px;background:#000;color:#fff;padding:.5rem .75rem;border-radius:.5rem;z-index:999}