.benefit-wall{margin:65px -7.67% -1px;padding:42px 0 25px;background:#191919;color:#ecf0f3;overflow:hidden;position:relative}.benefit-wall-head{display:flex;justify-content:space-between;align-items:center;padding:0 6.65% 22px;gap:20px}.benefit-wall-head h3{font-size:clamp(22px,2.5vw,38px);font-weight:400;letter-spacing:-.045em}.benefit-wall-head>span{font-size:11px;color:#afb2b4}.benefit-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);overscroll-behavior-x:contain;outline-offset:-8px}.benefit-viewport::-webkit-scrollbar{display:none}.benefit-viewport.is-dragging{cursor:grabbing;user-select:none}.benefit-track{display:grid;grid-template-rows:340px;grid-auto-flow:column;grid-auto-columns:280px;gap:24px;padding:38px max(45px,calc((100vw - 920px)/2)) 42px;width:max-content}.benefit-card{position:relative;background:#252727;border:1px solid #454646;border-radius:10px;padding:22px;display:flex;flex-direction:column;transform:perspective(1100px) translateY(var(--lift,0px)) rotateY(var(--yaw,0deg)) rotateZ(var(--roll,0deg));opacity:var(--fade,1);will-change:transform;box-shadow:0 15px 28px #0002;backface-visibility:hidden}.benefit-card:nth-child(4n+2){background:#dce0e2;color:#191919;border-color:#dce0e2}.benefit-card-top,.benefit-card-foot{display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:.06em;color:#a9afb0}.benefit-card-top span:last-child{font-size:18px;color:#ff5500}.benefit-value{font-size:69px;line-height:1;letter-spacing:-.06em;color:#ff5500;margin:18px 0}.benefit-value small{font-size:22px;letter-spacing:-.03em}.benefit-value.benefit-word{font-size:42px;line-height:69px;letter-spacing:-.045em}.benefit-card h4{font-size:20px;line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0 0 12px}.benefit-card p{font-size:12px;line-height:1.6;color:#b8bdbe;margin:0}.benefit-card:nth-child(4n+2) p,.benefit-card:nth-child(4n+2) .benefit-card-top,.benefit-card:nth-child(4n+2) .benefit-card-foot{color:#565d60}.benefit-card-foot{margin-top:auto;padding-top:14px}.benefit-card-foot i{width:45px;height:11px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 3px,currentColor 3px 5px,transparent 5px 8px);opacity:.55}.benefit-navigation{display:flex;justify-content:space-between;align-items:center;margin:0 6.65%;gap:30px}.benefit-position{height:2px;max-width:260px;width:40%;background:#494c4c;overflow:hidden}.benefit-position i{display:block;width:25%;height:100%;background:#ff5500;transform:translateX(var(--progress,0%))}.benefit-navigation>div{display:flex;gap:8px}.benefit-navigation button{width:46px;height:42px;border:1px solid #656969;background:transparent;color:#ecf0f3;font:23px sans-serif;cursor:pointer;transition:background .2s}.benefit-navigation button:hover{background:#ff5500;color:#191919}.benefit-navigation button:disabled{opacity:.3;cursor:default;background:transparent;color:#ecf0f3}.benefit-navigation button:focus-visible,.benefit-viewport:focus-visible{outline:2px solid #ff5500}
@media(max-width:700px){.benefit-wall{margin-top:35px;padding-top:30px}.benefit-wall-head{display:block}.benefit-wall-head>span{display:block;margin-top:12px}.benefit-track{grid-template-rows:330px;grid-auto-columns:min(78vw,300px);gap:15px;padding:22px 10vw 28px}.benefit-card{transform:none!important;opacity:1!important;scroll-snap-align:center;padding:24px}.benefit-viewport{scroll-snap-type:x mandatory;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.benefit-card p{font-size:13px}.benefit-value{margin-top:22px}.benefit-wall-head h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.benefit-card{transform:none!important;opacity:1!important;will-change:auto}.benefit-navigation button{transition:none}}