:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #f8f7f2; color: #172018; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; }
main { width: min(680px, 100%); padding: clamp(32px, 8vw, 72px); border: 1px solid #d9dfd5; border-radius: 28px; background: #fff; box-shadow: 0 24px 70px rgba(25, 55, 32, .08); }
.eyebrow { color: #39734a; font-weight: 800; letter-spacing: .18em; }
h1 { font-size: clamp(2.5rem, 8vw, 5.5rem); line-height: .96; letter-spacing: -.055em; margin: 20px 0; }
p { color: #536057; font-size: 1.05rem; line-height: 1.65; }
nav { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 48px; }
a { color: #285c38; font-weight: 700; }