:root { --ink:#17352d; --paper:#f5f0e6; --card:#fffdf7; --coral:#f06d45; --muted:#687871; --line:rgba(23,53,45,.15); }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:radial-gradient(circle at 85% 8%,rgba(240,109,69,.14),transparent 25rem),var(--paper); font-family:"Trebuchet MS","Gill Sans",sans-serif; line-height:1.65; }
header,main,footer { width:min(900px,calc(100% - 36px)); margin:auto; } header { padding:28px 0; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); } .brand { font:700 28px Georgia,serif; color:var(--ink); text-decoration:none; }.brand b { color:var(--coral); } nav { display:flex; gap:18px; } nav a { color:var(--ink); font-size:13px; font-weight:700; }
main { padding:70px 0 90px; } .eyebrow { color:var(--coral); font-size:11px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; } h1,h2 { font-family:Georgia,serif; line-height:1.08; } h1 { max-width:760px; margin:12px 0 22px; font-size:clamp(42px,7vw,72px); } h2 { margin-top:42px; font-size:28px; } p,li { color:#43564f; } .lead { max-width:700px; font-size:18px; } .card { margin:34px 0; padding:28px; background:var(--card); border:1px solid var(--line); border-radius:22px; }.button { display:inline-block; padding:13px 20px; border-radius:12px; background:var(--coral); color:white; text-decoration:none; font-weight:800; } footer { padding:25px 0 45px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
@media(max-width:600px){ header { align-items:flex-start; gap:18px; flex-direction:column; } nav { flex-wrap:wrap; } main { padding-top:45px; } }