.demographics{flex-direction:column;gap:24px;padding:32px 0 48px;display:flex}.demo-section{flex-direction:column;gap:24px;display:flex}.demo-section-title{color:#0f172a;letter-spacing:-.01em;border-bottom:2px solid #1170ff;margin:8px 0 0;padding-bottom:12px;font-size:1.25rem;font-weight:700}.demo-row{gap:24px;display:flex}.demo-row--full{flex-direction:column}.demo-row--narrow{justify-content:center;display:flex}.demo-row--narrow>*{width:100%;max-width:720px}.demo-row--2col>*{flex:1;min-width:0}@media (max-width:960px){.demo-row--2col{flex-direction:column}}.demo-stat-card{text-align:center;background:linear-gradient(135deg,#1170ff,#0a4fd6);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.demo-stat-value{color:#fff;letter-spacing:-1px;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1.1}.demo-stat-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:500}.demo-chart-card{background:#fff;border:1px solid #eef1f4;border-radius:16px;padding:24px;transition:box-shadow .2s;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000005}.demo-chart-card:hover{box-shadow:0 2px 8px #0000000f,0 8px 24px #0000000a}.demo-chart-card--wide{width:100%}.demo-chart-title{color:#0f172a;border-bottom:1px solid #f0f0f0;margin:0 0 16px;padding-bottom:12px;font-size:.95rem;font-weight:600}.demo-chart-body{position:relative}.demo-doughnut-wrap{align-items:center;gap:24px;display:flex}.demo-doughnut-canvas{flex-shrink:0;width:180px;height:180px}@media (max-width:600px){.demo-doughnut-wrap{flex-direction:column}.demo-doughnut-canvas{width:160px;height:160px}}.demo-legend{flex:1;min-width:0;margin:0;padding:0;list-style:none}.demo-legend-item{color:#334155;align-items:center;gap:8px;padding:5px 0;font-size:.85rem;display:flex}.demo-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.demo-legend-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.demo-legend-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.demo-legend-pct{color:#94a3b8;font-size:.8rem;font-weight:400}.demo-bar-wrap{height:300px}.demo-hbar-wrap{min-height:300px}.demo-cache-ts{text-align:center;color:#94a3b8;padding:8px 0 0;font-size:.8rem}