:root { --bg:#0e1116; --panel:#161b22; --line:#2a313c; --text:#e6edf3; --muted:#9aa7b4; --accent:#5ec2a8; --warn:#e3b341; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--text); }
a { color:var(--accent); }
.wrap { max-width:980px; margin:0 auto; padding:0 20px; }

.topbar { border-bottom:1px solid var(--line); }
.topbar .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:14px; padding-bottom:14px; }
.topbar nav { display:flex; gap:18px; flex-wrap:wrap; font-size:15px; }
.topbar nav a { color:var(--muted); text-decoration:none; }
.topbar nav a:hover { color:var(--text); }
.brand { font-weight:700; letter-spacing:.04em; color:var(--accent); text-transform:uppercase; font-size:14px; text-decoration:none; }

header.hero { padding:56px 0 40px; border-bottom:1px solid var(--line); }
h1 { font-size:clamp(28px,4.4vw,44px); line-height:1.15; margin:12px 0 16px; }
h2 { font-size:26px; margin:0 0 16px; }
h3 { font-size:18px; margin:0 0 8px; }
.lead { font-size:19px; color:var(--muted); max-width:720px; }
.cta { display:inline-block; margin-top:24px; padding:12px 20px; border-radius:8px; background:var(--accent); color:#06231c; font-weight:700; text-decoration:none; }

section { padding:48px 0; border-bottom:1px solid var(--line); }
.grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.card { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:20px; }
.card p, .card ul { margin:0; color:var(--muted); }
.card ul { padding-left:18px; }
ol.steps { padding-left:20px; }
ol.steps li { margin-bottom:10px; }
.spaced { margin-top:28px; }
.notice { margin-top:24px; border-left:4px solid var(--warn); background:#1f1a0e; padding:14px 18px; border-radius:6px; }

pre { background:#0a0d12; border:1px solid var(--line); border-radius:8px; padding:16px; overflow-x:auto; font-size:13.5px; line-height:1.5; }
code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
p code, li code, td code { background:#0a0d12; padding:1px 5px; border-radius:4px; font-size:14px; }
table { width:100%; border-collapse:collapse; font-size:15px; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; }

footer { padding:32px 0 48px; color:var(--muted); font-size:14px; }