:root{--bg:#f7f7f5;--card:#fff;--text:#161616;--muted:#5f5f5a;--accent:#1f5eff;--border:#e3e3de}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
header,main,footer{max-width:680px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;min-height:56px}
header a{color:var(--text);text-decoration:none;font-weight:600}
nav a{margin-left:16px;font-weight:400;color:var(--muted)}
h1{font-size:2rem;line-height:1.15;margin:32px 0 12px}
h2{font-size:1.25rem;margin:40px 0 8px}
p{margin:0 0 12px}
.lead{font-size:1.15rem;color:var(--muted)}
.cta{display:inline-block;min-height:48px;line-height:48px;padding:0 24px;margin:16px 0;background:var(--accent);color:#fff;border-radius:12px;text-decoration:none;font-weight:600}
.cta.secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}
section{margin-bottom:8px}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}
pre{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;overflow-x:auto}
ul{padding-left:20px}
table{border-collapse:collapse;width:100%}
td,th{text-align:left;padding:8px 0;border-bottom:1px solid var(--border);vertical-align:top}
footer{color:var(--muted);font-size:.9rem;padding:40px 20px}
footer a{color:var(--muted)}