/* ════════════════════════════════════════
   COUNTER.CSS — Stats / Counter Section
════════════════════════════════════════ */

#stats {
  padding: 80px 2rem;
  background: linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);
  border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
}
.stats-in { max-width: 1280px; margin: 0 auto; }

.stats-grid {
  display: grid; grid-template-columns: repeat(4,1fr);
  gap: 2rem; margin-top: 2.5rem;
}

.stat-block { text-align: center; }

.stat-icon {
  width: 52px; height: 52px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto .8rem;
}
.stat-icon svg { width: 26px; height: 26px; }

.si1 { background: rgba(0,229,255,.1); }  .si1 svg { color: var(--cyan); }
.si2 { background: rgba(168,85,247,.1); } .si2 svg { color: var(--violet); }
.si3 { background: rgba(244,63,142,.1); } .si3 svg { color: var(--pink); }
.si4 { background: rgba(16,185,129,.1); } .si4 svg { color: var(--green); }

.stat-num {
  font-size: 2.4rem; font-weight: 900; letter-spacing: -.04em;
  background: linear-gradient(135deg,#fff,var(--cyan));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  margin-bottom: .2rem;
}
.stat-label { font-size: .85rem; color: var(--text2); font-weight: 500; }

/* Responsive */
@media (max-width: 700px) {
  .stats-grid { grid-template-columns: repeat(2,1fr); gap: 1.5rem; }
}
@media (max-width: 400px) {
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1rem; }
  .stat-num { font-size: 1.8rem; }
}