.fr-benefits{--bn-gap: clamp(28px, 3.4vw, 48px);padding-block:clamp(64px,8vw,120px) clamp(56px,7vw,100px);background:linear-gradient(180deg,#fff 0%,#f4fcfb 40%,var(--aqua) 100%);overflow:hidden;overflow:clip;isolation:isolate}.fr-benefits__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 36% at 50% 62%,rgba(60,199,180,.2),transparent 70%),radial-gradient(30% 26% at 86% 22%,rgba(60,199,180,.07),transparent 70%),radial-gradient(30% 26% at 14% 26%,rgba(60,199,180,.05),transparent 70%)}.fr-benefits .fr-title{text-wrap:balance;max-width:15ch}.fr-benefits .fr-lead{text-wrap:pretty}.fr-benefits__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--bn-gap);row-gap:24px;align-items:stretch}.fr-benefits__list{display:contents}.fr-benefits__center{grid-column:2;grid-row:1 / span 2;align-self:center;position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center}.fr-benefit:nth-child(1){grid-column:1;grid-row:1}.fr-benefit:nth-child(2){grid-column:1;grid-row:2}.fr-benefit:nth-child(3){grid-column:3;grid-row:1}.fr-benefit:nth-child(4){grid-column:3;grid-row:2}.fr-benefit{position:relative;display:flex;gap:18px;align-items:flex-start;padding:26px 24px 24px;border-radius:24px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #0f6b6b1a,0 1px #ffffffe6,0 22px 44px -30px #0b2d4d73;transition:translate .6s var(--ease),box-shadow .6s var(--ease),background .4s}.js .fr-benefit[data-reveal]{transition:opacity 1s var(--ease) var(--d, 0s),transform 1.1s var(--ease) var(--d, 0s),filter 1s var(--ease) var(--d, 0s),translate .6s var(--ease),box-shadow .6s var(--ease),background .4s}.fr-benefit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .5s;background:linear-gradient(135deg,var(--mint),rgba(60,199,180,0) 45%,rgba(201,162,74,0) 60%,var(--gold));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fr-benefit--left{flex-direction:row-reverse;text-align:right}.fr-benefit h3{font-size:19px;line-height:1.25;margin-bottom:6px}.fr-benefit p{font-size:15px;line-height:1.6;color:var(--ink-soft);text-wrap:pretty}.fr-benefit__body{min-width:0}.fr-benefit__num{display:block;font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--gold);margin-bottom:4px}.fr-benefit__icon{flex:none;position:relative;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--teal);background:#fff;box-shadow:inset 0 0 0 2px var(--teal),0 12px 24px -14px #0f6b6bb3;transition:background .45s,color .45s,transform .6s var(--ease-back)}.fr-benefit__icon .fr-icon{width:28px;height:28px}.fr-benefit__icon:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px dashed rgba(60,199,180,.75);animation:fr-spin 16s linear infinite}@media(hover:hover){.fr-benefit:hover{translate:0 -6px;background:#fff;box-shadow:inset 0 0 0 1px #3cc7b433,0 34px 60px -30px #0f6b6b8c}.fr-benefit:hover:before{opacity:1}.fr-benefit:hover .fr-benefit__icon{background:var(--teal);color:#fff;transform:rotate(-8deg) scale(1.06)}}.fr-benefits__orbit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fr-benefits__orbit i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(15,107,107,.14)}.fr-benefits__orbit i:nth-child(1){background:radial-gradient(circle at 50% 45%,#fff 0%,rgba(255,255,255,.5) 45%,transparent 70%)}.fr-benefits__orbit i:nth-child(2){top:13%;right:13%;bottom:13%;left:13%;border-color:#3cc7b459;background:radial-gradient(circle at 40% 35%,#fff,#d9f5f0 55%,#b9ebe2);box-shadow:inset -16px -24px 50px #0f6b6b29,0 40px 70px -40px #0f6b6b8c}.fr-benefits__orbit i:nth-child(3){top:-6%;right:-6%;bottom:-6%;left:-6%;border:1px dashed rgba(15,107,107,.22);animation:fr-spin 50s linear infinite}.fr-benefits__orbit i:nth-child(3):before{content:"";position:absolute;top:50%;left:-6px;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #c9a24a2e,0 0 20px var(--gold)}.fr-benefits__orbit i:nth-child(3):after{content:"";position:absolute;top:50%;right:-4px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}.fr-benefits__jar{position:relative;z-index:2;width:62%}.fr-benefits__jar svg,.fr-benefits__jar img{width:100%;height:auto;filter:drop-shadow(0 34px 34px rgba(11,45,77,.26))}.fr-benefits__leaf{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(23,105,58,.28));animation:fr-bn-sway 7s ease-in-out infinite}.fr-benefits__leaf--a{width:17%;top:6%;left:8%;rotate:-32deg}.fr-benefits__leaf--b{width:12%;bottom:14%;right:6%;rotate:128deg;animation-delay:-2.5s;animation-duration:8s}.fr-benefits__leaf--c{width:9%;z-index:1;top:16%;right:13%;rotate:40deg;animation-delay:-5s;opacity:.85;filter:drop-shadow(0 8px 10px rgba(23,105,58,.2)) blur(.6px)}@keyframes fr-bn-sway{50%{translate:0 -10px;transform:rotate(10deg)}}@media(min-width:990px){.fr-benefits__orbit:before,.fr-benefits__orbit:after{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 2 * var(--bn-gap) + 140px);height:7px;translate:-50% -50%;pointer-events:none;background:radial-gradient(circle closest-side,#fff 0 40%,#3cc7b4e6 55%,#3cc7b400) 50% 50% / 7px 7px no-repeat,radial-gradient(circle closest-side,#fff 0 40%,#3cc7b4e6 55%,#3cc7b400) 50% 50% / 7px 7px no-repeat,linear-gradient(90deg,#c9a24acc,#3cc7b4d9 16%,#3cc7b459 30%,#3cc7b400 38% 62%,#3cc7b459 70%,#3cc7b4d9 84%,#c9a24acc) 50% 50% / 100% 1px no-repeat;animation:fr-bn-pulse 3.8s var(--ease) infinite}.fr-benefits__orbit:before{rotate:22deg}.fr-benefits__orbit:after{rotate:-22deg;animation-delay:-1.9s}}@keyframes fr-bn-pulse{0%{background-position:50% 50%,50% 50%,50% 50%}70%,to{background-position:0% 50%,100% 50%,50% 50%}}.fr-powder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.fr-powder i{position:absolute;left:50%;bottom:22%;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 6px #3cc7b4cc;opacity:0;animation:fr-puff 4s calc(var(--i) * -.3s) ease-out infinite;--a: calc(var(--i) * 25deg)}.fr-benefits__pins,.fr-benefits__dots{display:none}@media(max-width:1099px){.fr-benefit{flex-direction:column;padding:22px;gap:14px}.fr-benefit--left{flex-direction:column;align-items:flex-end}.fr-benefit__icon{width:52px;height:52px}.fr-benefit__icon .fr-icon{width:24px;height:24px}.fr-benefit h3{font-size:17.5px}}@media(max-width:989px){.fr-benefits__layout{display:block}.fr-benefits__center{width:min(340px,56%);margin:0 auto 40px}.fr-benefits__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fr-benefit,.fr-benefit--left{flex-direction:row;align-items:flex-start;text-align:left}.fr-benefit:nth-child(n){grid-column:auto;grid-row:auto}.js .fr-benefit[data-reveal]{transform:translateY(40px)}.js .fr-benefit[data-reveal].is-in{transform:none}}@media(max-width:680px){.fr-benefits .fr-head{margin-bottom:28px}.fr-benefits .fr-eyebrow{font-size:12px;letter-spacing:.14em;gap:8px}.fr-benefits .fr-eyebrow:before{width:20px}.fr-benefits .fr-title{font-size:clamp(30px,8.6vw,36px)}.fr-benefits .fr-lead{font-size:15.5px}.fr-benefits__center{width:min(320px,88%);margin-bottom:18px}.fr-benefits__jar{width:50%}.fr-benefits__orbit i:nth-child(3){top:-3%;right:-3%;bottom:-3%;left:-3%}.fr-benefits__leaf--a{z-index:1;width:17%;top:13%;left:57%;rotate:34deg}.fr-benefits__leaf--b{width:11%;bottom:5%;right:33%}.fr-benefits__leaf--c{display:none}.js .fr-benefits__pins{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:4}.fr-benefits__pin{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;display:grid;place-items:center;color:var(--teal);background:#fff;box-shadow:inset 0 0 0 1.5px var(--teal),0 10px 22px -10px #0f6b6bb3;transition:background .4s,color .4s,transform .5s var(--ease-back),box-shadow .4s;-webkit-tap-highlight-color:transparent}.fr-benefits__pin .fr-icon{width:22px;height:22px}.fr-benefits__pin--1{left:13%;top:22%}.fr-benefits__pin--2{left:13%;top:78%}.fr-benefits__pin--3{left:87%;top:22%}.fr-benefits__pin--4{left:87%;top:78%}.fr-benefits__pin:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--mint);opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s var(--ease)}.fr-benefits__pin.is-active{background:linear-gradient(135deg,var(--teal),#149089);color:#fff;transform:scale(1.1);box-shadow:0 14px 26px -10px #0f6b6bcc}.fr-benefits__pin.is-active:after{opacity:1;transform:none;animation:fr-ping2 2s infinite}.fr-benefits__list{display:flex;gap:12px;margin-inline:-16px;padding:8px 16px 26px;scroll-padding-inline:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}.fr-benefits__list::-webkit-scrollbar{display:none}.fr-benefit,.fr-benefit--left{flex:0 0 min(80%,300px);flex-direction:column;gap:14px;padding:20px 20px 22px;scroll-snap-align:start;background:#fff;box-shadow:inset 0 0 0 1px #0f6b6b1a,0 16px 30px -22px #0b2d4d80}.fr-benefit.is-active{box-shadow:inset 0 0 0 1px #3cc7b473,0 20px 34px -22px #0f6b6b99}.fr-benefit.is-active:before{opacity:1}.fr-benefit.is-active .fr-benefit__icon{background:var(--teal);color:#fff}.fr-benefit__icon{width:50px;height:50px}.fr-benefit__icon:after{top:-5px;right:-5px;bottom:-5px;left:-5px}.fr-benefit__num{position:absolute;top:22px;right:20px;margin:0;font-size:13px}.fr-benefit h3{font-size:18px}.fr-benefit p{font-size:15px}.js .fr-benefit[data-reveal],.js .fr-benefit[data-reveal].is-in{opacity:1;transform:none;filter:none;transition:opacity .8s var(--ease) calc(var(--n, 0) * .09s),translate .9s var(--ease) calc(var(--n, 0) * .09s),box-shadow .5s,background .4s}.fr-benefits[data-ready] .fr-benefits__list:not(.is-in) .fr-benefit{opacity:0;translate:64px 0}.js .fr-benefits__dots{display:flex;justify-content:center;margin-top:-8px}.fr-benefits__dot{width:44px;height:44px;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.fr-benefits__dot i{display:block;width:8px;height:8px;border-radius:999px;background:#0f6b6b38;transition:width .5s var(--ease),background .4s}.fr-benefits__dot[aria-current=true] i{width:26px;background:linear-gradient(90deg,var(--teal),var(--mint))}}@media(prefers-reduced-motion:reduce){.fr-benefits__leaf,.fr-powder i,.fr-benefits__orbit i,.fr-benefits__orbit:before,.fr-benefits__orbit:after,.fr-benefit__icon:after{animation:none!important}.fr-powder{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-benefits.css.map */