:root{color-scheme:light;--bg:#f7f7f5;--fg:#171717;--muted:#666;--card:#fff;--line:#deded8;--accent:#111}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg)}
main,header,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}
nav a{margin-left:18px;color:var(--fg);text-decoration:none}.hero{padding:72px 24px 40px}.hero h1{font-size:clamp(42px,8vw,84px);line-height:.95;margin:0 0 24px;letter-spacing:-.04em}
.hero p{max-width:720px;font-size:22px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}code{background:#ecece7;padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}
.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:13px}h2{margin-top:48px}
a{color:#174ea6}footer{color:var(--muted);font-size:14px;border-top:1px solid var(--line);margin-top:60px}
ul{padding-left:22px}.notice{border-left:4px solid #555;padding:12px 16px;background:#fff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}