:root { color-scheme: light; --ink:#17211b; --muted:#5f6b64; --paper:#f7f5ef; --card:#fffdf8; --line:#d9ded8; --accent:#176b4b; }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header, main, footer { width:min(860px, calc(100% - 40px)); margin:auto; }
header { display:flex; justify-content:space-between; align-items:center; padding:28px 0; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); font-weight:760; text-decoration:none; letter-spacing:-.02em; }
nav { display:flex; gap:18px; }
nav a, footer a { color:var(--accent); }
main { padding:64px 0 88px; }
.eyebrow { color:var(--accent); font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; }
h1 { margin:.2em 0 .4em; font-size:clamp(2.25rem,7vw,4.25rem); line-height:1.03; letter-spacing:-.055em; }
h2 { margin-top:2.2em; font-size:1.45rem; line-height:1.25; }
p, li { max-width:72ch; }
.lead { color:var(--muted); font-size:1.2rem; max-width:62ch; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { display:inline-block; padding:11px 16px; border:1px solid var(--ink); border-radius:999px; color:var(--ink); text-decoration:none; font-weight:650; }
.button.primary { background:var(--ink); color:white; }
.meta { padding:16px 0 26px; color:var(--muted); border-bottom:1px solid var(--line); }
.notice { margin:26px 0; padding:18px 20px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
footer { padding:28px 0 42px; border-top:1px solid var(--line); color:var(--muted); display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
@media (max-width:640px) { header { align-items:flex-start; gap:18px; } nav { flex-direction:column; gap:4px; } main { padding-top:44px; } }