.live-dash{--purple:#5c288f;--purple-mid:#752bbb;--purple-light:#bba2fe;--purple-tint:#f1ecff;--ink:#252b37;--ink-2:#414651;--ink-3:#686c75;--cream:#f7f5f2;--offwhite:#f4f1ec;--sand:#e1dcd8;--tan:#d0c8b4;--white:#fff;--live:#1e9e50;--live-glow:#2ecc7173;--ref:#8a8494;--grid:#eeeae5;--font-display:"DM Serif Text", Georgia, serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}.live-dash *{box-sizing:border-box}.live-dash{background:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.live-dash .sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-dash a:focus-visible,.live-dash button:focus-visible,.live-dash [tabindex]:focus-visible{outline:2px solid var(--purple-mid);outline-offset:3px}.live-dash{max-width:1240px;margin:0 auto;padding:28px 24px 48px}.live-dash .top{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.live-dash .brand img{width:auto;height:34px;display:block}.live-dash .status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.live-dash .live{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.live-dash .live i{width:10px;height:10px;box-shadow:0 0 0 0 var(--live-glow);background:#2ecc71;border-radius:50%;animation:2s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 var(--live-glow)}70%{box-shadow:0 0 0 10px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}.live-dash .clock{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:14px}.live-dash .proto{color:var(--ink-2);background:var(--offwhite);border:1px solid var(--sand);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.live-dash .intro{max-width:760px;margin:12px 0 8px}.live-dash .intro h1{font-family:var(--font-display);color:var(--purple);letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(34px,4.4vw,52px);font-weight:400;line-height:1.08}.live-dash .intro p{color:var(--ink-2);max-width:62ch;margin:0;font-size:17px}.live-dash .flow{grid-template-columns:minmax(230px,260px) minmax(56px,1fr) 176px minmax(44px,.55fr) minmax(330px,400px);align-items:center;margin:28px 0 24px;padding:12px 0;display:grid;position:relative}.live-dash .wires{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.live-dash .inputs{z-index:1;grid-column:1;gap:14px;margin:0;padding:0;list-style:none;display:grid;position:relative}.live-dash .src{background:var(--white);border:1px solid var(--tan);border-radius:6px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:9px 14px 9px 9px;display:grid}.live-dash .ico{background:var(--purple-tint);width:44px;height:44px;color:var(--purple);border-radius:4px;place-items:center;display:grid}.live-dash .ico svg{width:24px;height:24px}.live-dash .src .nm{color:var(--ink-2);font-size:15px;font-weight:600;line-height:1.25;display:block}.live-dash .src .ct{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:13px;display:block}.live-dash .hub{z-index:1;background:var(--white);border:1px solid var(--tan);border-radius:24px;flex-direction:column;grid-column:3;justify-content:center;align-items:center;gap:14px;height:236px;display:flex;position:relative}.live-dash .hub img{width:92px;height:auto;display:block}.live-dash .hub span{color:#535862;letter-spacing:-.01em;font-size:20px;font-weight:700}.live-dash .out{z-index:1;background:var(--white);border:1px solid var(--tan);border-radius:24px;grid-column:5;padding:26px 30px 24px;position:relative}.live-dash .out .check{color:var(--purple);width:40px;height:40px;margin-bottom:10px;display:block}.live-dash .hero-row{align-items:center;gap:14px;display:flex}.live-dash .hero-row .dot{background:#2ecc71;border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 6px #2ecc712e,0 0 18px 4px #2ecc7159}.live-dash .odo{color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:flex-start;font-size:clamp(44px,5vw,66px);font-weight:600;line-height:1;display:inline-flex}.live-dash .odo .cell{height:1.04em;display:inline-block;overflow:hidden}.live-dash .odo .strip{will-change:transform;display:block}.live-dash .odo .strip span{height:1.04em;line-height:1.04em;display:block}.live-dash .odo .sep{height:1.04em;line-height:1.04em;display:inline-block}.live-dash .hero-label{color:var(--ink-2);margin:10px 0 0;font-size:17px;font-weight:500}.live-dash .delta{border-top:1px solid var(--sand);color:var(--ink-2);align-items:center;gap:8px;min-height:22px;margin:14px 0 0;padding-top:14px;font-size:14px;display:flex}.live-dash .delta svg{width:16px;height:16px;color:var(--live);flex:none}.live-dash .kpis{background:var(--white);border:1px solid var(--sand);border-radius:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.live-dash .kpi{min-width:0;padding:20px 24px 22px}.live-dash .kpi+.kpi{border-left:1px solid var(--sand)}.live-dash .kpi .lbl{color:var(--ink-2);margin:0 0 6px;font-size:14px;font-weight:500}.live-dash .kpi .val{letter-spacing:-.02em;color:var(--ink);font-size:32px;font-weight:600;line-height:1.15}.live-dash .kpi .val small{letter-spacing:0;color:var(--ink-3);margin-left:6px;font-size:15px;font-weight:500}.live-dash .kpi .sub{color:var(--ink-3);margin:6px 0 0;font-size:13px}.live-dash .lower{grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"hourly feed""settings feed";align-items:start;gap:20px;display:grid}.live-dash .card{background:var(--white);border:1px solid var(--sand);border-radius:16px;min-width:0;padding:22px 24px 20px}.live-dash .card h2{font-family:var(--font-display);color:var(--ink);margin:0;font-size:24px;font-weight:400;line-height:1.2}.live-dash .card .note{color:var(--ink-3);margin:4px 0 0;font-size:14px}.live-dash .hourly{grid-area:hourly}.live-dash .settings{grid-area:settings}.live-dash .feed-card{flex-direction:column;grid-area:feed;align-self:stretch;display:flex}.live-dash .chart{position:relative}.live-dash .chart svg{width:100%;display:block;overflow:visible}.live-dash .chart text{font-family:var(--font-sans)}.live-dash .tip{pointer-events:none;z-index:5;background:var(--white);border:1px solid var(--sand);color:var(--ink-2);opacity:0;border-radius:8px;min-width:170px;padding:9px 12px;font-size:13px;transition:opacity .12s,transform .12s;position:absolute;transform:translateY(4px);box-shadow:0 6px 20px #252b371a}.live-dash .tip.on{opacity:1;transform:none}.live-dash .tip .t-h{color:var(--ink-3);margin-bottom:4px}.live-dash .tip .t-r{align-items:center;gap:8px;display:flex}.live-dash .tip .t-r b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.live-dash .tip .t-k{border-radius:1px;flex:none;width:12px;height:2px}.live-dash .rows{gap:14px;margin-top:16px;display:grid}.live-dash .row{grid-template-columns:128px minmax(0,1fr) 132px;align-items:center;gap:14px;display:grid}.live-dash .row .nm{color:var(--ink-2);font-size:14px;font-weight:500}.live-dash .row .track{height:14px;position:relative}.live-dash .row .bar{background:var(--purple-mid);border-radius:0 4px 4px 0;transition:width .6s;position:absolute;top:0;bottom:0;left:0}.live-dash .row .v{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.live-dash .row .v small{color:var(--ink-3);margin-left:6px;font-size:13px;font-weight:400}.live-dash .feed{flex:1;margin:14px 0 0;padding:0;list-style:none;position:relative;overflow:hidden}.live-dash .feed li{border-bottom:1px solid var(--grid);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;animation:.45s ease-out live-arrive;display:grid}.live-dash .feed li .ico{width:36px;height:36px}.live-dash .feed li .ico svg{width:20px;height:20px}.live-dash .feed .txt{min-width:0}.live-dash .feed .what{color:var(--ink);font-size:14px;font-weight:600;line-height:1.3;display:block}.live-dash .feed .where{color:var(--ink-3);font-size:13px;line-height:1.35;display:block}.live-dash .feed .meta{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.live-dash .feed .pms{color:var(--purple);background:var(--purple-tint);white-space:nowrap;border-radius:4px;padding:1px 7px;font-size:12px;font-weight:500}.live-dash .feed-card{contain:size}.live-dash .feed{mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.live-dash .feed .ago{color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}@keyframes live-arrive{0%{opacity:0;background:var(--purple-tint);transform:translateY(-8px)}to{opacity:1;background:0 0;transform:none}}.live-dash .closing{background:var(--purple-tint);border:1px solid var(--purple-light);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:28px;padding:28px 32px;display:flex}.live-dash .closing h2{font-family:var(--font-display);color:var(--purple);margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:400;line-height:1.2}.live-dash .closing p{color:var(--ink-2);max-width:60ch;margin:6px 0 0;font-size:16px}@media (width<=760px){.live-dash .closing{padding:22px 20px}}.live-dash .cta{background:var(--purple);color:#fff;white-space:nowrap;align-items:center;padding:12px 25px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex}.live-dash .cta:hover{background:var(--purple-mid);transform:scale(1.02)}@media (width<=1100px){.live-dash .flow{grid-template-columns:minmax(220px,250px) minmax(40px,1fr) 150px minmax(32px,.5fr) minmax(300px,340px)}.live-dash .hub{height:210px}.live-dash .hub img{width:78px}.live-dash .lower{grid-template-columns:1fr;grid-template-areas:"hourly""settings""feed"}.live-dash .feed-card{contain:none;height:600px}}@media (width<=900px){.live-dash .flow{grid-template-columns:1fr;gap:16px;padding:0}.live-dash .wires,.live-dash .hub{display:none}.live-dash .inputs{grid-column:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.live-dash .src{grid-template-columns:34px 1fr;gap:10px;padding:8px 10px 8px 8px}.live-dash .src .ico{width:34px;height:34px}.live-dash .src .ico svg{width:20px;height:20px}.live-dash .src .nm{font-size:14px}.live-dash .out{grid-area:1/1}.live-dash .kpis{grid-template-columns:repeat(2,1fr)}.live-dash .kpi:nth-child(3){border-left:0}.live-dash .kpi:nth-child(n+3){border-top:1px solid var(--sand)}}@media (width<=560px){.live-dash{padding:18px 16px 36px}.live-dash .brand img{height:28px}.live-dash .intro p{font-size:16px}.live-dash .out{padding:22px 20px 20px}.live-dash .kpi{padding:16px 16px 18px}.live-dash .kpi .val{font-size:26px}.live-dash .card{padding:18px 16px}.live-dash .row{grid-template-columns:96px minmax(0,1fr) 96px;gap:10px}.live-dash .row .v small{display:none}}@media (prefers-reduced-motion:reduce){.live-dash .live i,.live-dash .feed li{animation:none}.live-dash .row .bar{transition:none}}.live-dash .replaybar{background:var(--white);border:1px solid var(--sand);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 0;padding:12px 16px;display:flex}.live-dash .replaybar p{color:var(--ink-2);max-width:72ch;margin:0;font-size:14px}.live-dash .replaybar p b{color:var(--ink);font-weight:600}.live-dash .controls{flex-wrap:wrap;gap:8px;display:flex}.live-dash .ctl{font:600 13px/1 var(--font-sans);cursor:pointer;white-space:nowrap;color:var(--purple);border:1px solid var(--purple);background:0 0;padding:9px 14px}.live-dash .ctl[aria-pressed=true]{background:var(--purple);color:#fff}.live-dash .ctl:hover{background:var(--purple-tint)}.live-dash .ctl[aria-pressed=true]:hover{background:var(--purple-mid)}.live-dash .live.replay i{background:var(--purple-light);box-shadow:none;animation:none}.live-dash .live.replay.running i{background:#2ecc71;animation:2s ease-out infinite live-pulse}.live-dash .delta small{color:var(--ink-3);margin-top:2px;font-size:13px;display:block}.live-dash .delta .txt{display:block}.live-dash .row .nm small{color:var(--ink-3);font-weight:400}.live-dash .feed .ago{font-variant-numeric:tabular-nums}.live-dash .source{color:var(--ink-3);margin:10px 0 0;font-size:13px}.live-dash .lower{grid-template-areas:"hourly feed"}.live-dash .intro p.sample{background:var(--purple-tint);border:1px solid var(--purple-light);border-left:4px solid var(--purple);max-width:68ch;color:var(--ink);border-radius:8px;align-items:flex-start;gap:12px;margin-top:18px;padding:14px 18px;font-size:16px;display:flex}.live-dash .intro p.sample svg{width:20px;height:20px;color:var(--purple);flex:none;margin-top:2px}.live-dash .intro p.sample b{font-weight:600}@media (width<=1100px){.live-dash .lower{grid-template-areas:"hourly""feed"}}.live-dash .lower.no-feed{grid-template-columns:minmax(0,1fr);grid-template-areas:"hourly"}.live-dash .lower.no-feed .feed-card{display:none}.live-dash .offhours{margin:28px 0 24px}.live-dash .offhours[hidden]{display:none}.live-dash .offhours h2{font-family:var(--font-display);color:var(--purple);margin:0;font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.15}.live-dash .offhours .note{color:var(--ink-3);margin:6px 0 14px;font-size:15px}.live-dash .oh-cards{background:var(--white);border:1px solid var(--sand);border-radius:16px;grid-template-columns:repeat(2,1fr);display:grid}.live-dash .oh-card{min-width:0;padding:22px 24px}.live-dash .oh-card+.oh-card{border-left:1px solid var(--sand)}.live-dash .oh-card .lbl{color:var(--ink-2);margin:0 0 6px;font-size:14px;font-weight:500}.live-dash .oh-card .when{color:var(--ink-3);margin-left:4px;font-weight:400}.live-dash .oh-card .val{letter-spacing:-.02em;color:var(--ink);font-size:40px;font-weight:600;line-height:1.1}.live-dash .oh-card .sub{color:var(--ink-3);margin:6px 0 0;font-size:14px}.live-dash .oh-card .share{color:var(--purple);background:var(--purple-tint);border-radius:999px;margin:12px 0 0;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}@media (width<=760px){.live-dash .oh-cards{grid-template-columns:1fr}.live-dash .oh-card+.oh-card{border-left:0;border-top:1px solid var(--sand)}.live-dash .oh-card .val{font-size:32px}}@media (prefers-reduced-motion:reduce){.live-dash .live.replay.running i{animation:none}}