:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #fafaf7;
  color: #1d4238;
  font-size: 16px;
  line-height: 1.65;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: #1d6b56; text-underline-offset: .17em; }
a:hover { color: #123e32; }
.site-header, .site-footer { max-width: 860px; margin: 0 auto; padding: 24px; }
.site-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 12px; color: inherit; font-weight: 750; letter-spacing: .04em; text-decoration: none; }
.brand img { width: 38px; height: 38px; border-radius: 12px; }
.site-nav { display: flex; gap: 22px; }
.site-nav a { font-weight: 600; text-decoration: none; }
main { max-width: 860px; margin: 28px auto 64px; padding: 0 24px; }
.eyebrow { color: #527168; font-size: .8rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1 { font-size: clamp(2.7rem, 8vw, 4.5rem); letter-spacing: -.055em; line-height: 1.05; margin: 14px 0 24px; }
.intro { max-width: 690px; font-size: 1.28rem; color: #536b64; line-height: 1.5; }
.panel { background: white; border: 1px solid #e5ebe5; border-radius: 28px; padding: 30px 34px; margin: 32px 0; box-shadow: 0 16px 40px rgba(25, 55, 45, .035); }
h2 { font-size: 1.35rem; letter-spacing: -.025em; line-height: 1.3; margin: 0 0 10px; }
h3 { font-size: 1.05rem; margin: 24px 0 6px; }
p { margin: 0 0 15px; }
p:last-child { margin-bottom: 0; }
.panel + .panel { margin-top: 20px; }
.site-footer { border-top: 1px solid #e3eae3; color: #5d726a; display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; font-size: .9rem; }
.site-footer a { margin-left: 18px; }
@media (max-width: 600px) {
  .site-header { flex-wrap: wrap; padding-top: 18px; }
  .site-nav { gap: 18px; }
  main { margin-top: 30px; }
  .panel { border-radius: 22px; padding: 24px; }
  .site-footer a { margin: 0 18px 0 0; }
}