:root { color-scheme: light dark; --background:#fafafa; --text:#18181b; --muted:#65656e; --line:#dedee2; font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
@media (prefers-color-scheme:dark) { :root { --background:#0a0a0a; --text:#ededed; --muted:#a1a1aa; --line:#292929; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--background); color:var(--text); overflow-wrap:anywhere; }
header,main,footer { width:min(100% - 48px,760px); margin-inline:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:28px; font-size:14px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:18px; font-weight:600; text-decoration:none; }
main { padding-block:48px 64px; }
.eyebrow { margin:0 0 12px; color:var(--muted); font-size:13px; }
h1 { margin:0 0 24px; font-size:clamp(32px,5vw,44px); line-height:1.15; letter-spacing:-.035em; font-weight:600; }
h2 { margin:36px 0 10px; font-size:19px; line-height:1.4; font-weight:600; letter-spacing:-.015em; }
p { margin:12px 0; }
.lead { font-size:19px; line-height:1.65; color:var(--muted); }
a { color:inherit; text-underline-offset:3px; }
a:hover { color:var(--muted); }
a:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:2px; }
ul { padding-left:22px; }
li { margin:10px 0; }
footer { display:flex; flex-wrap:wrap; gap:24px; border-top:1px solid var(--line); padding-block:24px 40px; color:var(--muted); font-size:13px; }
@media (max-width:480px) { header,main,footer { width:calc(100% - 40px); } header { padding-block:20px; } main { padding-block:28px 40px; } .lead { font-size:17px; } }