@font-face{font-family:Garage;src:local('Arial');font-display:swap}
:root{color-scheme:dark;--ink:#f1f1eb;--muted:#94989a;--accent:#ff7539;--line:#ffffff1b;--mono:'Cascadia Code','Consolas',monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#0a0b0d;color:var(--ink);font-family:var(--sans);font-size:15px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}button[hidden],[hidden]{display:none!important}button:disabled{cursor:default;opacity:.5}em{font-style:normal;color:var(--accent)}
.skip-link{position:fixed;top:-80px;left:20px;background:#fff;color:#111;padding:12px;z-index:99}.skip-link:focus{top:12px}.site-wrap{position:relative;isolation:isolate;min-height:830px;height:100svh;max-height:1300px;overflow:hidden}.site-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0df0 0%,#0a0b0dd9 24%,transparent 59%),linear-gradient(0deg,#0a0b0d 0%,transparent 25%);pointer-events:none;z-index:3}.masthead,.main-tabs,main,.bottom-bar{position:relative;z-index:4}.masthead{height:106px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:39px;font-weight:900;letter-spacing:-3px;display:flex;align-items:center;gap:0}.wordmark>span{color:var(--accent)}.wordmark small{font:9px/1.6 var(--mono);letter-spacing:.17em;margin-left:22px;padding-left:22px;border-left:1px solid #ffffff35;max-width:120px}.header-right{display:flex;align-items:center;gap:28px}.edition{font:9px var(--mono);letter-spacing:.17em;color:#a0a3a4}.icon-button{width:33px;height:33px;border:1px solid var(--line);background:transparent;font-size:13px;border-radius:50%}.main-tabs{display:flex;gap:36px;margin:0 5%;height:66px;align-items:stretch}.main-tabs button{background:transparent;position:relative;font-size:12px;color:#a4a6a5;padding:0;white-space:nowrap}.main-tabs button span{font:8px var(--mono);margin-right:8px;color:#65696b}.main-tabs button[aria-current]{color:var(--ink)}.main-tabs button[aria-current]::after{content:"";position:absolute;bottom:0;height:2px;background:var(--accent);left:0;right:0}.main-tabs button[aria-current] span{color:var(--accent)}
main{height:calc(100% - 273px);pointer-events:none}main button,main a,main input,main details{pointer-events:auto}.hero-content{position:absolute;left:5%;top:13%;width:43%;max-width:650px;pointer-events:none}.hero-content button,.hero-content a,.hero-content input{pointer-events:auto}.eyebrow{font:9px/1.7 var(--mono);letter-spacing:.16em;display:flex;gap:10px;align-items:center;color:#bfc1bf;margin:0 0 26px}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;flex:none;box-shadow:0 0 9px #ff753970}h1{font-size:clamp(54px,6.2vw,112px);font-weight:900;line-height:.94;letter-spacing:-.07em;margin:0 0 25px}h1 em{display:inline-block}body[data-view]:not([data-view="garage"]) h1{font-size:clamp(46px,4.6vw,76px);max-width:540px}.hero-description{max-width:360px;font-size:14px;line-height:1.8;color:#afb2b2;margin:0 0 30px}.hero-actions{display:flex;gap:22px;align-items:center}.primary-button{background:var(--accent);font-size:11px;font-weight:700;color:#16110d;padding:17px 20px;display:flex;align-items:center;gap:25px;white-space:nowrap}.primary-button:hover{background:#ff925c}.primary-button span{font-size:18px;line-height:10px}.text-button{padding:12px 0;background:transparent;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:16px}.text-button:hover{color:var(--accent)}.scene-caption{position:absolute;right:7%;bottom:19%;display:flex;gap:12px;align-items:center;text-align:left}.scene-caption strong{font:10px var(--mono);letter-spacing:.15em}.scene-caption small{display:block;font:7px var(--mono);letter-spacing:.12em;margin-top:5px;color:#949797}.crosshair{font:25px var(--mono);color:var(--accent)}.scene-controls{position:absolute;right:5%;bottom:4%;display:flex;gap:22px}.scene-controls button{display:flex;gap:7px;font:12px var(--mono);background:transparent;color:#b2b5b4;padding:8px 0}.scene-controls button span{font:9px var(--mono)}.scene-controls button:hover,.scene-controls button[aria-pressed="true"]{color:var(--accent)}.system-picker{position:absolute;bottom:4%;left:5%;display:flex;align-items:center;gap:8px}.system-picker>span{font:7px var(--mono);color:#797e80;letter-spacing:.12em;margin-right:9px}.system-picker button{font:9px var(--mono);padding:10px 12px;border:1px solid #ffffff25;background:#0a0b0d9c;border-radius:2px}.system-picker button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:#25160e}
.bottom-bar{height:101px;margin:0 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px}.spec{border-right:1px solid var(--line);padding-right:40px}.spec span{display:block;font:7px var(--mono);letter-spacing:.15em;color:#767c7d;margin-bottom:8px}.spec strong{font:11px var(--mono);letter-spacing:.06em;font-weight:400}.demo-state{font:8px var(--mono);letter-spacing:.1em;display:flex;align-items:center;gap:8px;margin-left:auto}.demo-state small{color:#707779;font:8px var(--mono);letter-spacing:0}.source-link{font:8px var(--mono);color:#a0a4a4;border:1px solid var(--line);padding:12px;white-space:nowrap}.source-link span{color:var(--accent);margin-left:10px}
#detail-panel{width:100%;max-width:400px;pointer-events:auto}.panel-label{font:8px var(--mono);letter-spacing:.1em;color:#a7abab;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sample-badge{font:7px var(--mono);color:#b5a68f;border:1px solid #aa895340;padding:4px 6px;border-radius:2px}.trace{width:100%;height:90px;display:block;overflow:visible;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:25% 25%}.trace-line{fill:none;stroke:#ff7539;stroke-width:1.8;stroke-linejoin:round}.trace-second{stroke:#5f929a;stroke-width:1;opacity:.8}.trace-cursor{stroke:#ffffff70;stroke-width:1;stroke-dasharray:2 3}.playback{display:flex;gap:12px;align-items:center;margin-top:12px}.playback button{background:#ffffff10;width:27px;height:25px;font-size:9px}.playback input{accent-color:var(--accent);width:100%;height:3px;min-width:60px}.playback output{font:9px var(--mono);color:#aaa;white-space:nowrap}.readouts{display:flex;gap:23px;margin-top:18px}.readout span{font:7px var(--mono);color:#8d9292;display:block;margin-bottom:6px}.readout strong{font:18px var(--mono);font-weight:400}.readout small{font:8px var(--mono);margin-left:4px;color:#888}.issue-row,.map-row{width:100%;text-align:left;display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff18;background:transparent;align-items:center}.issue-row strong,.map-row strong{font-size:11px;line-height:1.6;font-weight:500}.issue-row small,.map-row small{font:8px var(--mono);color:#909798;display:block;margin-top:3px}.issue-row>span:last-child,.map-row>span:last-child{font-size:14px;color:var(--accent)}.issue-row:hover strong,.map-row:hover strong{color:var(--accent)}.issue-led{width:5px;height:5px;background:var(--accent);border-radius:50%;align-self:flex-start;margin-top:6px;flex:none}.issue-row>span:nth-child(2){flex:1}.part-description{font-size:12px;color:#aeb3b3;line-height:1.8;margin-top:15px}.part-description strong{color:#eceee7;font-weight:500}.build-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding-top:12px;border-top:1px solid var(--line)}.build-list dt{font:7px var(--mono);color:#878e8e;margin-bottom:6px;letter-spacing:.1em}.build-list dd{font-size:11px;line-height:1.5;margin:0}.engine-link{font:9px var(--mono);display:inline-flex;gap:15px;margin-top:20px;color:#bbb}.engine-link span{color:var(--accent)}body[data-view="logs"] .hero-content,body[data-view="problems"] .hero-content,body[data-view="ecu"] .hero-content,body[data-view="build"] .hero-content{top:5%}body[data-view]:not([data-view="garage"]) .hero-description{font-size:12px;margin-bottom:20px;max-width:340px}body[data-view]:not([data-view="garage"]) .eyebrow{margin-bottom:18px}body[data-view]:not([data-view="garage"]) h1{margin-bottom:18px}.below-garage{padding:0 5%}.story-section{padding:100px 0 90px;border-bottom:1px solid var(--line)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.story-grid h2{font-size:clamp(30px,4vw,60px);line-height:1.05;letter-spacing:-.05em;margin:0}.story-grid p{font-size:14px;line-height:1.9;max-width:440px;margin:0 0 20px}.muted{color:#8d9395}.small-footer{display:flex;justify-content:space-between;padding:28px 0;font:8px var(--mono);color:#7c8284;gap:15px}.small-footer a:hover{color:#fff}.noscript-note{position:fixed;bottom:15px;left:15px;background:#111;padding:20px;z-index:20}
.doc-page{max-width:900px;padding:50px 25px 100px;margin:auto}.doc-page h1{font-size:55px;margin:60px 0 25px}.doc-page h2{font-size:24px;margin-top:45px}.doc-page p,.doc-page li{color:#aeb4b5;line-height:1.9;font-size:14px}.doc-page pre{background:#151719;padding:20px;overflow:auto;font:12px/1.8 var(--mono);color:#d4dcdb;border:1px solid var(--line);border-radius:4px}.doc-page a{color:var(--accent)}.doc-page code{font-family:var(--mono);font-size:12px}.doc-page .primary-button{display:inline-flex;color:#16110d}.doc-page .wordmark{color:#fff}.doc-page .wordmark span{color:var(--accent)}.background-only .site-wrap{min-height:100svh;max-height:none}.background-only .masthead,.background-only .main-tabs,.background-only .hero-content,.background-only .bottom-bar,.background-only .below-garage,.background-only .site-shade,.background-only .scene-caption{display:none}.background-only main{height:100%}.background-only .scene-controls{bottom:4%}.background-only .system-picker{bottom:4%}.background-only .sam-garage .sam-canvas-wrap{inset:0 0 0 0}.background-only .sam-garage .sam-poster{left:10%;width:90%;top:0;height:100%}
@media(min-width:1600px){.hero-content{top:19%}.sam-garage .sam-poster{width:79%;left:24%}.bottom-bar{gap:50px}.spec{padding-right:50px}}
@media(max-width:1100px){.main-tabs{gap:24px}.hero-content{width:46%}h1{font-size:7vw}.spec{padding-right:22px}.bottom-bar{gap:22px}.demo-state small{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.scene-controls{gap:14px}.system-picker>span{display:none}.scene-caption{bottom:23%}.system-picker{gap:5px}.system-picker button{padding:9px}.readouts{gap:17px}}
@media(max-width:760px){.site-wrap{height:100svh;min-height:870px;max-height:1100px}.masthead{height:79px;margin:0 6%}.wordmark{font-size:33px}.wordmark small{font-size:7px;margin-left:15px;padding-left:15px;max-width:110px}.edition{display:none}.main-tabs{margin:0 6%;height:60px;justify-content:space-between;gap:10px;overflow-x:auto}.main-tabs button{font-size:9px}.main-tabs button span{display:none}.site-shade{background:linear-gradient(0deg,#0a0b0d 0%,#0a0b0ded 19%,transparent 52%)}main{height:calc(100% - 235px)}.hero-content{top:auto;bottom:12%;left:6%;width:88%;max-width:450px}.eyebrow{font-size:7px;margin-bottom:15px}h1{font-size:clamp(48px,11.5vw,75px);letter-spacing:-.06em;margin-bottom:15px}.hero-description{font-size:12px;max-width:310px;margin-bottom:17px;line-height:1.7}.hero-actions{flex-direction:row;align-items:center;gap:20px}.primary-button{padding:14px;font-size:10px;gap:15px}.text-button{font-size:10px}.scene-caption{left:6%;right:auto;bottom:auto;top:42%}.scene-caption small{font-size:6px}.scene-caption strong{font-size:8px}.crosshair{font-size:18px}.scene-controls{right:6%;bottom:3%;gap:20px}.scene-controls button span{font-size:8px}.bottom-bar{height:96px;margin:0 6%;gap:14px;flex-wrap:wrap;align-content:center;row-gap:14px}.spec{padding-right:14px}.spec span{font-size:6px;margin-bottom:6px}.spec strong{font-size:9px}.demo-state{font-size:6px;margin-left:auto}.source-link{display:none}.system-picker{bottom:10%;left:6%;width:88%;justify-content:flex-start}.system-picker button{font-size:8px;padding:9px 10px}.story-section{padding:65px 0}.story-grid{grid-template-columns:1fr;gap:25px}.story-grid h2{font-size:37px}.story-grid p{font-size:13px}.small-footer{font-size:6px;flex-wrap:wrap}.below-garage{padding:0 6%}body[data-view]:not([data-view="garage"]) .hero-content{top:auto;bottom:20%;width:88%}body[data-view]:not([data-view="garage"]) h1{font-size:40px;line-height:.97;max-width:none;margin-bottom:12px}body[data-view]:not([data-view="garage"]) h1 br{display:none}body[data-view]:not([data-view="garage"]) .eyebrow{margin-bottom:10px}body[data-view]:not([data-view="garage"]) .hero-description{max-width:340px;font-size:11px;margin-bottom:15px}body[data-view]:not([data-view="garage"]) .scene-caption{display:none}#detail-panel{max-width:none}.trace{height:62px}.readouts{margin-top:13px;justify-content:space-between}.readout strong{font-size:16px}.readout span{font-size:6px}.panel-label{margin-bottom:9px}.issue-row,.map-row{padding:9px 0}.build-list{gap:10px 18px}.part-description{font-size:10px;margin-bottom:0}.engine-link{margin-top:12px}.doc-page h1{font-size:40px}.background-only .system-picker{bottom:12%}}
@media(max-width:370px){.wordmark small{font-size:6px}.hero-actions{gap:12px}.demo-state{display:none}.main-tabs button{font-size:8px}.system-picker button{padding:8px}.scene-controls{gap:13px}}
@media(max-width:760px){.site-shade{background:linear-gradient(0deg,#0a0b0d 0%,#0a0b0df5 57%,#0a0b0dd7 68%,transparent 78%),linear-gradient(180deg,#0a0b0df0 0%,#0a0b0dd0 15%,transparent 23%)}.scene-caption{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
