@property --wdth{syntax:"<number>";inherits:false;initial-value:112}@property --wght{syntax:"<number>";inherits:false;initial-value:900}.hero-win .hero-char{transform-origin:50% 100%}.hero-plain{font-variation-settings:"wdth" 112, "wght" 900}.hero-swiper:not(.swiper-initialized) .swiper-wrapper{transform:translateX(calc(50% - var(--hd-slot) * (var(--hd-center) + .5)))}.hero-swiper:not(.swiper-initialized) .swiper-slide{z-index:var(--pre-z)}.hero-swiper:not(.swiper-initialized) .swiper-slide-transform{transform:var(--pre-cover)}.hero-swiper:not(.swiper-initialized) [data-fan]{transform:var(--pre-tilt);opacity:var(--pre-op)}.hero-swiper:not(.swiper-initialized) [data-shade]{opacity:var(--pre-shade)}.hero-pack-in{rotate:-4deg}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-in{animation:.8s cubic-bezier(.16,1,.3,1) backwards hero-rise;animation-delay:var(--in,0s)}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-fade{animation:1.6s cubic-bezier(.16,1,.3,1) backwards hero-fade;animation-delay:var(--in,0s)}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-sub{animation:none}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-pack-in{animation:1.2s cubic-bezier(.34,1.56,.64,1) .35s backwards hero-pop}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-deal{animation:1.1s cubic-bezier(.34,1.3,.64,1) backwards hero-deal;animation-delay:calc(.35s + var(--d,0) * 80ms)}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-floor-tiles{animation:1.6s linear infinite hero-floor}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-pack{animation:2.8s ease-in-out 1.6s infinite alternate hero-breathe}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-px{animation:hero-px var(--px-dur,4s) linear var(--px-delay,0s) infinite}.hero-desks[data-moving] .swiper-slide-transform,.hero-desks[data-moving] [data-fan]{will-change:transform, opacity}.hero-desks[data-moving] [data-shade]{will-change:opacity}.hero-swiper .swiper-slide:not(.swiper-slide-active) .desk-foil{animation:none}@keyframes hero-floor{to{transform:translateY(64px)}}@keyframes hero-breathe{to{transform:translateY(-12px)rotate(-1deg)}}@keyframes hero-px{0%{opacity:0;transform:translate(var(--px-x), 40px) scale(var(--px-s))}to{opacity:var(--px-op);transform:translate(calc(var(--px-x) + var(--px-dx)), var(--px-rise)) scale(var(--px-s))}}@keyframes hero-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-pop{0%{opacity:0;transform:translateY(80px)scale(.4)rotate(-14deg)}}@keyframes hero-deal{0%{transform:translateY(90px) rotate(calc(var(--ds,0) * 1deg)) scale(.8)}}
.fee-dots{stroke-dasharray:.01 14}:where(:root:not([data-motion=reduced],[data-motion=off])) .fee-dots{animation:1.6s linear infinite fee-dots}:where(:root:not([data-motion=reduced],[data-motion=off])) .fee-dots[data-lit]{animation-duration:.7s}:where(:root:not([data-motion=reduced],[data-motion=off])) .hero-fee:not([data-live]) .fee-dots{animation-play-state:paused}@keyframes fee-dots{to{stroke-dashoffset:-28px}}