:root{color-scheme:dark;--bg:#15151f;--panel:#22223b;--ink:#f5f2ff;--muted:#b9b5d1;--line:#3d3b5a;--accent:#b9b0ff;--pink:#efb4d7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--pink)}header,main,footer{max-width:1000px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:15px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:750}.brand img{width:42px;height:42px;border-radius:13px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--pink);font-weight:650}h1{font-size:clamp(34px,6vw,64px);line-height:1.08;letter-spacing:-.045em;max-width:780px;margin:22px 0}h2{font-size:23px;line-height:1.3;margin-top:36px}h3{font-size:18px}p{max-width:740px} .lead{font-size:20px;color:var(--muted);max-width:720px}.hero{padding:38px 0 48px}.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid h2{margin-top:0}.button{display:inline-block;background:#6652e8;color:#fff;text-decoration:none;padding:13px 22px;border-radius:100px;font-weight:650}.button:hover{background:#7762f6;color:#fff}li{padding:5px 0}.document{max-width:790px}.document h1{font-size:clamp(34px,5vw,48px)}.meta{font-size:14px;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:42px 0}footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:50px;padding-bottom:45px}.label{display:inline-block;background:#332f54;border-radius:99px;padding:6px 14px;color:var(--accent);font-size:13px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}details p{color:var(--muted)}@media(max-width:600px){header,main,footer{padding:22px}.grid{grid-template-columns:1fr}nav{gap:12px;font-size:13px}header{align-items:flex-start}.brand{font-size:20px}.brand img{width:34px;height:34px}.card{padding:24px}.hero{padding-top:20px}.lead{font-size:18px}}
