@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,500;1,6..72,500&display=swap";:root{--ink:#201e1a;--muted:#746f66;--cream:#fffdf8;--sand:#f4f0e7;--line:#ded8cb;--paper-grid:#312c230e;--orange:#df562d;--orange-pale:#fff4ee;--sans:"DM Sans", system-ui, sans-serif;--serif:"Newsreader", Georgia, serif;--mono:"DM Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}::selection{background:#ffd8c8}.site{min-height:100vh;overflow:hidden}.topbar,main>section,footer{width:min(1180px,100% - 48px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-weight:700;line-height:1.05;text-decoration:none;display:flex}.brand small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:500;display:block}.brand-mark{background:var(--ink);width:33px;height:33px;color:var(--cream);font-family:var(--serif);border-radius:9px;place-items:center;font-size:22px;display:grid}.topbar nav{gap:28px;display:flex}.topbar nav a{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.topbar nav a:hover{color:var(--ink)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;min-height:640px;padding-block:70px 86px;display:grid}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.hero h1{font:500 clamp(52px, 6.4vw, 88px)/.91 var(--serif);letter-spacing:-.055em;color:var(--ink);margin:25px 0 28px}.hero h1 em{color:var(--orange);font-style:italic}.hero-copy>p{max-width:590px;color:var(--muted);font-size:16px;line-height:1.7}.hero-copy p strong{color:var(--ink)}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.hero-actions a,.paper-section a{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.hero-actions .primary-action{background:var(--ink);color:#fff;border-radius:7px;padding:13px 18px}.hero-diagram{flex-direction:column;justify-content:center;gap:36px;min-height:420px;display:flex;position:relative}.hero-diagram:before{content:"";z-index:-1;border-left:1px solid var(--line);background:radial-gradient(circle at 25% 45%, #e35c2f17, transparent 38%), linear-gradient(var(--paper-grid) 1px, transparent 1px), linear-gradient(90deg, var(--paper-grid) 1px, transparent 1px);background-size:auto,24px 24px,24px 24px;position:absolute;inset:18px -100vw 18px -28px}.query-card{box-sizing:border-box;border:1px solid var(--line);background:#fffdf8eb;flex-direction:column;gap:8px;width:min(390px,88%);padding:24px;display:flex;transform:rotate(-1.2deg);box-shadow:0 15px 42px #211d1712}.query-card span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px}.query-card code{color:var(--ink);font-size:15px;font-weight:700}.query-card small{color:var(--muted)}.optimized-card{border-color:#e35c2f73;align-self:flex-end;transform:rotate(1.2deg)}.rewrite-mark{z-index:2;color:#fff;background:var(--orange);text-transform:uppercase;letter-spacing:.08em;border-radius:99px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:800;display:flex;position:absolute;top:47%;left:44%;box-shadow:0 8px 20px #e35c2f3b}.demo-section,.metrics-section{border-top:1px solid var(--line);padding-block:92px}.section-heading{justify-content:space-between;align-items:end;gap:44px;margin-bottom:42px;display:flex}.section-heading h2,.paper-section h2{max-width:720px;font:500 clamp(34px, 4vw, 52px)/1.02 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:9px 0 0}.section-heading>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.55}.mode-switch{border:1px solid var(--line);background:var(--sand);grid-template-columns:1fr 1fr;margin-bottom:18px;padding:5px;display:grid}.mode-switch button{text-align:left;color:var(--muted);cursor:pointer;background:0 0;border:0;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:18px 20px;display:grid}.mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 4px 16px #1c191412}.mode-switch small{color:var(--orange);text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:800}.mode-switch strong{font:500 18px var(--serif)}.mode-switch span{font:11px var(--mono)}.query-code{background:var(--ink);color:#efece3;grid-template-columns:55px 1fr auto;align-items:center;gap:15px;padding:15px 18px;font-size:12px;display:grid;overflow:auto}.query-code>span,.query-code>em{color:#8d887f;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-style:normal}.query-code code{white-space:nowrap}.query-code em{color:#9bcf9c}.pipeline-explorer{border:1px solid var(--line);background:#fff;margin-top:18px}.pipeline{border-bottom:1px solid var(--line);align-items:stretch;padding:14px;display:flex;overflow-x:auto}.pipeline-item{flex:1;align-items:center;min-width:132px;display:flex}.operator{width:100%;height:112px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.operator:hover,.operator.active{border-color:var(--orange);background:var(--orange-pale);color:var(--ink)}.operator-index{font:9px var(--mono);color:var(--orange)}.operator strong{font:500 17px var(--serif);margin-top:auto}.operator small{white-space:nowrap;font-size:9px}.operator em{font-style:normal;font:9px var(--mono);color:var(--orange)}.pipeline-arrow{color:#bbb4a7;flex:none;margin-inline:5px}.stage-detail{justify-content:space-between;align-items:center;gap:24px;min-height:116px;padding:22px 26px;display:flex}.stage-detail h3,.output-heading h3{font:500 24px var(--serif);color:var(--ink);margin:5px 0}.stage-detail p{color:var(--muted);max-width:590px;margin:0;font-size:12px}.step-controls{gap:7px;display:flex}button{font:inherit}.step-controls button,.player-controls button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;padding:9px 11px;font-size:10px;font-weight:700;display:inline-flex}.step-controls button:disabled{opacity:.35;cursor:default}.step-controls .run-button,.player-controls .play-button{background:var(--orange);color:#fff;border-color:var(--orange)}.video-workspace{color:#fff;background:#151513;margin-top:18px;padding:14px}.video-stage{position:relative}.video-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.camera{min-width:0;margin:0}.video-frame{aspect-ratio:16/9;background:#080808;position:relative;overflow:hidden}.video-frame video,.overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.overlay,.join-overlay{pointer-events:none}.join-overlay{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.box rect{stroke-width:2.5px;vector-effect:non-scaling-stroke}.box text{fill:#fff;paint-order:stroke;stroke:#181512;stroke-width:8px;font:28px var(--mono)}.box.highlight rect{stroke-width:8px}.camera-badge,.frame-badge{font:9px var(--mono);text-transform:uppercase;letter-spacing:.07em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c0c0bb8;padding:5px 7px;position:absolute;top:10px}.camera-badge{left:10px}.frame-badge{color:#bbb7af;right:10px}.camera figcaption{color:#7e7b75;font:9px var(--mono);padding:9px 4px 2px}.join-legend{color:#9b968e;font:10px var(--mono);margin:8px 4px 0}.player-controls{align-items:center;gap:6px;margin-top:10px;display:flex}.player-controls button{color:#fff;background:#22221f;border-color:#34342f;padding:8px}.player-controls .play-button{padding-inline:14px}.player-controls input{accent-color:var(--orange);flex:1}.time{font:9px var(--mono);color:#aaa69e;text-align:center;min-width:38px}.output-panel{border:1px solid var(--line);background:#fff;margin-top:18px;padding:26px}.output-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.output-heading>span{font:10px var(--mono);color:var(--muted)}.trajectory-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-height:310px;display:grid;overflow:auto}.trajectory{text-align:left;border:1px solid var(--line);cursor:pointer;min-width:0;color:var(--ink);background:#fff;flex-direction:column;gap:5px;padding:13px;display:flex}.trajectory:hover,.trajectory.active{border-color:var(--orange);background:var(--orange-pale)}.trajectory.false-positive{border-style:dashed}.trajectory.false-positive:hover,.trajectory.false-positive.active{background:var(--sand);border-color:#8d887f}.vehicle-id{font:9px var(--mono);color:var(--orange);text-overflow:ellipsis;overflow:hidden}.trajectory.false-positive .vehicle-id{color:#8d887f}.trajectory strong{text-transform:capitalize;font:500 15px var(--serif)}.trajectory small{color:var(--muted);font-size:9px}.trajectory em{color:var(--orange);font-style:normal;font:9px var(--mono)}.trajectory.false-positive em{color:#8d887f}.empty-output{background:var(--sand);min-height:120px;color:var(--muted);align-content:center;place-items:center;gap:9px;display:grid}.empty-output>span{color:var(--orange);font:11px var(--mono)}.empty-output p{margin:0;font-size:12px}.metrics-section{padding-bottom:110px}.metric-hero-grid{grid-template-columns:1fr 110px 1fr;align-items:center;gap:14px;display:grid}.metric-hero{border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:190px;display:flex}.metric-hero.optimized{border-color:var(--orange);background:var(--orange-pale)}.metric-hero>span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px}.metric-hero>strong{font:500 70px/1 var(--serif);color:var(--ink);margin:14px 0 4px}.metric-hero.optimized>strong{color:var(--orange)}.metric-hero small{color:var(--muted)}.metric-delta{color:var(--orange);flex-direction:column;align-items:center;display:flex}.metric-delta strong{font:500 24px var(--serif)}.metric-delta span{text-transform:uppercase;font-size:9px}.comparison-table{border:1px solid var(--line);margin-top:18px}.comparison-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 1fr 1fr;display:grid}.comparison-row:last-child{border:0}.comparison-row span{font:12px var(--mono);border-right:1px solid var(--line);padding:13px 18px}.comparison-row span:last-child{color:var(--orange);border:0;font-weight:700}.comparison-head{background:var(--sand);color:var(--muted);text-transform:uppercase}.comparison-head span{letter-spacing:.1em;font-size:9px}.tradeoffs{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.tradeoffs article{background:var(--ink);color:#fff;align-items:center;gap:13px;padding:18px;display:flex}.tradeoffs svg{color:var(--orange)}.tradeoffs div{flex-direction:column;display:flex}.tradeoffs strong{font:500 17px var(--serif)}.tradeoffs span{color:#aaa69e;margin-top:2px;font-size:9px}.provenance-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:10px}.paper-section{background:var(--ink);color:#b6b1a8;width:auto;max-width:none;padding:90px max(24px,50vw - 590px)}.paper-section h2{color:#fff;max-width:860px}.paper-section>p{margin:20px 0 28px;font-size:12px}.paper-section>div{gap:20px;display:flex}.paper-section a{color:#fff}footer{height:86px;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;display:flex}.load-state{min-height:100vh;color:var(--muted);place-content:center;place-items:center;display:grid}.load-state h1{color:var(--ink);font-family:var(--serif)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.topbar,main>section,footer{width:min(100% - 28px,1180px)}.topbar nav a:not(:last-child){display:none}.hero{grid-template-columns:1fr;gap:20px;padding-block:60px}.hero-diagram{min-height:370px}.hero-diagram:before{left:-30px}.section-heading{flex-direction:column;align-items:start;gap:18px}.mode-switch button{grid-template-columns:1fr;gap:5px}.mode-switch span{display:none}.stage-detail{flex-direction:column;align-items:flex-start}.video-grid{grid-template-columns:1fr}.trajectory-grid{grid-template-columns:repeat(2,1fr)}.metric-hero-grid{grid-template-columns:1fr}.metric-delta{padding:14px}.tradeoffs{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}