@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#e8eeeb;font-synthesis:none;--line:#263437;--muted:#8c9b9e;--orange:#ff824b;--mint:#96cfc2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1113;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);color:inherit;cursor:pointer;background:#152024;border-radius:3px;padding:8px 12px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#233136;border-color:#6b7c7e}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}main{max-width:1680px;margin:auto;padding:0 44px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:85px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:13px;font-size:20px;font-weight:700;display:flex}.brand-mark{background:var(--orange);color:#0b1113;letter-spacing:-.1em;place-items:center;width:35px;height:35px;padding-bottom:5px;font-size:30px;font-weight:700;line-height:1;display:grid}.brand em{letter-spacing:.12em;color:var(--muted);margin-top:2px;font-size:10px;font-style:normal;font-weight:500;display:block}.top-meta,.edition,.eyebrow,.muted-label,.live-badge,.session-strip,.ribbon-legend,.timeline-labels,.hardware-state,.metric>span,.input-bars span,.pose-readout,.trace-legend{letter-spacing:.07em;font-family:IBM Plex Mono,monospace;font-size:10px}.top-meta{color:var(--muted);align-items:center;gap:8px;display:flex}.small-dot,.session-strip i{background:var(--orange);border-radius:50%;width:5px;height:5px;display:inline-block}.edition{color:#6e8286}.intro{justify-content:space-between;align-items:center;padding:30px 0 28px;display:flex}.eyebrow{color:var(--muted);font-size:10px}.intro h1{text-transform:uppercase;letter-spacing:-1.3px;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:72px;font-weight:600;line-height:1.05}.title-dot{color:var(--orange)}.intro p{color:var(--muted);margin:8px 0 0;font-size:14px}.driver{align-items:center;gap:20px;display:flex}.driver-number{color:#0000;-webkit-text-stroke:1px #435659;font-family:Barlow Condensed,Impact,sans-serif;font-size:78px;font-weight:600}.driver h2{margin:5px 0 8px;font-size:25px;font-weight:500}.driver-team{color:var(--muted);letter-spacing:.05em;font-family:IBM Plex Mono,monospace;font-size:10px}.driver-team b{color:var(--orange);padding-left:24px;font-size:13px;font-weight:400}.session-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#839598;justify-content:space-between;margin-bottom:18px;padding:12px 0;font-size:9px;display:flex}.session-strip span:first-child{color:#c7d0cb}.session-strip i{margin-right:8px}.session-strip b{color:var(--orange);margin-left:12px}.panel{border:1px solid var(--line);background:#10191c;border-radius:4px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:6px;height:43px;padding:0 17px;display:flex}.panel-head h2{letter-spacing:.01em;margin:0;font-size:14px;font-weight:500}.panel-head h2>span{color:#63777c;margin-right:10px;font-family:IBM Plex Mono,monospace;font-size:9px}.muted-label{color:var(--muted);font-size:8px}.live-badge{color:var(--mint);font-size:8px}.viewer-grid{grid-template-columns:1.15fr 1fr;gap:16px;display:grid}.video-stage,.ribbon-stage{background:#080d10;height:clamp(250px,25.8vw,407px);position:relative;overflow:hidden}.video-stage video{object-fit:contain;width:100%;height:100%;display:block}.video-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101b22bb;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play svg{margin-left:2px}.video-corner{pointer-events:none;justify-content:space-between;font:10px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:15px;left:17px;right:17px}.video-corner span{background:#0b1113a8;border-radius:2px;padding:6px 9px}.preview-overlay{letter-spacing:.1em;pointer-events:none;background:#0b1113e8;flex-direction:column;justify-content:center;align-items:center;font:14px IBM Plex Mono,monospace;display:flex;position:absolute;inset:0}.preview-overlay span{color:var(--muted);letter-spacing:0;margin-top:10px;font:12px Barlow,sans-serif}.video-footer{height:46px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:0 15px;font-size:11px;display:flex}.video-footer>span{white-space:nowrap;text-overflow:ellipsis;max-width:45%;overflow:hidden}.video-footer>div{align-items:center;gap:14px;display:flex}.text-button{color:#b9c7c9;white-space:nowrap;background:0 0;border:0;padding:0;font-size:11px}.text-button span{color:var(--orange)}.file-label{cursor:pointer}.file-label input{display:none}.ribbon-stage{background:radial-gradient(at 55% 80%,#223134,#0d1518 75%)}.ribbon-caption{pointer-events:none;position:absolute;bottom:21px;left:22px}.ribbon-caption>span{letter-spacing:.13em;color:#91a8ad;font:8px IBM Plex Mono,monospace}.ribbon-caption strong{font-family:Barlow Condensed,sans-serif;font-size:39px;font-weight:500;line-height:1.2;display:block}.ribbon-caption small{color:var(--muted);margin-left:9px;font:9px IBM Plex Mono,monospace}.ribbon-legend{color:#84979b;justify-content:space-evenly;align-items:center;gap:4px;height:46px;font-size:8px;display:flex}.ribbon-legend b{color:#c8d3ce;margin-left:4px;font-weight:400}.ribbon-legend i{background:#9fcbc3;width:6px;height:6px;margin-right:6px;display:inline-block}.ribbon-legend .legend-height{background:#eac985}.ribbon-legend .legend-color{background:linear-gradient(90deg,#ffe03e,#ff2a38)}.notice{background:#39291f;border:1px solid #69482c;margin-top:12px;padding:13px 16px;font-size:13px;line-height:1.5}.notice a{color:var(--orange);margin-left:10px}.transport{border:1px solid var(--line);background:#10191c;border-radius:4px;margin:17px 0 20px;padding:16px 20px 12px}.transport-main{align-items:center;gap:16px;display:flex}.play-button{background:var(--orange);color:#10191c;border-color:var(--orange);align-items:center;gap:8px;height:35px;padding:0 15px;font-size:12px;font-weight:700;display:flex}.play-button:hover:not(:disabled){background:#ffa576;border-color:#ffa576}.play-button svg{width:13px;height:13px}.restart{color:#a0b2b5;background:0 0;border:0;padding:0;font-size:25px}.lap-clock{white-space:nowrap;font:500 14px IBM Plex Mono,monospace}.lap-clock span{color:#71888d;font-size:11px;font-weight:400}.transport-options{align-items:center;gap:20px;margin-left:auto;display:flex}.mode-button{color:var(--mint);background:0 0;border:0;padding:0;font-size:11px}.mode-button span{color:var(--muted);padding-left:7px}select{border:1px solid var(--line);background:#182428;border-radius:3px;padding:5px 8px;font-size:11px}.timeline{align-items:center;height:20px;margin-top:17px;display:flex;position:relative}input[type=range]{accent-color:var(--orange);cursor:pointer}.timeline input{appearance:none;background:linear-gradient(to right,var(--orange) var(--progress),#334044 var(--progress));z-index:1;width:100%;height:3px;margin:0;position:relative}.timeline input::-webkit-slider-thumb{appearance:none;background:var(--orange);border-radius:50%;width:12px;height:12px}.sector-lines{pointer-events:none;position:absolute;inset:0 6px}.sector-lines span{border-left:1px solid #73898c;height:10px;position:absolute;top:5px}.timeline-labels{color:#688086;justify-content:space-between;align-items:center;margin-top:2px;font-size:8px;display:flex}.timeline-labels button{color:#778d92;background:0 0;border:0;padding:4px;font-size:9px}.timeline-labels b{color:#526c73;margin-left:9px;font-weight:400}.timeline-labels .current-sector{color:var(--orange)}.lower-grid{grid-template-columns:1.07fr 1fr 1fr;gap:16px;display:grid}.chassis-stage{background:radial-gradient(#1a2a2f,#10191c);height:235px;position:relative}.pose-readout{border-top:1px solid var(--line);color:#69848b;justify-content:space-between;padding:13px 15px;font-size:9px;display:flex}.pose-readout b{color:var(--mint);padding-left:9px;font-size:12px;font-weight:400}.metrics{grid-template-columns:1.2fr .8fr 1.3fr;gap:8px;padding:18px 17px 14px;display:grid}.metric>span{color:var(--muted);font-size:8px}.metric>div{margin-top:5px;font:44px/1.1 Barlow Condensed,sans-serif}.metric small{color:var(--muted);margin-left:5px;font:8px IBM Plex Mono,monospace}.metric.orange>div{color:var(--orange)}.input-bars{padding:0 17px}.input-bars>div{align-items:center;gap:12px;margin:12px 0;display:flex}.input-bars span{width:55px;color:var(--muted);font-size:8px}.input-bars b{text-align:right;width:29px;font:9px IBM Plex Mono,monospace}.bar{background:#263438;flex:1;height:4px}.bar i{background:var(--mint);height:100%;display:block}.bar.brake i{background:var(--orange)}.track-row{border-top:1px solid var(--line);align-items:center;gap:18px;margin-top:18px;padding:9px 17px;display:flex}.track-row svg{flex-shrink:0;width:110px;height:75px}.track-row .eyebrow{font-size:7px}.track-row p{color:var(--muted);margin:4px 0;font-size:10px}.track-row p b{color:#d7e4df;margin-right:5px;font:12px IBM Plex Mono,monospace}.track-row small{color:#70868d;font-size:9px}.hardware-state{color:#85999e;letter-spacing:.05em;font-size:8px}.hardware-state.active{color:var(--orange)}.hardware-body{padding:16px}.connection{align-items:center;gap:9px;display:flex}.status-light{border:1px solid #71868a;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-light.connected{background:var(--mint);border-color:var(--mint);box-shadow:0 0 10px #96cfc244}.connection p{margin:0;font-size:12px;line-height:1.3}.connection small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.connection button{margin-left:auto;padding:6px 9px;font-size:10px}.gain-control{grid-template-columns:1fr 1fr;gap:20px;margin:19px 0 12px;display:grid}.gain-control label{color:var(--muted);font-size:10px}.gain-control b{float:right;color:#d4e0db;font:10px IBM Plex Mono,monospace}.gain-control input{width:100%;height:3px;margin:13px 0;display:block}.check{color:#a8b8b9;align-items:center;gap:8px;margin:9px 0;font-size:10px;line-height:1.45;display:flex}.check input{width:12px;height:12px;accent-color:var(--orange);flex-shrink:0;margin:0}.motion-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.motion-buttons button{padding:9px 6px;font-size:10px}.start-motion{color:var(--mint);border-color:#719f92}.stop-motion{color:#f5a581;background:#251c18;border-color:#6b4332}.serial-status{color:#7f959a;min-height:27px;margin:10px 0 0;font-size:9px;line-height:1.5}.trace-panel{margin:17px 0 0}.trace-panel svg{width:100%;height:95px;padding:10px 17px;display:block}.trace-legend{color:var(--muted);margin-left:auto;margin-right:25px;font-size:8px}.trace-legend i{background:var(--orange);vertical-align:middle;width:12px;height:2px;margin:0 6px 0 16px;display:inline-block}.trace-legend i+i{background:#5faba4}footer{color:#637b82;align-items:center;gap:20px;padding:23px 0 27px;font-size:10px;display:flex}footer>span{letter-spacing:.08em;color:#8da2a6;white-space:nowrap;font-weight:700}footer b{color:#546b70;padding:0 7px;font-weight:400}footer p{flex:1;margin:0;font-size:9px}footer a{white-space:nowrap;font-size:9px}.sync-panel{background:#152023;border:1px solid #3d5358;flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;padding:20px;display:flex}.sync-panel>div:first-child{flex:1;min-width:260px}.sync-panel h3{margin:0 0 5px;font-size:14px;font-weight:500}.sync-panel p{color:var(--muted);max-width:430px;margin:0;font-size:11px;line-height:1.5}.sync-panel>label:not(.check){color:var(--muted);font-size:10px}.sync-panel input[type=number]{width:110px;color:var(--mint);background:#0b1113;border:1px solid #415b60;margin:6px 0;padding:8px;font-family:IBM Plex Mono,monospace;display:block}.sync-panel small{font-size:9px}.sync-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sync-buttons button{font-size:10px}.warning{color:var(--orange);font-size:11px}@media (width>=1650px){main{padding:0 50px}.video-stage,.ribbon-stage{height:407px}}@media (width<=1100px){main{padding:0 24px}.lower-grid{grid-template-columns:1fr 1fr}.hardware-panel{grid-column:1/-1}.hardware-body{grid-template-columns:1fr 1fr;gap:5px 30px;display:grid}.connection{grid-column:1}.gain-control{grid-area:1/2;margin:0}.motion-buttons,.serial-status{margin-top:8px}.video-footer>span{max-width:35%}.ribbon-legend{font-size:7px}.ribbon-legend b,.edition{display:none}.intro h1{font-size:64px}.driver h2{font-size:22px}.driver-number{font-size:68px}.driver{gap:15px}}@media (width<=720px){main{padding:0 16px}.topbar{height:68px}.top-meta{font-size:7px}.brand{font-size:17px}.brand em{font-size:8px}.intro{padding:24px 0 18px;display:block}.intro h1{font-size:62px}.intro p{font-size:12px}.driver{gap:13px;margin-top:18px}.driver-number{font-size:45px}.driver h2{margin:3px 0 6px;font-size:18px}.driver-team{font-size:8px}.driver-team b{font-size:11px}.driver .eyebrow{font-size:8px}.session-strip span:nth-child(2){display:none}.session-strip{font-size:7px}.viewer-grid{grid-template-columns:1fr;gap:12px}.video-stage{aspect-ratio:16/9;height:auto}.ribbon-stage{height:280px}.ribbon-legend b{display:inline}.ribbon-legend{font-size:8px}.transport{margin:13px 0;padding:13px 12px}.transport-main{flex-wrap:wrap;gap:12px}.transport-options{border-top:1px solid var(--line);justify-content:space-between;width:100%;margin-left:0;padding-top:8px}.lap-clock{margin-left:auto;font-size:12px}.lap-clock span{font-size:9px}.play-button{font-size:11px}.lower-grid{grid-template-columns:1fr;gap:12px}.hardware-panel{grid-column:auto}.hardware-body{display:block}.gain-control{margin:19px 0 12px}.timeline-labels b{display:none}.chassis-stage{height:240px}.metrics{padding-top:18px}.track-row{justify-content:space-evenly}.track-row svg{width:130px;height:90px}.trace-panel svg{height:78px}.trace-legend{margin-right:0;font-size:7px}.trace-legend i{margin-left:8px}footer{flex-wrap:wrap;gap:12px;padding:18px 0}footer p{flex-basis:70%;font-size:8px;line-height:1.4}footer a{font-size:9px}.sync-panel{gap:14px;padding:16px}.sync-panel>label:not(.check){width:40%}}@media (prefers-reduced-motion:reduce){button{transition:none}}.blender-ribbon{position:absolute;inset:0}.blender-ribbon video{object-fit:contain;width:100%;height:100%;display:block}.ribbon-render-status{text-align:center;color:#96a8ab;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.ribbon-render-status span{letter-spacing:.1em;color:var(--orange);font:10px IBM Plex Mono,monospace}.ribbon-render-status p{max-width:270px;font-size:13px;line-height:1.5}.gap-note{color:#82989d;margin:5px 0 0;font-size:9px;line-height:1.5}.concept-chassis{width:100%;height:100%;position:relative;overflow:hidden}.concept-chassis canvas{width:100%;height:100%;display:block}.concept-amplification{letter-spacing:.08em;color:#91a9ae;font:8px IBM Plex Mono,monospace;position:absolute;bottom:14px;right:15px}.concept-error{color:var(--muted);place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.concept-gallery{background:#10191c;border:1px solid #3b535b;border-radius:4px;margin:0 0 20px;padding:24px}.concept-gallery-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.concept-gallery-heading h2{margin:5px 0;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:500}.concept-gallery-heading p{color:var(--muted);margin:0;font-size:13px}.concept-gallery-heading>button{font-size:11px}.concept-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.concept-card{text-align:left;background:#0b1418;border:1px solid #30434a;border-radius:3px;padding:0;transition:border-color .15s,transform .15s;overflow:hidden}.concept-card:hover:not(:disabled){border-color:var(--orange);background:#101b1f;transform:translateY(-3px)}.concept-card.selected{border-color:var(--orange)}.concept-image{aspect-ratio:1.65;color:#71898e;background:#0d171b;place-items:center;font:8px IBM Plex Mono,monospace;display:grid;position:relative;overflow:hidden}.concept-image img{object-fit:cover;width:100%;height:100%;display:block}.concept-index{color:#9db2b7;font:10px IBM Plex Mono,monospace;position:absolute;top:11px;left:11px}.concept-selected{color:var(--orange);font:6px IBM Plex Mono,monospace;position:absolute;top:11px;right:8px}.concept-card-copy{border-top:1px solid #20333a;padding:12px}.concept-card-copy h3{justify-content:space-between;align-items:center;margin:0 0 7px;font-size:13px;font-weight:500;display:flex}.concept-card-copy h3 span{color:var(--orange);font-size:11px}.concept-card-copy p{color:#8ba1a7;min-height:45px;margin:0;font-size:10px;line-height:1.5}.concept-trigger{color:var(--orange);background:0 0;border-color:#3e443f;padding:5px 7px;font:8px IBM Plex Mono,monospace}.chassis-panel .panel-head h2{font-size:13px}@media (width<=1350px){.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-card-copy p{min-height:30px}}@media (width<=800px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-gallery{padding:16px}.concept-gallery-heading h2{font-size:32px}.concept-gallery-heading p{font-size:11px}.concept-gallery-heading>button{padding:7px;font-size:9px}.concept-card-copy p{min-height:45px}.concept-gallery-heading{gap:12px}.concept-selected{font-size:6px}}@media (width<=430px){.concept-card-copy{padding:10px}.concept-card-copy h3{font-size:12px}.concept-card-copy p{min-height:41px;font-size:9px}.concept-index{top:7px;left:8px}.concept-selected{font-size:5px;top:8px}}.concept-actions{white-space:nowrap;align-items:center;gap:14px;display:flex}.concept-actions a{color:var(--mint);font-size:11px}.concept-actions button{font-size:11px}@media (width<=720px){.concept-actions{flex-direction:column;align-items:flex-end;gap:9px}.concept-actions a,.concept-actions button{font-size:9px}}.flex-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 13px;display:flex}.flex-controls button{color:var(--mint);padding:5px 7px;font-size:9px}.flex-controls span{color:#75949b;letter-spacing:.03em;font:6px IBM Plex Mono,monospace}.concept-tabs{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.concept-tabs button{color:#9bb2b7;font:10px IBM Plex Mono,monospace}.concept-tabs button.active{border-color:var(--orange);color:var(--orange)}.concept-grid.suspension{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=800px){.concept-grid.suspension{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-tabs button{font-size:8px}.flex-controls span{font-size:7px}}.ribbon-preview-still{object-fit:contain;opacity:.55;width:100%;height:100%}.blender-ribbon .ribbon-render-status{background:linear-gradient(#0b1113e6,#0000 70%);justify-content:flex-start;padding-top:20px}.ribbon-render-status p{margin:9px 0;font-size:11px}.ribbon-render-status small{color:#a6babb;font:9px IBM Plex Mono,monospace}.concept-orbit-hint{letter-spacing:.05em;color:#65818b;pointer-events:none;font:7px IBM Plex Mono,monospace;position:absolute;bottom:14px;left:15px}.concept-chassis canvas{cursor:grab}.concept-chassis canvas:active{cursor:grabbing}.motion-mode{color:var(--mint);align-items:center;font-size:10px;display:flex}.linked-gain,.linked-gain label{display:block}.linked-gain p{color:var(--muted);margin:9px 0;font:9px IBM Plex Mono,monospace}.linked-gain button{color:var(--mint);padding:5px 8px;font-size:9px}.hardware-pose{color:var(--mint);margin:10px 0;font:9px/1.6 IBM Plex Mono,monospace}.hardware-pose span{color:var(--muted);font:9px Barlow,sans-serif;display:block}.hardware-body>.axis-calibration{grid-column:1/-1}.lower-grid{align-items:start}.connection-notice{color:#edca91;background:#211e16;border:1px solid #5c4d32;grid-column:1/-1;margin:10px 0;padding:9px 11px;font-size:11px;line-height:1.55}.connection-notice span{font-size:10px;display:block}.connection-footnote{color:var(--muted);grid-column:1/-1;margin:8px 0;font-size:9px;line-height:1.5}.connection button{white-space:nowrap}.setup-link{border:1px solid var(--line);color:var(--mint);padding:10px 14px;font-size:13px}.setup-link span{margin-left:12px}.setup-handoff{background:#142522;border:1px solid #467268;justify-content:space-between;align-items:center;gap:28px;margin:24px 0;padding:24px;display:flex}.setup-handoff h2{margin:8px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:32px;font-weight:500}.setup-handoff p{color:#b2c3bd;max-width:760px;margin:0;font-size:14px;line-height:1.6}.setup-handoff button{color:var(--mint);flex-shrink:0}.firmware-help-link{color:var(--mint);grid-column:1/-1;margin:12px 0;font-size:12px;display:block}.route-loading{color:var(--mint);padding-top:64px}#babot-hardware{scroll-margin-top:20px}@media (width<=650px){.setup-link{padding:9px;font-size:11px}.setup-link span{margin-left:4px}.setup-handoff{flex-direction:column;align-items:flex-start;gap:16px;padding:18px}.setup-handoff h2{font-size:28px}}
