/* V10 benefit motion: 2.4 s fibre sway, opposing mineral orbits,
   and rotating D3 rays with individual 2 s pulses. Original paths stay intact. */
.benefit-icon{overflow:visible}
.benefit-icon .motion-part{transform-box:view-box;transform-origin:0 0}
.benefit-icon .icon-orbit-outer{animation:benefit-orbit 4s linear infinite}
.benefit-icon .icon-orbit-inner{animation:benefit-orbit 10.588235s linear infinite reverse}
.icon-iron .icon-orbit-outer{animation-direction:reverse}
.icon-iron .icon-orbit-inner{animation-direction:normal}
.benefit-icon .icon-fibre-sway{transform-origin:0 20.27px;animation:benefit-fibre 2.4s cubic-bezier(.37,0,.63,1) infinite}
.benefit-icon .icon-sun-turn{animation:benefit-orbit 17.142857s linear infinite}
.benefit-icon .icon-sun-ray{animation:benefit-ray 2s ease-in-out var(--ray-phase,0s) infinite}
.benefit-icon .icon-steam{animation:benefit-steam 2.4s ease-in-out var(--steam-phase,0s) infinite}
.benefit-icon .motion-part{animation-play-state:paused}
.benefit-icon.is-visible .motion-part{animation-play-state:running}
.motion-suspended .benefit-icon .motion-part{animation-play-state:paused}
@keyframes benefit-orbit{to{transform:rotate(360deg)}}
@keyframes benefit-fibre{
 0%,50%,100%{transform:rotate(0deg)}
 25%{transform:rotate(3.6deg)}
 75%{transform:rotate(-3.6deg)}
}
@keyframes benefit-ray{
 0%,50%,100%{transform:scale(1)}
 25%{transform:scale(1.065)}
 75%{transform:scale(.935)}
}
@keyframes benefit-steam{
 0%,100%{transform:translateY(2px);opacity:.55}
 50%{transform:translateY(-5px);opacity:1}
}
@media(prefers-reduced-motion:reduce){
 .benefit-icon .motion-part{animation:none;transform:none;opacity:1}
}