body.s-solution .s-hero h1{position:relative}
body.s-solution .s-hero h1:after{content:'';position:absolute;left:0;bottom:-8px;width:32%;height:7px;background:#f0b4bd;clip-path:polygon(0 35%,25% 0,100% 35%,95% 75%,20% 100%);transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1)}
body.s-solution .s-hero h1.solution-seen:after{transform:scaleX(1)}
body.s-solution .s-step-label{background:linear-gradient(#f0b4bd,#f0b4bd) left bottom/0 40% no-repeat;transition:background-size .7s}
body.s-solution .s-step.solution-seen .s-step-label{background-size:100% 40%}
body.s-solution .s-step-number{transition:color .6s}
body.s-solution .s-step.solution-seen .s-step-number{color:#f0b4bd}
body.s-solution .s-service-nav>a{position:relative}
body.s-solution .s-service-nav>a>span{display:inline-block;transform-origin:left;transition:transform .45s,color .25s}
body.s-solution .s-service-nav>a:is(:hover,:focus-visible)>span{color:#f0b4bd;transform:translateX(7px)}
body.s-solution .s-service-nav>a:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:4px;background:#f0b4bd;transform:scaleX(0);transform-origin:left;transition:transform .5s}
body.s-solution .s-service-nav>a:is(:hover,:focus-visible):after{transform:scaleX(1)}
body.s-solution .s-faq summary{transition:color .25s}
body.s-solution .s-faq summary:is(:hover,:focus-visible){color:#f0b4bd}
@media(prefers-reduced-motion:reduce){body.s-solution .s-hero h1:after,body.s-solution .s-step-label,body.s-solution .s-step-number,body.s-solution .s-service-nav>a>span,body.s-solution .s-service-nav>a:after,body.s-solution .s-faq summary{transition:none!important}}
body.s-solution.motion-paused .s-hero h1:after,body.s-solution.motion-paused .s-step-label,body.s-solution.motion-paused .s-step-number,body.s-solution.motion-paused .s-service-nav>a>span,body.s-solution.motion-paused .s-service-nav>a:after,body.s-solution.motion-paused .s-faq summary{transition:none!important}