/* Electric garage: depth, track marks and short acceleration sequences. */
.drive-scene{overflow:hidden;--drive-accent:#57c1ba}
.drive-decor{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.drive-halo{position:absolute;width:76%;aspect-ratio:1;left:12%;top:7%;border:1px solid #57c1ba38;border-radius:50%;background:radial-gradient(ellipse,#57c1ba15,transparent 68%);box-shadow:0 0 0 28px #57c1ba05,inset 0 0 60px #57c1ba0a}
.drive-halo::before{content:"";position:absolute;inset:10%;border-radius:50%;border:2px dashed #57c1ba35;border-left-color:transparent;border-right-color:transparent}
.drive-floor{position:absolute;left:-15%;right:-15%;height:40%;bottom:9%;background:repeating-linear-gradient(90deg,#57c1ba18 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,#57c1ba18 0 1px,transparent 1px 28px);transform:perspective(350px) rotateX(62deg);mask-image:linear-gradient(transparent,#0008,transparent)}
.drive-streak{position:absolute;left:-45%;width:40%;height:1px;background:linear-gradient(90deg,transparent,var(--drive-accent));top:var(--lane);opacity:0;transform:rotate(-13deg)}
.drive-scene::marker{content:''}
.model-image{position:relative;background-image:radial-gradient(ellipse at 50% 70%,#57c1ba20,transparent 65%)}
.model-card .pill{border:1px solid #57c1ba40;letter-spacing:.12em}
.drive-readout{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-top:14px}
.drive-readout i{width:3px;height:12px;background:var(--teal);opacity:.3;transform:skew(-15deg)}
.drive-readout i:nth-child(2){height:18px;opacity:.55}.drive-readout i:nth-child(3){height:24px;opacity:.8}
@media(prefers-reduced-motion:no-preference){
 .drive-active .drive-halo{animation:garage-breathe 5s ease-out 1}
 .drive-active .drive-halo::before{animation:garage-orbit 8s cubic-bezier(.2,.7,.2,1) 1}
 .drive-active .drive-streak{animation:garage-speed 1.1s ease-out var(--delay) 2}
 .drive-switch .drive-streak{animation:garage-speed .7s ease-out var(--delay) 1}
 .drive-switch .drive-halo{animation:garage-breathe .8s ease-out 1}
 .drive-readout i{animation:garage-meter 1.8s ease-in-out 2;animation-delay:var(--delay,0s)}
 @keyframes garage-meter{50%{transform:skew(-15deg) scaleY(.5);opacity:.8}}
 @keyframes garage-speed{15%{opacity:.6}to{translate:380% -60px;opacity:0}}
 @keyframes garage-orbit{from{rotate:-100deg}to{rotate:35deg}}
 @keyframes garage-breathe{40%{scale:1.045;box-shadow:0 0 0 28px #57c1ba09,inset 0 0 75px #57c1ba18}}
 .drive-scene .visual-bottom strong{transition:letter-spacing .4s}
 .drive-scene:hover .visual-bottom strong{letter-spacing:-.045em}
}
@media(max-width:600px){.drive-halo{width:84%;left:8%}.drive-streak:nth-of-type(n+7){display:none}.drive-readout{font-size:8px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.drive-decor *,.drive-readout i{animation:none!important}.drive-streak{display:none}}