@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090c12;--panel:#10151d;--panel2:#131923;--line:#252d38;--muted:#7d8793;--text:#f0f2f3;--mint:#b7f37d;--accent:#f2614c;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 49% 7%,#171c23 0,#0b0e14 34%,var(--bg) 74%);color:var(--text);font-family:var(--sans);min-height:100vh}.app-shell{max-width:1320px;margin:auto;padding:0 54px}.topbar{height:76px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between}.brand{font:800 19px var(--display);letter-spacing:.13em;color:#eef1ee;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{width:27px;height:27px;display:grid;place-items:center;background:var(--mint);color:#12170f;border-radius:7px;font-size:15px;letter-spacing:-.08em}.brand-dot{color:var(--mint)}.topbar-caption,.eyebrow,.search-foot,.viewer-label,.model-tag,.stage-hint,.spec-label,.object-type,.model-disclaimer,.spec-note,.section-count,footer{font-family:var(--mono);letter-spacing:.08em}.topbar-caption{font-size:9px;color:#939ca5;display:flex;align-items:center;gap:9px}.status-dot,.live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #b7f37d77}.avatar{width:29px;height:29px;border:1px solid #39424d;background:#171d26;border-radius:50%;color:#bdc4ca;font:600 11px var(--sans)}main{max-width:1070px;margin:0 auto}.intro{padding-top:53px}.eyebrow{font-size:9px;color:#9ca6ae;display:flex;align-items:center;gap:10px;margin:0}.eyebrow-line{width:18px;height:1px;background:var(--mint)}h1{font:600 clamp(42px,6vw,64px)/1.04 var(--display);letter-spacing:-.055em;margin:20px 0 13px}.intro h1 span{color:#9aa2a8}.intro-copy{color:#8e98a2;font-size:14px;margin:0;line-height:1.7}.search{height:60px;margin-top:28px;border:1px solid #39424c;border-radius:11px;background:#121720;display:flex;align-items:center;padding:7px 8px 7px 18px;box-shadow:0 13px 42px #0005}.search:focus-within{border-color:#718174;box-shadow:0 0 0 3px #b7f37d13}.search-icon{font:32px var(--sans);line-height:1;color:#87919a;transform:rotate(-20deg);margin-right:13px}.search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#f2f4f5;font:14px var(--sans)}.search input::placeholder{color:#77828e}.search button{border:0;border-radius:7px;padding:12px 17px;background:var(--mint);color:#11170d;font:700 12px var(--sans);cursor:pointer}.search button span{font-size:15px;margin-left:11px}.search-foot{display:flex;justify-content:space-between;font-size:8px;color:#77818a;margin:10px 3px 24px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:15px;align-items:stretch}.viewer-card,.details-card{background:linear-gradient(145deg,#141a23,#10151d);border:1px solid #26303a;border-radius:12px;overflow:hidden}.viewer-topline{height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.viewer-label{font-size:9px;color:#b3bbc1;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px}.more-button{background:none;border:0;color:#828d97;font-size:20px;letter-spacing:2px;cursor:pointer}.model-stage{position:relative;height:310px;overflow:hidden;background:radial-gradient(ellipse at center 54%,#29333a 0,#1b242d 33%,#121922 69%,#111720 100%);perspective:900px;touch-action:pan-y}.stage-grid{position:absolute;left:-30%;right:-30%;bottom:-28%;height:75%;transform:rotateX(66deg);transform-origin:center top;background-image:linear-gradient(#86939a18 1px,transparent 1px),linear-gradient(90deg,#86939a18 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000 0%,transparent 87%)}.stage-glow{position:absolute;left:20%;right:20%;bottom:18%;height:1px;background:#9efacb;box-shadow:0 0 16px 3px #8cffc055}.model-wrap{position:absolute;width:min(98%,600px);left:50%;top:50%;transform:translate(-50%,-48%) rotateX(0deg) rotateY(-8deg) scale(1);transition:filter .4s,transform .15s ease-out;cursor:grab;user-select:none}.model-wrap:active{cursor:grabbing}.car-model{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 22px #0008)}.wheel{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 2px #000)}.model-tag{position:absolute;padding:6px 9px;border:1px solid #c2f8db5c;background:#101c1cbf;color:#c4f2db;font-size:8px;border-radius:4px;white-space:nowrap}.model-tag i{display:inline-block;width:4px;height:4px;border:1px solid var(--mint);border-radius:50%;margin:0 5px 1px 0}.tag-engine{right:7%;top:24%}.tag-wheel{left:13%;bottom:13%}.axis{position:absolute;font:9px var(--mono);color:#aac5b5;opacity:.6}.axis-x{left:24px;bottom:23px}.axis-y{left:35px;bottom:33px}.stage-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:8px;color:#a0a9b0;white-space:nowrap}.stage-hint span{color:var(--mint);font-size:12px;margin-left:5px}.fullscreen{position:absolute;bottom:12px;right:13px;width:29px;height:29px;border:1px solid #59636e;border-radius:6px;background:#111821aa;color:#d0d5d8;font-size:17px;cursor:pointer}.viewer-controls{height:50px;display:flex;align-items:center;gap:6px;padding:0 12px}.control-button,.icon-control{border:0;background:none;color:#929ca5;font:11px var(--sans);height:31px;padding:0 11px;cursor:pointer;border-radius:5px;white-space:nowrap}.control-button.active{background:#202a30;color:#dff9ca}.control-glyph{color:var(--mint);margin-right:5px;font-size:13px}.control-divider{flex:1}.icon-control{border:1px solid #343e49;width:30px;padding:0;font-size:17px}.model-disclaimer{font-size:8px;color:#69747d;margin:0;padding:0 17px 14px;letter-spacing:.03em}.details-card{padding:21px 21px 17px;display:flex;flex-direction:column}.details-heading{display:flex;justify-content:space-between}.small-eyebrow{font-size:8px;color:#95a0a8}.file-index{color:var(--mint);margin-left:7px}.details-heading h2{font:600 27px/1.13 var(--display);letter-spacing:-.045em;margin:12px 0 12px}.bookmark{height:31px;width:31px;border-radius:50%;border:1px solid #37424d;background:#171e27;color:#c8d0d5;font-size:19px;cursor:pointer}.bookmark.saved{color:var(--mint);border-color:#9fce73}.object-type{display:flex;align-items:center;gap:8px;font-size:8px;color:#bcc4c8;border-top:1px solid #27313a;border-bottom:1px solid #27313a;padding:10px 0}.type-icon{color:var(--mint);font-size:12px}.type-year{margin-left:auto;color:#8a949c}.details-copy{font-size:11px;line-height:1.75;color:#9ba5ae;margin:14px 0 16px;min-height:56px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2a333d;border:1px solid #2a333d;border-radius:7px;overflow:hidden}.spec{background:#141a22;padding:10px 11px}.spec-label{display:block;color:#7d8992;font-size:7px;margin-bottom:6px}.spec strong{font:600 15px var(--display);color:#e9edee}.spec strong small{font:10px var(--sans);color:#949fa7}.spec-note{font-size:7px;color:#818c95;letter-spacing:.01em;line-height:1.5;padding:9px 1px;display:flex;gap:6px}.spec-note span{width:11px;height:11px;display:grid;place-items:center;border:1px solid #637078;border-radius:50%;font:8px var(--sans);flex:none}.parts-button{height:37px;margin-top:auto;border:1px solid #4c5d4b;border-radius:6px;background:#1b261f;color:#d6efc6;font:600 10px var(--sans);display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer}.parts-button span:last-child{color:var(--mint);font-size:14px}.below-fold{margin-top:54px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{font:500 25px var(--display);letter-spacing:-.04em;margin:11px 0 16px}.section-heading h2 em{font-family:Georgia,serif;color:var(--mint);font-weight:400}.section-count{font-size:8px;color:#7e8991;padding-bottom:21px}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.suggestion{height:65px;border:1px solid #252e38;border-radius:8px;background:#111720;display:flex;align-items:center;text-align:left;padding:0 12px;gap:10px;cursor:pointer;color:inherit;transition:background .2s,border .2s}.suggestion:hover{background:#18212b;border-color:#46534e}.suggestion-icon{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;font-size:21px}.bridge-icon{background:#2b201d;color:#ff9878}.space-icon{background:#1c2631;color:#85c3da}.chair-icon{background:#27241a;color:#d1c383}.suggestion strong{display:block;font:600 10px var(--sans);margin-bottom:4px}.suggestion small{display:block;color:#828d96;font:8px var(--mono)}.suggestion-arrow{margin-left:auto;color:#9aa49f;font-size:14px}footer{border-top:1px solid #222b34;margin-top:43px;padding:17px 0 20px;display:flex;justify-content:space-between;color:#c0c7c7;font-size:9px}footer>span:first-child{font:800 11px var(--display);letter-spacing:.11em}.footer-copy{font:10px var(--sans);letter-spacing:0;color:#7f8991;margin-left:8px}.footer-star{color:var(--mint);margin-left:5px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d6f4bf;color:#172112;padding:11px 16px;border-radius:7px;font:600 12px var(--sans);box-shadow:0 8px 28px #0006;transition:.25s;z-index:20;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.viewer-card.blueprint .model-stage{background:#102b39}.viewer-card.blueprint .stage-grid{opacity:.8;background-image:linear-gradient(#97ebf325 1px,transparent 1px),linear-gradient(90deg,#97ebf325 1px,transparent 1px)}.viewer-card.blueprint .model-wrap{filter:sepia(1) hue-rotate(145deg) saturate(2) brightness(1.8)}.viewer-card.blueprint .model-tag{border-color:#94e8ed;color:#baf5fa}.viewer-card.xray .car-body{opacity:.32}.viewer-card.xray .model-wrap{filter:drop-shadow(0 0 9px #68c4ed);}.viewer-card.xray .stage-glow{background:#64d6ff;box-shadow:0 0 23px 5px #55caff88}.viewer-card.xray .model-tag{border-color:#73d4ff;color:#a8eaff;background:#101d26dc}
@media(min-width:1200px){.intro{padding-top:59px}.model-stage{height:340px}.details-card{padding:25px 24px 18px}.details-heading h2{font-size:30px}.details-copy{font-size:12px}}
@media(max-width:760px){.app-shell{padding:0 20px}.topbar{height:62px}.topbar-caption{font-size:7px}.intro{padding-top:39px}h1{font-size:48px}.intro-copy{font-size:13px;max-width:390px}.search{height:56px;margin-top:23px;padding-left:13px}.search input{font-size:12px}.search button{padding:11px 12px}.search button span{margin-left:5px}.workspace{grid-template-columns:1fr}.model-stage{height:295px}.details-card{min-height:0}.details-heading h2{font-size:25px}.details-copy{min-height:0}.spec-grid{grid-template-columns:repeat(4,1fr)}.spec{padding:10px 7px}.spec strong{font-size:13px}.spec-label{font-size:6px}.below-fold{margin-top:39px}.suggestions{grid-template-columns:1fr}.suggestion{height:61px}.section-heading h2{font-size:23px}footer{margin-top:33px;font-size:8px}.footer-copy{font-size:8px}.model-wrap{width:108%}}
@media(max-width:390px){.app-shell{padding:0 14px}.topbar-caption{letter-spacing:.02em}.intro h1{font-size:43px}.search-foot{font-size:7px}.model-stage{height:260px}.viewer-controls{gap:1px;padding:0 7px}.control-button{padding:0 7px;font-size:10px}.control-glyph{margin-right:3px}.details-card{padding:18px 16px 15px}.spec-grid{grid-template-columns:1fr 1fr}.spec-label{font-size:7px}.footer-copy{display:block;margin:5px 0 0}.stage-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.model-stage{isolation:isolate}.car-view-label{position:absolute;left:17px;top:13px;z-index:3;font:8px var(--mono);letter-spacing:.1em;color:#b7c0c5}.model-wrap{z-index:1}.car-model{filter:drop-shadow(0 19px 14px #0009) drop-shadow(0 0 1px #ffb49b)}.car-body{filter:contrast(1.08) saturate(1.1)}.car-body>path:first-child{stroke-width:1.25}.model-tag{z-index:2}.hotspot-list{position:absolute;inset:0;z-index:4;pointer-events:none}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;background:none;border:0;color:white;display:grid;place-items:center;cursor:pointer;padding:0}.hotspot i{grid-area:1/1;width:18px;height:18px;border:1px solid #d7ffd0;border-radius:50%;background:#152521bb;box-shadow:0 0 0 4px #a9ffbf24,0 0 14px #b0ffb678;transition:.2s}.hotspot i:after{content:"";position:absolute;inset:5px;background:#c8ff9d;border-radius:50%}.hotspot span{position:absolute;left:23px;top:-8px;background:#111b20e8;border:1px solid #9bb69e99;color:#c9f5bc;border-radius:3px;font:8px var(--mono);padding:3px 5px}.hotspot b{position:absolute;top:23px;left:50%;transform:translateX(-50%);padding:4px 6px;background:#0d151add;border:1px solid #82968f55;border-radius:3px;font:8px var(--mono);white-space:nowrap;opacity:0;transition:opacity .16s}.hotspot:hover b,.hotspot.active b{opacity:1}.hotspot:hover i,.hotspot.active i{transform:scale(1.22);background:#b7f37d;box-shadow:0 0 0 5px #b7f37d2b,0 0 20px #b7f37d}.hotspot:hover i:after,.hotspot.active i:after{background:#142116}.part-popover{position:absolute;z-index:5;right:12px;top:43px;width:205px;padding:12px 13px 11px;background:#0c1419eF;border:1px solid #6687788c;border-radius:7px;box-shadow:0 9px 28px #0008;backdrop-filter:blur(9px);opacity:0;transform:translateY(-4px);pointer-events:none;transition:.2s}.part-popover.open{opacity:1;transform:translateY(0);pointer-events:auto}.popover-close{position:absolute;right:7px;top:4px;border:0;background:none;color:#aab6b5;font-size:17px;cursor:pointer}.popover-kicker{display:block;color:#a8dbac;font:7px var(--mono);letter-spacing:.1em;margin-bottom:7px}.part-popover strong{display:block;color:#f0f5ed;font:600 12px var(--display);padding-right:12px}.part-popover p{font:9px/1.5 var(--sans);color:#9eaeb1;margin:6px 0 8px}.popover-meta{color:#b4c0b8;font:7px var(--mono);letter-spacing:.06em}.xray-overlay,.blueprint-overlay{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .3s}.xray-overlay svg,.blueprint-overlay svg{position:absolute;width:min(98%,600px);left:50%;top:50%;transform:translate(-50%,-48%) rotateY(-8deg);overflow:visible}.xray-overlay svg path,.xray-overlay svg circle{fill:none;stroke:#77d8ff;stroke-width:2;filter:drop-shadow(0 0 4px #42bfff99)}.xray-overlay .engine-block{fill:#55c7fc21;stroke:#b9efff;stroke-width:2.5}.xray-overlay .engine-detail,.xray-overlay .radiator-line{stroke:#a6e8ff;stroke-width:1}.xray-overlay .chassis{stroke:#75cbeb;stroke-width:4}.xray-overlay .driveshaft{stroke:#ffcb80;stroke-width:4}.xray-overlay .exhaust{stroke:#ffa77e;stroke-width:3}.xray-overlay .suspension{stroke:#c1a9ff;stroke-width:3}.xray-overlay .xray-wheel{stroke:#a3eaff;stroke-width:2}.xray-overlay .xray-window{stroke:#61cfff;stroke-width:1.5;stroke-dasharray:4 3}.internal-label,.dimension{position:absolute;color:#c2f0ff;background:#091820dc;border:1px solid #65c9ef88;border-radius:3px;padding:4px 6px;font:7px var(--mono);letter-spacing:.05em}.label-engine{left:42%;top:44%}.label-radiator{left:25%;top:51%}.label-exhaust{left:62%;top:69%;color:#ffd5b5;border-color:#ffb98988}.blueprint-overlay{background:#102d3a99}.blueprint-overlay svg path{fill:none;stroke:#b7f0ff;stroke-width:1.5;filter:drop-shadow(0 0 4px #86dcff)}.dimension{background:#0c2937d9;color:#d5f7ff;border-color:#8ce2ff99}.dimension-length{left:36%;bottom:16%}.dimension-width{right:7%;top:44%}.dimension-wheelbase{left:37%;bottom:29%}.viewer-card.xray .model-wrap{opacity:.1;filter:grayscale(1)}.viewer-card.xray .xray-overlay{opacity:1}.viewer-card.xray .model-tag{opacity:0}.viewer-card.xray .car-view-label{color:#a9e9ff}.viewer-card.blueprint .model-wrap{opacity:.06}.viewer-card.blueprint .blueprint-overlay{opacity:1}.viewer-card.blueprint .stage-glow{opacity:.2}.viewer-card.blueprint .hotspot,.viewer-card.xray .hotspot{--muted-dot:1}.trim-strip{border-top:1px solid #26313a;margin:-4px 0 11px;padding:10px 0 0}.trim-strip span{display:block;color:#7d8992;font:7px var(--mono);letter-spacing:.08em;margin-bottom:5px}.trim-strip strong{color:#c9d3d0;font:500 9px var(--mono)}.trim-strip i{color:var(--mint);font-style:normal}.details-copy{min-height:70px}.viewer-card.blueprint .part-popover,.viewer-card.xray .part-popover{border-color:#69c3e588}.model-disclaimer{transition:color .2s}
