:root { --ink:#352a24; --ink2:#54463d; --muted:#75695f; --paper:#faf8f0; --line:#e8dcc8; --sun:#f1d77a; }
* { box-sizing: border-box; }
html { -webkit-font-smoothing: antialiased; }
body { margin:0; background:var(--paper); color:var(--ink); font: 16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
h1, h2, h3, .wordmark { font-family: Satoshi, Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing:-0.02em; }
a { color:var(--ink); text-underline-offset:3px; }
header, main, footer { max-width: 760px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 28px; }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.brand svg { height:22px; width:auto; fill:var(--sun); }
.wordmark { font-weight:700; text-transform:uppercase; letter-spacing:0.04em; font-size:17px; }
main { padding-top: 56px; padding-bottom: 56px; }
h1 { font-size: clamp(36px, 7vw, 64px); line-height:1.02; margin:0 0 20px; font-weight:700; }
h2 { font-size: 22px; margin: 36px 0 8px; }
p, li { color: var(--ink2); }
.lead { font-size: 20px; max-width: 560px; }
.btn { display:inline-block; background:var(--sun); color:var(--ink); padding:12px 22px; border-radius:12px; font-weight:600; text-decoration:none; }
.meta { color: var(--muted); font-size: 14px; }
footer { border-top:1px solid var(--line); padding-top:20px; padding-bottom:40px; font-size:14px; color:var(--muted); display:flex; flex-wrap:wrap; gap:8px 20px; }
footer a { color: var(--muted); }