:root{background:#f7f8fc;color:#172638}
main{max-width:1320px;padding:28px 42px}
.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:30px;border-bottom:1px solid #dce3ed;margin-bottom:36px}
a{color:#284b91;text-decoration:none}a:hover{text-decoration:underline}
.demo-nav>a:first-child{font-size:24px;font-weight:750;letter-spacing:-.8px;color:#182b4b}
.demo-badge{font-size:11px;font-weight:750;letter-spacing:1.4px;border:1px solid #bdcfe9;background:#eaf1ff;color:#264f83;padding:7px 11px;border-radius:30px}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.3px;color:#426193;margin-bottom:13px}
h1{font-size:clamp(32px,4vw,48px);font-weight:720;letter-spacing:-2px;line-height:1.09;margin-bottom:16px}
header{align-items:flex-end;margin-bottom:18px}.live-controls[hidden]{display:none}
.demo-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-bottom:7px;font-size:14px}
#replay{background:#203e69;color:white;border-color:#203e69;padding:12px 16px}
#status{font-size:13px;border-left:3px solid #9cb5da;padding-left:12px;margin:22px 0 14px}
.metrics strong{font-size:30px;letter-spacing:-1px}.metrics div{border-radius:12px}
.chart-card{box-shadow:0 10px 30px #22345506;border-radius:14px}
#chart rect[tabindex]{animation:barFade 1.2s cubic-bezier(.22,.61,.36,1) both}
#chart rect[tabindex]:nth-of-type(3n){animation-delay:.12s}
#chart rect[tabindex]:nth-of-type(3n+1){animation-delay:.24s}
#chart path{stroke-dasharray:3000;stroke-dashoffset:3000;animation:trace 1.7s ease-out .25s forwards}
@keyframes barFade{from{opacity:0}to{opacity:.7}}
@keyframes trace{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){#chart rect[tabindex],#chart path{animation:none;transform:none;stroke-dashoffset:0}}
@media(max-width:760px){main{padding:18px}.demo-nav{gap:10px;flex-wrap:wrap;margin-bottom:25px}.demo-nav>a:first-child{font-size:21px}.demo-nav>a:last-child{font-size:12px}.demo-badge{font-size:9px;padding:6px 8px}h1{letter-spacing:-1.3px}.demo-actions{margin-top:20px}.metrics strong{font-size:24px}}