.hero-slider{position:relative;width:100%;min-height:100svh;overflow:hidden;background:var(--color-bg-dark,#0a0a10);background-image:radial-gradient(circle at center,rgba(10,10,16,1) 0%,#020203 100%);display:flex;align-items:center;contain:layout paint style;transform:translateZ(0)}.noise-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat}.hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:1;transition:opacity 1s cubic-bezier(0.25,1,0.5,1),visibility 1s}.hero-slide.active{opacity:1;visibility:visible;z-index:2}.hero-bg-glows{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.glow-layer{position:absolute;border-radius:50%;transition:background 0.8s ease}.glow-back{width:90vw;height:90vw;top:-25vw;left:-25vw;background:radial-gradient(circle,var(--scene-glow) 0%,transparent 50%);opacity:0.15}.glow-front{width:70vw;height:70vw;bottom:-15vw;right:-15vw;background:radial-gradient(circle,var(--scene-glow) 0%,transparent 40%);opacity:0.2}.cinematic-container{position:relative;height:100%;display:flex;justify-content:space-between;align-items:center;z-index:10;padding-top:140px}.hero-content-layer{position:relative;z-index:20;width:45%;max-width:600px;padding-right:0;opacity:1;transform:none;transition:none}.hero-content-layer::before{content:'';position:absolute;inset:-60px -40px;background:radial-gradient(circle at center,rgba(5,5,10,0.4) 0%,transparent 60%);z-index:-1;pointer-events:none}.hero-slide.active .hero-content-layer{opacity:1;transform:none}.cinematic-badge{display:inline-flex;align-items:center;gap:12px;padding:8px 20px;background:rgba(255,255,255,0.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.08);border-radius:100px;font-size:clamp(0.85rem,2vw,1rem);font-weight:600;color:#fff;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px var(--scene-glow);animation:none}@keyframes cinematicPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.5)}}.hero-title-cinematic{font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:800;line-height:1.12;letter-spacing:-0.025em;color:#ffffff;margin-bottom:1.5rem;text-shadow:0 10px 30px rgba(0,0,0,0.8);max-width:100%}.hero-title-link{display:block;text-decoration:none;color:inherit;transition:opacity 0.3s ease,transform 0.3s ease;cursor:pointer}.hero-title-link:hover{opacity:0.9;transform:translateX(-4px)}.hero-desc-cinematic{font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.7;color:rgba(255,255,255,0.85);margin-bottom:2rem;max-width:95%;text-shadow:0 5px 15px rgba(0,0,0,0.6)}.hero-actions-cinematic{display:flex;gap:1.5rem;align-items:center;margin-top:2rem}.btn-glass-premium{display:inline-flex;align-items:center;gap:16px;padding:16px 36px;background:rgba(255,255,255,0.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.15);border-radius:100px;color:#fff;font-size:1.125rem;font-weight:700;text-decoration:none;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease;position:relative;overflow:hidden}.btn-glass-premium::before{content:'';position:absolute;inset:0;background:var(--scene-glow);opacity:0;transition:opacity 0.4s ease;z-index:0}.btn-glass-premium::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:skewX(-20deg);transition:none;z-index:2}.btn-glass-premium>*{position:relative;z-index:1}.btn-glass-premium:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(255,255,255,0.5);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 30px var(--scene-glow),0 0 60px var(--scene-glow)}.btn-glass-premium:hover::before{opacity:0.2}.btn-glass-premium:hover::after{animation:ctaShine 0.8s forwards}@keyframes ctaShine{100%{left:200%}}.btn-icon-svg{transition:transform 0.3s ease}.btn-glass-premium:hover .btn-icon-svg{transform:translateX(-6px)}.btn-glass-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:rgba(37,211,102,0.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(37,211,102,0.3);border-radius:100px;color:#25d366;font-size:1rem;font-weight:700;text-decoration:none;box-shadow:0 4px 15px rgba(37,211,102,0.15);transition:transform 0.3s ease,background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden}.btn-glass-secondary:hover{transform:translateY(-4px) scale(1.02);background:rgba(37,211,102,0.2);border-color:rgba(37,211,102,0.5);box-shadow:0 20px 40px rgba(37,211,102,0.25);color:#25d366}.btn-glass-secondary svg{width:20px;height:20px;flex-shrink:0}.hero-mockup-link{display:block;width:100%;height:100%;position:relative;z-index:1;border-radius:inherit;overflow:hidden;transition:transform 0.4s ease,box-shadow 0.4s ease}.hero-mockup-link:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,0.4)}.hero-mockup-link .hero-mockup-img{width:100%;height:auto;display:block;pointer-events:none}.hero-3d-stage{position:absolute;left:0;top:50%;transform:translateY(-50%);width:55%;height:120%;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}.perspective-wrapper{position:relative;opacity:1;transition:none}.main-mockup{width:120%;max-width:1100px;transform:translate3d(-10px,0,0) scale(1.05);border-radius:20px;box-shadow:-20px 30px 60px rgba(0,0,0,0.6)}.hero-slide.active .main-mockup{opacity:1;transform:translate3d(-10px,0,0) scale(1.05)}.mobile-mockup{position:absolute;right:8%;bottom:5%;width:38%;max-width:300px;transform:translate3d(0,0,0);border-radius:16px;box-shadow:-15px 20px 40px rgba(0,0,0,0.7);z-index:30}.hero-slide.active .mobile-mockup{opacity:1;transform:translate3d(0,0,0)}.hero-mockup-img{width:100%;height:auto;object-fit:contain;border-radius:20px}.floating-badge{position:absolute;background:rgba(10,10,15,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);padding:10px 20px;border-radius:100px;color:#fff;font-weight:600;font-size:0.95rem;display:flex;align-items:center;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);opacity:1;transition:none;z-index:25}.badge-icon{font-size:1.2rem}.hero-slide.active .floating-badge{opacity:1}.badge-analytics{top:15%;right:15%;transform:translateZ(50px);transition-delay:0.4s;background:rgba(15,15,20,0.7);border-radius:12px;border-top:1px solid var(--scene-glow);padding:16px 20px}.badge-speed{top:30%;left:5%;transform:translateZ(-50px);transition-delay:0.5s;background:rgba(255,255,255,0.05);border-color:rgba(6,182,212,0.3);padding:10px 24px;box-shadow:0 10px 30px rgba(0,0,0,0.3),0 0 20px rgba(6,182,212,0.06)}.badge-seo{bottom:25%;left:10%;transform:translateZ(80px);transition-delay:0.6s;background:linear-gradient(135deg,rgba(20,20,30,0.7),rgba(10,10,15,0.4));border-radius:20px;padding:14px 28px;border-color:rgba(139,92,246,0.2)}.badge-responsive{bottom:10%;right:25%;transform:translateZ(120px);transition-delay:0.7s;background:rgba(5,5,10,0.6);border-radius:8px;border-bottom:2px solid var(--scene-glow);border-top:1px solid rgba(255,255,255,0.1)}.is-scrolling *,.hero-slider.out-of-view *{animation-play-state:paused !important}@keyframes floatY{0%{transform:translateY(0px) translateZ(var(--tz,0))}50%{transform:translateY(-8px) translateZ(var(--tz,0))}100%{transform:translateY(0px) translateZ(var(--tz,0))}}@keyframes floatXY{0%{transform:translate(0px,0px) rotate(0deg)}50%{transform:translate(6px,-8px) rotate(1deg)}100%{transform:translate(0px,0px) rotate(0deg)}}.hero-slide.active .floating-anim-1{animation:none;--tz:0px}.hero-slide.active .floating-anim-2{animation:none;--tz:50px;animation-delay:1s}.hero-slide.active .floating-anim-3{animation:none}.hero-slider-nav{position:absolute;bottom:30px;left:0;width:100%;z-index:100;pointer-events:none}.hero-slider-nav .container{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.hero-pagination{display:flex;gap:24px;counter-reset:slide-counter;opacity:0.6;transition:opacity 0.3s ease}.hero-pagination:hover{opacity:1}.hero-dot{background:transparent;border:none;padding:10px 0;cursor:pointer;position:relative;width:auto;display:flex;align-items:center;gap:10px}.hero-dot::after{counter-increment:slide-counter;content:"0" counter(slide-counter);font-size:0.75rem;font-weight:700;color:rgba(255,255,255,0.3);transition:color 0.4s ease;font-family:'Inter',sans-serif}.hero-dot.active::after{color:#60a5fa}.hero-dot::before{content:'';position:relative;width:20px;height:2px;background:rgba(255,255,255,0.15);border-radius:4px;transition:background 0.4s ease,width 0.4s ease}.hero-dot:hover::before{background:rgba(255,255,255,0.3);width:25px}.hero-dot.active::before{background:rgba(59,130,246,0.6);width:35px;box-shadow:0 0 12px rgba(59,130,246,0.3)}.hero-dot .dot-progress{position:absolute;left:0;top:50%;transform:translateY(-50%) scaleX(0);transform-origin:right;height:3px;background:#60a5fa;width:100%;border-radius:4px;box-shadow:0 0 12px rgba(59,130,246,0.5);transition:transform 0.1s linear;will-change:transform}html[dir="ltr"] .hero-dot .dot-progress{transform-origin:left}.hero-dot.active .dot-progress{height:3px}.hero-play-pause{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;backdrop-filter:blur(12px);transition:all 0.3s ease}.hero-play-pause:hover{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.4);transform:scale(1.05);box-shadow:0 0 20px rgba(59,130,246,0.15)}.mobile-only-pagination{display:none !important}@media (max-width:991px){.site-header{top:14px !important;left:0;right:0}.site-header.scrolled{top:8px !important}.header-inner{min-height:56px !important;background:rgba(10,10,16,0.75) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:16px !important;padding:6px 18px !important;box-shadow:0 12px 35px rgba(0,0,0,0.5) !important}.site-header.scrolled .header-inner{background:rgba(6,6,10,0.9) !important;border-color:rgba(255,255,255,0.18) !important}.hero-slider{height:auto;min-height:0;max-height:none;display:flex;align-items:stretch;overflow:hidden;margin-top:0 !important;padding-top:0 !important;padding-bottom:0 !important}.hero-slide{position:relative;inset:auto;width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding-top:0;padding-bottom:0;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.03) 0%,transparent 45%),radial-gradient(circle at 50% 100%,var(--scene-glow) 0%,transparent 60%)}.hero-slide:not(.active){position:absolute;inset:0;height:100%}.cinematic-container{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;height:auto;gap:0.35rem;padding-top:10px;padding-bottom:5px;padding-inline:15px}.hero-content-layer{width:100%;max-width:100%;padding-right:0;text-align:center;margin-bottom:0;display:flex;flex-direction:column;align-items:center;transform:translate3d(0,0,0);will-change:transform,opacity}.cinematic-badge{font-size:0.75rem;padding:4px 10px;margin-bottom:0.35rem;border-color:rgba(255,255,255,0.12);background:rgba(255,255,255,0.06)}.hero-title-cinematic{font-size:clamp(1.35rem,5.8vw,1.7rem);line-height:1.25;letter-spacing:-0.02em;margin-bottom:0.35rem;max-width:90%;margin-inline:auto;text-shadow:0 4px 12px rgba(0,0,0,0.6)}.hero-desc-cinematic{font-size:0.825rem;line-height:1.4;color:rgba(255,255,255,0.75);margin-bottom:0.75rem;max-width:90%;margin-inline:auto;text-shadow:0 2px 8px rgba(0,0,0,0.5)}.hero-actions-cinematic{margin-top:0;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.btn-glass-premium{width:100%;max-width:260px;padding:10px 24px;font-size:0.95rem;justify-content:center;background:#ffffff !important;color:#020205 !important;border-color:#ffffff !important;font-weight:750 !important;box-shadow:0 10px 25px rgba(255,255,255,0.15),0 4px 10px rgba(0,0,0,0.4) !important;transform:scale(1)}.btn-glass-secondary{width:100%;max-width:260px;padding:10px 24px;font-size:0.95rem;justify-content:center;background:rgba(37,211,102,0.15) !important;color:#25d366 !important;border-color:rgba(37,211,102,0.4) !important;font-weight:700 !important}.mobile-only-pagination{display:flex !important;justify-content:center;gap:8px;margin-top:0.5rem;margin-bottom:0.25rem;z-index:100}.mobile-only-pagination .hero-dot{padding:6px 0}.mobile-only-pagination .hero-dot::before{width:14px;height:3px;background:rgba(255,255,255,0.25);border-radius:100px}.mobile-only-pagination .hero-dot.active::before{width:28px;background:#ffffff;box-shadow:0 0 10px rgba(255,255,255,0.6)}.mobile-only-pagination .hero-dot::after{display:none}.hero-3d-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;height:auto;flex-grow:0;display:flex;align-items:center;justify-content:center;margin-top:0;perspective:none;padding-bottom:0}.hero-slide.active .main-mockup{width:100%;max-width:340px;height:280px;transform:none !important;box-shadow:0 12px 30px rgba(0,0,0,0.6);border-radius:20px;border:4px solid rgba(255,255,255,0.15);overflow:hidden;margin-bottom:0.5rem;transition:none}.hero-slide.active .main-mockup .hero-mockup-link{width:100%;height:100%;border-radius:inherit;overflow:hidden;display:block}.hero-slide.active .main-mockup .hero-mockup-img{width:100%;height:100%;object-fit:cover;object-position:center top}.noise-overlay{display:none !important}.mobile-mockup,.floating-badge,.hero-slider-nav{display:none !important}.floating-anim-1,.floating-anim-2,.floating-anim-3{animation:none !important}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-content-layer,.perspective-wrapper,.floating-badge,.light-streak{transition:none !important;animation:none !important;transform:none !important}}