.motion-progress{position:fixed;inset:0 0 auto;height:3px;background:#ffd000;transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}
.motion-counter{display:inline-block;font-variant-numeric:tabular-nums}
.motion-scene{--motion-play:paused}.motion-scene.motion-in-view{--motion-play:running}
.motion-scene .btn .icon,.motion-scene .text-link .icon{animation:flex-arrow-nudge 4.5s ease-in-out infinite;animation-play-state:var(--motion-play)}
.motion-scene .free-label{animation:flex-free-rock 5s ease-in-out infinite;animation-play-state:var(--motion-play);transform-origin:50% 25%}
.motion-scene .offer-shipping>.icon{animation:flex-truck-roll 4s ease-in-out infinite;animation-play-state:var(--motion-play)}
.motion-scene.brand>img{animation:flex-mascot-wave 8s ease-in-out infinite;animation-play-state:var(--motion-play);transform-origin:50% 85%}
.motion-scene .proof-inner>.icon,.motion-scene .proof-inner>div>.icon{animation:flex-icon-bob 5s ease-in-out infinite;animation-play-state:var(--motion-play)}
.motion-scene .offer-photo>img{animation:flex-photo-breathe 14s ease-in-out infinite;animation-play-state:var(--motion-play)}
.motion-scene .machine-card-image img,.motion-scene .tyre-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.motion-scene:hover .machine-card-image img,.motion-scene:hover .tyre-image img{transform:translateY(-5px) scale(1.035)}
@keyframes flex-arrow-nudge{0%,60%,100%{transform:translateX(0)}72%{transform:translateX(5px)}84%{transform:translateX(0)}92%{transform:translateX(3px)}}
@keyframes flex-free-rock{0%,70%,100%{transform:rotate(-7deg)}78%{transform:rotate(3deg)}87%{transform:rotate(-11deg)}94%{transform:rotate(-5deg)}}
@keyframes flex-truck-roll{0%,70%,100%{transform:translateX(0)}35%{transform:translateX(7px)}}
@keyframes flex-mascot-wave{0%,75%,100%{transform:rotate(0)}80%{transform:rotate(-5deg)}86%{transform:rotate(4deg)}92%{transform:rotate(-2deg)}}
@keyframes flex-icon-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes flex-photo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.motion-scene *{animation:none!important}.motion-scene:hover .machine-card-image img,.motion-scene:hover .tyre-image img{transform:none}}
.motion-toggle{position:fixed;bottom:16px;left:16px;z-index:65;min-height:36px;padding:8px 12px;border:1px solid #85977065;border-radius:30px;background:#151b12ee;color:#e5efda;font:600 10px/1.4 var(--body);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 3px 12px #0001}
.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:3px solid #ffd000;outline-offset:3px}
.motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease var(--motion-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms)}
.motion-reveal.motion-visible,.motion-reveal:focus-within{opacity:1;transform:none}
.hero .eyebrow,.hero h1,.hero-description,.hero .actions,.hero-bottom{animation:flex-enter .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation-delay:90ms}.hero-description{animation-delay:180ms}.hero .actions{animation-delay:260ms}.hero-bottom{animation-delay:340ms}
.hero-art{animation:flex-hero-drift 9s ease-out both;transform-origin:68% 55%}
.motion-radar{position:absolute;width:480px;height:480px;right:3%;top:8%;z-index:-1;pointer-events:none;opacity:.4}
.motion-radar>span{position:absolute;inset:0;border:1px solid #ffd00035;border-radius:50%}.motion-radar>span:nth-child(2){inset:48px;border-style:dashed;animation:flex-orbit 60s linear infinite}.motion-radar>span:nth-child(3){inset:110px}
.motion-radar>i{position:absolute;inset:0;border-radius:50%;animation:flex-orbit 22s linear infinite}.motion-radar>i:before{content:'';position:absolute;top:24px;left:100px;width:7px;height:7px;background:#ffd000;border-radius:50%;box-shadow:0 0 20px #ffd00099}
.motion-ribbon{overflow:hidden;background:#ffd000;color:#18220f;border-block:1px solid #18220f20;user-select:none}.motion-ribbon-track{display:flex;width:max-content;animation:flex-ticker 34s linear infinite}.motion-ribbon-group{display:flex;align-items:center;gap:46px;flex-shrink:0;padding:16px 23px;font:700 19px/1 var(--display);letter-spacing:.04em;white-space:nowrap}.motion-ribbon-group b{font:400 25px/1 var(--body)}
.offer-details{position:relative;overflow:hidden}.offer-details:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff18 48%,transparent 60%);transform:translateX(-110%);animation:flex-sheen 9s ease-in-out infinite}
.offer-details .btn,.hero .btn{position:relative;z-index:1;transition:transform .25s,box-shadow .25s}.offer-details .btn:hover,.hero .btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0d170a26}
.tyre-card,.proof-card,.photo-button{transition:border-color .25s,box-shadow .3s,transform .7s,opacity .65s}.tyre-card:hover,.proof-card:hover{box-shadow:0 12px 35px #22301412}.machine-feature-visual img{animation:flex-machine-float 7s ease-in-out infinite}
@keyframes flex-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes flex-hero-drift{from{transform:scale(1.045)}to{transform:scale(1)}}
@keyframes flex-orbit{to{transform:rotate(360deg)}}
@keyframes flex-ticker{to{transform:translateX(-50%)}}
@keyframes flex-sheen{0%,65%{transform:translateX(-110%)}90%,100%{transform:translateX(110%)}}
@keyframes flex-machine-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .motion-reveal{opacity:1;transform:none;transition:none}.motion-paused .hero .eyebrow,.motion-paused .hero h1,.motion-paused .hero-description,.motion-paused .hero .actions,.motion-paused .hero-bottom{animation:none;opacity:1;transform:none}
@media(max-width:760px){.motion-radar{width:340px;height:340px;right:-100px;top:95px;opacity:.23}.motion-ribbon-group{font-size:16px;gap:28px;padding:14px}.motion-toggle{bottom:12px;left:12px;font-size:9px;padding:8px 10px}.motion-reveal{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){.motion-reveal{opacity:1;transform:none;transition:none}.motion-radar,.motion-progress,.motion-toggle{display:none!important}.motion-ribbon-track{animation:none}.motion-ribbon-group:nth-child(2){display:none}.motion-ribbon-group{flex-wrap:wrap;white-space:normal;gap:15px;justify-content:center}.motion-ribbon-track{width:100%}.hero-art,.hero .eyebrow,.hero h1,.hero-description,.hero .actions,.hero-bottom,.machine-feature-visual img,.offer-details:after{animation:none!important;transform:none;opacity:1}}

:root{--body:Manrope,Arial,sans-serif} .motion-toggle{font-family:Manrope,Arial,sans-serif}

.service-card,.product-card,.order-option,.product{border-radius:12px}.service-card .icon,.button>svg,.btn>svg{transition:transform .25s}.service-card:hover .icon,.button:hover>svg,.btn:hover>svg{transform:translateX(4px)}@media(prefers-reduced-motion:reduce){.service-card .icon,.button>svg,.btn>svg{transition:none;transform:none!important}}