:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #17211b;
  background: #f6f1e7;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: #2f6b4f; }
.shell { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0; }
.brand { color: #2f6b4f; font-size: 14px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 8px 0 16px; font-size: clamp(36px, 8vw, 58px); line-height: 1.05; }
h2 { margin-top: 36px; font-size: 22px; }
.lead { color: #526158; font-size: 18px; }
.card { margin-top: 28px; padding: 24px; border: 1px solid #dce2da; border-radius: 18px; background: #fffdf8; }
.links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.button { display: inline-block; padding: 11px 16px; border-radius: 10px; background: #2f6b4f; color: white; font-weight: 750; text-decoration: none; }
.button.secondary { background: #e1ecdf; color: #244e3b; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid #dce2da; color: #66736b; font-size: 14px; }
ul { padding-left: 22px; }