:root { color-scheme: light; font: 100%/1.65 system-ui, sans-serif; color: #142d2c; background: #fafbf7; }
* { box-sizing: border-box; }
body { margin: 0 auto; max-width: 60rem; padding: 0 clamp(1.2rem, 5vw, 4rem); }
header, footer { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding: 1.2rem 0; }
header { border-bottom: 1px solid #bdcfc5; }
footer { border-top: 1px solid #bdcfc5; font-size: .875rem; }
main { max-width: 44rem; padding: clamp(2.4rem, 7vw, 5rem) 0 3.4rem; }
h1, h2 { line-height: 1.16; text-wrap: balance; }
h1 { font-size: clamp(2.4rem, 6vw, 4.4rem); margin: .5rem 0 1.2rem; letter-spacing: -.052em; }
h2 { font-size: 1.45rem; margin: 2.2rem 0 .6rem; }
p { margin: .65rem 0; overflow-wrap: anywhere; }
a { color: #125d4f; text-underline-offset: .18em; }
a:focus-visible { outline: 3px solid #b34a00; outline-offset: 4px; }
.brand { color: #142d2c; font-weight: 740; text-decoration: none; }
.eyebrow { font-size: .81rem; text-transform: uppercase; letter-spacing: .11em; font-weight: 650; color: #365b50; }
.intro { font-size: 1.2rem; }
.primary { display: inline-block; border-radius: .4rem; background: #174e42; color: white; padding: .58rem 1.05rem; font-weight: 600; text-decoration: none; margin: 1rem 0 .25rem; }
.primary:hover { background: #0f3c33; }