:root{color-scheme:dark;--bg:#0b1015;--panel:#151d25;--ink:#eef3f8;--muted:#aebdca;--line:#2a3946;--accent:#7dd3fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(100% - 40px,960px);margin:auto}header{padding:26px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}header a{text-decoration:none;font-weight:650}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{font-size:15px;font-weight:500}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:700;margin:0 0 16px}.hero{padding:70px 0 36px}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.08;letter-spacing:-.045em;margin:0 0 22px}.lead{font-size:21px;max-width:760px;color:var(--muted)}.button{display:inline-block;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none;margin:12px 0}.button:hover{background:var(--accent);color:var(--bg)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0 44px}.card,article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}.card h2{font-size:21px;margin:0 0 10px}.card p{margin:0;color:var(--muted)}article{margin:28px 0 48px}article h1{font-size:clamp(30px,5vw,45px);line-height:1.15;letter-spacing:-.03em;margin:0 0 12px}article h2{font-size:23px;margin:32px 0 10px}article p,article li{color:#d2dce5}article li{margin-bottom:15px}article ul{padding-left:23px}.small{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:24px 0 36px;font-size:14px;color:var(--muted)}.notice{border-left:3px solid var(--accent);padding-left:18px;color:var(--muted);margin:24px 0}code{overflow-wrap:anywhere}main,article,.lead{overflow-wrap:anywhere}@media(max-width:640px){header{align-items:flex-start;flex-direction:column;gap:12px}.hero{padding-top:44px}.cards{grid-template-columns:1fr}article,.card{padding:20px}nav{gap:14px}}
