/* JA — stat band (navy) + on-light variant (proof) */

/* Tighter gap above; cream breathing room below before the white section. */
.ja-stats { margin: 32px 0 40px; }

/* Hero stats band — Figma #2542:470 ("Stats"): padding 50px, radius 30px.
   The legacy partner_program_stats-section markup styles come from
   assets/css/style.css (40px 20px); override scoped under .ja-stats. */
.ja-stats .partner_program_stats-section__wrapper___row { padding: 50px; border-radius: var(--ja-radius-tile); }
.ja-stats .partner_program_stats__value { font-size: 48px; }
.ja-stats .partner_program_stats__label { font-weight: 500; line-height: 22.5px; }

.ja-stats__grid, .ja-proof__stats { display: grid; grid-template-columns: repeat(var(--ja-stat-cols, 4), 1fr); gap: 32px; }
.ja-stat__n { font-family: var(--ja-font-serif); font-weight: 400; font-size: clamp(42px, 5vw, 64px); line-height: 1; color: var(--ja-cream); }
.ja-stat__label { font-size: 15px; color: var(--ja-stat-label); margin: 12px 0 0; }

.ja-stats--on-light .ja-stat__n { color: var(--ja-ink); }
.ja-stats--on-light .ja-stat__label { color: var(--ja-ink-2); }

/* Proof — a single navy pill holding N stats, like the hero stats band
   and per Figma #2564:1132 ("Stats"). */
.ja-proof__stats { max-width: 1220px; margin: 48px auto 0; }
.ja-proof__stats { background: var(--ja-navy); border-radius: var(--ja-radius-tile); padding: 50px 100px; text-align: center; }

@media (max-width: 960px) {
	.ja-stats__grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
	.ja-stats .partner_program_stats-section__wrapper___row { padding: 32px 24px; }
	/* Proof pill stacks vertically on mobile (Figma 375: one stat per row). */
	.ja-proof__stats { grid-template-columns: 1fr; gap: 32px; padding: 40px 32px; max-width: 100%; }
	.ja-stat__n { font-size: 34px; }
}