:root { color: #17211e; background: #f6f5ef; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #1b6b57; }
header, main, footer { width: min(780px, calc(100% - 48px)); margin: 0 auto; }
header { min-height: 86px; border-bottom: 1px solid #d9ddd2; display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
header a { color: #50605a; text-decoration: none; }
.brand { display: inline-flex; gap: 9px; align-items: center; color: #17211e !important; font-weight: 800; letter-spacing: .08em; }
.brand span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #1b6b57; color: #f6f5ef; letter-spacing: 0; }
main { padding: 96px 0; }
.eyebrow { color: #1b6b57; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
h1 { margin: 16px 0 22px; font-size: clamp(48px, 8vw, 74px); line-height: .98; letter-spacing: -.055em; }
.lead { max-width: 700px; color: #50605a; font-size: 18px; line-height: 1.7; }
section { padding-top: 30px; }
h2 { margin: 0 0 10px; font-size: 28px; letter-spacing: -.03em; }
section p { margin: 0; color: #50605a; line-height: 1.75; }
footer { min-height: 100px; padding: 38px 0; border-top: 1px solid #d9ddd2; color: #74817c; font-size: 13px; }
@media (max-width: 600px) { header, main, footer { width: min(100% - 32px, 780px); } main { padding: 68px 0; } }