:root { --ink:#17212b; --muted:#61707d; --line:#dfe5e9; --paper:#fbfcfc; --accent:#196f78; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main, footer { width:min(100% - 40px, 960px); margin:auto; }
nav { display:flex; justify-content:space-between; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.brand { color:var(--ink); font-weight:700; letter-spacing:-.02em; }
.hero { max-width:720px; padding:112px 0 132px; }
.eyebrow { margin:0 0 12px; color:var(--accent); font-size:.82rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
h1 { margin:0; max-width:680px; font-size:clamp(2.5rem,7vw,4.8rem); line-height:1.05; letter-spacing:-.055em; }
.lead { max-width:600px; margin:28px 0 36px; color:var(--muted); font-size:1.18rem; }
.button { display:inline-block; padding:11px 18px; border-radius:6px; color:white; background:var(--accent); font-weight:650; }
.button:hover { color:white; text-decoration:none; background:#125861; }
.page { max-width:720px; padding:78px 0 110px; }
.page h1 { font-size:clamp(2.3rem,6vw,3.8rem); }
.page h2 { margin-top:38px; font-size:1.2rem; }
.page p, .page li { color:var(--muted); }
footer { padding:25px 0 42px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
@media (max-width:560px) { .hero { padding:76px 0 95px; } .page { padding:55px 0 80px; } }