.hero-product-entrance{animation:hero-product-enter .8s cubic-bezier(.22,1,.36,1) forwards}.hero-product-entrance img{transition:opacity .3s ease}@keyframes hero-product-enter{0%{transform:translateY(20px) scale(.97)}to{transform:translateY(0) scale(1)}}.hero-light-beam{position:absolute;top:-20%;right:10%;width:3px;height:140%;background:linear-gradient(180deg,transparent 0%,hsl(215 55% 55% / .4) 20%,hsl(215 55% 55% / .7) 50%,hsl(215 55% 55% / .4) 80%,transparent 100%);transform:rotate(-25deg);filter:blur(1px);pointer-events:none;will-change:opacity;animation:hero-beam-enter 1s ease-out both;animation-delay:.4s}.hero-light-beam:before{content:"";position:absolute;inset:0;width:28px;margin-left:-12px;background:linear-gradient(180deg,transparent 0%,hsl(215 55% 55% / .1) 20%,hsl(215 55% 55% / .18) 50%,hsl(215 55% 55% / .1) 80%,transparent 100%);filter:blur(10px)}.hero-light-beam-2{position:absolute;top:-10%;right:30%;width:2px;height:130%;background:linear-gradient(180deg,transparent 0%,hsl(215 55% 55% / .25) 30%,hsl(215 55% 55% / .5) 55%,hsl(215 55% 55% / .25) 75%,transparent 100%);transform:rotate(-25deg);filter:blur(1px);pointer-events:none;will-change:opacity;animation:hero-beam-enter 1s ease-out both;animation-delay:.6s}.hero-light-beam-3{position:absolute;top:-15%;left:15%;width:2px;height:135%;background:linear-gradient(180deg,transparent 0%,hsl(215 55% 55% / .3) 25%,hsl(215 55% 55% / .55) 50%,hsl(215 55% 55% / .3) 75%,transparent 100%);transform:rotate(20deg);filter:blur(1px);pointer-events:none;will-change:opacity;animation:hero-beam-enter 1s ease-out both;animation-delay:.8s}@keyframes hero-beam-enter{0%{opacity:0}to{opacity:1}}.hero-product-glow{position:absolute;bottom:10%;left:50%;translate:-50% 0;width:70%;height:45%;background:radial-gradient(ellipse,hsl(215 55% 55% / .15) 0%,transparent 70%);filter:blur(15px);pointer-events:none}