:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #173625; background: #f7faf6; }
* { box-sizing: border-box; }
body { margin: 0; }
header, main, footer { max-width: 1120px; margin: auto; padding-left: 28px; padding-right: 28px; }
header { height: 82px; display: flex; align-items: center; justify-content: space-between; }
.brand { color: #173625; font-size: 19px; font-weight: 800; text-decoration: none; display: flex; gap: 10px; align-items: center; }
.brand span { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 12px; color: white; background: #126a42; }
.text-link { color: #265c3d; font-weight: 700; }
.hero { max-width: 770px; padding-top: 100px; padding-bottom: 96px; }
.eyebrow { color: #126a42; font-size: 13px; font-weight: 800; letter-spacing: .09em; }
h1 { font-size: clamp(44px, 7vw, 78px); letter-spacing: -.065em; line-height: .98; margin: 15px 0 24px; }
h2 { font-size: 32px; letter-spacing: -.04em; margin: 10px 0; }
.lead { font-size: 21px; line-height: 1.5; color: #526c5b; max-width: 650px; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 35px 0 16px; }
.button { display: inline-block; border-radius: 11px; background: #126a42; color: #fff; text-decoration: none; font-weight: 800; padding: 14px 20px; }
.button.secondary { background: #e4eee6; color: #19402a; }
.fine-print, article p, .boundary p { color: #56705f; line-height: 1.55; }
.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-bottom: 90px; }
article, .boundary { border: 1px solid #dce9df; border-radius: 17px; background: #fff; padding: 25px; }
article b { font-size: 18px; }
.boundary { margin-bottom: 90px; background: #ebf4ec; border: 0; padding: 42px; }
footer { border-top: 1px solid #dce9df; color: #63786a; padding-top: 26px; padding-bottom: 36px; font-size: 14px; }
@media (max-width: 680px) { header, main, footer { padding-left: 20px; padding-right: 20px; } .hero { padding-top: 55px; padding-bottom: 60px; } .features { grid-template-columns: 1fr; padding-bottom: 55px; } .boundary { margin-bottom: 55px; padding: 25px; } }
