.stats__grid {
  display: grid;
  gap: var(--space-2xl);
  text-align: center;
}

@media (min-width: 640px) {
  .stats__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.stats__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.stats__number {
  font-family: var(--font-mono);
  font-size: var(--text-2xl);
  font-weight: 600;
  color: var(--color-text-inverse);
}

.stats__number[data-pending="true"] {
  color: var(--color-primary);
  opacity: 0.7;
}

.stats__label {
  font-size: var(--text-sm);
  color: var(--color-text-inverse);
  opacity: 0.75;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}