:root { color-scheme: light; --ink:#19243a; --muted:#56647b; --line:#dde4f0; --accent:#2366c2; --bg:#f7f9fc; }
* { box-sizing:border-box; }
html { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size:16px; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--ink); line-height:1.7; }
.shell { max-width:820px; margin:0 auto; padding:32px 20px 72px; }
nav { display:flex; justify-content:space-between; gap:14px; align-items:center; padding-bottom:25px; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; color:var(--ink); font-weight:750; letter-spacing:-.02em; }
.navlinks { display:flex; gap:17px; flex-wrap:wrap; }
a { color:var(--accent); text-underline-offset:3px; }
.navlinks a { color:var(--muted); font-size:.9rem; }
main { padding-top:34px; }
.eyebrow { text-transform:uppercase; font-size:.75rem; letter-spacing:.1em; font-weight:800; color:var(--accent); }
h1 { font-size:clamp(2rem,5vw,3rem); line-height:1.15; letter-spacing:-.045em; margin:11px 0 18px; }
h2 { font-size:1.18rem; margin:33px 0 7px; }
p { margin:12px 0; }
.lead { font-size:1.12rem; color:var(--muted); max-width:70ch; }
.panel { margin:30px 0 0; padding:23px 27px; border:1px solid var(--line); border-radius:15px; background:white; }
.panel h2 { margin-top:0; }
small, footer { color:var(--muted); }
footer { margin-top:48px; padding-top:18px; border-top:1px solid var(--line); font-size:.85rem; }
@media(max-width:550px){ nav { align-items:start; flex-direction:column; } .panel { padding:18px; } }