.motor-background{background:radial-gradient(ellipse at 78% 46%,#21485a 0%,#0b293d 38%,#04192c 76%);isolation:isolate}
.motor-background:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(#b9eafa0a 1px,transparent 1px),linear-gradient(90deg,#b9eafa0a 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero.motor-background{height:clamp(530px,46vw,690px)}
.hero.motor-background .header{border-bottom:1px solid #d0eeff14}
.hero.motor-background .hero-copy{padding-top:clamp(65px,7vw,110px);width:42%;pointer-events:auto}
.hero.motor-background h1{font-size:clamp(46px,4.5vw,66px)}
.hero.motor-background p{font-size:clamp(17px,1.45vw,21px);line-height:1.55;max-width:500px}
.hero.motor-background small{white-space:normal;max-width:410px;line-height:1.7}
.motor-visual{position:absolute;right:0;top:65px;bottom:55px;width:57%;pointer-events:none;z-index:1}
.motor-visual:after{content:"";position:absolute;left:25%;right:18%;bottom:1%;height:3%;background:#82dfff26;filter:blur(14px);border-radius:50%}
.motor-visual canvas,.motor-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.motor-visual canvas{opacity:0;transition:opacity .45s}.motor-visual.ready canvas{opacity:1}.motor-visual.ready .motor-poster{visibility:hidden}
.motor-caption{position:absolute;bottom:22px;right:5.5%;left:48%;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:2;color:#c6dfe9;font:11px/1.5 Arial,sans-serif}
.motor-pause{border:1px solid #92c4d756;color:#e0f3f8;background:#0a24367a;padding:9px 13px;font:11px/1.4 Arial,sans-serif;border-radius:3px;min-height:36px}.motor-pause:hover{background:#245369}.motor-pause[hidden]{display:none}
@media(max-width:900px){
.m-hero.motor-background{height:auto;min-height:730px;padding-bottom:78px;background:radial-gradient(ellipse at 60% 68%,#23485a,#092538 48%,#04192c 85%)}
.m-hero.motor-background header{height:80px;position:relative;z-index:4;padding:24px 22px;border-bottom:1px solid #c7e6f013}
.m-hero.motor-background h1{font-size:40px;margin:32px 24px 16px;position:relative;z-index:2}
.m-hero.motor-background>p{font-size:16px;line-height:1.6;margin:0 24px 20px;position:relative;z-index:2}
.m-hero.motor-background>.m-button{margin-left:24px;height:46px;font-size:14px}
.m-hero.motor-background .motor-visual{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:310px;margin:2px 0 0}
.m-hero.motor-background .m-tagline{position:absolute;bottom:20px;left:0;right:0;font-size:10px;line-height:1.5;margin:0 20px;letter-spacing:1.4px}
.m-hero .motor-caption{bottom:69px;left:24px;right:24px;font-size:10px;gap:10px}
.m-hero .motor-pause{font-size:10px;padding:8px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.motor-visual canvas{transition:none}}
@media(prefers-reduced-motion:reduce){.motor-background .motor-pause{display:none}}