@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--back:#070e19;--shell:#0a1422;--panel:#0d1929;--edge:#203044;--line:#23354a;--text:#f0f7ff;--soft:#b5c5d6;--sub:#798da5;--cyan:#4bd8f7;--bright:#96ebfc;--blue:#527ff9;--purple:#a79aff;--orange:#ff9a72;--green:#66e7bd;--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--sans:'DM Sans',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--back);font:14px var(--sans);color:var(--text)}button,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}svg{display:block}.app-shell{display:grid;grid-template-columns:74px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;z-index:15;background:#091321;border-right:1px solid #1d2a3a;display:flex;align-items:center;flex-direction:column;padding:24px 12px}.symbol{width:45px;height:45px;border:1px solid #315267;border-radius:12px;display:grid;place-items:center;color:var(--cyan);background:#102639}.symbol svg{width:30px;height:30px}.rail-nav{display:grid;gap:17px;margin-top:75px}.rail-link{display:grid;place-items:center;color:#687f97;width:45px;height:45px;border-radius:10px;transition:.16s background,.16s color}.rail-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rail-link.active,.rail-link:hover{color:var(--cyan);background:#122d42}.rail-foot{margin-top:auto;display:grid;gap:10px;justify-items:center}.mini-led{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #66e7bd55;display:inline-block}.rail-version{font:10px var(--mono);color:#678099}.workplace{min-width:0}.topbar{height:78px;padding:0 clamp(22px,3.4vw,62px);border-bottom:1px solid #1b293c;display:flex;justify-content:space-between;align-items:center;background:#081220}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.logo-word{letter-spacing:2px;font-weight:800;font-size:13px}.logo-word span{color:var(--cyan)}.top-divider{height:21px;width:1px;background:#2b3b50}.product-caption,.local-tag,.top-time{font:10px var(--mono);color:var(--sub);letter-spacing:.7px}.top-separator{color:#46586e}.agent-pill{display:flex;align-items:center;gap:9px;border:1px solid #225469;color:#88e9f7;background:#0c2a38;border-radius:5px;padding:10px 12px;font:10px var(--mono);letter-spacing:1px}.agent-pill.paused{color:#d3c2a2;background:#242116;border-color:#6c5837}.agent-pill.offline{color:var(--orange);background:#2b191b;border-color:#65373d}.pill-dot,.live-ring{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #4bd8f716;display:inline-block}.agent-pill.paused .pill-dot{background:#e4b36c;box-shadow:none}.agent-pill.offline .pill-dot{background:var(--orange);box-shadow:none}.page{padding:40px clamp(22px,3.4vw,62px) 25px;max-width:1760px;margin:0 auto}.intro{display:flex;gap:24px;justify-content:space-between;align-items:end;padding:6px 0 28px}.breadcrumb,.section-kicker,.label-tech{font:10px var(--mono);color:var(--cyan);letter-spacing:1.4px}.breadcrumb{color:#9eaec1}.breadcrumb span{color:var(--cyan);margin:0 8px}.intro h1{margin:15px 0 10px;letter-spacing:-1.65px;font-size:clamp(27px,3vw,41px);line-height:1.13;font-weight:800}.intro h1 span{color:#869caf}.intro p{margin:0;color:#91a3b9;font-size:13px}.intro-actions{display:flex;gap:10px;flex-wrap:wrap}.button-primary,.button-secondary,.button-download{height:42px;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:0 16px;border-radius:6px;font-size:12px;font-weight:800;white-space:nowrap}.button-primary{background:var(--cyan);color:#051422;border:1px solid var(--cyan)}.button-primary:hover{background:#8cecff}.button-primary svg,.button-download svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.button-secondary{background:#111e2f;color:#bacde1;border:1px solid #2b4057}.button-secondary:hover{background:#192c43}.network-stage{min-height:245px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #254156;background:linear-gradient(108deg,#0c2339 0%,#081727 55%,#101b2f 100%);overflow:hidden;border-radius:11px;padding:34px 40px}.stage-glow{position:absolute;inset:-80% -20% -80% 15%;background:radial-gradient(circle,#123f5c66 0%,transparent 56%);z-index:-1}.stage-lines{position:absolute;inset:0;background-image:linear-gradient(#26445e38 1px,transparent 1px),linear-gradient(90deg,#26445e38 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.55;z-index:-1}.stage-left{max-width:520px;flex:1}.label-tech{display:flex;align-items:center;gap:10px}.stage-state{margin:26px 0 12px;font:700 clamp(27px,3vw,42px)/1 var(--mono);letter-spacing:-2.1px;color:var(--cyan)}.stage-state span{color:var(--text)}.stage-state.bad{color:var(--orange)}.stage-state.paused{color:#f2c082}.stage-left p{color:#b0c1d1;margin:0 0 21px;font-size:12px;max-width:400px;line-height:1.7}.last-check{font:10px var(--mono);letter-spacing:.5px;color:#6889a6}.last-check strong{color:#aecbdc;margin-left:8px;font-weight:500}.tiny-square{width:6px;height:6px;background:var(--cyan);display:inline-block;margin-right:7px}.network-route{display:flex;align-items:center;justify-content:center;gap:0;min-width:420px;max-width:540px;flex:1}.network-node{text-align:center;flex:0 0 104px;display:flex;align-items:center;flex-direction:column}.node-icon{width:65px;height:65px;border:1px solid #2d6178;background:#0b2b41;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 5px #13374b55;color:var(--cyan)}.node-icon.alert{color:var(--orange);border-color:#7a554f;background:#2b1d28}.node-icon.muted{color:#7b8ba2;border-color:#38485e;background:#152336}.node-icon svg{width:37px;height:37px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.network-node>span{font:9px var(--mono);letter-spacing:1px;color:#d1e7f5;margin-top:15px}.network-node small{font:9px var(--mono);color:#7795ac;margin-top:6px}.wire{height:1px;min-width:30px;flex:1;background:linear-gradient(90deg,#35677e,#24acd7,#35677e);position:relative;margin-bottom:33px}.wire-signal{position:absolute;top:-2px;height:5px;width:5px;border-radius:50%;background:#7aeeff;box-shadow:0 0 15px #4be5ff;animation:travel 2.1s linear infinite}@keyframes travel{from{left:0}to{left:100%}}.scan-number{position:absolute;bottom:14px;right:20px;font:9px var(--mono);letter-spacing:2px;color:#4e7993}.telemetry-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #213347;border-radius:9px;background:#0c1829;margin-top:16px;overflow:hidden}.telemetry-item{padding:22px 27px 21px;min-width:0;border-right:1px solid #213347}.telemetry-item:last-child{border-right:0}.metric-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px var(--mono);letter-spacing:.6px;color:#98acc2}.metric-dot{height:7px;width:7px;border-radius:50%;display:inline-block}.metric-dot.cyan{background:var(--cyan)}.metric-dot.purple{background:var(--purple)}.metric-dot.orange{background:var(--orange)}.metric-dot.blue{background:var(--blue)}.metric-value{font:600 clamp(24px,2.7vw,34px) var(--mono);letter-spacing:-1.7px;margin:17px 0 8px;overflow-wrap:anywhere}.metric-foot{font-size:10px;color:#718ba4}.analysis-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:16px;margin:16px 0}.surface{background:var(--panel);border:1px solid #213349;border-radius:10px;min-width:0}.telemetry,.events{padding:27px 27px 22px;min-height:486px}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-top h2{font-size:19px;letter-spacing:-.55px;margin:12px 0 6px}.section-top p{color:#7d96ac;font-size:11px;line-height:1.6;margin:0;max-width:470px}.section-kicker{font-size:9px;color:#6d9bb6;letter-spacing:1.5px}.time-select,.tab-group{border:1px solid #2a3d52;display:flex;align-items:center;border-radius:6px;padding:3px;gap:2px}.time-select button,.tab-group button{border:0;background:transparent;color:#7993a9;font:600 10px var(--mono);padding:9px 11px;border-radius:4px}.time-select button.selected,.tab-group button.selected{color:#cbf8ff;background:#183a4f}.time-select button:hover,.tab-group button:hover{color:var(--text)}.chart-meta{display:flex;align-items:baseline;gap:12px;margin:22px 0 3px}.chart-number{font:600 35px var(--mono);letter-spacing:-2px}.chart-number span{color:#8ba3b7;font-size:15px;letter-spacing:0}.chart-caption{font:9px var(--mono);color:#6c88a0}.chart-legend{margin-left:auto;display:flex;gap:18px;color:#829cb3;font:10px var(--mono)}.chart-legend>span{display:flex;align-items:center;gap:7px}.legend-line{width:17px;height:2px;background:var(--cyan);display:inline-block}.legend-failure{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block}.chart-wrap{position:relative;width:100%;height:235px;margin-top:8px}.chart{width:100%;height:100%;overflow:visible}.chart-empty{position:absolute;left:0;right:0;top:47%;text-align:center;font:12px var(--mono);color:#758ea4}.chart-bottom{font:9px var(--mono);display:flex;justify-content:space-between;color:#738ca2;margin-top:3px}.trace-note{border-top:1px solid #203148;margin-top:20px;padding-top:18px;color:#8399af;font-size:10px;line-height:1.7;display:flex;gap:9px;align-items:baseline}.trace-note strong{color:#bfd1e3;font-weight:600}.info-icon{border:1px solid #69859c;width:14px;height:14px;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 14px;font:10px var(--mono);color:#acc5d5}.event-count{white-space:nowrap;font:9px var(--mono);color:#90dff1;border:1px solid #23465d;padding:8px;border-radius:4px}.event-list{margin-top:23px;min-height:290px;display:flex;flex-direction:column;gap:0}.event-entry{display:grid;grid-template-columns:18px 1fr;column-gap:13px}.event-track{position:relative;display:flex;flex-direction:column;align-items:center}.event-track::after{content:"";width:1px;background:#294154;flex:1;min-height:45px}.event-entry:last-child .event-track::after{display:none}.event-point{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#1f3949;border:2px solid var(--cyan);margin-top:4px}.event-entry.down .event-point{border-color:var(--orange);background:#43312f}.event-entry.good .event-point{border-color:var(--green)}.event-body{padding-bottom:22px}.event-body strong{font-size:11px;font-weight:700;color:#dbeaf5;display:block}.event-entry.down .event-body strong{color:#ffc3a5}.event-body p{color:#7991a9;font-size:10px;line-height:1.5;margin:6px 0}.event-body time{font:9px var(--mono);color:#667f96}.event-empty{font:11px var(--mono);color:#7e94a8;line-height:1.8;border:1px dashed #31455a;padding:17px;border-radius:7px}.event-bottom{font-size:10px;color:#6f899c;display:flex;align-items:flex-start;gap:11px;border-top:1px solid #203248;padding-top:18px;line-height:1.5}.event-bottom .mini-led{flex:0 0 7px;margin-top:4px}.evidence{padding:26px 27px 10px}.evidence-title{align-items:center}.button-download{color:#d3f8ff;background:#142f42;border:1px solid #30566a;padding:0 16px;font-size:11px}.button-download:hover{background:#1c3f53}.ledger-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:23px 0 10px}.ledger-meta{font:10px var(--mono);color:#7491aa}.tab-group button{font-family:var(--sans);font-size:11px;font-weight:700;padding:9px 12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}thead{background:#0b1625}th{color:#6685a0;font:10px var(--mono);letter-spacing:1.1px;padding:16px 13px;text-align:left;border-bottom:1px solid #24384c}td{border-bottom:1px solid #1c2d40;color:#afc1d2;font:11px var(--mono);padding:15px 13px}tr:last-child td{border-bottom:0}.result{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:10px}.result::before{content:"";height:6px;width:6px;border-radius:50%;background:currentColor}.result.bad{color:var(--orange)}.placeholder-cell{text-align:center;padding:30px;color:#8ca1b4}.target{color:#d6ebf5;font-weight:600}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:22px 0 5px;color:#67839b;font:10px var(--mono);line-height:1.7}footer span:first-child{color:#60adbf}footer b{color:#58728a;font-weight:400}.toast{position:fixed;right:25px;bottom:22px;max-width:420px;padding:14px 19px;background:#15334a;color:#d7f4ff;border:1px solid #43839a;box-shadow:0 15px 60px #0009;border-radius:7px;z-index:99;font-size:12px}.toast.error{border-color:#a6645f;color:#ffd9cc;background:#332229}[hidden]{display:none!important}
@media(max-width:1240px){.page{padding:30px 26px}.topbar{padding:0 26px}.network-stage{padding:28px}.network-route{min-width:350px}.analysis-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr)}.chart-legend{display:none}.telemetry-item{padding:21px 18px}}
@media(max-width:990px){.network-stage{display:block}.network-route{margin-top:35px;max-width:530px;min-width:0}.scan-number{top:18px;bottom:auto}.telemetry-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-item:nth-child(2){border-right:0}.telemetry-item:nth-child(-n+2){border-bottom:1px solid #213347}.analysis-layout{grid-template-columns:1fr}.events{min-height:0}.event-list{min-height:0}.intro{align-items:flex-start;flex-direction:column}.intro-actions{align-self:flex-start}}
@media(max-width:640px){.app-shell{display:block}.rail{height:58px;position:sticky;top:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 15px;border:0;border-bottom:1px solid #203044}.symbol{height:36px;width:36px}.symbol svg{width:24px}.rail-nav{display:flex;gap:5px;margin:0}.rail-link{width:37px;height:37px}.rail-foot{display:none}.topbar{height:52px;padding:0 16px}.product-caption,.top-divider,.local-tag,.top-separator,.top-time{display:none}.page{padding:26px 15px}.intro h1{font-size:28px}.intro p{max-width:340px;line-height:1.7}.intro-actions{width:100%}.button-primary{flex:1}.network-stage{padding:25px 22px;min-height:0}.stage-state{font-size:29px;letter-spacing:-1.6px}.network-route{margin-top:30px;max-width:none}.network-node{flex:0 0 86px}.node-icon{height:55px;width:55px}.node-icon svg{width:32px;height:32px}.network-node>span{font-size:8px}.network-node small{font-size:7px}.wire{min-width:10px}.telemetry-item{padding:19px 15px}.metric-value{font-size:24px}.metric-caption{font-size:8px;letter-spacing:0}.metric-foot{font-size:9px}.telemetry,.events,.evidence{padding:22px 17px}.section-top{flex-direction:column;gap:15px}.time-select{align-self:flex-start}.chart-meta{flex-wrap:wrap}.chart-caption{font-size:9px}.chart-wrap{height:185px}.chart-bottom{font-size:8px}.chart-bottom span:nth-child(2){display:none}.evidence-title{flex-direction:row;align-items:start;flex-wrap:wrap}.ledger-toolbar{flex-wrap:wrap}.ledger-meta{width:100%}.button-download{height:37px}footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wire-signal{animation:none}html{scroll-behavior:auto}}

.ledger-footer{padding:14px 3px 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #1e3144;color:#7693ac;font:10px var(--mono)}.rows-toggle{background:#132e41;border:1px solid #2c5469;color:#a1e8f4;font:10px var(--mono);border-radius:5px;padding:9px 12px}.rows-toggle:hover{background:#17415a}

/* The assessment sits between the live route and the raw measurements. */
.assessment{background:linear-gradient(115deg,#102b3d 0%,#101f31 100%);border:1px solid #275569;border-radius:9px;padding:21px 26px;margin-top:16px;display:grid;grid-template-columns:minmax(210px,.9fr) minmax(280px,1.35fr) auto;gap:18px;align-items:center}
.assessment-heading{display:flex;align-items:center;gap:15px}.assessment-mark{flex:0 0 13px;height:13px;border-radius:50%;background:#60e4ba;box-shadow:0 0 0 5px #244e514d}.assessment h2{font-size:17px;letter-spacing:-.35px;margin:7px 0 0}.assessment-body p{font-size:11px;color:#b3c6d5;line-height:1.6;margin:0}.assessment-body .assessment-next{margin-top:8px;color:#88a4b9}.assessment-next strong{color:#c9e5ef}.assessment-warning{border-color:#8b663a}.assessment-down{border-color:#a75454}.assessment-limited{border-color:#445779}.assessment-warning .assessment-mark{background:#f1b66d}.assessment-down .assessment-mark{background:#ff8b7f}.assessment-limited .assessment-mark,.assessment-waiting .assessment-mark{background:#8da3bb}
.endpoint-status{display:flex;flex-direction:column;gap:9px;min-width:187px}.endpoint-status span{font:9px var(--mono);letter-spacing:.35px;border:1px solid #304456;border-radius:5px;padding:9px 11px;color:#a9b4c8;background:#101d2f}.endpoint-status .endpoint-ok{color:#71dfc0}.endpoint-status .endpoint-fail{color:#ff9a88}.evidence-actions{display:flex;align-items:center;gap:9px}.button-report{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #53677a;background:#152538;color:#e1ebf7;text-decoration:none;border-radius:6px;font-size:11px;padding:11px 15px}.button-report:hover{background:#1c344a}
@media(max-width:1240px){.assessment{grid-template-columns:1fr 1.35fr}.endpoint-status{grid-column:1/-1;flex-direction:row}.endpoint-status span{flex:1}}
@media(max-width:750px){.assessment{grid-template-columns:1fr;padding:20px}.endpoint-status{grid-column:auto;flex-direction:column}.evidence-actions{flex-wrap:wrap}}

/* Incident history and local settings */
.history{padding:26px 27px 18px;margin:16px 0}.history-heading{align-items:center}.history-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#26384d;border:1px solid #26384d;border-radius:8px;overflow:hidden;margin:22px 0 17px}.history-metrics>div{background:#101f30;padding:19px;display:flex;flex-direction:column;gap:10px}.history-metrics span{font:9px var(--mono);color:#91acc3;letter-spacing:.7px}.history-metrics strong{font:600 23px var(--mono);color:#e2f4ff;letter-spacing:-.6px}.history-metrics small{font-size:10px;color:#7892aa}.history-note{color:#88a0b4;font-size:10px;line-height:1.6;padding:14px 0 2px}
.settings-dialog{width:min(495px,calc(100vw - 28px));max-height:min(90vh,800px);overflow-y:auto;border:1px solid #36526d;background:#0d1d2f;color:#ebf4fc;border-radius:13px;padding:27px;box-shadow:0 24px 110px #000c}.settings-dialog::backdrop{background:#030710bc;backdrop-filter:blur(4px)}.settings-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:23px}.settings-top h2{font-size:24px;margin:9px 0 5px}.settings-top p{color:#8da5b9;font-size:11px;margin:0}.settings-close{border:1px solid #31495e;background:#14293d;color:#dbe9f5;width:33px;height:33px;border-radius:7px;font-size:25px;line-height:1;cursor:pointer}.settings-dialog form>label{display:block;color:#dbe8f5;font-size:12px;font-weight:700;margin:17px 0}.settings-dialog form>label span{display:block;color:#83a0b5;font-size:10px;font-weight:400;margin:6px 0 9px;line-height:1.5}.settings-dialog select{appearance:auto;background:#142b3f;color:#dcecf8;border:1px solid #32526c;padding:11px 12px;width:100%;border-radius:6px;font:12px var(--sans)}.settings-dialog select:focus-visible,.settings-dialog button:focus-visible{outline:2px solid #68e1f8;outline-offset:3px}.settings-hint{color:#849db0;font-size:10px;line-height:1.6;background:#12273a;border:1px solid #244258;border-radius:7px;padding:12px;margin:20px 0}.settings-buttons{display:flex;justify-content:flex-end;gap:10px}.settings-buttons button{padding:10px 18px}.settings-buttons button:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){.history-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.history{padding:21px 16px}.history-metrics>div{padding:14px}.history-metrics strong{font-size:20px}.intro-actions{flex-wrap:wrap}.intro-actions #open-settings{flex:1}.settings-dialog{padding:20px}}

/* The speed test is deliberately separate from automatic monitoring. */
.performance{margin-top:16px;padding:27px;overflow:hidden;background:linear-gradient(145deg,#0d1b2d 0%,#0e1929 65%,#0d2130 100%)}
.performance-head{align-items:center}.performance-head h2{font-size:22px}.performance-head p{max-width:520px}
.performance-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.performance-actions label{display:grid;gap:7px;color:#819bb1;font:9px var(--mono);letter-spacing:.7px}.performance-actions select{background:#12283a;border:1px solid #34536a;border-radius:6px;padding:11px 32px 11px 12px;color:#e5f6ff;font:11px var(--sans);min-width:195px}.performance-actions .button-primary{min-width:167px}
.performance-progress{margin:25px 0 14px;display:flex;align-items:center;gap:9px;padding:12px 14px;border-left:3px solid #37556b;background:#101f30;border-radius:4px;color:#93aabe;font:11px var(--mono);line-height:1.6}.performance-progress.running{border-color:var(--cyan);color:#b3ecf6}.performance-progress.warning{border-color:var(--orange);color:#ffbfaa}
.performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.performance-metric{padding:18px 16px 17px;border:1px solid #2a4357;border-radius:8px;background:#0a1a2a;min-width:0}.performance-metric>span{font:9px var(--mono);letter-spacing:.7px;color:#8fa9bd}.performance-metric strong{display:block;margin:14px 0 9px;font:600 clamp(22px,2.5vw,32px) var(--mono);letter-spacing:-1.4px;overflow-wrap:anywhere}.performance-metric:first-child strong,.performance-metric:nth-child(2) strong{color:#77e6ff}.performance-metric small{font-size:10px;color:#7d9ab0;line-height:1.5}
.performance-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px}.performance-bottom strong{font:11px var(--mono);color:#d5e8f5}.performance-bottom p{margin:7px 0 0;color:#7896ac;font-size:10px;line-height:1.7;max-width:770px}.performance-history{border-top:1px solid #294153;margin-top:23px;padding-top:20px}.performance-history .section-kicker{margin-bottom:12px}.performance-history th{font-size:9px}.performance-history td{font-size:10px;padding:13px}
@media(max-width:1200px){.performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.performance{padding:20px 16px}.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-actions{width:100%}.performance-actions label{flex:1}.performance-actions select{width:100%}.performance-actions .button-primary{flex:1}.performance-bottom{flex-direction:column;align-items:flex-start}.performance-metric strong{font-size:24px}}

/* This banner stays visible so demo numbers cannot be mistaken for live readings. */
.sample-banner { background:#112b3f; border-bottom:1px solid #3e7b95; color:#bfeaff; padding:11px 32px 11px 92px; display:flex; align-items:center; gap:15px; font-size:12px; line-height:1.45; position:relative; z-index:10; }
.sample-banner strong { font:700 10px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing:1.2px; color:#70d9f5; white-space:nowrap; }
.sample-banner span {flex:1;}
.sample-banner a {color:#86e7ff; font-weight:700; white-space:nowrap;}
@media(max-width:700px) {.sample-banner {padding:11px 15px; gap:8px; flex-wrap:wrap;} .sample-banner a{margin-left:auto;} }

.platform-support{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 22px;
  padding:12px 24px;
  background:#0b1d2d;
  border-bottom:1px solid #244459;
  color:#a9c5d6;
  font-size:11px;
}
.platform-support strong{
  color:#67d8f2;
  letter-spacing:1px;
  font-size:10px;
}