.hero-drive-story{--drive-story-duration:12s;align-self:start;position:relative;isolation:isolate;height:400px;min-width:0;overflow:hidden;border:1px solid #34434a;border-radius:12px;color:#edf2f2;background:radial-gradient(ellipse at 72% 25%,#2c444d 0,transparent 65%),linear-gradient(145deg,#172831,#0b141c 75%)}.drive-story-control{position:absolute;z-index:5;top:18px;right:18px;display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 11px;border:1px solid #6b7f87;border-radius:5px;background:#12232c;color:#e3ebee;font:inherit;font-size:13px;cursor:pointer}.drive-story-control[hidden]{display:none}.drive-story-control:hover{background:#263d47}.drive-scene{position:absolute;inset:20px 0 0}.drive-scene>svg{display:block;width:100%;height:100%;overflow:visible}.drive-car{transform-origin:340px 310px}.hero-drive-story.is-playing{animation:drive-story-end calc(var(--drive-story-duration) * .52) linear both}.is-playing .drive-car{animation:drive-car-stop var(--drive-story-duration) both}.is-playing .drive-road-markings{animation:drive-road-stop var(--drive-story-duration) both}.hero-drive-story.is-paused,.hero-drive-story.is-paused *{animation-play-state:paused!important}
@keyframes drive-story-end{from{outline-color:transparent}to{outline-color:transparent}}
@keyframes drive-car-stop{0%,36%{transform:translateX(-210px)}37%{transform:translateX(-210px);animation-timing-function:cubic-bezier(.15,.6,.25,1)}57%,100%{transform:translateX(0)}}
@keyframes drive-road-stop{0%,36%{stroke-dashoffset:345}37%{stroke-dashoffset:345;animation-timing-function:cubic-bezier(.15,.6,.25,1)}57%,100%{stroke-dashoffset:0}}
.drive-scene--dashboard{opacity:0;pointer-events:none}.drive-speed-needle{transform-origin:184px 218px}.drive-rev-needle{transform-origin:496px 218px}.drive-wheel-spin{transform-origin:0 0}.drive-warning,.drive-brake-lights{opacity:0}.is-playing .drive-scene--dashboard{animation:drive-dashboard var(--drive-story-duration) linear both}.is-playing .drive-scene--car{animation:drive-car-reveal var(--drive-story-duration) linear both}.is-playing .drive-dashboard-message{animation:drive-message var(--drive-story-duration) linear both}.is-playing .drive-speed-needle{animation:drive-speed var(--drive-story-duration) linear both}.is-playing .drive-rev-needle{animation:drive-revs var(--drive-story-duration) linear both}.is-playing .drive-wheel-spin{animation:drive-wheel-stop var(--drive-story-duration) both}.is-playing .drive-brake-lights{animation:drive-braking var(--drive-story-duration) linear both}.is-playing .drive-warning--engine{animation:drive-warning-engine var(--drive-story-duration) linear both}.is-playing .drive-warning--battery{animation:drive-warning-battery var(--drive-story-duration) linear both}.is-playing .drive-warning--abs{animation:drive-warning-abs var(--drive-story-duration) linear both}
@keyframes drive-dashboard{0%,36%{opacity:1}56%,100%{opacity:0}}
@keyframes drive-car-reveal{0%,34%{opacity:0}56%,100%{opacity:1}}
@keyframes drive-message{0%,9%{opacity:0}16%,100%{opacity:1}}
@keyframes drive-speed{0%{transform:rotate(var(--drive-speed-start-angle,203.077deg))}50%,100%{transform:rotate(0)}}
@keyframes drive-revs{0%{transform:rotate(140deg)}3%{transform:rotate(148deg)}5%{transform:rotate(140deg)}20%{transform:rotate(45deg)}30%{transform:rotate(48deg)}40%{transform:rotate(43deg)}50%{transform:rotate(47deg)}60%{transform:rotate(44deg)}70%{transform:rotate(48deg)}80%{transform:rotate(43deg)}90%{transform:rotate(46deg)}100%{transform:rotate(45deg)}}
@keyframes drive-wheel-stop{0%,36%{transform:rotate(-740deg)}37%{transform:rotate(-740deg);animation-timing-function:cubic-bezier(.15,.6,.25,1)}57%,100%{transform:rotate(0)}}
@keyframes drive-braking{0%,48%{opacity:0}52%,57%{opacity:1}100%{opacity:.25}}
@keyframes drive-warning-engine{0%,3%{opacity:0}6%,100%{opacity:1}}
@keyframes drive-warning-battery{0%,8%{opacity:0}11%,100%{opacity:1}}
@keyframes drive-warning-abs{0%,13%{opacity:0}16%,100%{opacity:1}}
.drive-story-cta{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:rgba(8,18,24,.42);opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.is-complete .drive-story-cta{opacity:1;visibility:visible}.drive-story-cta>p{max-width:600px;margin:0;color:#fff;font-size:clamp(22px,2.5vw,34px);font-weight:700;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.85)}.drive-story-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.drive-story-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:2px solid #fff;border-radius:6px;font-size:17px;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.drive-story-cta-sheet{background:#f4a261;color:#182027}.drive-story-cta-sheet:hover{background:#ffd0a8;transform:translateY(-1px)}.drive-story-cta-discover{background:#15232b;color:#fff}.drive-story-cta-discover:hover{background:#fff;color:#15232b;transform:translateY(-1px)}.drive-story-cta-actions a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1100px) and (min-width:701px){.hero-drive-story{height:350px}}
@media(max-width:700px){.hero-drive-story{height:290px;order:0}.drive-scene{inset:15px 0 0}.drive-story-cta{gap:6px;padding:48px 14px 10px}.drive-story-cta>p{font-size:18px}.drive-story-cta .drive-story-cta-actions{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,240px);gap:6px}.drive-story-cta .drive-story-cta-actions a{box-sizing:border-box;width:100%;height:50px;min-height:50px;padding:5px 10px;font-size:14px;line-height:1.2}}
@media(max-width:380px){.hero-drive-story{height:260px}.drive-story-cta .drive-story-cta-actions{width:min(100%,220px)}}