/* ============================================
   ENDORSE BEAUTY — Home Page
   ============================================ */

/* Intro section */
.home-intro {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.home-intro p {
  font-size: clamp(1.05rem, 1.2vw, 1.15rem);
  line-height: var(--leading-relaxed);
}

/* Offer cards */
.offer-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-lg);
}

.offer-grid .card {
  text-align: center;
}

.offer-grid .card__icon {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 899px) {
  .offer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 639px) {
  .offer-grid {
    grid-template-columns: 1fr;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Stats section */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
}

@media (max-width: 639px) {
  .stats-grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }
}