:root{
  color-scheme: light;
  --surface:#fcfcfb; --page:#f9f9f7;
  --ink:#0b0b0b; --ink-2:#52514e; --muted:#898781;
  --line:rgba(11,11,11,0.10); --rule:#e1e0d9;
  --brand:#2a78d6; --flame:#eb6834; --good:#006300;
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --surface:#1a1a19; --page:#0d0d0d;
  --ink:#fff; --ink-2:#c3c2b7; --muted:#898781;
  --line:rgba(255,255,255,0.10); --rule:#2c2c2a;
  --brand:#3987e5; --flame:#d95926; --good:#0ca30c;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme: dark;
  --surface:#1a1a19; --page:#0d0d0d;
  --ink:#fff; --ink-2:#c3c2b7; --muted:#898781;
  --line:rgba(255,255,255,0.10); --rule:#2c2c2a;
  --brand:#3987e5; --flame:#d95926; --good:#0ca30c;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.62;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* nav */
header.site{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:50}
.nav{max-width:860px;margin:0 auto;padding:15px 24px;display:flex;align-items:center;gap:21px;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:9px;font-weight:650;font-size:16.5px;letter-spacing:-.015em;
  text-decoration:none;color:var(--ink);margin-right:auto}
.mark{width:19px;height:19px;flex:none}
.nav a.l{text-decoration:none;color:var(--ink-2);font-size:14.5px}
.nav a.l:hover,.nav a.l[aria-current="page"]{color:var(--ink)}
main{padding:52px 0 40px}
h1{font-size:clamp(29px,4.2vw,42px);line-height:1.13;margin:0 0 18px;letter-spacing:-.025em;max-width:19ch}
h1.wide{max-width:24ch}
h2{font-size:22px;margin:44px 0 10px;letter-spacing:-.015em}
h3{font-size:17px;margin:30px 0 6px}
p{max-width:66ch;margin:0 0 18px}
.lede{font-size:19px;color:var(--ink-2);max-width:60ch;line-height:1.52}
.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--flame);font-weight:700;margin-bottom:14px}
a{color:var(--brand)}
a:hover{color:var(--flame)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:11px 20px;
  border-radius:8px;font-size:15px;font-weight:600;margin:6px 10px 6px 0}
.btn:hover{background:var(--flame);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--flame);color:var(--flame);background:transparent}
.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:22px 24px;margin:18px 0}
.card h3{margin-top:0}
.card p:last-child{margin-bottom:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:20px 22px}
.stat .v{font-size:33px;font-weight:650;letter-spacing:-.03em;line-height:1}
.stat .l{font-size:14px;color:var(--ink-2);margin-top:9px}
.rule{border:none;border-top:1px solid var(--line);margin:46px 0}
ul.clean{padding-left:20px;max-width:66ch} ul.clean li{margin-bottom:9px}
.pull{border-left:3px solid var(--flame);padding:2px 0 2px 20px;margin:26px 0;font-size:19px;
  line-height:1.46;max-width:56ch}
.small{font-size:14px;color:var(--muted)}
footer.site{border-top:1px solid var(--line);margin-top:60px;padding:30px 0 60px;font-size:14px;color:var(--muted)}
footer.site .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:baseline}
footer.site a{color:var(--ink-2);text-decoration:none;margin-right:18px}
footer.site a:hover{color:var(--flame)}
.tog{background:none;border:1px solid var(--line);border-radius:20px;padding:5px 12px;
  font:inherit;font-size:12px;color:var(--ink-2);cursor:pointer}
@media(max-width:760px){.nav{gap:14px;flex-wrap:wrap}.nav a.l{font-size:13.5px}.tog{display:none}}
@media(max-width:620px){main{padding:34px 0 30px}.brand{font-size:15.5px}h1{font-size:29px}}