.driver-demo{background:#090b0e;border-block:1px solid var(--line)}.demo-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:38px}.demo-heading h2{font-size:clamp(44px,4.8vw,70px)}.demo-intro{max-width:380px}.demo-concept{display:inline-block;border:1px solid #545963;padding:5px 9px;letter-spacing:1.5px;font-size:9px;color:#c4ccd7;margin-bottom:17px}.demo-intro p{font-size:15px;color:#aeb6c2;line-height:1.8}.demo-console{border:1px solid #3b414a;background:#10141a}.demo-console[hidden]{display:none}.demo-toolbar{display:flex;align-items:center;gap:30px;padding:20px 24px;border-bottom:1px solid #363d47}.demo-playback{display:flex;align-items:center;gap:22px}.demo-playback .button{font-size:12px;min-height:42px;padding:10px 16px;min-width:138px;gap:15px}.demo-playback .button span{font-size:13px}.demo-reset{background:none;font-size:12px;color:#bbc4d1;padding:12px 0}.demo-condition{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1px;margin-left:auto;color:#9da9ba}.demo-condition select{font:13px var(--body);background:#181e27;color:#eef0f5;border:1px solid #4f5968;padding:9px 25px 9px 11px;border-radius:0}.demo-sync{display:flex;align-items:center;gap:9px;color:#a7b2c1;font-size:9px;letter-spacing:1px}.demo-sync i{height:6px;width:6px;background:#e9e9e4;border-radius:50%}.demo-phase-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #363d47}.demo-phase-nav button{padding:16px 20px;text-align:left;border-right:1px solid #363d47;background:transparent;color:#a2adbd;font-size:12px}.demo-phase-nav button:last-child{border-right:0}.demo-phase-nav button span{margin-right:15px;color:#6f7b8e;font-size:10px}.demo-phase-nav button[aria-pressed=true]{background:#301c1e;box-shadow:inset 0 -2px #f43832;color:#fff}.demo-phase-nav button[aria-pressed=true] span{color:#ff8a81}.drivers-grid{display:grid;grid-template-columns:1fr 1fr}.driver-panel{min-width:0;--driver-accent:#ff6254}.neuralcraft-panel{--driver-accent:#d9e4f1;border-left:1px solid #363d47}.driver-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px 18px}.driver-division{display:block;font-size:8px;color:#acb6c5;letter-spacing:1.8px}.driver-panel h3{font-family:var(--display);font-style:italic;font-size:39px;margin-top:10px}.driver-method{font-size:8px;letter-spacing:1px;color:var(--driver-accent);text-align:right}.driver-track{display:block;width:100%;height:auto;background:#0b1016}.track-edge{fill:none;stroke:#4b505b;stroke-width:80}.track-kerb{fill:none;stroke:#bd443d;stroke-width:74;stroke-dasharray:12 12}.track-asphalt{fill:none;stroke:#232a35;stroke-width:63}.track-center{fill:none;stroke:#8391a5;stroke-width:1;stroke-dasharray:5 8;opacity:.5}.driver-line{fill:none;stroke:var(--driver-accent);stroke-width:3;opacity:.85}.track-labels{font-family:var(--body);font-size:10px;letter-spacing:1px;fill:#8896a9}.apex-marker{fill:none;stroke:#9eacbe;stroke-width:1;opacity:.6}.demo-car{fill:var(--driver-accent);stroke:#070b10;stroke-width:.8;filter:drop-shadow(0 3px 5px #000b)}.car-sensor,.sensor-arc{stroke:var(--driver-accent);stroke-width:1;fill:none;opacity:.5}.sensor-arc{stroke-dasharray:4 4;opacity:.35}.driver-telemetry{display:grid;grid-template-columns:1.2fr 1.1fr 1fr 1fr;padding:20px 24px;gap:15px;border-block:1px solid #303945;background:#131a23}.driver-telemetry>div{min-width:0}.driver-telemetry span{font-size:8px;color:#9ba9bc;letter-spacing:1px;display:block;margin-bottom:9px}.driver-telemetry strong{font-family:var(--display);font-weight:500;font-size:25px;white-space:nowrap}.driver-telemetry small{font-family:var(--body);font-size:10px;color:#a3b1c3}.driver-telemetry meter{display:block;width:100%;height:7px;margin:4px 0 6px;background:#303846;border:0;border-radius:0;appearance:none}.driver-telemetry meter::-webkit-meter-bar{background:#303846;border:0;border-radius:0}.driver-telemetry meter::-webkit-meter-optimum-value{background:var(--driver-accent)}.driver-telemetry meter::-moz-meter-bar{background:var(--driver-accent)}.driver-telemetry output{display:block;font-size:10px;color:#c4cedc}.driver-thinking{padding:26px}.decision-label{font-size:8px;letter-spacing:1.5px;color:var(--driver-accent);margin-bottom:14px}.driver-thinking h4{font-size:18px;line-height:1.3;font-weight:500;margin:0 0 13px}.driver-thinking>p:not(.decision-label){font-size:13px;line-height:1.8;color:#aab7c9;min-height:71px}.driver-thinking pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;background:#090e15;border-left:2px solid var(--driver-accent);padding:16px 17px;margin:19px 0 21px;color:#c2cfe0;min-height:94px}.driver-detail{display:flex;justify-content:space-between;font-size:11px;color:#d7dee8}.driver-detail span{color:var(--driver-accent)}.demo-timeline{display:flex;align-items:center;gap:23px;padding:22px 25px;border-top:1px solid #363d47}.demo-timeline label{font-size:9px;color:#a3b2c5;letter-spacing:1px;white-space:nowrap}.demo-timeline input{width:100%;min-width:0;accent-color:#f43b32;cursor:pointer;height:22px}.demo-timeline output{font-size:12px;min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.demo-caption{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #363d47;padding:17px 25px;background:#13181f;font-size:11px;line-height:1.8}.demo-caption p:first-child{color:#d1dae6}.demo-caption p:last-child{color:#97a7bd}.demo-disclaimer{font-size:12px;color:#8f9dab;line-height:1.8;margin-top:19px;max-width:960px}.demo-fallback{padding:25px;border:1px solid #444;line-height:1.8}
@media(max-width:1050px){.demo-sync{display:none}.demo-heading{gap:30px}.demo-intro{max-width:320px}.driver-panel>header,.driver-thinking{padding:20px}.driver-panel h3{font-size:34px}.driver-method{max-width:60px;line-height:1.8}.driver-telemetry{gap:10px;padding:17px}.driver-telemetry strong{font-size:21px}.driver-thinking>p:not(.decision-label){min-height:94px}.driver-thinking pre{min-height:114px;font-size:10px}}
@media(max-width:700px){.demo-heading{display:block}.demo-intro{max-width:none;margin-top:25px}.demo-intro p{font-size:14px}.demo-concept{margin-bottom:12px}.demo-toolbar{flex-wrap:wrap;gap:18px;padding:19px}.demo-playback{width:100%;justify-content:space-between}.demo-condition{width:100%;justify-content:space-between;margin:0}.demo-condition select{font-size:16px;max-width:170px}.demo-phase-nav button{padding:13px 6px;text-align:center;font-size:10px}.demo-phase-nav button span{display:block;margin:0 0 6px;font-size:9px}.drivers-grid{grid-template-columns:1fr}.neuralcraft-panel{border-left:0;border-top:1px solid #505966}.driver-panel h3{font-size:37px}.driver-method{max-width:none}.driver-telemetry{padding:18px;gap:10px}.driver-telemetry strong{font-size:24px}.driver-telemetry small{font-size:9px}.driver-thinking>p:not(.decision-label){min-height:0}.driver-thinking pre{min-height:94px;font-size:11px}.track-labels{display:none}.demo-timeline{padding:18px;gap:13px;flex-wrap:wrap}.demo-timeline label{width:100%}.demo-timeline input{flex:1}.demo-caption{grid-template-columns:1fr;gap:10px;padding:18px}.demo-disclaimer{font-size:11px}.driver-thinking h4{font-size:17px}}
/* Reveal the decision process before its effect on the road. */
.brain-panel{border-top:1px solid #354151;border-bottom:1px solid #354151;background:radial-gradient(ellipse at 50% 50%,#15212f,#0b1119 75%);padding:22px 24px;min-height:472px}.brain-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.brain-heading>span{font-size:8px;letter-spacing:1.5px;color:var(--driver-accent)}.brain-heading>strong{font-size:12px;font-weight:500;color:#e2eaf5}.rule-flow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rule-flow li{display:flex;align-items:center;gap:15px;padding:14px 16px;border:1px solid #2d3c4d;background:#111923;opacity:.58}.rule-flow li.is-active{opacity:1;border-color:#ff6254;background:#322021;box-shadow:inset 3px 0 #ff6254}.rule-index{font:italic 26px var(--display);color:#ff8175}.rule-flow strong{font-size:10px;letter-spacing:1px;font-weight:500}.rule-flow p{font-size:11px;line-height:1.6;color:#9aafc8;margin-top:5px}.rule-check{margin-left:auto;color:#ff8175}.brain-result{border-top:1px solid #38485b;margin-top:20px;padding-top:15px}.brain-result>span{display:block;font-size:8px;color:#a1b2c8;letter-spacing:1.3px;margin-bottom:8px}.brain-result output{font-size:12px;color:#ffd3cc}.brain-note{font-size:10px;line-height:1.7;color:#8fa4bf;margin-top:15px}.network-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;font-size:8px;letter-spacing:1px;color:#a7b8cc}.neural-network{display:block;width:100%;height:auto;margin-top:4px;overflow:visible}.nn-edge{fill:none;stroke:#88bfe9;stroke-linecap:round}.nn-edge.inhibitory{stroke:#fd8a7e;stroke-dasharray:4 4}.nn-node circle{fill:#9dd6ff;stroke:#b0deff;stroke-width:1.5}.nn-value{font:9px ui-monospace,SFMono-Regular,monospace;fill:#fff}.nn-label{font:10px var(--body);fill:#c0d2e8}.nn-signal{fill:none;stroke:#e1f6ff;stroke-width:2;stroke-dasharray:3 97;stroke-dashoffset:100;animation:network-flow 2.4s linear infinite;animation-play-state:paused;pointer-events:none}.is-running .nn-signal{animation-play-state:running}@keyframes network-flow{0%{stroke-dashoffset:100}80%,100%{stroke-dashoffset:0}}.network-legend{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:8px;color:#94aac4;margin:6px 0 20px}.network-legend i{display:inline-block;width:14px;border-top:1px solid #88bfe9;margin-right:5px;vertical-align:middle}.network-legend i.negative{border-top:1px dashed #fd8a7e}.neural-action-heads{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.neural-action-heads>div{border:1px solid #3d546c;background:#142130;padding:12px}.neural-action-heads span{display:block;font-size:8px;letter-spacing:1px;color:#9cb5d3;margin-bottom:8px}.neural-action-heads output{font:24px var(--display);color:#c9e8ff}.brain-panel .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:701px){.drivers-grid{align-items:start}.driver-panel{display:grid;grid-template-rows:auto 560px auto auto auto}.brain-panel{height:560px;min-height:0}.rule-flow li{min-height:71px}.neural-network{max-height:277px}}
@media(max-width:1050px) and (min-width:701px){.brain-panel{padding-inline:15px}.brain-heading{display:block}.brain-heading>strong{display:block;margin-top:8px}.rule-flow li{padding:10px;gap:10px}.rule-flow p{font-size:10px}.neural-network{margin-top:20px}.network-legend{gap:8px}.neural-action-heads>div{padding:9px}.neural-action-heads output{font-size:20px}}
@media(max-width:700px){.brain-panel{padding:22px 16px;min-height:0}.brain-heading{display:block}.brain-heading>strong{display:block;margin-top:8px;font-size:14px}.rule-flow li{padding:12px}.rule-flow strong{font-size:9px}.rule-flow p{font-size:11px}.network-columns{font-size:7px;letter-spacing:.5px}.neural-network{width:100%;margin-top:10px}.nn-label{font-size:12px}.nn-value{font-size:11px}.neural-action-heads>div{padding:10px 7px}.neural-action-heads output{font-size:21px}.network-legend{gap:9px;font-size:8px}.brain-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nn-signal{display:none}}
.network-scroll{min-width:0}.network-swipe{display:none}.network-scroll:focus-visible{outline:1px solid #b0deff;outline-offset:4px}
@media(max-width:700px){.network-swipe{display:block;font-size:10px;color:#9cb5d3;margin-bottom:14px}.network-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:10px;margin-bottom:12px}.network-scroll .neural-network,.network-scroll .network-columns,.network-scroll .network-legend{width:540px;min-width:540px}.network-scroll .nn-label{font-size:12px}.network-scroll .nn-value{font-size:11px}.network-scroll .network-columns{font-size:9px}.network-scroll .network-legend{font-size:10px}}