.parallax-bg:where(.astro-45cgr76y){background-image:linear-gradient(#0009,#0006),url(/pictures/ImouBanner.jpg);background-size:cover;background-position:center;background-attachment:fixed;animation:parallaxMove 20s ease-in-out infinite}@keyframes parallaxMove{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(.5deg)}}.floating-particles:where(.astro-45cgr76y){background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.4),transparent);background-repeat:repeat;background-size:200px 100px;animation:particlesFloat 15s linear infinite}@keyframes particlesFloat{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.banner-title:where(.astro-45cgr76y){animation:slideInUp 1s ease-out .5s forwards}.banner-subtitle:where(.astro-45cgr76y){animation:slideInUp 1s ease-out .8s forwards}.banner-cta:where(.astro-45cgr76y){animation:slideInUp 1s ease-out 1.1s forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pulse-btn:where(.astro-45cgr76y){position:relative;overflow:hidden}.pulse-btn:where(.astro-45cgr76y):before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pulse-btn:where(.astro-45cgr76y):hover:before{width:300px;height:300px}.bg-grid-pattern:where(.astro-45cgr76y){background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px}.fade-in-up:where(.astro-45cgr76y){opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.feature-card:where(.astro-45cgr76y){transform:translateY(20px);opacity:0;animation:cardSlideIn .8s ease-out forwards}.feature-card:where(.astro-45cgr76y):nth-child(1){animation-delay:.1s}.feature-card:where(.astro-45cgr76y):nth-child(2){animation-delay:.2s}.feature-card:where(.astro-45cgr76y):nth-child(3){animation-delay:.3s}.feature-card:where(.astro-45cgr76y):nth-child(4){animation-delay:.4s}.feature-card:where(.astro-45cgr76y):nth-child(5){animation-delay:.5s}.feature-card:where(.astro-45cgr76y):nth-child(6){animation-delay:.6s}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.search-container:where(.astro-45cgr76y):focus-within .search-highlight:where(.astro-45cgr76y){opacity:.1}.search-container:where(.astro-45cgr76y):focus-within .search-icon:where(.astro-45cgr76y){color:#3b82f6;transform:translateY(-50%) scale(1.1)}.product-card:where(.astro-45cgr76y){transform:translateY(50px) scale(.9);animation:productSlideIn .8s ease-out forwards}@keyframes productSlideIn{to{opacity:1;transform:translateY(0) scale(1)}}.product-card:where(.astro-45cgr76y):hover .product-image:where(.astro-45cgr76y){transform:scale(1.1) rotate(2deg)}.product-overlay:where(.astro-45cgr76y){background:linear-gradient(135deg,#3b82f6cc,#9333eacc)}.contact-card:where(.astro-45cgr76y):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.contact-card:where(.astro-45cgr76y):hover:before{left:100%}@media (max-width: 768px){.parallax-bg:where(.astro-45cgr76y){background-image:linear-gradient(#0009,#0006),url(/pictures/mobileview/Dahua%20Mobile%20View.jpg);background-attachment:scroll}.banner-title:where(.astro-45cgr76y){font-size:2.5rem}.feature-card:where(.astro-45cgr76y){animation-delay:0s!important}}.loading:where(.astro-45cgr76y){position:relative;overflow:hidden}.loading:where(.astro-45cgr76y):after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}html{scroll-behavior:smooth}::-webkit-scrollbar:where(.astro-45cgr76y){width:8px}::-webkit-scrollbar-track:where(.astro-45cgr76y){background:#f1f1f1}::-webkit-scrollbar-thumb:where(.astro-45cgr76y){background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover:where(.astro-45cgr76y){background:linear-gradient(45deg,#2563eb,#7c3aed)}.read-more-btn:where(.astro-45cgr76y){position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:.5rem;border-width:2px;border-color:transparent;--tw-bg-opacity: 1;background-color:rgb(30 125 182 / var(--tw-bg-opacity, 1));padding:.75rem 1.5rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.read-more-btn:where(.astro-45cgr76y):hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(30 125 182 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(30 125 182 / var(--tw-text-opacity, 1));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.read-more-btn:where(.astro-45cgr76y):active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.read-more-btn:where(.astro-45cgr76y):before{position:absolute;left:0;top:0;z-index:-10;height:100%;width:100%;transform-origin:left;--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;content:""}.read-more-btn:where(.astro-45cgr76y):hover:before{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}