:root{--fg:#111;--muted:#555;--bg:#fff;--card:#fafafa;--border:#e6e6e6;--link:#0b5fff;}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;}
.container{max-width:920px;margin:0 auto;padding:28px 18px;}
.nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:10px 0 18px;}
.brand{font-weight:800;font-size:42px;letter-spacing:-0.02em;}
.subbrand{font-weight:600;color:var(--muted);margin-top:6px}
.hr{height:1px;background:var(--border);margin:18px 0;}
.card{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:16px;margin:14px 0;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.btn{display:inline-block;background:var(--link);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;}
.btn.secondary{background:#111;}
.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--fg);}
.small{font-size:14px;color:var(--muted);}
footer{margin-top:28px;font-size:14px;color:var(--muted);}
ul{margin:10px 0 0 20px;}
code{background:#f2f2f2;padding:2px 6px;border-radius:6px;}