@font-face {
  font-family: "Geist";
  src: url("assets/fonts/geist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0;
  background: #f7f8f5;
  color: #161819;
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}
a { color: #1f8f62; }
.shell { width: min(760px, calc(100% - 40px)); margin: 0 auto; }
header, footer { border-bottom: 1px solid #dde2dd; }
footer { border-bottom: 0; border-top: 1px solid #dde2dd; padding: 28px 0 48px; color: #5c6468; font-size: 14px; }
header .shell, footer .shell { display: flex; justify-content: space-between; gap: 16px; align-items: center; min-height: 72px; flex-wrap: wrap; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; font-weight: 600; letter-spacing: -0.02em; }
.brand img { width: 32px; height: 32px; }
main { padding: 48px 0 72px; }
h1 { font-size: clamp(36px, 5vw, 52px); letter-spacing: -0.04em; line-height: 1.05; font-weight: 560; }
h2 { margin-top: 36px; font-size: 22px; letter-spacing: -0.03em; }
p, li { color: #3d4648; }
.kicker { color: #1f8f62; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; }