.statistics { margin-bottom: 42px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 18px; }
.section-heading .eyebrow { margin: 0 0 7px; }
.section-heading h2 { font: 700 25px Manrope; margin: 0; letter-spacing: -.025em; }
.section-heading > span { color: var(--muted); font-size: 11px; }
.metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.metric-card { min-height: 145px; padding: 23px; border: 1px solid var(--line); background: rgba(255,255,255,.82); border-radius: 19px; }
.metric-card > span, .metric-card small { display: block; color: var(--muted); font-size: 12px; }
.metric-card strong { display: block; font: 800 clamp(28px,4vw,39px) Manrope; letter-spacing: -.04em; margin: 12px 0 5px; }
.metric-card.accent { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
.metric-card.accent > span, .metric-card.accent small { color: #bcd5d2; }
.skeleton { background: linear-gradient(100deg,#f2f5f1 25%,#fff 40%,#f2f5f1 60%); background-size: 300% 100%; animation: shimmer 1.4s infinite; }
@keyframes shimmer { to { background-position: -100% 0; } }
.chart-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 14px; margin-top: 14px; }
.chart-card { padding: 23px; background: rgba(255,255,255,.82); border: 1px solid var(--line); border-radius: 19px; }
.chart-title { display: flex; align-items: start; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.chart-title h3 { font: 700 14px Manrope; margin: 0; }
.chart-title span { color: var(--muted); font-size: 10px; }
.bar-chart { display: grid; gap: 13px; }
.bar-row > div { display: flex; justify-content: space-between; gap: 14px; font-size: 11px; margin-bottom: 6px; }
.bar-row span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--muted); }
.bar-row strong { font-size: 11px; }
.bar-row i { height: 6px; background: #e8eeea; border-radius: 99px; display: block; overflow: hidden; }
.bar-row b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--brand),#46b9a8); }
.loading-bars { min-height: 150px; background: repeating-linear-gradient(180deg,#eef2ef 0 7px,transparent 7px 28px); opacity: .7; }
@media (max-width: 760px) {
  .section-heading { display: block; }
  .section-heading > span { display: block; margin-top: 7px; }
  .metric-grid, .chart-grid { grid-template-columns: 1fr; }
}