.xvs.xvs-benefits{--xs-bn-lime:#c7ff58;--xs-bn-bg:#0a120d;position:relative;background:radial-gradient(ellipse at 90% 6%,#1b3220,#0b170e 42%,#090f0b 86%);padding:clamp(65px,8vw,116px) 0 clamp(68px,8vw,112px);isolation:isolate;overflow:hidden}.xvs-benefits,.xvs-benefits *{box-sizing:border-box}.xvs-benefits:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 110px,#c7ff5806 111px,#c7ff5806 112px);pointer-events:none}.xvs-bn-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:clamp(25px,4.8vw,64px)}.xvs-bn-head-copy{min-width:0}.xvs-bn-eyebrow{color:#c7ff58!important;font-size:10px!important;letter-spacing:.16em!important;font-weight:850!important;line-height:1.4!important;margin:0 0 11px!important}.xvs-bn-eyebrow span{font-size:15px;margin:0 6px}.xvs-bn-header h2{font-size:clamp(32px,4.1vw,61px)!important;line-height:1.04!important;letter-spacing:-.065em!important;font-weight:850!important;color:#f6fff2!important;margin:0 0 12px!important}.xvs-bn-intro{color:#c6d7c5!important;font-size:clamp(14px,1.45vw,18px)!important;line-height:1.45!important;margin:0!important}.xvs-bn-story-link,.xvs-bn-story-link:visited{flex:none;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #a3cc6b;padding:0 0 9px;color:#c7ff58!important;text-decoration:none!important;font-size:11px;font-weight:850;letter-spacing:.1em;white-space:nowrap;transition:color .23s,border-color .23s}.xvs-bn-story-link:hover{color:#fff!important;border-color:#fff}.xvs-bn-story-link span{font-size:19px;font-weight:450}.xvs-bn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(11px,1.5vw,20px);align-items:stretch}.xvs-bn-card{min-width:0;position:relative;min-height:305px;border:1px solid #35533d;border-radius:13px;background:linear-gradient(145deg,#15251a,#0b180f 82%);overflow:hidden;isolation:isolate;transition:background .3s,border-color .25s,box-shadow .35s}.xvs-bn-card:nth-child(2){background:linear-gradient(135deg,#1b2d1c,#10251a 72%,#08160d)}.xvs-bn-card:nth-child(3){background:linear-gradient(145deg,#0d1d14,#14261a 72%,#0a190f)}.xvs-bn-card:nth-child(4){background:linear-gradient(135deg,#11241b,#09180f 81%)}.xvs-bn-card:before{content:"";position:absolute;inset:-40% -55% auto auto;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c7ff5817,transparent 70%);pointer-events:none;transition:opacity .4s,transform .5s}.xvs-bn-card:hover{border-color:#a5db75;box-shadow:0 20px 48px #01080180}.xvs-bn-card:hover:before{transform:scale(1.15)}.xvs-bn-card-link{position:relative;display:flex;flex-direction:column;min-height:305px;height:100%;gap:0;padding:clamp(21px,3vw,37px)!important;color:#f4fbef!important;text-decoration:none!important;outline-offset:-4px}.xvs-bn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.xvs-bn-number{color:#c7ff58;font-size:12px;letter-spacing:.14em;font-weight:900;white-space:nowrap}.xvs-bn-number>span{color:#809f82;opacity:.85}.xvs-bn-icon{display:grid;place-items:center;width:83px;height:83px;flex:none;color:#c7ff58;background:radial-gradient(circle at 45% 30%,#baff7327,#baff7307 75%);border:1px solid #658d4d;border-radius:21px;transform-origin:center;transition:transform .42s cubic-bezier(.14,.72,.2,1),background .3s,border-color .3s}.xvs-bn-icon svg{display:block;width:51px;height:51px;overflow:visible}.xvs-bn-icon svg>*{vector-effect:non-scaling-stroke}.xvs-bn-card:hover .xvs-bn-icon{transform:translate3d(0,-3px,0) rotate(4deg);background:#c7ff5824;border-color:#b7e978}.xvs-bn-card:nth-child(2):hover .xvs-bn-icon{transform:translateY(-4px) rotate(-7deg)}.xvs-bn-card:nth-child(3):hover .xvs-bn-icon{transform:scale(1.08)}.xvs-bn-card:nth-child(4):hover .xvs-bn-icon{transform:translate(4px)}.xvs-bn-card-body{margin-top:auto;padding-top:10px;max-width:540px}.xvs-bn-overline{display:block;color:#91b48e;font-size:10px;font-weight:850;letter-spacing:.145em;line-height:1.35;margin-bottom:10px}.xvs-bn-card-body h3{color:#fff!important;font-size:clamp(25px,2.5vw,39px)!important;line-height:1.04!important;font-weight:850!important;letter-spacing:-.057em!important;margin:0 0 11px!important;text-transform:none!important}.xvs-bn-card-body p{color:#c7d8c7!important;line-height:1.45!important;font-size:clamp(13px,1.18vw,16px)!important;max-width:43ch;margin:0!important}.xvs-bn-card-footer{margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #35523c;color:#c7ff58;font-weight:850;font-size:10px;letter-spacing:.11em;line-height:1.4}.xvs-bn-arrow{font-size:24px;font-weight:450;line-height:1;color:#c7ff58}.xvs-bn-accent{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#c7ff58;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.14,.75,.19,1)}.xvs-bn-card:hover .xvs-bn-accent,.xvs-bn-card:focus-within .xvs-bn-accent{transform:scaleX(1)}.xvs-bn-closing{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #34503a;padding-top:clamp(20px,3vw,35px);margin-top:clamp(24px,4vw,52px)}.xvs-bn-closing>span{color:#f8fff3;font-size:clamp(16px,2vw,28px);font-weight:850;letter-spacing:-.04em}.xvs-bn-closing strong{color:#c7ff58}.xvs-bn-closing a,.xvs-bn-closing a:visited{color:#c7ff58!important;font-size:10px;letter-spacing:.11em;font-weight:850;white-space:nowrap}.xvs-bn-closing a span{font-size:18px;margin-left:7px}.xvs-bn-closing a:hover{color:#fff!important}@media(prefers-reduced-motion:no-preference){.xvs-benefits.is-motion .xvs-bn-header{opacity:.64;transform:translateY(16px);transition:opacity .7s ease,transform .82s cubic-bezier(.16,.69,.2,1)}.xvs-benefits.is-motion .xvs-bn-header.is-visible{opacity:1;transform:none}.xvs-benefits.is-motion .xvs-bn-card{opacity:.52;filter:brightness(.92);transition:opacity .8s cubic-bezier(.16,.66,.25,1),transform .8s cubic-bezier(.16,.66,.25,1),filter .8s ease,border-color .3s,box-shadow .3s}.xvs-benefits.is-motion .xvs-bn-card:nth-child(1){transform:translate3d(-44px,19px,0) rotate(-1deg)}.xvs-benefits.is-motion .xvs-bn-card:nth-child(2){transform:translate3d(43px,-9px,0) rotate(1deg)}.xvs-benefits.is-motion .xvs-bn-card:nth-child(3){transform:translate3d(-16px,41px,0)}.xvs-benefits.is-motion .xvs-bn-card:nth-child(4){transform:translate3d(19px,22px,0) scale(.965)}.xvs-benefits.is-motion .xvs-bn-card.is-visible{opacity:1;transform:none!important;filter:none}.xvs-benefits.is-motion .xvs-bn-card .xvs-bn-overline,.xvs-benefits.is-motion .xvs-bn-card h3,.xvs-benefits.is-motion .xvs-bn-card .xvs-bn-card-body p,.xvs-benefits.is-motion .xvs-bn-card-footer{opacity:.65;transform:translateY(9px);transition:opacity .6s ease,transform .62s cubic-bezier(.16,.69,.2,1)}.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-overline,.xvs-benefits.is-motion .xvs-bn-card.is-visible h3,.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-card-body p,.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-card-footer{opacity:1;transform:none}.xvs-benefits.is-motion .xvs-bn-card.is-visible h3{transition-delay:.08s}.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-card-body p{transition-delay:.17s}.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-card-footer{transition-delay:.23s}.xvs-benefits.is-motion .xvs-bn-icon{opacity:.85;transform:translateY(13px) rotate(-14deg) scale(.89);transition:opacity .7s,transform .78s cubic-bezier(.16,.68,.24,1)}.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-icon{opacity:1;transform:none}.xvs-benefits.is-motion .xvs-bn-icon svg>*{stroke-dasharray:220;stroke-dashoffset:220;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.65,.2,1)}.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-icon svg>*{stroke-dashoffset:0}.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-accent{transform:scaleX(1);transition-delay:.23s}.xvs-benefits.is-motion .xvs-bn-closing{opacity:.65;transform:translateY(18px);transition:opacity .7s,transform .76s cubic-bezier(.16,.69,.2,1)}.xvs-benefits.is-motion .xvs-bn-closing.is-visible{opacity:1;transform:none}}@media(max-width:860px){.xvs.xvs-benefits{padding:59px 0 64px}.xvs-bn-header h2{font-size:36px!important}.xvs-bn-grid{gap:11px}.xvs-bn-card,.xvs-bn-card-link{min-height:290px}.xvs-bn-icon{width:68px;height:68px;border-radius:17px}.xvs-bn-icon svg{width:41px;height:41px}.xvs-bn-card-body h3{font-size:26px!important}.xvs-bn-card-body p{font-size:13px!important}}@media(max-width:720px){.xvs.xvs-benefits{padding:48px 0 53px}.xvs-bn-header{display:block;margin-bottom:25px}.xvs-bn-header h2{font-size:32px!important;margin-bottom:9px!important}.xvs-bn-eyebrow{font-size:9px!important;letter-spacing:.105em!important}.xvs-bn-eyebrow span{font-size:12px;margin:0 3px}.xvs-bn-intro{font-size:13px!important;max-width:38ch}.xvs-bn-story-link{display:inline-flex;margin-top:15px;font-size:10px}.xvs-bn-grid{grid-template-columns:1fr;gap:11px}.xvs-bn-card{min-height:230px;border-radius:10px}.xvs-bn-card-link{min-height:230px;padding:19px!important}.xvs-bn-icon{height:59px;width:59px;border-radius:14px}.xvs-bn-icon svg{height:36px;width:36px}.xvs-bn-card-body{padding-top:3px}.xvs-bn-overline{font-size:9px;margin-bottom:6px}.xvs-bn-card-body h3{font-size:26px!important;margin-bottom:7px!important}.xvs-bn-card-body p{font-size:13px!important;max-width:45ch}.xvs-bn-card-footer{margin-top:15px;padding-top:11px;font-size:9px}.xvs-bn-closing{display:block;margin-top:26px;padding-top:19px}.xvs-bn-closing>span{display:block;font-size:20px}.xvs-bn-closing a{display:inline-block;margin-top:12px;font-size:9px}.xvs-benefits.is-motion .xvs-bn-card:nth-child(n){transform:translate3d(0,24px,0)!important}.xvs-benefits.is-motion .xvs-bn-card:nth-child(2n){transform:translate3d(19px,12px,0)!important}.xvs-benefits.is-motion .xvs-bn-card.is-visible{transform:none!important}}@media(prefers-reduced-motion:reduce){.xvs-benefits *,.xvs-benefits *:before,.xvs-benefits *:after{transition:none!important;animation:none!important;transform:none!important}}.xvs-bn-scroll-rail{display:grid;grid-template-columns:auto minmax(45px,1fr) auto;gap:clamp(13px,2.7vw,33px);align-items:center;margin:0 0 clamp(20px,3.5vw,47px);color:#94ad94;font-size:10px;font-weight:850;letter-spacing:.14em;line-height:1.2}.xvs-bn-scroll-rail>span:last-child{color:#c7ff58;font-variant-numeric:tabular-nums;min-width:37px;text-align:right}.xvs-bn-scroll-rail-track{height:3px;background:#2b4830;overflow:hidden;border-radius:4px;position:relative}.xvs-bn-scroll-rail-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#5c9853,#c7ff58 80%,#ecffb9);border-radius:4px;box-shadow:0 0 14px #c7ff588a;transition:width .1s linear}.xvs-bn-card .xvs-bn-card-link{isolation:isolate}.xvs-bn-card .xvs-bn-card-link:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 65% 65% at var(--xs-bn-spot,50%) 30%,#b5ff662b,transparent 71%);opacity:.75;transition:opacity .6s ease}.xvs-bn-card:hover .xvs-bn-card-link:before{opacity:1}.xvs-bn-card:after{content:"";position:absolute;z-index:3;top:0;left:var(--xs-bn-scan,0%);height:3px;width:39px;border-radius:4px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,#c7ff58,transparent);opacity:.82;box-shadow:0 0 18px #c7ff5850}.xvs-bn-card-head,.xvs-bn-card-body,.xvs-bn-card-footer{position:relative;z-index:2}.xvs-bn-card h3:after{content:"";display:block;width:0;height:2px;margin-top:11px;background:#c7ff58;border-radius:3px;transition:width .88s cubic-bezier(.17,.7,.21,1)}.xvs-bn-card.is-visible h3:after{width:clamp(35px,4vw,65px);transition-delay:.22s}.xvs-bn-number{font-variant-numeric:tabular-nums}.xvs-bn-card .xvs-bn-icon{box-shadow:0 0 #b4ff6820}.xvs-bn-card.is-visible .xvs-bn-icon{box-shadow:0 0 0 7px #b4ff680b,0 0 29px #b4ff6811}@media(prefers-reduced-motion:no-preference){.xvs-benefits.is-motion .xvs-bn-card.is-visible .xvs-bn-icon svg{transform:translate3d(0,var(--xs-bn-icon-shift,0px),0) rotate(var(--xs-bn-icon-tilt,0deg));transition:transform .15s linear,filter .3s ease}.xvs-benefits.is-motion .xvs-bn-card:nth-child(1).is-visible .xvs-bn-icon svg{filter:drop-shadow(0 1px 7px #c7ff5855)}.xvs-benefits.is-motion .xvs-bn-card:nth-child(3).is-visible .xvs-bn-icon{border-color:#b5ec82}.xvs-benefits.is-motion .xvs-bn-scroll-rail{opacity:.75;transform:translateY(9px);transition:opacity .6s,transform .68s}.xvs-benefits.is-motion .xvs-bn-scroll-rail.is-visible{opacity:1;transform:none}.xvs-benefits.is-motion .xvs-bn-closing strong{background:linear-gradient(90deg,#c7ff58,#f5ffb9 48%,#c7ff58);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xs-bn-sheen 6s ease-in-out infinite}@keyframes xs-bn-sheen{0%,35%{background-position:110% 50%}70%,to{background-position:-110% 50%}}}@media(max-width:720px){.xvs-bn-scroll-rail{grid-template-columns:1fr auto;gap:9px 12px;margin:0 0 21px;font-size:9px;letter-spacing:.1em}.xvs-bn-scroll-rail>span:first-child{grid-column:1}.xvs-bn-scroll-rail>span:last-child{grid-column:2;grid-row:1}.xvs-bn-scroll-rail-track{grid-column:1 / -1;grid-row:2;width:100%}.xvs-bn-card:after{height:2px}.xvs-bn-card h3:after{margin-top:8px}}@media(prefers-reduced-motion:reduce){.xvs-bn-card .xvs-bn-icon svg{transform:none!important}.xvs-bn-card:after{display:none!important}.xvs-bn-scroll-rail-track i{transition:none!important}.xvs-bn-closing strong{animation:none!important;color:#c7ff58!important}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/xs-visual-benefits.css.map */