/* ============================================================
   Resultaten (h2g/stats) — 4 count-up stats, gradient cijfers
   ============================================================ */

.results { background: linear-gradient(180deg, var(--navy), var(--nile-900)); }

.res-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
  border-top: 1px solid rgba(255,255,255,.12); margin-top: 50px;
}
.res-item { padding: 46px 24px 12px; border-right: 1px solid rgba(255,255,255,.12); }
.res-item:last-child { border-right: none; }

.res-num {
  font-family: var(--font-h); font-weight: 800; font-size: clamp(48px, 7vw, 84px); line-height: 1;
  background: linear-gradient(135deg, #fff, var(--teal-300));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.res-lab { font-family: var(--font-h); font-weight: 600; font-size: 16px; margin: 16px 0 8px; color: #fff; }
.res-desc { color: var(--nile-300); font-size: 14px; font-weight: 300; }

@media (max-width: 820px) {
  .res-grid { grid-template-columns: 1fr 1fr; }
  .res-item { border-bottom: 1px solid rgba(255,255,255,.12); }
  .res-item:nth-child(2n) { border-right: none; }
}
@media (max-width: 640px) {
  .res-item { padding: 32px 10px 10px; }
}