:root{--bg:#06080E;--ink:#EAEEF7;--mute:#97A1B8;--line:rgba(255,255,255,.1);--glass:rgba(255,255,255,.045);--a:#8B7BFF;--w:1120px}
body.sr{--a:#34D6C0}
*{box-sizing:border-box}html{scroll-padding-top:5rem;color-scheme:dark}
body{margin:0;background:var(--bg);background-repeat:no-repeat;color:var(--ink);font:1.0625rem/1.65 system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:system-ui,sans-serif;font-weight:600;line-height:1.1;margin:0 0 .6em;letter-spacing:-.025em}
h1{font-size:clamp(2.5rem,6.4vw,4.9rem);max-width:15ch;font-weight:700;color:var(--ink)}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem);max-width:20ch}
p{max-width:62ch;margin:0 0 1em;color:var(--mute)}a{color:var(--a)}
.wrap{max-width:var(--w);margin:0 auto;padding:0 1.25rem}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:9}
:focus-visible{outline:3px solid var(--a);outline-offset:3px}
header{position:sticky;top:.75rem;z-index:5;margin:.75rem 1rem 0}
header .wrap{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.6rem .6rem .6rem 1.25rem;border:1px solid var(--line);border-radius:999px;background:rgba(10,13,22,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.logo{font:700 1.15rem system-ui,sans-serif;text-decoration:none;color:var(--ink)}.logo span{color:var(--a)}
nav{display:flex;gap:.25rem;flex-wrap:wrap}nav a{color:var(--mute);text-decoration:none;font-size:.93rem;padding:.4rem .9rem;border-radius:999px}
nav a:hover{color:var(--ink)}nav a[aria-current]{background:var(--glass);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
section{padding:clamp(3rem,8vw,6.5rem) 0}
.hero{padding-top:clamp(4rem,12vw,9rem)}.lede{font-size:1.25rem;max-width:52ch;color:#B4BDD1}
.split{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem}@media(max-width:760px){.split{grid-template-columns:1fr;gap:1rem}}
dl.pr{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
dl.pr div,.product{border:1px solid var(--line);padding:1.4rem 1.5rem;border-radius:12px}
dl.pr dt{font:600 1.05rem system-ui,sans-serif;margin-bottom:.4rem}dl.pr dd{margin:0;color:var(--mute);font-size:.97rem}
.btn{display:inline-block;background:var(--a);color:#06080E;padding:.8rem 1.5rem;text-decoration:none;font-weight:600;border-radius:999px;margin:0 .5rem .5rem 0}
.btn.g{background:var(--glass);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn:hover{filter:brightness(1.12)}
.product{--a:#34D6C0;padding:2rem;background:var(--glass)}
footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--mute);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--a)}
.product{margin-top:2rem;max-width:48rem}
.identity dt{font-weight:600}.identity dd{margin:0 0 1rem;color:var(--mute)}
.legal .wrap{max-width:800px}.legal h1{font-size:clamp(2.3rem,6vw,3.8rem);max-width:none}.legal h2{font-size:1.5rem;margin-top:2rem;max-width:none}
@media(max-width:600px){header{position:relative;top:0;margin:.5rem}header .wrap{border-radius:16px;padding:.75rem;gap:.5rem}nav a{padding:.4rem .5rem}html{scroll-padding-top:1rem}dl.pr{grid-template-columns:1fr}footer nav{gap:.5rem}.hero{padding-top:3rem}}