/* ─── STATS SECTION ──────────────────────────────────────────────────────── */
#stats {
  padding: 36px 0;
  background: rgba(13,0,38,.60);
  border-top: 1px solid rgba(139,0,255,0.12);
  border-bottom: 1px solid rgba(139,0,255,0.12);
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
}
.stats-grid .stat-card:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.06);
}
@media (max-width: 768px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid .stat-card:nth-child(2) { border-right: none; }
  .stats-grid .stat-card:nth-child(1),
  .stats-grid .stat-card:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }
}
@media (max-width: 400px) {
  .stats-grid { grid-template-columns: 1fr; }
  .stats-grid .stat-card { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
}

/* ─── FEATURES SECTION ───────────────────────────────────────────────────── */
#features { background: var(--bg-main); }
.features-header { text-align: center; margin-bottom: 60px; }
.features-header .section-sub { margin: 0 auto; }

.features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1024px) {
  .features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .features-grid { grid-template-columns: 1fr; }
}

/* ─── HOW IT WORKS SECTION ───────────────────────────────────────────────── */
#how-it-works {
  background: linear-gradient(180deg, var(--bg-main) 0%, rgba(13,0,38,.80) 50%, var(--bg-main) 100%);
}
.how-header { text-align: center; margin-bottom: 64px; }
.how-header .section-sub { margin: 0 auto; }

@media (max-width: 768px) {
  .steps-grid { grid-template-columns: 1fr 1fr; }
  .steps-grid::before { display: none; }
}
@media (max-width: 480px) {
  .steps-grid { grid-template-columns: 1fr; }
}