:root { color-scheme: light; font-family: system-ui, sans-serif; color: #163d34; background: #eff6f1; }
body { margin: 0; padding: clamp(16px, 6vw, 76px) 16px; }
main { max-width: 680px; margin: auto; padding: clamp(24px, 6vw, 60px); background: #fff; border: 1px solid #d2e4da; border-radius: 20px; }
.icon { display: block; object-fit: contain; border-radius: 16px; }
.kicker { margin: 20px 0 6px; color: #3e6757; font-weight: 650; }
h1 { margin: 0; font-size: clamp(32px, 7vw, 52px); }
.intro { color: #34544a; line-height: 1.7; }
nav { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0; }
a { color: #075d4e; }
nav a { border: 1px solid #8eb7a5; border-radius: 10px; padding: 10px 15px; text-decoration: none; }
nav a:hover { text-decoration: underline; }
nav .primary { background: #075d4e; color: #fff; border-color: #075d4e; }
footer { border-top: 1px solid #d2e4da; padding-top: 16px; color: #36564c; line-height: 1.7; }
footer span { margin: 0 4px; }