:root { --bg:#f7f7f5; --card:#fff; --ink:#1d1d1b; --muted:#5f5e58; --line:#e3e1db; --accent:#2459c9; --ok:#1d7a45; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#161615; --card:#1f1f1d; --ink:#ecebe6; --muted:#a2a19a; --line:#34332f; --accent:#7aa7f5; --ok:#5cc28a; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:var(--accent); }
.top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 20px;
       max-width:1040px; margin:0 auto; padding:16px 20px; }
.brand { display:flex; align-items:center; gap:10px; font-weight:700; color:var(--ink); text-decoration:none; }
.top nav { display:flex; gap:18px; font-size:15px; }
.top nav a { color:var(--muted); text-decoration:none; }
.top nav a:hover { color:var(--ink); }
main, footer { max-width:1040px; margin:0 auto; padding:0 20px; }
.hero { padding:36px 0 8px; }
h1 { font-size:clamp(30px,5vw,46px); line-height:1.12; letter-spacing:-.02em; margin:0 0 16px; max-width:17em; }
.lead { font-size:20px; color:var(--muted); max-width:38em; margin:0 0 18px; }
.status { font-size:15px; color:var(--muted); margin:0 0 28px; }
.pill { display:inline-block; background:var(--ok); color:#fff; font-weight:700; font-size:13px; border-radius:99px;
        padding:2px 10px; margin-right:8px; }
.shot { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:10px; background:#fff; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin:40px 0; }
.grid article { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:18px 20px; }
h2 { font-size:22px; margin:0 0 8px; letter-spacing:-.01em; }
.grid p { margin:0; font-size:16px; color:var(--muted); }
section { margin:44px 0; }
#how ol { padding-left:22px; max-width:40em; }
#how li { margin:6px 0; }
h3 { font-size:17px; margin:22px 0 4px; }
#questions p { margin:0; max-width:44em; color:var(--muted); }
footer { border-top:1px solid var(--line); margin-top:56px; padding:20px 20px 40px; font-size:14px; color:var(--muted); }
.doc { max-width:720px; }
.doc h1 { font-size:30px; }
.doc h2 { font-size:20px; margin-top:30px; }