/* BC Racing-inspired detail pass: grid, numbered navigation, cut corners, and restrained white-gray accents. */
:root{--bc-accent:#e6e9eb;--bc-accent-soft:#aeb6bc;--bc-ink:#111417;--bc-panel:#171c21;--bc-rule:#d9dee327}
body{overflow-x:hidden}
.header{height:80px;padding:0 5.2%;background:#111417e8;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(15px);box-shadow:0 10px 35px #0002}
.header .logo img{width:190px;filter:grayscale(1) brightness(0) invert(94%);opacity:.96}
.header nav{gap:25px;height:100%}.header nav a{position:relative;display:flex;align-items:center;height:100%;padding-top:11px;color:#e8eaeb;font-size:11px;font-weight:800;letter-spacing:.35px}
.header nav a:before{position:absolute;top:17px;left:0;color:var(--bc-accent-soft);font:7px Consolas,monospace;letter-spacing:1px}
.header nav a:nth-child(1):before{content:'01'}.header nav a:nth-child(2):before{content:'02'}.header nav a:nth-child(3):before{content:'03'}.header nav a:nth-child(4):before{content:'04'}.header nav a:nth-child(5):before{content:'05'}
.header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--bc-accent);transition:right .22s ease}.header nav a:hover:after{right:0}
.header nav a:last-of-type{padding:11px 13px 0;border:1px solid #e4e8ea66;height:34px;margin-top:23px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.header nav a:last-of-type:before{top:4px;left:12px}.header nav a:last-of-type:after{display:none}
.header .language-label{color:#d0d3d4;border-left:1px solid #ffffff32;padding-left:18px;font:10px Consolas,monospace;letter-spacing:1px}

.drive-stage,.has-car-model{background:radial-gradient(ellipse at 67% 43%,#e1e3e4 0,#c3c7ca 50%,#a9afb4 100%)}
.stage-grid{opacity:.2;background-size:48px 48px;background-image:linear-gradient(#34404b18 1px,transparent 1px),linear-gradient(90deg,#34404b18 1px,transparent 1px)}
.stage-topline,.clamp-topline{border-top:1px solid #2e39443d;padding-top:10px}
.stage-topline:before,.stage-topline:after,.clamp-topline:before,.clamp-topline:after{content:'+';position:absolute;top:-14px;color:#303b46;font:18px/1 Arial,sans-serif;font-weight:300}.stage-topline:before,.clamp-topline:before{left:-2px}.stage-topline:after,.clamp-topline:after{right:-2px}
.drive-copy h1,.brake-copy h2,.bridge-copy h2,.exploded-heading h2,.sim-heading h2,.clamp-heading h2{font-family:Arial,"Microsoft JhengHei",sans-serif;font-weight:900;text-transform:uppercase}
.drive-copy .eyebrow,.brake-copy .eyebrow,.exploded-heading .eyebrow,.sim-heading>p,.clamp-heading>p{color:#3c4650}
.drive-copy .eyebrow:before,.brake-copy .eyebrow:before{background:var(--bc-accent-soft)}
.drive-link{padding:13px 18px;border:1px solid #222d37;background:#222a31;color:#fff;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.drive-link:hover{background:var(--bc-accent);color:#161b20}
.brand-tab{background:linear-gradient(90deg,#7f888f,#dfe3e5);color:#161b20;box-shadow:0 8px 22px #0003}.brand-tab:hover{background:#f1f3f4;color:#111}
.brand-side:after{border-top-color:var(--bc-accent-soft)}
.brand-corner{background:var(--bc-accent-soft);opacity:.7}
.story-steps button{position:relative}.story-steps button.selected{background:#161b20;border-color:#161b20;color:#fff}.story-steps button.selected b{color:var(--bc-accent)}
.story-progress span{background:var(--bc-accent)}

.bridge-screen:after,.exploded-ui:after,.performance-ui:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#34404b12 1px,transparent 1px),linear-gradient(90deg,#34404b12 1px,transparent 1px);background-size:48px 48px}
.bridge-word{color:transparent;-webkit-text-stroke:1px #25313c2b;font-weight:800}
.bridge-copy a{border:1px solid #34414d;padding:11px 14px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.bridge-copy a:hover{background:#25303a;color:#fff}
.part-controls{gap:8px}.part-controls button{position:relative;border:1px solid #52617044;background:#d8dde18c;padding:13px 12px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.part-controls button b{color:#657079}.part-controls button:hover,.part-controls button[aria-pressed=true]{background:#202931;border-color:#202931;color:#fff}.part-controls button[aria-pressed=true] b{color:var(--bc-accent)}
.part-info{border:1px solid #59697877;background:#e4e7e9e6;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}

.is-performance .story-steps button.selected{background:var(--bc-accent);color:#15191d}
.speed-dial{border-color:#e5eaed99;outline-color:#d7dde145}.sim-heading>p,.speed-dial small,.control-label{color:#c9d0d5}
.sim-telemetry,.temperature,.sim-load-card{background:#11171db3;border:1px solid #d8dee32b;padding:15px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.sim-telemetry{padding:15px}.sim-load-card{padding:12px}.sim-brake,.sim-actions button{border-color:#d8dee277;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.sim-brake{background:#e7e9ea;color:#1b232a}.sim-brake[aria-pressed=true]{background:#be3347;color:#fff}
.speed-presets button[aria-pressed=true]{background:var(--bc-accent);color:#15191d}

.clamp-stage{isolation:isolate;background-color:#14191e;background-image:radial-gradient(circle at 28% 53%,#303940 0,#20262b 37%,#14191e 75%),linear-gradient(#dbe4e90b 1px,transparent 1px),linear-gradient(90deg,#dbe4e90b 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.clamp-stage:before{content:'BRAKING';position:absolute;z-index:-1;right:-1%;top:8%;color:transparent;-webkit-text-stroke:1px #dce3e70a;font:900 clamp(76px,12vw,180px)/1 Arial,sans-serif;letter-spacing:-8px}
.clamp-heading p{color:var(--bc-accent-soft)}
.clamp-visual,.clamp-data{border-color:#dce4e833;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.clamp-drawing{border-color:#d9e0e52e}.drawing-label span,.cycle-readout span:last-child,.test-status{color:var(--bc-accent-soft)}
.clamp-data{background-color:#101419e8;background-image:linear-gradient(#dce4e809 1px,transparent 1px),linear-gradient(90deg,#dce4e809 1px,transparent 1px);background-size:32px 32px}
.clamp-actions button{border-color:#d8dee277;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.clamp-actions button:hover{background:var(--bc-accent);color:#14191d}.clamp-progress span{background:var(--bc-accent)}

@media(min-width:701px){.clamp-visual,.clamp-data{top:37%;height:52%}.clamp-chart{width:91%;margin-top:10px}.clamp-metrics{margin-top:12px;padding-top:11px;gap:8px 18px}.clamp-actions{bottom:14px}}

@media(max-width:900px){.header nav{gap:14px}.header nav a{font-size:9px}.header .logo img{width:170px}}
@media(max-width:640px){.header{height:74px;padding:0 6%}.header .logo img{width:174px}.header .menu{display:block;background:transparent;color:#fff;border:1px solid #d8dee277;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.header nav{top:74px;height:auto;background:#11161bf5;padding:22px 7%;gap:18px}.header nav a,.header nav a:last-of-type{height:auto;margin:0;padding:8px 0 8px 30px;border:0;clip-path:none;font-size:12px}.header nav a:before,.header nav a:last-of-type:before{top:9px;left:0}.header .language-label{padding:12px 0 0;border-left:0;border-top:1px solid #ffffff24}.stage-grid{background-size:32px 32px}.sim-telemetry,.sim-load-card{padding:8px}.clamp-stage{background-size:auto,32px 32px,32px 32px}.clamp-stage:before{top:10%;font-size:70px;letter-spacing:-4px}}