/* ================================================================
   NADLANISTIM — STATS (ported from app/v6/v6.css → Stats)
   ================================================================
   Four glass cards: a gradient count-up number, a label, and a thin progress bar that
   animates from the inline-end when the card reveals.
   ================================================================ */

.nad-section-head--stats h2 { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.05; letter-spacing: -0.025em; max-width: 14ch; }

.nad-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 48px; }
.nad-stat { padding: 40px 32px; border-radius: var(--nad-r-lg); display: flex; flex-direction: column; gap: 16px; min-height: 240px; }
.nad-stat__num { font-size: clamp(48px, 5.5vw, 76px); font-weight: 600; line-height: 1; letter-spacing: -0.035em; font-variant-numeric: tabular-nums; background: var(--nad-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nad-stat__label { font-size: 14.5px; color: var(--nad-ink-2); font-weight: 400; }
.nad-stat__bar { height: 2px; background: rgba(255,255,255,.08); border-radius: 2px; overflow: hidden; margin-top: auto; }
/* transform-origin at the inline-end so the fill grows from the right under RTL. */
.nad-stat__bar > span { display: block; height: 100%; width: var(--w, 100%); background: var(--nad-grad-1); transform: scaleX(0); transform-origin: right; transition: transform 1.2s var(--nad-t) .15s; }
.nad-stat.is-visible .nad-stat__bar > span { transform: scaleX(1); }

/* ===== Responsive ===== */
@media (max-width: 1100px) {
	.nad-stats__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
	.nad-stats__grid { gap: 10px; margin-top: 19px; }
	.nad-stat { padding: 22px 18px; min-height: auto; gap: 8px; }
	.nad-stat__num { font-size: clamp(34px, 9vw, 44px); }
	.nad-stat__label { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.nad-stat .nad-stat__bar > span { transition: none !important; }
	.nad-stat.is-visible .nad-stat__bar > span { transform: scaleX(1) !important; }
}