:root{--ink:#202936;--muted:#627080;--paper:#f7f7f3;--card:#fff;--line:#d8dde1;--accent:#245c51}*{box-sizing:border-box}body{max-width:880px;margin:0 auto;padding:32px 20px 72px;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,sans-serif}h1,h2{font-family:Georgia,serif;line-height:1.08}h1{font-size:clamp(36px,6vw,58px)}a,button{color:var(--accent)}form{display:grid;gap:14px;max-width:680px;margin:20px 0}label{display:grid;gap:5px;font-weight:650}input,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}textarea{min-height:90px}button{width:max-content;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;padding:10px 14px;font-weight:700}article,.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;margin:14px 0}code{display:block;overflow:auto;background:#edf2ef;padding:8px;border-radius:6px}.muted,footer{color:var(--muted);font-size:14px}.hero{max-width:720px;padding:50px 0}.eyebrow{color:var(--accent);font-weight:750;text-transform:uppercase;letter-spacing:.08em;font-size:12px}