.evo-hero-stage{--hero-tilt-x:0deg;--hero-tilt-y:0deg;--hero-light-x:50%;--hero-light-y:36%;perspective:1400px;perspective-origin:50% 42%}.evo-hero-product-3d{z-index:3;width:min(40vw,560px);transform-style:preserve-3d;will-change:transform;transform:translate3d(0, calc(var(--scroll,0) * -30px), calc(var(--scroll,0) * 80px)) rotateX(calc(-4deg + var(--hero-tilt-x))) rotateY(calc(-10deg + var(--scroll,0) * 18deg + var(--hero-tilt-y))) rotateZ(calc(-1.5deg + var(--scroll,0) * 1.5deg)) scale(calc(.96 + var(--scroll,0) * .045));transition:transform .18s cubic-bezier(.2,.7,.2,1);position:relative}.evo-hero-product-float{width:100%;transform-style:preserve-3d;animation:1.35s cubic-bezier(.16,.84,.28,1) both evoHeroProductEntrance;position:relative}.evo-hero-product-glow{z-index:0;background:radial-gradient(circle at var(--hero-light-x) var(--hero-light-y), #ffffff9e 0, #efe4c83d 22%, #71806f1c 45%, transparent 72%);filter:blur(28px);opacity:.9;pointer-events:none;border-radius:46%;position:absolute;inset:12% 7% 7%;transform:translateZ(-55px)scale(.96)}.evo-hero-product-3d .evo-hero-speaker{z-index:2;transform-origin:50%;filter:drop-shadow(0 50px 55px #171d182e)drop-shadow(0 8px 16px #ffffff14);transition:filter .22s;position:relative;width:100%!important;transform:translateZ(42px)!important}.evo-hero-product-3d:after{content:"";z-index:4;mix-blend-mode:screen;opacity:calc(.35 + var(--scroll,0) * .22);pointer-events:none;background:linear-gradient(112deg,#0000 26%,#ffffff21 44%,#0000 58%);border-radius:42%;position:absolute;inset:13% 18% 18%;transform:translateZ(58px)rotate(-7deg)}.evo-hero-stage:hover .evo-hero-product-3d .evo-hero-speaker{filter:drop-shadow(0 56px 62px #171d1838)drop-shadow(0 10px 18px #ffffff1a)}@keyframes evoHeroProductEntrance{0%{opacity:0;transform:translate3d(0,46px,-130px)rotateX(8deg)rotateY(-18deg)scale(.82)}55%{opacity:1}to{opacity:1;transform:translate(0)rotateX(0)rotateY(0)scale(1)}}@media (width<=900px){.evo-hero-stage{perspective:1100px}.evo-hero-product-3d{width:min(88vw,620px);transform:translate3d(0, calc(var(--scroll,0) * -12px), 0) rotateX(calc(-2deg + var(--hero-tilt-x))) rotateY(calc(-5deg + var(--hero-tilt-y))) scale(1)}}@media (width<=640px){.evo-hero-product-3d{width:min(108vw,520px)}.evo-hero-product-glow{filter:blur(20px)}}@media (prefers-reduced-motion:reduce){.evo-hero-product-3d,.evo-hero-product-float,.evo-hero-product-3d .evo-hero-speaker{transition:none!important;animation:none!important;transform:none!important}}