*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f5f4f8;color:#211d37;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}.dashboard{height:100svh;height:100dvh;max-width:1500px;margin:auto;padding:clamp(20px,3.6vh,46px) clamp(22px,5vw,84px) 22px;display:grid;grid-template-rows:auto minmax(130px,1.05fr) auto minmax(150px,1.1fr) auto;gap:clamp(16px,3vh,32px)}header,footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:740;letter-spacing:-1px}.brand svg{width:31px;height:31px;color:#6c5ce7}.divider{margin:0 13px;color:#c4c0d1;font-weight:400}.growth{font-size:20px;font-weight:450;color:#686078;letter-spacing:-.5px}.live{font-size:12px;color:#81788e;display:flex;align-items:center;gap:7px}.dot{height:6px;width:6px;background:#8b80d0;border-radius:50%}.hero{display:flex;flex-direction:column;justify-content:center}.eyebrow,.label{font-size:13px;color:#7b738b;font-weight:500}.eyebrow{font-size:15px}.total{font-size:clamp(60px,8.5vw,120px);line-height:1.2;letter-spacing:-.07em;font-weight:620;margin:4px 0;color:#312552}.definition{color:#9a92a5;font-size:11px;line-height:1.6}.indicators{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:24px 0;border-top:1px solid #e2deeb;border-bottom:1px solid #e2deeb}.indicator+.indicator{border-left:1px solid #e2deeb;padding-left:28px}.value{font-size:clamp(27px,3vw,40px);letter-spacing:-1.5px;font-weight:550;line-height:1.25;margin-top:9px}.charts{min-height:0;display:grid;grid-template-columns:1.25fr 1fr;gap:42px}figure{margin:0;min-width:0;min-height:0;display:flex;flex-direction:column}figcaption{font-size:13px;font-weight:550;display:flex;justify-content:space-between;margin-bottom:16px}figcaption span{font-size:10px;color:#a29baa;font-weight:400}.chart{flex:1;min-height:0;position:relative}.chart svg{height:100%;width:100%;display:block;overflow:visible}.chart text{fill:#92899f;font-family:inherit;font-size:11px}.chart .grid{stroke:#e6e2ed;stroke-width:1}.chart .line{stroke:#7965d8;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart .point{fill:#7965d8;stroke:#f5f4f8;stroke-width:3}.chart .bar{fill:#b8a7ed}.chart .bar.current{fill:#7965d8}.placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#9a92a5}footer{font-size:10px;color:#a097ad;min-height:14px}#updated.stale{color:#9d743b}@media(max-width:650px){.dashboard{padding:22px 22px 16px;grid-template-rows:auto minmax(110px,.8fr) auto minmax(190px,1.35fr) auto;gap:20px}.brand{font-size:21px}.brand svg{width:27px;height:27px}.growth{font-size:18px}.divider{margin:0 9px}.live{font-size:0}.dot{width:7px;height:7px}.eyebrow{font-size:12px}.total{font-size:clamp(54px,15vw,84px)}.definition{font-size:9px}.indicators{gap:12px;padding:18px 0}.indicator+.indicator{padding-left:12px}.label{font-size:10px;line-height:1.4;min-height:28px}.value{font-size:26px;letter-spacing:-1px;margin-top:5px}.charts{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:18px}figcaption{font-size:11px;margin-bottom:6px}.chart text{font-size:10px}footer{font-size:9px}}@media(max-height:680px){.dashboard{gap:14px;padding-top:16px;padding-bottom:12px;grid-template-rows:auto minmax(95px,.75fr) auto minmax(160px,1.2fr) auto}.total{font-size:64px}.indicators{padding:12px 0}.value{font-size:26px}.charts{gap:14px}}@media(max-height:480px){.dashboard{grid-template-rows:auto auto auto minmax(65px,1fr) auto;gap:8px;padding:10px 24px}.hero{position:relative}.eyebrow{font-size:11px}.total{font-size:42px}.definition{position:absolute;right:0;bottom:8px}.brand{font-size:18px}.brand svg{width:22px;height:22px}.growth{font-size:16px}.indicators{padding:7px 0}.label{font-size:10px;min-height:0}.value{font-size:22px;margin:1px 0}.charts{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr;gap:30px}figcaption{margin-bottom:4px;font-size:10px}}

.hero h1{margin:0}.total[data-scale="wide"]{font-size:clamp(35px,6.5vw,88px)}.total[data-scale="very-wide"]{font-size:clamp(28px,5vw,68px)}@media(max-width:650px){.total[data-scale="wide"]{font-size:clamp(32px,11vw,65px)}.total[data-scale="very-wide"]{font-size:clamp(24px,8.5vw,50px)}.value[data-scale="wide"]{font-size:20px;letter-spacing:-.7px}}
