.mega-hero__buttons .ui-button[data-motion=hero-sweep]{--hero-motion-fill: var(--brand-lilac, var(--color-accent-secondary, #a985ef));--hero-motion-text: var(--brand-navy, var(--color-text, #06071f));isolation:isolate;min-width:clamp(158px,13vw,210px);min-height:56px;padding-inline:1.6rem;box-shadow:0 12px 28px color-mix(in srgb,var(--hero-motion-fill) 13%,transparent)}.mega-hero__buttons .ui-button--outline[data-motion=hero-sweep]{--hero-motion-fill: var(--brand-navy, var(--color-text, #06071f));--hero-motion-text: var(--brand-ivory, var(--color-on-dark, #f5dfcf))}.mega-hero--video .mega-hero__buttons .ui-button--outline[data-motion=hero-sweep]{--hero-motion-fill: var(--brand-lilac, var(--color-accent-secondary, #a985ef));--hero-motion-text: var(--brand-navy, var(--color-text, #06071f))}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:before{position:absolute;z-index:1;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--hero-motion-fill);clip-path:circle(0 at calc(100% - 30px) 50%);content:"";pointer-events:none;transition:clip-path .56s cubic-bezier(.16,1,.3,1)}.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__label-face,.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__icon{transition:color .22s ease,transform .48s cubic-bezier(.16,1,.3,1)}.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__label-face--alt{color:var(--hero-motion-text)}.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__icon{display:grid;width:34px;height:34px;margin:-7px -9px -7px 4px;place-items:center;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:50%}.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__icon svg{width:17px;height:17px}.mega-hero__benefits{gap:10px;padding:10px;border-radius:20px 20px 0 0;box-shadow:0 -16px 46px #06071f12}.mega-hero__benefit{position:relative;isolation:isolate;min-height:104px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-border, #d8c9d4) 82%,transparent);border-radius:15px;background:var(--benefit-surface, var(--brand-card, #fffdfb));box-shadow:0 7px 20px #06071f0a}.mega-hero__benefit:after{position:absolute;z-index:-1;top:-70%;left:-45%;width:58%;height:240%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 55%),transparent);content:"";pointer-events:none;transform:rotate(18deg) translate(-180%)}.mega-hero__benefit--tone-1{--benefit-surface: color-mix(in srgb, var(--brand-lilac, #a985ef) 13%, var(--brand-card, #fffdfb));--benefit-glow: var(--brand-lilac, #a985ef)}.mega-hero__benefit--tone-2{--benefit-surface: color-mix(in srgb, var(--brand-lime, #d8e94b) 14%, var(--brand-card, #fffdfb));--benefit-glow: var(--brand-lime, #d8e94b)}.mega-hero__benefit--tone-3{--benefit-surface: color-mix(in srgb, var(--brand-lilac, #a985ef) 10%, var(--brand-card-soft, #f1eafb));--benefit-glow: color-mix(in srgb, var(--brand-lilac, #a985ef) 68%, var(--brand-lime, #d8e94b))}.mega-hero__benefit--tone-4{--benefit-surface: color-mix(in srgb, var(--brand-ivory, #f5dfcf) 38%, var(--brand-card, #fffdfb));--benefit-glow: color-mix(in srgb, var(--brand-ivory, #f5dfcf) 58%, var(--brand-lilac, #a985ef))}.mega-hero__benefit+.mega-hero__benefit{border-left-width:1px}.mega-hero__benefit-icon{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--benefit-glow) 12%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--benefit-glow) 24%,transparent)}.mega-hero__benefit-icon img{width:40px;height:40px;object-fit:contain}.mega-hero__benefit-copy{min-width:0}.mega-hero__benefit-copy strong{font-size:.94rem}.mega-hero--video .mega-hero__benefit{--benefit-surface: color-mix(in srgb, var(--benefit-glow) 14%, var(--brand-navy, #06071f));border-color:color-mix(in srgb,var(--benefit-glow) 30%,transparent);color:var(--brand-ivory, #f5dfcf);box-shadow:0 12px 28px #0000002e}.mega-hero--video .mega-hero__benefit-icon{background:color-mix(in srgb,var(--benefit-glow) 18%,var(--brand-navy, #06071f))}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:focus-visible{border-color:var(--hero-motion-fill);background-color:var(--ui-button-bg);color:var(--hero-motion-text);box-shadow:0 17px 34px color-mix(in srgb,var(--hero-motion-fill) 26%,transparent);transform:translateY(-3px)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:focus-visible:before{clip-path:circle(170% at calc(100% - 30px) 50%)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:focus-visible .ui-button__label-face:not(.ui-button__label-face--alt){transform:translateY(-125%)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:focus-visible .ui-button__label-face--alt{transform:translateY(0)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:focus-visible .ui-button__icon{color:var(--hero-motion-text);transform:translate(4px) rotate(-8deg)}@media(hover:hover)and (pointer:fine){.mega-hero__buttons .ui-button[data-motion=hero-sweep]:hover{border-color:var(--hero-motion-fill);background-color:var(--ui-button-bg);color:var(--hero-motion-text);box-shadow:0 17px 34px color-mix(in srgb,var(--hero-motion-fill) 26%,transparent);transform:translateY(-3px)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:hover:before{clip-path:circle(170% at calc(100% - 30px) 50%)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:hover .ui-button__label-face:not(.ui-button__label-face--alt){transform:translateY(-125%)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:hover .ui-button__label-face--alt{transform:translateY(0)}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:hover .ui-button__icon{color:var(--hero-motion-text);transform:translate(4px) rotate(-8deg)}.mega-hero__benefit--interactive{transition:border-color .22s ease,box-shadow .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}[data-benefit-reveal].benefit-reveal-complete .mega-hero__benefit--interactive{transition:border-color .22s ease,box-shadow .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);transition-delay:0ms}.mega-hero__benefit--interactive:hover{z-index:2;border-color:color-mix(in srgb,var(--benefit-glow) 66%,var(--brand-border, #d8c9d4));box-shadow:0 18px 34px color-mix(in srgb,var(--benefit-glow) 18%,transparent);transform:translateY(-7px) scale(1.015)}[data-benefit-reveal].benefit-reveal-ready.is-benefit-visible .mega-hero__benefit--interactive:hover{transform:translateY(-7px) scale(1.015)}.mega-hero__benefit--interactive:hover:after{animation:hero-benefit-shine .68s cubic-bezier(.16,1,.3,1)}.mega-hero__benefit--interactive:hover .mega-hero__benefit-icon{animation:hero-benefit-icon-pop .56s cubic-bezier(.16,1.35,.3,1)}}@keyframes hero-benefit-shine{0%{transform:rotate(18deg) translate(-180%)}to{transform:rotate(18deg) translate(520%)}}@keyframes hero-benefit-icon-pop{0%{transform:translateY(0) rotate(0) scale(1)}42%{transform:translateY(-6px) rotate(-7deg) scale(1.12)}72%{transform:translateY(1px) rotate(3deg) scale(.98)}to{transform:translateY(0) rotate(0) scale(1)}}@media(max-width:989px){.mega-hero__benefits{gap:8px;padding:8px}.mega-hero__benefit{min-height:92px}}@media(max-width:620px){.mega-hero__buttons .ui-button[data-motion=hero-sweep]{min-width:min(100%,190px)}.mega-hero__benefits{border-radius:16px 16px 0 0}}@media(prefers-reduced-motion:reduce){.mega-hero__buttons .ui-button[data-motion=hero-sweep],.mega-hero__buttons .ui-button[data-motion=hero-sweep]:before,.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__label-face,.mega-hero__buttons .ui-button[data-motion=hero-sweep] .ui-button__icon,.mega-hero__benefit--interactive,.mega-hero__benefit--interactive:after,.mega-hero__benefit--interactive .mega-hero__benefit-icon{animation:none!important;transition:none!important}.mega-hero__buttons .ui-button[data-motion=hero-sweep]:hover,.mega-hero__buttons .ui-button[data-motion=hero-sweep]:focus-visible,.mega-hero__benefit--interactive:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/hero-top-interactions.css.map */