:root{--bg:#f6f8fb;--surface:#fff;--text:#152033;--muted:#657083;--border:#e3e8ef;--accent:#2563eb;--soft:#eff6ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border)}.nav{width:min(1080px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:850;color:var(--text);text-decoration:none}.navlinks{display:flex;gap:18px}.navlinks a{color:var(--muted);font-size:14px;text-decoration:none}.wrap{width:min(920px,calc(100% - 32px));margin:auto;padding:54px 0 70px}.eyebrow{display:inline-flex;background:var(--soft);color:#1d4ed8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(36px,7vw,64px);letter-spacing:-.05em;line-height:1;margin:16px 0}.hero>p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;padding:11px 14px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#fff;text-decoration:none;font-weight:750}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.card h2{margin-top:0}.card p,.card li{color:var(--muted);line-height:1.65}pre{background:#0f172a;color:#e2e8f0;border-radius:13px;padding:17px;overflow:auto;font:13px/1.55 ui-monospace,monospace}.notice{margin-top:20px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px;color:#854d0e;line-height:1.55}.footer{margin-top:34px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.footer a{color:var(--accent)}@media(max-width:680px){.grid{grid-template-columns:1fr}.navlinks a:first-child{display:none}}