:root{color-scheme:dark;--ink:#f7f2e7;--muted:#c6c0d2;--accent:#cbbaff;--line:#443e52;--panel:#201d2b;--bg:#15131c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 system-ui,sans-serif}main,nav,footer{max-width:1000px;margin:auto;padding:24px}nav{display:flex;gap:26px;flex-wrap:wrap;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid white;outline-offset:6px}.brand{font-weight:750;margin-right:auto;text-decoration:none}h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.08;max-width:850px;margin:30px 0}h2{line-height:1.25}.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:.8rem;text-transform:uppercase}.lead{font-size:1.3rem;max-width:730px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:38px 0}.card,.notice{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.notice{border-color:#b79a59;font-size:.95rem;margin-top:24px}li{margin:10px 0}footer{font-size:.9rem;color:var(--muted);border-top:1px solid var(--line)}.button{display:inline-block;padding:12px 20px;background:var(--accent);color:#251746;border-radius:8px;text-decoration:none;font-weight:650}.muted{color:var(--muted)}section{margin:35px 0}code{overflow-wrap:anywhere}img{max-width:100%}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(max-width:520px){main,nav,footer{padding:18px}body{font-size:17px}}