.solution-stage{background:#3a3a3a;height:800px;position:relative;overflow:hidden}.solution-stage .solution-scene{opacity:0;object-fit:fill;width:1920px;max-width:none;height:800px;position:absolute;top:0;left:0;transform:translate(-40px)scale(1.03)}.solution-stage .solution-scene.is-active{animation:1s both solution-scene-enter}.solution-stage .solution-scene.is-leaving{animation:1s both solution-scene-leave}@keyframes solution-scene-enter{0%{opacity:0;transform:translate(-40px)scale(1.03)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes solution-scene-leave{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(40px)scale(.98)}}.solution-stage .solution-tabs{z-index:2;grid-template-columns:repeat(5,1fr);gap:40px;width:1600px;display:grid;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.solution-stage .solution-tabs>a{color:#fff;flex-direction:column;gap:20px;display:flex}.solution-stage .solution-tabs>a>img{object-fit:contain;width:40px;height:40px}.solution-stage .solution-tabs i{background:#fff3;width:0;height:1px;transition:width .75s linear,height .2s,background-color .2s}.solution-stage .solution-tabs>.active i,.solution-stage .solution-tabs>.was-active i{background:#fff;height:3px}.solution-stage .solution-tabs>.active i{animation:.75s linear forwards solution-line-grow}.solution-stage .solution-tabs>.was-active i{animation:.75s linear both solution-line-shrink}@keyframes solution-line-grow{0%{width:0}to{width:100%}}@keyframes solution-line-shrink{0%{width:100%}to{width:0}}.solution-stage .solution-tabs>a>div{justify-content:space-between;align-items:center;display:flex}.solution-stage .solution-tabs strong{letter-spacing:1.1px;font-size:22px}.solution-stage .tab-arrow{opacity:0;background:0 0;border:1px solid #e5e5e5;border-radius:50%;place-items:center;width:40px;height:40px;transition:border-color .2s,background-color .2s;display:grid;transform:translate(-40px)}.solution-stage .tab-arrow img{width:8px;height:12px;transition:filter .2s}.solution-stage .solution-tabs .active:hover .tab-arrow,.solution-stage .solution-tabs>a.active:focus-visible .tab-arrow,.solution-stage .solution-tabs>a.active:active .tab-arrow{border-color:var(--brand);background:var(--brand);animation:.75s both solution-arrow-fade-in}.solution-stage .solution-tabs .active:hover .tab-arrow img,.solution-stage .solution-tabs>a.active:focus-visible .tab-arrow img,.solution-stage .solution-tabs>a.active:active .tab-arrow img{filter:brightness(0)invert()}@keyframes solution-arrow-fade-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}