.vehicle-explorer{--ve-text:#eef3ff;--ve-muted:#a6b5cc;--ve-line:#314057;--ve-accent:#89efd1;max-width:1200px;margin:3rem auto;padding:0 2rem;color:var(--ve-text);font-family:inherit}.vehicle-explorer *{box-sizing:border-box}.vehicle-explorer [hidden]{display:none!important}.vehicle-explorer button,.vehicle-explorer select{font:inherit}.ve-kicker{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ve-accent);margin:0 0 .6rem}.ve-intro{display:flex;gap:2rem;align-items:end;justify-content:space-between;margin-bottom:1.4rem}.ve-intro h2{margin:0 0 .4rem}.ve-intro p{margin:.3rem 0;color:var(--ve-muted);max-width:720px}.ve-pill{padding:.45rem .8rem;border:1px solid #577261;border-radius:50px;white-space:nowrap;font-size:.8rem;color:var(--ve-accent)}.ve-shell{background:#0c1421;border:1px solid var(--ve-line);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #0004}.ve-tabs{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem;background:#101b2b;border-bottom:1px solid var(--ve-line)}.ve-tabs button,.ve-btn{border:1px solid #3c4d65;color:var(--ve-text);background:#1a293d;border-radius:10px;padding:.65rem 1rem;min-height:44px;cursor:pointer;transition:background .15s}.ve-tabs button[aria-pressed=true],.ve-btn.primary{background:#89efd1;color:#09251e;border-color:#89efd1}.ve-tabs button:hover,.ve-btn:hover{filter:brightness(1.14)}.vehicle-explorer :focus-visible,.ve-dialog :focus-visible{outline:3px solid #b5a7ff;outline-offset:3px}.ve-photo{position:relative;aspect-ratio:16/9;background:#141c25;overflow:hidden}.ve-photo>img{width:100%;height:100%;object-fit:contain;display:block}.ve-photo-label{position:absolute;left:1rem;top:1rem;background:#07111bdf;padding:.4rem .75rem;border-radius:7px;font-size:.78rem;pointer-events:none}.ve-hotspots{position:absolute;inset:0}.ve-hotspot{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;width:34px;height:34px;color:white;background:#19243cdd;box-shadow:0 0 0 6px #ffffff22;cursor:pointer;font-weight:700;touch-action:manipulation}.ve-hotspot:hover,.ve-hotspot:focus-visible{background:#6359b3}.ve-hotspot span{position:absolute;left:50%;top:42px;transform:translateX(-50%);font-size:.75rem;white-space:nowrap;background:#0b1628e8;border-radius:5px;padding:.25rem .45rem;pointer-events:none}.ve-caption{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.2rem;color:var(--ve-muted);font-size:.85rem;border-top:1px solid var(--ve-line)}.ve-caption p{margin:0}.ve-detail-links{display:flex;gap:.5rem;flex-wrap:wrap;padding:0 1rem 1rem}.ve-detail-links button{border:1px solid #42536b;background:transparent;color:#d3dff0;padding:.45rem .75rem;min-height:40px;border-radius:8px;cursor:pointer}.ve-cockpit{background:radial-gradient(ellipse at top,#233245,#090f19 80%);padding:1.3rem}.ve-dash-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.75rem;letter-spacing:.1em;color:#a6b7cf;margin-bottom:.6rem}.ve-dash-header strong{color:#89efd1}.ve-instruments{display:grid;grid-template-columns:1.1fr .9fr 1fr;align-items:center;gap:1rem}.ve-dial{width:100%;max-height:300px;overflow:visible}.ve-dial text{font-family:inherit}.ve-road{height:200px;position:relative;overflow:hidden;border-radius:120px 120px 25px 25px;background:linear-gradient(#243449,#151f2b);border:1px solid #37465c;perspective:250px}.ve-road-lanes{position:absolute;inset:-40px 20px;background:repeating-linear-gradient(to bottom,transparent 0 24px,#8fa4be 24px 40px,transparent 40px 64px);width:3px;left:50%;transform:rotateX(35deg)}.ve-road:before,.ve-road:after{content:'';position:absolute;top:30px;bottom:-20px;width:2px;background:#aab8ca66;transform:rotate(15deg);left:20%}.ve-road:after{left:auto;right:20%;transform:rotate(-15deg)}.ve-car{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:44px;height:78px;background:linear-gradient(90deg,#37465a,#93a8bd,#38475d);border:2px solid #b9c9d9;border-radius:14px 14px 11px 11px;box-shadow:0 20px 25px #0008}.ve-car:after{content:'';position:absolute;inset:14px 6px 30px;background:#172939;border-radius:8px 8px 3px 3px}.ve-car.lights:before{content:'';position:absolute;top:-65px;left:-30px;width:100px;height:85px;background:linear-gradient(transparent,#def7ff44);clip-path:polygon(0 0,100% 0,70% 100%,30% 100%)}.ve-signal-row{display:flex;justify-content:space-between;font-size:1.7rem;padding:0 .3rem}.ve-signal{color:#38495a}.ve-signal.on{color:#8ef1a9;animation:ve-blink .65s steps(1) infinite}@keyframes ve-blink{50%{opacity:.15}}.ve-energy{background:#111d2d;border:1px solid #324158;border-radius:16px;padding:1rem}.ve-energy p{margin:0 0 .6rem;color:var(--ve-muted);font-size:.75rem}.ve-energy output{font-size:2rem;line-height:1.2;font-weight:650}.ve-battery-track{height:12px;background:#2b394d;margin:.6rem 0 1rem;border-radius:5px;overflow:hidden}.ve-battery-fill{display:block;background:#89efd1;height:100%;width:78%;transition:width .25s}.ve-energy-row{display:flex;justify-content:space-between;padding:.6rem 0;border-top:1px solid #2c3c50;font-size:.8rem}.ve-power{height:8px;background:linear-gradient(to right,#7de6bb77 50%,#8c98f966 50%);position:relative;border-radius:5px;margin:.8rem 0}.ve-power i{position:absolute;left:50%;top:-4px;width:4px;height:16px;background:white;border-radius:2px;transition:left .1s}.ve-gear{font-size:2rem;color:var(--ve-accent);font-weight:700}.ve-dash-status{margin:.7rem 0 1rem;min-height:1.5em;color:#b6c9db;font-size:.85rem}.ve-controls{border-top:1px solid #344158;padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ve-control-card{border:1px solid #334158;background:#121e2e;border-radius:14px;padding:1rem}.ve-label{font-size:.75rem;color:var(--ve-muted);display:block;margin-bottom:.65rem}.ve-control-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.ve-control-row button,.ve-control-row select{border:1px solid #445671;background:#1c2d43;color:#eef3ff;min-height:44px;min-width:44px;border-radius:8px;padding:.5rem .7rem;cursor:pointer}.ve-control-row button[aria-pressed=true]{background:#89efd1;color:#082a22;border-color:#89efd1}.ve-control-row select{flex:1;max-width:100%}.ve-range{width:100%;accent-color:#89efd1;margin:.8rem 0}.ve-pedals{display:flex;gap:.7rem}.ve-pedals button{flex:1;min-height:54px;border-radius:10px;border:1px solid #526881;background:#233851;color:white;font:inherit;cursor:pointer;touch-action:none}.ve-pedals #brakeHold{border-color:#db9f95;background:#523330}.ve-pedals button:active{filter:brightness(1.3)}.ve-controls-footer{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.ve-demo-note{color:#8fa4bc;font-size:.74rem;line-height:1.6;margin:.8rem 0 0}.ve-cockpit.night{background:radial-gradient(ellipse at top,#11243e,#040813);--ve-accent:#a7ceff}.ve-dialog{color:#eef3ff;background:#111c2b;border:1px solid #53647b;border-radius:18px;padding:1.4rem;max-width:720px;width:calc(100% - 2rem);max-height:85vh;box-shadow:0 30px 100px #0008}.ve-dialog::backdrop{background:#020611bb;backdrop-filter:blur(5px)}.ve-dialog header{position:static!important;display:flex;align-items:center;justify-content:space-between;background:transparent!important;padding:0!important;backdrop-filter:none!important;margin-bottom:1rem}.ve-dialog h3{margin:0}.ve-dialog button{font:inherit;color:white;background:#253750;border:1px solid #53647b;border-radius:8px;padding:.55rem .8rem;cursor:pointer}.ve-dialog img,.ve-dialog video{width:100%;max-height:55vh;object-fit:contain;border-radius:10px;background:#0a101a}.ve-dialog p{color:#b8c8dc;line-height:1.7}.ve-dialog dl{display:grid;grid-template-columns:1fr 1.5fr;gap:.7rem;font-size:.9rem}.ve-dialog dt{color:#96a7bd}.ve-dialog dd{margin:0}.ve-dialog .ve-energy-flow{display:flex;gap:.8rem;align-items:center;justify-content:center;background:#14283a;border-radius:12px;padding:2rem .5rem;flex-wrap:wrap}.ve-dialog .ve-energy-flow span{padding:.8rem;background:#254a51;border-radius:10px;border:1px solid #67ab9b}.ve-dialog .ve-energy-flow i{font-size:1.7rem;color:#89efd1;font-style:normal}
@media(max-width:760px){.vehicle-explorer{padding:0 1rem;margin:2rem auto}.ve-intro{display:block}.ve-pill{display:inline-block;margin-top:.6rem}.ve-instruments{grid-template-columns:1fr 1fr;gap:.7rem}.ve-road-block{display:none}.ve-controls{grid-template-columns:1fr}.ve-photo-label{font-size:.65rem;top:.5rem;left:.5rem}.ve-hotspot{width:29px;height:29px;box-shadow:0 0 0 4px #ffffff22}.ve-hotspot span{font-size:.65rem;top:33px}.ve-caption{font-size:.75rem}.ve-tabs{padding:.75rem;gap:.4rem}.ve-tabs button{padding:.55rem .65rem;flex:1;font-size:.8rem}.ve-cockpit{padding:.8rem}.ve-dash-header{font-size:.65rem}.ve-energy{padding:.75rem}.ve-energy output{font-size:1.6rem}.ve-dial{min-width:0}.ve-dialog dl{grid-template-columns:1fr}.ve-dialog dd{margin-bottom:.5rem}}
@media(prefers-reduced-motion:reduce){.vehicle-explorer *{animation:none!important;transition:none!important}}
/* Existing page styles also target the image ID; keep the new overlays above it. */
.ve-photo>#product-image{position:static;z-index:0}.ve-hotspots{z-index:3}.ve-photo-label{z-index:4}.ve-control-row button[data-signal][aria-pressed=true]{box-shadow:0 0 12px #89efd166}
@media(max-width:760px){#driveProfile{flex-basis:100%;width:100%;min-width:0}.ve-hotspot{width:34px;height:34px}}