.top-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #fffdf8 0%, #f4faf5 100%);
}

.top-shell {
  width: min(100% - 32px, 860px);
  margin: 0 auto;
  padding: 64px 0;
}

.top-hero {
  min-height: 58vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
}

.top-kicker {
  color: #4f8b66;
  font-size: 0.9rem;
  font-weight: 800;
}

.top-hero h1 {
  font-size: clamp(2.4rem, 11vw, 6rem);
  line-height: 1.08;
}

.top-hero p,
.top-note p {
  max-width: 680px;
  color: #4c4842;
  font-size: clamp(1.02rem, 3vw, 1.2rem);
}

.top-note {
  border-top: 1px solid rgba(36, 36, 36, 0.12);
  padding-top: 32px;
}

.top-note h2 {
  margin-bottom: 14px;
  font-size: clamp(1.35rem, 4vw, 2rem);
}