.public-site .demo{--road:#1b3d5d;--road-edge:#708ba4;--marking:var(--ink);--rule:rgba(112,131,154,.38);--scene:#0a2d57;--class-bus:#4f9be4;--class-motorcycle:#c3a6ff;--class-person:#7fd1b9;--flag:var(--warm)}.public-site .demo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.public-site .demo-kicker{display:block;margin-bottom:5px;color:var(--accent);font:11px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.public-site .demo-heading strong{display:block;font:500 20px/1.3 var(--font-ui);letter-spacing:-.02em;text-wrap:balance}.public-site .demo-controls{display:flex;flex-shrink:0;gap:6px}.public-site .demo-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font:500 12px/1 var(--font-ui)}.public-site .demo-controls button:first-child{min-width:82px}.public-site .demo-controls button:hover{border-color:var(--accent);background:var(--panel)}.public-site .demo-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.public-site .demo-controls button[aria-pressed=true]{border-color:var(--accent);background:var(--brand-action);color:var(--brand-on-action)}.public-site .demo-controls svg{width:15px;height:15px;flex-shrink:0}.public-site .demo .demo-controls{align-self:flex-start;margin-top:calc((11px * 1.5 + 5px + 20px * 1.3 - 44px) / 2)}.public-site .demo .demo-controls svg{width:15px;height:15px}.public-site .demo-scene{position:relative;overflow:hidden;container-type:inline-size;border-bottom:1px solid var(--line);background-color:var(--scene);background-image:linear-gradient(rgba(140,200,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(140,200,255,.05) 1px,transparent 0);background-size:32px 32px}.public-site .demo .demo-scene>.demo-map{display:block;width:100%;max-width:none;height:auto;margin:0;overflow:hidden;font-family:var(--font-mono)}.public-site .demo-surface{fill:var(--road);stroke:var(--road-edge);stroke-width:1.5;stroke-linejoin:round}.public-site .demo-structure{fill:var(--bg);stroke:var(--road-edge);stroke-width:1.5}.public-site .demo-marking{fill:none;stroke:var(--marking);stroke-width:1.2;opacity:.5}.public-site .demo-zone{fill:rgba(140,200,255,.06);stroke:var(--accent);stroke-width:1.2;stroke-dasharray:5 3}.public-site .demo-zone[data-state=flagged]{fill:rgba(255,112,71,.08);stroke:var(--flag)}.public-site .demo-line path{stroke-width:2.4;stroke-linecap:round}.public-site .demo-line.entry{fill:var(--accent);stroke:var(--accent)}.public-site .demo-line.exit{fill:var(--ink);stroke:var(--ink)}.public-site .demo-line.exit path{stroke-dasharray:0 5}.public-site .demo-pulse{fill:none;stroke-width:9;stroke-linecap:round}.public-site .demo-pulse.entry{stroke:var(--accent)}.public-site .demo-pulse.exit{stroke:var(--ink)}.public-site .demo-label-plate{fill:var(--scene);opacity:.9}.public-site .demo-label{font-size:calc(11px * var(--k, 1))}.public-site .demo-line-name{letter-spacing:.08em;text-transform:uppercase}.public-site .demo-line-count{fill:var(--ink);font-size:1.7273em;font-variant-numeric:tabular-nums}.public-site .demo-label.entry .demo-line-name,.public-site .demo-pop{fill:var(--accent)}.public-site .demo-label.exit .demo-line-name,.public-site .demo-label.exit .demo-pop{fill:var(--ink)}.public-site .demo-pop{font-size:1.0909em;font-weight:500}.public-site .demo-total-label{fill:var(--muted);font-size:calc(11px * var(--k, 1));letter-spacing:.1em}.public-site .demo-total-count{fill:var(--ink);font-family:var(--font-ui);font-size:calc(28px * var(--k, 1));font-weight:500;font-variant-numeric:tabular-nums}.public-site .demo-area{fill:var(--muted);font-size:calc(11px * var(--k, 1));letter-spacing:.1em}.public-site .demo-body,.public-site .demo-head,.public-site .demo-rider{fill:var(--ink)}.public-site .demo-person,.public-site .demo-roof{fill:var(--muted)}.public-site .demo-glass,.public-site .demo-helmet{fill:var(--bg)}.public-site .demo-cycle{fill:none;stroke:var(--muted);stroke-width:1.3;stroke-linecap:round}.public-site .demo-box{fill:rgba(140,200,255,.07);stroke:var(--accent);stroke-width:1.1}.public-site .demo-object[data-state=approaching] .demo-box{stroke-dasharray:3 2.5}.public-site .demo-object[data-state=counted] .demo-box{stroke:var(--ink);fill:rgba(244,247,251,.06)}.public-site .demo-object[data-state=flagged] .demo-box{stroke:var(--flag);fill:rgba(255,112,71,.08)}.public-site .demo-tag{font-size:calc(11px * var(--k, 1))}.public-site .demo-tag rect{fill:var(--accent)}.public-site .demo-tag[data-state=counted] rect{fill:var(--ink)}.public-site .demo-tag[data-state=flagged] rect{fill:var(--flag)}.public-site .demo-tag text{fill:var(--bg);font-weight:500}.public-site .demo-hud{position:absolute;top:10px;left:14px;z-index:1;display:grid;grid-template-columns:auto auto;justify-content:start;-moz-column-gap:8px;column-gap:8px;align-items:baseline;margin:0;color:var(--ink);font:12px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none}.public-site .demo-hud>span:first-child{color:var(--accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.public-site .demo-progress{display:block;grid-column:1/-1;width:100%;height:2px;margin-top:4px;background:var(--rule)}.public-site .demo-progress span{display:block;height:100%;background:var(--accent);transform-origin:0 50%}@container (max-width: 479px){.public-site .demo-hud{position:static;padding:10px 14px 0;font-size:11px}}.public-site .demo-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;padding:14px 20px 16px}.public-site .demo-table{width:100%;border-collapse:collapse;font:12px/1.35 var(--font-mono);font-variant-numeric:tabular-nums}.public-site :is(.demo-table caption,.demo-caption){margin:0;padding-bottom:6px;color:var(--accent);font:11px/1.5 var(--font-mono);letter-spacing:.1em;text-align:left;text-transform:uppercase;caption-side:top}.public-site .demo-table :is(th,td){padding:4px 0 4px 8px;border-bottom:1px solid var(--rule);font-weight:400;text-align:right;white-space:nowrap}.public-site .demo-table thead :is(th,td){color:var(--muted);font-size:11px}.public-site .demo-table tbody th{padding-left:0;color:var(--muted);text-align:left}.public-site .demo-table .demo-none{color:var(--muted)}.public-site .demo-table .demo-sum{color:var(--accent)}.public-site .demo-classes{grid-column:1/-1}.public-site .demo-classes dl{display:grid;grid-template-columns:repeat(var(--classes,4),minmax(0,1fr));gap:4px 16px;margin:0;font:12px/1.35 var(--font-mono);font-variant-numeric:tabular-nums}.public-site .demo-classes dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--rule)}.public-site .demo-classes dt{color:var(--muted);font-size:11px;white-space:nowrap}.public-site .demo-classes dd{margin:0;color:var(--ink)}.public-site .demo-swatch{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:1px;vertical-align:0}.public-site .demo-split{display:flex;gap:2px;height:4px;margin-top:9px;background:var(--rule)}.public-site .demo-split span{flex:0 1 0;min-width:0;transition:flex-grow .3s ease}.public-site :is(.demo-swatch,.demo-split span).car{background:var(--accent)}.public-site :is(.demo-swatch,.demo-split span).utility{background:var(--ink)}.public-site :is(.demo-swatch,.demo-split span).bus{background:var(--class-bus)}.public-site :is(.demo-swatch,.demo-split span).bicycle{background:var(--muted)}.public-site :is(.demo-swatch,.demo-split span).motorcycle{background:var(--class-motorcycle)}.public-site :is(.demo-swatch,.demo-split span).person{background:var(--class-person)}.public-site .demo-note{align-self:start;margin:0;color:var(--muted);font:11px/1.6 var(--font-ui)}.public-site .demo-motion-note{padding:0 20px 16px;color:var(--muted);font:12px/1.6 var(--font-ui)}.public-site .demo-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:600px){.public-site .demo-heading{gap:10px;padding:14px}.public-site .demo-heading strong{font-size:17px}.public-site .demo-controls{gap:4px}.public-site .demo-controls button{padding-inline:9px}.public-site .demo .demo-controls{margin-top:0}.public-site .demo-data,.public-site .demo-motion-note{padding-inline:14px}}@media (max-width:480px){.public-site .demo-heading{flex-wrap:wrap}.public-site .demo-heading>span:first-child{flex:1 1 100%}.public-site .demo .demo-zoom>.demo-map{width:150%;margin-left:-25%}.public-site .demo-data{gap:16px}.public-site .demo-caption-lead{display:none}.public-site .demo-classes dl{grid-template-columns:minmax(0,1fr);gap:0}.public-site .demo-split{margin-top:8px}}@media (prefers-reduced-motion:reduce){.public-site .demo-split span{transition:none}}@media (forced-colors:active){.public-site .demo-controls button[aria-pressed=true]{forced-color-adjust:none;border-color:Highlight;background:Highlight;color:HighlightText}.public-site .demo .demo-scene:has(>.demo-map){forced-color-adjust:none}}