.bg-noise{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAKklEQVRoge3NMQEAAAgDIN8/9K3hHFQgA1uO2iAIgiAIgiAIgiAIgiAIgiAIgiAIgh0GotoAAQKeos0AAAAASUVORK5CYII=)}.scene-card{perspective:1100px;position:relative;transform-style:preserve-3d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 9s ease-in-out infinite}@keyframes float-subtle{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.animate-float-subtle{animation:float-subtle 9s ease-in-out infinite}@keyframes orbit3d{0%{transform:rotateY(0) translateZ(var(--orbit-radius)) rotateY(0)}to{transform:rotateY(1turn) translateZ(var(--orbit-radius)) rotateY(0)}}.animate-orbit3d{animation:orbit3d 40s linear infinite}@keyframes image-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.animate-image-reveal{animation:image-reveal 1.5s cubic-bezier(.22,1,.36,1) .5s both}@keyframes scan-line{0%,to{opacity:0}20%{opacity:0;transform:translateY(-60px)}40%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(60px)}}.animate-scan-line{animation:scan-line 3s ease-in-out 1.5s both;background:linear-gradient(to bottom,transparent,rgba(var(--color-primary-rgb),.5),transparent)}@keyframes image-fade-in{0%,60%{opacity:0}to{opacity:1}}.animate-image-fade-in{animation:image-fade-in 4s ease-in-out both}.mask-gradient{mask-composite:intersect;-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 15%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 15%)}.mask-radial{mask-image:radial-gradient(circle,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%)}.mask-fade-top{mask-image:linear-gradient(0deg,#000 60%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 60%,transparent)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-breathe{animation:breathe 8s ease-in-out infinite}.zoom-fade-enter-active,.zoom-fade-leave-active{transition:all .6s cubic-bezier(.16,1,.3,1)}.zoom-fade-enter-from{filter:blur(4px);opacity:0;transform:scale(.8) translateY(10px)}.zoom-fade-leave-to{filter:blur(4px);opacity:0;transform:scale(1.1) translateY(-10px)}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float-slow{animation:float-slow 4s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:.6}50%{opacity:.8}}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}@keyframes tale-swap{0%{filter:blur(20px) brightness(3);opacity:0;transform:scale(.2) rotate(15deg)}10%{filter:blur(0) brightness(1);opacity:1;transform:scale(1)}90%{filter:blur(0) brightness(1);opacity:1;transform:scale(1)}to{filter:blur(20px) brightness(3);opacity:0;transform:scale(.2) rotate(-15deg)}}.animate-tale-swap{animation:tale-swap 40s ease-in-out infinite}@keyframes product-swap{0%{filter:blur(0) brightness(1.2);opacity:1;transform:scale(1.3) rotate(0)}10%{filter:blur(20px) brightness(3);opacity:0;transform:scale(.2) rotate(-15deg)}90%{filter:blur(20px) brightness(3);opacity:0;transform:scale(.2) rotate(15deg)}to{filter:blur(0) brightness(1.2);opacity:1;transform:scale(1.3) rotate(0)}}.animate-product-swap{animation:product-swap 40s ease-in-out infinite}@keyframes sphere-spin-1{0%{transform:rotate3d(1,1,1,0)}to{transform:rotate3d(1,1,1,1turn)}}.animate-sphere-spin-1{animation:sphere-spin-1 20s linear infinite}@keyframes sphere-spin-2{0%{transform:rotate3d(1,-1,0,0)}to{transform:rotate3d(1,-1,0,1turn)}}.animate-sphere-spin-2{animation:sphere-spin-2 25s linear infinite}@keyframes sphere-spin-3{0%{transform:rotate3d(0,1,.5,0)}to{transform:rotate3d(0,1,.5,1turn)}}.animate-sphere-spin-3{animation:sphere-spin-3 35s linear infinite}@keyframes plasma-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-plasma-spin{animation:plasma-spin 15s linear infinite}@keyframes hologram-scan{0%{opacity:0;top:-20%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:120%}}.animate-hologram-scan{animation:hologram-scan 5s linear infinite}@keyframes hologram-flicker{0%,to{opacity:.95}3%{opacity:.9}6%{opacity:.95}7%{opacity:.95}8%{opacity:.85}9%{opacity:.95}70%{opacity:.95}72%{opacity:.9}74%{opacity:.95}}.animate-hologram-flicker{animation:hologram-flicker 4s infinite}