/* Shared MyBYD motion language: slow, low-distraction and accessibility aware. */
.motion-hero{isolation:isolate;position:relative;overflow:hidden}.motion-hero>*:not(.motion-ambient){position:relative;z-index:2}.motion-ambient{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.motion-ambient::before{content:"";position:absolute;width:clamp(220px,35vw,520px);aspect-ratio:1;border-radius:50%;right:-8%;top:-30%;border:1px solid rgba(85,201,170,.2);box-shadow:0 0 0 55px rgba(85,201,170,.025),0 0 0 110px rgba(244,187,84,.018);animation:mybyd-breathe 11s ease-in-out infinite}.motion-ambient::after{content:"";position:absolute;left:-20%;bottom:8%;width:48%;height:2px;background:linear-gradient(90deg,transparent,#55c9aa 45%,#7ddcff 55%,transparent);filter:drop-shadow(0 0 7px #55c9aa);opacity:.7;animation:mybyd-energy 8s linear infinite}.motion-hero[data-motion="charging"] .motion-ambient::after{height:3px;width:68%;bottom:18%;animation-duration:6.5s}.motion-hero[data-motion="updates"] .motion-ambient::before{border-style:dashed;animation:mybyd-orbit 18s linear infinite}.motion-hero[data-motion="answers"] .motion-ambient::before{box-shadow:0 0 45px rgba(244,187,84,.09),0 0 0 60px rgba(244,187,84,.025)}.motion-hero[data-motion="garage"] .motion-ambient::after{bottom:22%;width:80%;animation-duration:7s}.motion-item{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.72,.25,1);transition-delay:var(--motion-delay,0ms)}.motion-item.motion-in{opacity:1;transform:none}.motion-card{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.motion-card:hover{transform:translateY(-4px);border-color:rgba(85,201,170,.42)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}.motion-hero h1 em{background:linear-gradient(90deg,currentColor 15%,#7ddcff 48%,currentColor 80%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:mybyd-title 9s ease-in-out infinite}.motion-hero .pulse,.motion-hero .live i,.privacy>span,.garage-signal>span{animation:mybyd-signal 3.2s ease-out infinite!important}.motion-hero .charger{animation:mybyd-charger 4.8s ease-in-out infinite}.motion-hero .orb{animation:mybyd-float 5s ease-in-out infinite}.motion-hero .car-stage{animation:mybyd-float 7s ease-in-out infinite}.motion-hero .energy{background-size:240% 100%!important;animation:mybyd-cable 5.5s linear infinite!important}@keyframes mybyd-breathe{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.08);opacity:.9}}@keyframes mybyd-orbit{to{transform:rotate(360deg)}}@keyframes mybyd-energy{0%{transform:translateX(-120%);opacity:0}12%,82%{opacity:.75}100%{transform:translateX(260%);opacity:0}}@keyframes mybyd-title{0%,100%{background-position:100% center}50%{background-position:0 center}}@keyframes mybyd-signal{0%{box-shadow:0 0 0 0 rgba(85,201,170,.38)}70%{box-shadow:0 0 0 13px transparent}100%{box-shadow:0 0 0 0 transparent}}@keyframes mybyd-charger{0%,100%{filter:drop-shadow(0 0 2px rgba(85,201,170,.1))}50%{filter:drop-shadow(0 0 13px rgba(85,201,170,.55))}}@keyframes mybyd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mybyd-cable{to{background-position:-240% 0}}@media(max-width:620px){.motion-ambient::before{right:-35%;top:-8%;opacity:.65}.motion-ambient::after{width:78%;bottom:5%}.motion-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.motion-ambient{display:none!important}.motion-item{opacity:1!important;transform:none!important;transition:none!important}.motion-card,.motion-hero h1 em,.motion-hero .pulse,.motion-hero .live i,.motion-hero .charger,.motion-hero .orb,.motion-hero .car-stage,.motion-hero .energy{animation:none!important;transition:none!important}}
/* Keep the decorative animation layer out of grid and flex layout flow. */
.motion-hero > .motion-ambient{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:0!important}