:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: #f7f8f5; color: #1d2821; }
main { width: min(100% - 2rem, 38rem); padding: 3rem 0; }
.eyebrow { font-size: .8rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #3d7950; }
h1 { max-width: 12ch; font-size: clamp(2.7rem, 7vw, 4.5rem); line-height: 1.04; margin: 1rem 0; }
p { max-width: 33rem; font-size: 1.1rem; line-height: 1.6; }
.button { display: inline-block; margin-top: 1rem; padding: .9rem 1.2rem; border-radius: .7rem; background: #276d3f; color: white; text-decoration: none; font-weight: 650; }
.button:hover, .button:focus-visible { background: #1d5530; }
.secondary { margin-top: 1.8rem; font-size: .9rem; color: #65746a; }