:root { font-family: Arial, Helvetica, sans-serif; color: #10251d; background: #f5f3ec; }
* { box-sizing: border-box; }
body { margin: 0; }
header, footer { background: #0b2d21; color: #fff; }
header div, footer div, main { width: min(820px, calc(100% - 36px)); margin: auto; }
header div, footer div { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
main { padding: 50px 0 70px; }
h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.4rem); letter-spacing: -.04em; }
h2 { margin-top: 38px; }
p, li { color: #536159; line-height: 1.7; }
a { color: #9c5e13; text-underline-offset: 3px; }
header a, footer a { color: #f3bd70; }
footer button { padding: 0; border: 0; color: #f3bd70; background: transparent; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.eyebrow { color: #9c5e13; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }
.note { padding: 18px; border: 1px solid #ddd2b7; border-radius: 10px; background: #fff9e9; }
footer { font-size: .8rem; }