.nav-actions{display:flex;align-items:center;gap:10px}
.vehicle-cta{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:12px 16px;font-size:13px;font-weight:700;color:#31506b;background:#edf4f4;border:1px solid #d8e6e5}
.vehicle-cta span{font-size:16px;color:#1d72f2}
.vehicle-section{margin-top:84px;margin-bottom:20px;padding:56px 64px;border:1px solid #dbeaf0;border-radius:28px;background:linear-gradient(135deg,#f4fbfa,#eef4ff);display:flex;align-items:center;justify-content:space-between;gap:42px}
.vehicle-section h2{font-size:clamp(34px,4vw,54px);margin:12px 0}
.vehicle-section p{max-width:560px;color:#718096;line-height:1.7}
.vehicle-qr-art{width:210px;height:210px;flex:none;border-radius:25px;background:#fff;box-shadow:0 20px 50px #193a5b24;display:grid;place-items:center;text-align:center;padding:20px;font-size:12px;font-weight:700;color:#526174}
.qr-grid{font-size:110px;line-height:.75;color:#07111f;margin-bottom:12px}
.voice-benefits{margin:22px 0;padding:18px 20px;border:1px solid #d4e3eb;border-radius:18px;background:rgba(255,255,255,.7);max-width:560px}.voice-benefits strong{font:700 15px 'Space Grotesk',sans-serif}.voice-benefits ul{margin:10px 0 0;padding-left:19px;color:#526174;font-size:13px;line-height:1.55}.voice-benefits li+li{margin-top:5px}
@media(max-width:800px){.vehicle-cta{display:none}.vehicle-section{display:block;padding:40px 28px;margin-top:56px}.vehicle-qr-art{margin:34px auto 0}}

/* 2026 launch visual pass: accessible focus, richer depth and responsive
   details without changing the semantic/SEO document structure. */
:root{--cyan:#17c8f5;--surface:#fff;--premium-shadow:0 24px 70px rgba(7,31,55,.13)}
html{scroll-padding-top:90px}
body{background:radial-gradient(circle at 82% 8%,rgba(23,200,245,.08),transparent 25%),#fff}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:10px}
.nav-wrap{box-shadow:0 8px 30px rgba(10,35,58,.04)}
.map-card{border-radius:32px;box-shadow:var(--premium-shadow);transform:rotate(1.2deg)}
.steps article{border-radius:24px;background:linear-gradient(155deg,#fff,#f8fbfd);box-shadow:0 10px 35px rgba(17,49,76,.04)}
.feature-band{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(23,200,245,.13),transparent 30%),radial-gradient(circle at 90% 80%,rgba(134,240,208,.1),transparent 32%),#07111f}
.footer-inner{min-height:118px}
.footer-inner>div{flex-wrap:wrap;justify-content:center;gap:14px 24px}
.footer-inner>div a:hover{color:#096fe8}
.membership-grid{margin-top:24px}
.membership-benefits{margin-top:28px}
@media(max-width:800px){.shell{padding-left:20px;padding-right:20px}.footer-inner>div{justify-content:flex-start}}
@media(max-width:480px){.nav{height:68px}.brand img{width:145px}.nav-cta{padding:11px 14px}.hero{padding-top:48px;gap:24px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{justify-content:center}.map-card{min-height:330px;border-width:6px}.map-top{left:14px;right:14px}.route-card{left:12px;right:12px}.metrics{overflow-x:auto;justify-content:flex-start}.metrics div{min-width:130px}.section{padding-top:84px;padding-bottom:84px}.steps article{padding:26px}.footer-inner>div{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
