:root { color-scheme: light; --ink:#172028; --muted:#53616c; --paper:#f7f4ed; --card:#fffefb; --accent:#c85c3f; --line:#dedbd4; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header,main,footer { width:min(100% - 40px,800px); margin:auto; }
header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 0; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-weight:800; letter-spacing:-.03em; font-size:1.1rem; }
.brand span { color:var(--accent); }
nav { display:flex; flex-wrap:wrap; gap:18px; font-size:.93rem; }
a { color:#9c3d28; text-underline-offset:3px; }
nav a { color:var(--muted); text-decoration:none; }
nav a:hover,nav a[aria-current=page] { color:var(--accent); }
main { padding:70px 0 90px; }
.eyebrow { text-transform:uppercase; letter-spacing:.16em; font-size:.77rem; color:var(--accent); font-weight:700; }
h1 { font-size:clamp(2.2rem,6vw,4.5rem); line-height:1.1; letter-spacing:-.055em; margin:12px 0 24px; max-width:760px; }
h2 { font-size:1.35rem; letter-spacing:-.025em; margin:0 0 10px; }
p { margin:0 0 17px; }
.lead { font-size:1.2rem; color:var(--muted); max-width:630px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:20px; padding:28px; margin:22px 0; box-shadow:0 10px 30px #17202808; }
.links { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.button { display:inline-block; padding:12px 18px; border-radius:999px; background:var(--ink); color:white; text-decoration:none; font-weight:650; }
.button.secondary { background:transparent; color:var(--ink); border:1px solid var(--line); }
ul { padding-left:22px; margin:8px 0 0; }
li { margin:7px 0; }
.small { color:var(--muted); font-size:.9rem; }
footer { border-top:1px solid var(--line); padding:28px 0 45px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:.87rem; }
@media(max-width:600px) { header { align-items:flex-start; flex-direction:column; } main { padding:48px 0 70px; } .card { padding:22px; } }