/* ── STATS ── */
.stats {
  padding-block: 5rem;
  background: linear-gradient(90deg, var(--color-blue-950), var(--color-slate-900) 50%, var(--color-blue-950));
  position: relative;
  overflow: hidden;
}

.stats::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 2px 2px, rgba(255, 255, 255, .25) 1px, transparent 0);
  background-size: 30px 30px;
  opacity: .08;
}

.stats__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  text-align: center;
}

.stats__item strong {
  display: block;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 900;
  color: #fff;
}

.stats__item span {
  color: rgba(147, 197, 253, .9);
  font-size: .9rem;
  margin-top: .25rem;
  display: block;
}

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