.benefits-banner{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--bn-from) 0%,var(--bn-to) 100%);color:#fff;font-family:Fredoka,sans-serif;text-align:center}.benefits-banner__inner{display:flex;flex-direction:column;align-items:center;padding:5.2rem 2rem 11rem;position:relative;isolation:isolate;background:linear-gradient(90deg,#f5b06a,#c85f12)}.benefits-banner__inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#f8ca8c,#dd812f);-webkit-mask-image:var(--bn-pattern);mask-image:var(--bn-pattern);-webkit-mask-size:auto 70vh;mask-size:auto 70vh;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center;mask-position:center;pointer-events:none}.benefits-banner__label{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin:0 0 3rem}.benefits-banner__fan{position:absolute;left:50%;top:50%;z-index:0;width:420px;height:auto;max-width:none;transform:translate(-50%,-50%);pointer-events:none}.benefits-banner__pill{position:relative;z-index:1;display:inline-block;margin:0;font-family:Fredoka,sans-serif;padding:1.7rem 1.5px;border-radius:1.4rem;background:var(--bn-pill-bg);color:var(--bn-pill-text);font-size:2.51rem;font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase}.benefits-banner__heading{margin:0;color:#fff;font-family:inherit;font-size:4rem;font-weight:600;line-height:1.15;letter-spacing:0}.benefits-banner__text{margin:0 0 5rem;font-family:Fredoka,sans-serif;font-size:1.6rem;line-height:1.4;color:#fff}.benefits-banner__columns{display:grid;grid-template-columns:repeat(4,17.8rem);justify-content:center;margin:0 0 5rem;padding:0;list-style:none}.benefits-banner__column{display:flex;flex-direction:column;align-items:center;margin:0;padding:0 1rem}.benefits-banner__icon{display:flex;align-items:center;justify-content:center;width:5.72rem;height:5.72rem;margin-bottom:1rem;color:#fff}.benefits-banner__icon svg{display:block;width:100%;height:100%}.benefits-banner__title{max-width:15rem;margin:0;color:#fff;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:uppercase;text-wrap:balance}.benefits-banner__cta{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.benefits-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;box-sizing:border-box;width:40rem;max-width:100%;height:6.4rem;border-radius:999px;background:#fff;color:#d9762b;font-size:2.2rem;font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.01em;font-kerning:none;text-transform:uppercase;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.benefits-banner__button>span,.benefits-banner__button>svg{display:block;flex:0 0 auto}.benefits-banner__button>span{line-height:1}.benefits-banner__button>svg{width:1rem;height:1.6rem}.benefits-banner__button:hover{background:#0ddaff;color:#fff;transform:translateY(-1px);box-shadow:0 .4rem 1.2rem #0000002e}.benefits-banner__guarantee{display:flex;align-items:center;gap:.8rem;margin:0;color:#fff;font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:500;line-height:1.2}.benefits-banner__guarantee svg{flex-shrink:0}.benefits-banner__wave{position:absolute;left:0;bottom:-1px;display:block;width:100%;height:7rem}@media screen and (max-width:989px){.benefits-banner__heading{font-size:3.4rem}.benefits-banner__columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4rem;width:100%;max-width:52rem}}@media screen and (max-width:749px){.benefits-banner__inner{box-sizing:border-box;height:64rem;padding:4rem 2rem 5.6rem}.benefits-banner__inner:before{-webkit-mask-size:auto 125%;mask-size:auto 125%}.benefits-banner__title br{display:none}.benefits-banner__label{margin-bottom:2.4rem}.benefits-banner__fan{width:270px}.benefits-banner__pill{font-size:1.6rem}.benefits-banner__heading{font-size:clamp(3.4rem,11vw,4rem)}.benefits-banner__text{margin-bottom:2rem}.benefits-banner__columns{row-gap:1.6rem;margin-bottom:2rem}.benefits-banner__column{padding:0}.benefits-banner__icon{width:5.6rem;height:5.6rem;margin-bottom:.6rem}.benefits-banner__cta{gap:1rem;max-width:100%;margin-top:auto}.benefits-banner__button{width:30rem;height:5.6rem;font-size:1.8rem}.benefits-banner__title{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-benefits-banner.css.map */