:root { color-scheme:light; --ink:#172e28; --muted:#607069; --paper:#f4f1e8; --card:#fffdf8; --line:#d8d7cd; --accent:#2d5a49; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--accent); text-underline-offset:3px; }
.page { min-height:100vh; padding:clamp(24px,6vw,72px) 20px; }
.card { width:min(760px,100%); margin:0 auto; padding:clamp(28px,6vw,64px); border:1px solid var(--line); border-radius:28px; background:var(--card); box-shadow:0 24px 70px rgba(23,46,40,.1); }
.home { display:grid; place-content:center; gap:22px; }
.hero { text-align:center; }
.mark { width:64px; height:64px; display:grid; place-items:center; margin:0 auto 26px; border-radius:20px; background:var(--ink); color:white; font-weight:850; letter-spacing:-.04em; }
.eyebrow { margin:0 0 12px; color:var(--accent); font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:0 0 22px; font-family:Georgia,serif; font-size:clamp(38px,8vw,64px); line-height:1.02; letter-spacing:-.035em; }
h2 { margin:32px 0 8px; font-size:19px; }
p { margin:0 0 16px; line-height:1.7; }
.lede { max-width:590px; margin:0 auto 30px; color:var(--muted); font-size:18px; }
nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:28px; }
.button { display:inline-block; padding:12px 16px; border-radius:12px; background:var(--ink); color:white; font-weight:750; text-decoration:none; }
.button.secondary { border:1px solid var(--line); background:transparent; color:var(--ink); }
.back { display:inline-block; margin-bottom:34px; font-weight:750; text-decoration:none; }
.legal .card > p:not(.eyebrow) { color:#354740; }
.closing { margin-top:32px!important; padding-top:24px; border-top:1px solid var(--line); }
footer { text-align:center; color:var(--muted); font-size:12px; }
@media (max-width:520px) { .page { padding:18px 12px; } .card { border-radius:20px; } }
@media (prefers-color-scheme:dark) { :root { color-scheme:dark; --ink:#e8f0ec; --muted:#a8b7b0; --paper:#101512; --card:#18201c; --line:#35413b; --accent:#9bcbb7; } .mark,.button { background:#9bcbb7; color:#101512; } .legal .card > p:not(.eyebrow) { color:#d4ded9; } }