/* Homepage — override tipografia rispetto a type.css */

.home-page .hero h1 {
  max-width: none;
  margin-bottom: 1.25rem;
}

.home-page .section__title {
  margin-bottom: 1rem;
}

.home-page .section__subtitle {
  margin-bottom: 2rem;
}

.home-page .lead-card #lead-title {
  font-size: var(--type-section);
  color: var(--title-color);
  margin-bottom: 0.65rem;
}

.home-page .step strong {
  font-family: var(--font-display);
  font-size: var(--type-h3);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.25;
  color: var(--title-color);
  display: block;
  margin-bottom: 0.35rem;
}

.home-page .step span {
  color: var(--text-muted);
}

.home-page .elite__copy > p {
  color: rgba(232, 237, 243, 0.9);
}

.home-page .academy-copy > p {
  color: rgba(255, 255, 255, 0.88);
}

.home-page .model-card--featured h3,
.home-page .model-card--featured p {
  color: rgba(232, 237, 243, 0.92);
}

.home-page .pillar__stats-footnote {
  margin-top: 1rem;
  color: var(--text-muted);
}

.home-page .btn {
  font-size: 0.875rem;
}