/*
 * Home V3 — Stats / Social Proof
 */

.hv3-stats {
  padding: var(--space-9) var(--space-5);
  border-top: 1px solid rgba(73, 68, 84, 0.1);
  border-bottom: 1px solid rgba(73, 68, 84, 0.1);
  background: var(--color-surface-primary);
}

.hv3-stats__inner {
  max-width: 87.5rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
  text-align: center;
}

@media (min-width: 768px) {
  .hv3-stats__inner {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ── Individual stat ─────────────────────────────────────────── */
.hv3-stats__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hv3-stats__value {
  font-family: var(--font-family-heading);
  font-weight: 800;
  font-size: clamp(2.5rem, 6vw, 3.75rem);
  line-height: 1;
  margin-bottom: var(--space-2);
}

.hv3-stats__value--secondary { color: var(--color-brand-secondary); }
.hv3-stats__value--primary   { color: var(--color-brand-primary); }
.hv3-stats__value--tertiary  { color: var(--color-brand-accent); }

.hv3-stats__label {
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-xs);
  letter-spacing: 0.1em;
  color: var(--color-text-secondary);
}

.hv3-stats__rule {
  width: 3rem;
  height: 2px;
  margin-top: var(--space-3);
  border-radius: var(--radius-full);
}

.hv3-stats__rule--secondary { background: rgba(106, 220, 154, 0.3); }
.hv3-stats__rule--primary   { background: rgba(206, 189, 255, 0.3); }
.hv3-stats__rule--tertiary  { background: rgba(113, 213, 230, 0.3); }
