:root { color: #213a36; background: #e6eeea; font-family: Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
main { width: min(760px, calc(100% - 40px)); margin: 56px auto; padding: 38px; background: #f7f5ed; box-shadow: 0 16px 50px #17352a18; }
a { color: #bd4f2d; }
.brand { color: #213a36; font-size: 22px; font-weight: 800; letter-spacing: .04em; text-decoration: none; }
.eyebrow { margin: 32px 0 8px; color: #bd4f2d; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
h1 { margin: 0 0 24px; font-size: clamp(34px, 6vw, 52px); }
h2 { margin-top: 32px; font-size: 20px; }
p, li { color: #435a53; line-height: 1.7; }
footer { margin-top: 42px; border-top: 1px solid #213a3622; padding-top: 18px; font-size: 13px; }
@media (max-width: 560px) { main { width: calc(100% - 24px); margin: 12px auto; padding: 26px; } }