/* BYOM — Home page specific styles */

.stat-section { padding: 80px 24px; background: var(--ivory); }
.stat-wrap { max-width: 760px; margin: 0 auto; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
.stat-label { font-size: 9.5px; letter-spacing: 2.5px; text-transform: uppercase; color: #C9A000; font-weight: 500; margin-bottom: 10px; }
.stat-heading { font-size: 26px; font-weight: 300; color: var(--text); line-height: 1.2; margin-bottom: 4px; }
.stat-heading b { font-weight: 500; }
.stat-rule { width: 40px; height: 1.5px; background: #FACB01; margin: 12px 0 28px; }
.stat-disclaimer { font-size: 10px; color: #6A6A5A; line-height: 1.55; margin-top: 20px; font-style: italic; padding-top: 16px; border-top: .5px solid rgba(201,160,0,.2); }
.stat-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.stat-card { background: #fff; border: .5px solid rgba(201,160,0,.2); border-radius: 14px; padding: 24px 22px 20px; opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; text-align: center; }
.stat-card.in { opacity: 1; transform: translateY(0); }
.stat-card-top { display: flex; align-items: flex-end; justify-content: center; gap: 4px; margin-bottom: 10px; }
.stat-card-num { font-size: 52px; font-weight: 300; line-height: 1; color: #C9A000; letter-spacing: -2px; font-variant-numeric: tabular-nums; }
.stat-card-suffix { font-size: 18px; font-weight: 300; color: #C9A000; margin-bottom: 6px; }
.stat-card-range { font-size: 10px; color: rgba(201,160,0,.6); font-weight: 400; margin-bottom: 10px; letter-spacing: .3px; }
.stat-card-rule { height: .5px; background: rgba(201,160,0,.2); margin-bottom: 12px; }
.stat-card-title { font-size: 12.5px; font-weight: 500; color: var(--text); margin-bottom: 5px; }
.stat-card-desc { font-size: 11.5px; color: #6A6A5A; line-height: 1.6; }
@media (max-width: 520px) { .stat-grid { grid-template-columns: 1fr; } }

/* ── RESPONSIVE ─────────────────────────────── */
@media (max-width: 768px) {
  .stat-section { padding: 60px 20px; }
  .stat-heading { font-size: 22px; }
  .stat-card-num { font-size: 44px; }
}

@media (max-width: 480px) {
  .stat-section { padding: 48px 16px; }
  .stat-grid { grid-template-columns: 1fr; }
  .stat-card { padding: 20px 18px 16px; }
  .stat-card-num { font-size: 40px; letter-spacing: -1.5px; }
  .stat-heading { font-size: 20px; }
}