.vehicle-experience{--vehicle-stage:var(--ink);--vehicle-halo:color-mix(in oklab, var(--gold) 35%, transparent);--vehicle-shadow:color-mix(in oklab, var(--ink) 70%, transparent);background:var(--vehicle-stage);color:var(--ivory);padding:28px 0 12px}.vehicle-introduction{text-align:center;padding:0 24px;animation:.5s both vehicle-enter}.vehicle-eyebrow{color:var(--gold);margin:0;font-size:10px;font-weight:500;line-height:1.6}.vehicle-introduction h2{font-family:var(--font-display);margin:16px 0;font-size:36px;font-weight:400;line-height:1.1}.vehicle-subtitle{color:var(--muted-foreground);text-wrap:balance;max-width:460px;margin:0 auto;font-size:13px;line-height:1.8}.vehicle-caption{text-align:center;padding:16px 24px 0;animation:.5s both vehicle-enter}.vehicle-stage{align-items:center;max-width:1680px;margin:28px auto 0;display:grid}.vehicle-view{grid-area:1/1;transition:opacity .18s,transform .18s;animation:.5s both vehicle-enter}.vehicle-view.is-leaving{opacity:0;transform:scale(.985)}.vehicle-overview{width:100%;position:relative}.vehicle-overview>img{width:100%;height:auto;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--ivory) 8%, var(--ivory) 92%, transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, var(--ivory) 8%, var(--ivory) 92%, transparent);mask-image:linear-gradient(to bottom, transparent, var(--ivory) 8%, var(--ivory) 92%, transparent);display:block}.vehicle-hotspot{left:var(--spot-x);top:var(--spot-y);background:0 0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.vehicle-hotspot:hover{background:0 0}.vehicle-hotspot-ring{border:1px solid var(--gold);width:24px;height:24px;box-shadow:0 0 13px var(--vehicle-halo);border-radius:50%;place-items:center;transition:box-shadow .25s;display:grid}.vehicle-hotspot-core{background:var(--ivory);border-radius:50%;width:9px;height:9px}.vehicle-hotspot:hover .vehicle-hotspot-ring,.vehicle-hotspot:focus-visible .vehicle-hotspot-ring{animation:1.6s ease-in-out infinite vehicle-pulse}.vehicle-hotspot:active .vehicle-hotspot-ring{transform:scale(.88)}.vehicle-hotspot-label{background:var(--vehicle-shadow);width:max-content;max-width:180px;color:var(--ivory);pointer-events:none;opacity:0;padding:5px 8px;font-size:10px;transition:opacity .18s;position:absolute;bottom:47px}.vehicle-hotspot:hover .vehicle-hotspot-label,.vehicle-hotspot:focus-visible .vehicle-hotspot-label{opacity:1}.vehicle-detail{width:100%;max-width:960px;margin:auto;padding:0 20px}.vehicle-detail-heading{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:24px;display:grid}.vehicle-detail h2{text-align:center;font-family:var(--font-display);margin:0;font-size:28px;font-weight:400;line-height:1.15}.vehicle-comparison{width:100%;aspect-ratio:var(--comparison-aspect,3 / 2);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.vehicle-comparison.is-portrait{width:min(100%,52.5vh);margin-inline:auto}.vehicle-comparison img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.vehicle-comparison-label{background:var(--vehicle-shadow);color:var(--ivory);pointer-events:none;padding:5px 8px;font-size:9px;position:absolute;top:16px}.vehicle-comparison-label.after{left:16px}.vehicle-comparison-label.before{right:16px}.vehicle-divider{top:0;bottom:0;left:var(--comparison-position);cursor:ew-resize;touch-action:none;outline:none;width:44px;position:absolute;transform:translate(-50%)}.vehicle-divider:before{content:"";background:var(--gold);width:1px;position:absolute;top:0;bottom:0;left:50%}.vehicle-divider-handle{border:1px solid var(--gold);width:36px;height:36px;color:var(--gold);background:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vehicle-divider:focus-visible .vehicle-divider-handle{outline:2px solid var(--ivory);outline-offset:4px}.vehicle-divider-handle svg{width:13px;height:13px}@keyframes vehicle-enter{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes vehicle-pulse{50%{box-shadow:0 0 22px var(--vehicle-halo)}}@media (width>=768px){.vehicle-experience{padding:44px 0 16px}.vehicle-introduction h2{margin:20px 0;font-size:60px}.vehicle-subtitle{max-width:640px;font-size:15px}.vehicle-stage{margin-top:36px}.vehicle-caption{padding-top:20px}.vehicle-hotspot-ring{width:32px;height:32px}.vehicle-hotspot-core{width:11px;height:11px}.vehicle-detail h2{font-size:40px}}@media (prefers-reduced-motion:reduce){.vehicle-experience *,.vehicle-experience :before{transition:none!important;animation:none!important}}.agva-faq-trigger:focus-visible{outline:1px solid var(--gold);outline-offset:5px}.agva-faq-trigger[data-state=open] .agva-faq-plus,.agva-faq-trigger[data-state=closed] .agva-faq-minus{display:none}.agva-faq-content[data-state=open]{animation:.24s ease-out agva-faq-expand}.agva-faq-content[data-state=closed]{animation:.2s ease-out agva-faq-collapse}@keyframes agva-faq-expand{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes agva-faq-collapse{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@media (prefers-reduced-motion:reduce){.agva-faq-content[data-state]{animation:none}.agva-faq-trigger{transition:none}}
