:root{--neon-purple: #9D00FF;--neon-purple-rgb: 157, 0, 255;--neon-pink: #FF5CCD;--neon-pink-rgb: 255, 92, 205;--neon-teal: #00E6D6;--neon-teal-rgb: 0, 230, 214;--neon-gold: #E6C200;--neon-gold-rgb: 230, 194, 0;--bg-primary: #0a0a0f;--bg-secondary: #1a0d2e;--bg-surface: rgba(255, 255, 255, .02);--dark-bg: #0E0E12;--dark-surface: #1A1A1F;--dark-elevated: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--z-background: 0;--z-effects: 1;--z-content: 2;--z-header: 10;--z-modal: 20;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--glow-purple: 0 0 20px rgba(157, 0, 255, .5);--glow-gold: 0 0 20px rgba(230, 194, 0, .5);--glow-teal: 0 0 20px rgba(0, 230, 214, .5);--glow-pink: 0 0 20px rgba(255, 92, 205, .5);--neon-green: #39FF14;--neon-green-rgb: 57, 255, 20;--neon-cyan: #00E5FF;--neon-cyan-rgb: 0, 229, 255;--neon-vivid-purple: #B347FF;--neon-vivid-purple-rgb: 179, 71, 255;--neon-hot-pink: #FF006E;--neon-hot-pink-rgb: 255, 0, 110}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes floatOptimized{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(10px,-10px,0) scale(1.02)}66%{transform:translate3d(-5px,5px,0) scale(.98)}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.5}}[data-animation]{transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}[data-animation][data-delay="1"]{transition-delay:.1s}[data-animation][data-delay="2"]{transition-delay:.2s}[data-animation][data-delay="3"]{transition-delay:.3s}[data-animation][data-delay="4"]{transition-delay:.4s}[data-animation][data-delay="5"]{transition-delay:.5s}.animate-slide-up{animation:fadeUp .8s ease-out both}@media (max-width: 768px){[data-animation]{transition-duration:.4s}[data-animation][data-animation=fade-up]{transform:translateY(16px)}[data-animation][data-animation=fade-left],[data-animation][data-animation=fade-right]{transform:translate(0)}}@keyframes neonBorderSweep{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.neon-border-animated{position:relative;border-radius:16px;overflow:visible}.neon-border-animated:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--border-angle),#FFD700 0%,#00E5FF 25%,#FF006E 50%,#39FF14 75%,#FFD700 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:neonBorderSweep 40s linear infinite;opacity:.6;transition:opacity .3s ease}.neon-border-animated:after{content:"";position:absolute;inset:-4px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--border-angle),#FFD700 0%,#00E5FF 25%,#FF006E 50%,#39FF14 75%,#FFD700 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:neonBorderSweep 40s linear infinite;filter:blur(8px);opacity:.25}.neon-border-animated:hover:before{opacity:.85}.neon-border-animated:hover:after{opacity:.4}.neon-border-animated>*{position:relative;z-index:1}@media (max-width: 768px){.neon-border-animated:before,.neon-border-animated:after{animation-duration:60s}}@keyframes neonGlowPingPong{0%,to{box-shadow:0 0 6px #ffd7004d,0 0 12px #ffd7000d;border-color:#ffd70099}50%{box-shadow:0 0 6px #b347ff4d,0 0 12px #b347ff0d;border-color:#b347ff99}}.neon-glow-card{border:1.5px solid rgba(255,215,0,.6);border-radius:16px;animation:neonGlowPingPong 6s ease-in-out infinite;transition:transform .3s ease}.neon-glow-card:hover{transform:translateY(-3px)}@media (max-width: 768px){.neon-glow-card{animation-duration:8s}}@keyframes shimmerStreak{0%{transform:translateY(100%) scaleY(0);opacity:0}20%{opacity:.6;transform:translateY(50%) scaleY(1)}80%{opacity:.6}to{transform:translateY(-100%) scaleY(0);opacity:0}}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-1{margin-top:var(--space-xs)!important}.mt-2{margin-top:var(--space-sm)!important}.mt-3{margin-top:var(--space-md)!important}.mt-4{margin-top:var(--space-lg)!important}.mt-5{margin-top:var(--space-xl)!important}.mb-1{margin-bottom:var(--space-xs)!important}.mb-2{margin-bottom:var(--space-sm)!important}.mb-3{margin-bottom:var(--space-md)!important}.mb-4{margin-bottom:var(--space-lg)!important}.mb-5{margin-bottom:var(--space-xl)!important}.p-1{padding:var(--space-xs)!important}.p-2{padding:var(--space-sm)!important}.p-3{padding:var(--space-md)!important}.p-4{padding:var(--space-lg)!important}.p-5{padding:var(--space-xl)!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}@media (max-width: 768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-full-width{width:100%!important}}@media (min-width: 769px){.desktop-hide{display:none!important}.desktop-show{display:block!important}}.will-change-transform{will-change:transform}.will-change-auto{will-change:auto}.reduce-motion{animation:none!important;transition:none!important}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media (max-width: 968px){.section-split{grid-template-columns:1fr;gap:2rem}}.section-phone-image{display:flex;justify-content:center;align-items:center}.section-phone-image img{height:280px;width:auto;max-width:100%;object-fit:contain;border-radius:20px;box-shadow:0 12px 32px #0006,0 0 40px #9d00ff26;transition:transform .3s ease}.section-phone-image img:hover{transform:scale(1.03)}@media (max-width: 768px){.section-phone-image img{height:200px;border-radius:16px}}@media (max-width: 480px){.section-phone-image img{height:170px}}.section-phone-image.section-phone-image--large img{height:380px}@media (max-width: 768px){.section-phone-image.section-phone-image--large img{height:240px}}@media (max-width: 480px){.section-phone-image.section-phone-image--large img{height:200px}}.touch-target{min-width:44px;min-height:44px;padding:12px}@media (pointer: coarse){.touch-target{min-width:48px;min-height:48px}}.interactive-element{margin:8px;-webkit-tap-highlight-color:rgba(var(--neon-purple-rgb),.2)}.container{width:100%;padding:0 1rem;margin:0 auto}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 768px){.container{padding:0 2rem;max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#0a0a0ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:1000}.mobile-nav .nav-items{display:flex;justify-content:space-around;padding:.5rem 0}.mobile-nav .nav-items .nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;min-width:44px;min-height:44px}.mobile-nav .nav-items .nav-item .icon{font-size:1.25rem;margin-bottom:.25rem}.mobile-nav .nav-items .nav-item .label{font-size:.75rem}@media (min-width: 768px){.mobile-nav{display:none}}h1{font-size:clamp(1.75rem,5vw,3.5rem);line-height:1.1}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2}h3{font-size:clamp(1.25rem,3vw,2rem);line-height:1.3}p{font-size:clamp(.9rem,2vw,1.125rem);line-height:1.6}.form-mobile .form-field{margin-bottom:1.5rem}.form-mobile .form-field input,.form-mobile .form-field textarea,.form-mobile .form-field select{width:100%;padding:1rem;font-size:16px;border-radius:12px}.form-mobile .form-field input:focus,.form-mobile .form-field textarea:focus,.form-mobile .form-field select:focus{scroll-margin-top:100px}.form-mobile .form-field label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.form-mobile .submit-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;min-height:48px}@media (min-width: 640px){.form-mobile .submit-button{width:auto;padding:.875rem 2rem}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-radius:24px 24px 0 0;transform:translateY(calc(100% - 100px));transition:transform .3s ease;z-index:999}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet .handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:12px auto}.safe-area-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width: 768px){.grid,.features-grid,.tools-grid,.widgets-grid{grid-template-columns:1fr!important}}.background-effects{position:fixed;inset:0;z-index:0;pointer-events:none;contain:layout style paint}.background-effects .bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(var(--neon-purple-rgb),.6),rgba(var(--neon-purple-rgb),.1));border:1px solid rgba(var(--neon-purple-rgb),.5);box-shadow:0 0 30px rgba(var(--neon-purple-rgb),.4),inset 0 0 20px rgba(var(--neon-purple-rgb),.2);animation:optimizedFloat 15s ease-in-out infinite;filter:blur(8px)}.background-effects .bubble.bubble-1{width:150px;height:150px;top:15%;left:10%;animation-delay:0s}.background-effects .bubble.bubble-2{width:250px;height:250px;top:50%;right:15%;animation-delay:3s;background:radial-gradient(circle at 30% 30%,rgba(var(--neon-gold-rgb),.3),rgba(var(--neon-gold-rgb),.05));border-color:rgba(var(--neon-gold-rgb),.4);box-shadow:0 0 30px rgba(var(--neon-gold-rgb),.4),inset 0 0 20px rgba(var(--neon-gold-rgb),.2)}.background-effects .bubble.bubble-3{width:100px;height:100px;bottom:10%;left:20%;animation-delay:7s;background:radial-gradient(circle at 30% 30%,rgba(var(--neon-teal-rgb),.35),rgba(var(--neon-teal-rgb),.05));border-color:rgba(var(--neon-teal-rgb),.4);box-shadow:0 0 30px rgba(var(--neon-teal-rgb),.4),inset 0 0 20px rgba(var(--neon-teal-rgb),.2)}.background-effects .bubble.bubble-4{width:180px;height:180px;top:25%;right:35%;animation-delay:11s;background:radial-gradient(circle at 30% 30%,rgba(var(--neon-pink-rgb),.3),rgba(var(--neon-pink-rgb),.05));border-color:rgba(var(--neon-pink-rgb),.4);box-shadow:0 0 30px rgba(var(--neon-pink-rgb),.4),inset 0 0 20px rgba(var(--neon-pink-rgb),.2)}@media (max-width: 768px){.background-effects .bubble{opacity:.5}}@keyframes optimizedFloat{0%,to{transform:translateZ(0) scale(1)}33%{transform:translate3d(30px,-40px,0) scale(1.1)}66%{transform:translate3d(-20px,20px,0) scale(.9)}}.neon-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(157,0,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(157,0,255,.2) 1px,transparent 1px);background-size:60px 60px;opacity:.6;animation:gridPulse 8s ease-in-out infinite;box-shadow:inset 0 0 100px rgba(var(--neon-purple-rgb),.15)}@media (max-width: 768px){.neon-grid{background-size:80px 80px}}@keyframes gridPulse{0%,to{opacity:.4}50%{opacity:.8}}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;mix-blend-mode:screen;animation:orbFloat 15s ease-in-out infinite}.gradient-orb.orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(157,0,255,.4) 0%,transparent 70%);top:-100px;left:-100px}.gradient-orb.orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(230,194,0,.3) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:5s}.gradient-orb.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(0,230,214,.3) 0%,transparent 70%);top:40%;left:60%;animation-delay:10s}@keyframes orbFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(50px,-50px,0)}}.shimmer-streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shimmer-streaks .streak{position:absolute;width:2px;background:linear-gradient(to bottom,transparent,rgba(0,229,255,.8),transparent);animation:shimmerStreak 6s ease-in-out infinite;opacity:0}.shimmer-streaks .streak:nth-child(1){left:12%;height:10%;animation-delay:0s}.shimmer-streaks .streak:nth-child(2){left:35%;height:12%;animation-delay:1.5s;background:linear-gradient(to bottom,transparent,rgba(255,215,0,.7),transparent)}.shimmer-streaks .streak:nth-child(3){left:68%;height:8%;animation-delay:3s;background:linear-gradient(to bottom,transparent,rgba(57,255,20,.7),transparent)}.shimmer-streaks .streak:nth-child(4){left:85%;height:10%;animation-delay:4.5s;background:linear-gradient(to bottom,transparent,rgba(255,0,110,.7),transparent)}@keyframes shimmerStreak{0%{transform:translateY(100vh) scaleY(0);opacity:0}15%{opacity:.8;transform:translateY(60vh) scaleY(1)}85%{opacity:.8}to{transform:translateY(-20vh) scaleY(0);opacity:0}}:root{--effect-scale: 1}@media (max-width: 1024px){:root{--effect-scale: .8}}@media (max-width: 768px){:root{--effect-scale: .5}}@media (max-width: 480px){:root{--effect-scale: .3}}.background-effect{transform:scale(var(--effect-scale))}.banner-section.full-bleed{width:100%;padding:0;margin:0;overflow:hidden;background:#000;display:flex;flex-direction:column;position:relative;z-index:10;box-shadow:0 10px 40px #00000080}.banner-section.full-bleed .banner-grid{display:flex;width:100%}@media (max-width: 768px){.banner-section.full-bleed .banner-grid{flex-direction:column}}.banner-section.full-bleed .banner-grid img.full-banner-img{width:100%;height:auto;object-fit:cover;flex:1;display:block;border-bottom:2px solid rgba(var(--neon-purple-rgb),.3)}.banner-section.full-bleed .banner-grid img.full-banner-img:hover{filter:brightness(1.1);transition:filter .3s ease}.features-gallery-section{padding:6rem 0;background:linear-gradient(to bottom,#000,rgba(var(--neon-purple-rgb),.05));position:relative;z-index:5}.features-gallery-section .section-header{text-align:center;margin-bottom:4rem}.features-gallery-section .section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff}.features-gallery-section .section-header p{color:#ffffffb3;max-width:600px;margin:1rem auto 0;font-size:1.1rem}.features-gallery-section .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.features-gallery-section .gallery-grid .gallery-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.features-gallery-section .gallery-grid .gallery-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(var(--neon-purple-rgb),.4);border-color:rgba(var(--neon-purple-rgb),.5)}.features-gallery-section .gallery-grid .gallery-item img{width:100%;height:auto;display:block;object-fit:cover}.b2b-layout{display:flex;align-items:center;gap:4rem;background:#0a0a0f66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:4rem;box-shadow:0 20px 40px #0006}@media (max-width: 768px){.b2b-layout{flex-direction:column;gap:3rem;padding:2rem;border-radius:16px}}.b2b-layout.image-first{flex-direction:row-reverse}@media (max-width: 768px){.b2b-layout.image-first{flex-direction:column}}.b2b-info{flex:1;width:100%}.b2b-visual{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.b2b-visual .interactive-showcase{margin:0}.mockup-container,.mockup-wrapper,.mockup-3d{position:relative}.mockup-container .fullscreen-btn,.mockup-wrapper .fullscreen-btn,.mockup-3d .fullscreen-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:#0a0a0fb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;flex-shrink:0;box-sizing:border-box}.mockup-container .fullscreen-btn:hover,.mockup-wrapper .fullscreen-btn:hover,.mockup-3d .fullscreen-btn:hover{background:rgba(var(--neon-color-rgb),.3);border-color:rgba(var(--neon-color-rgb),.8);transform:scale(1.1);box-shadow:0 0 15px rgba(var(--neon-color-rgb),.4)}.mockup-container .fullscreen-btn svg,.mockup-wrapper .fullscreen-btn svg,.mockup-3d .fullscreen-btn svg{width:20px!important;height:20px!important;flex-shrink:0;display:block}.feature-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}@media (max-width: 768px){.feature-list{gap:1rem}}.feature-item{background:transparent;border:none;border-left:2px solid rgba(255,255,255,.1);border-radius:0;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1.2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}@media (max-width: 768px){.feature-item{padding:1rem 1.2rem;gap:1rem}}.feature-item:hover{transform:translate(10px);background:transparent}.feature-item .panel-icon{font-size:1.8rem;min-width:40px;display:flex;align-items:center;justify-content:center;transition:transform .4s ease,filter .4s ease;position:relative;z-index:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.feature-item .panel-content{position:relative;z-index:1}.feature-item .panel-content h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 .2rem;transition:all .3s ease;letter-spacing:.5px}.feature-item .panel-content p{font-size:.9rem;color:#ffffff80;margin:0;line-height:1.4;transition:color .3s ease}.interactive-showcase{display:flex;justify-content:center;align-items:center;margin:4rem 0;position:relative}@media (max-width: 968px){.interactive-showcase{flex-direction:column;gap:3rem}}.interactive-showcase .mockup-wrapper,.interactive-showcase .mockup-3d{position:relative;max-width:clamp(280px,45vw,600px);width:100%;z-index:10}@media (max-width: 768px){.interactive-showcase .mockup-wrapper,.interactive-showcase .mockup-3d{max-width:clamp(260px,80vw,400px)}}.interactive-showcase .mockup-wrapper .base-image,.interactive-showcase .mockup-wrapper .mockup-img,.interactive-showcase .mockup-3d .base-image,.interactive-showcase .mockup-3d .mockup-img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px rgba(var(--neon-color-rgb),.2);position:relative;z-index:5}.interactive-showcase .mockup-wrapper .hotspot,.interactive-showcase .mockup-3d .hotspot{position:absolute;z-index:20;transition:all .8s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.interactive-showcase .mockup-wrapper .hotspot,.interactive-showcase .mockup-3d .hotspot{display:none}}.interactive-showcase .mockup-wrapper .hotspot .hotspot-btn,.interactive-showcase .mockup-3d .hotspot .hotspot-btn{width:32px;height:32px;border-radius:50%;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(var(--neon-color-rgb),.8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;box-shadow:0 0 15px rgba(var(--neon-color-rgb),.4);transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%);animation:hotspotPulse 2s infinite;animation-delay:var(--pulse-delay, 0s)}.interactive-showcase .mockup-wrapper .hotspot .hotspot-btn:hover,.interactive-showcase .mockup-3d .hotspot .hotspot-btn:hover{transform:translate(-50%,-50%) scale(1.15);background:rgba(var(--neon-color-rgb),.2);box-shadow:0 0 30px rgba(var(--neon-color-rgb),.8)}.interactive-showcase .mockup-wrapper .hotspot .hotspot-card,.interactive-showcase .mockup-3d .hotspot .hotspot-card{position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-40%) translate(15px);width:280px;background:#0a0a0fd9;border:1px solid rgba(var(--neon-color-rgb),.5);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 40px #0009,inset 0 0 20px rgba(var(--neon-color-rgb),.1);pointer-events:none}.interactive-showcase .mockup-wrapper .hotspot .hotspot-card:before,.interactive-showcase .mockup-3d .hotspot .hotspot-card:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid rgba(var(--neon-color-rgb),.5)}.interactive-showcase .mockup-wrapper .hotspot .hotspot-card h4,.interactive-showcase .mockup-3d .hotspot .hotspot-card h4{color:var(--neon-color);font-weight:800;font-size:1.2rem;margin:0 0 .5rem;text-shadow:0 0 15px rgba(var(--neon-color-rgb),.4)}.interactive-showcase .mockup-wrapper .hotspot .hotspot-card p,.interactive-showcase .mockup-3d .hotspot .hotspot-card p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0}.interactive-showcase .mockup-wrapper .hotspot:hover .hotspot-card,.interactive-showcase .mockup-3d .hotspot:hover .hotspot-card{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);pointer-events:auto}.interactive-showcase .mockup-wrapper .hotspot.left-side .hotspot-card,.interactive-showcase .mockup-3d .hotspot.left-side .hotspot-card{left:auto;right:calc(100% + 20px);transform:translateY(-40%) translate(-15px)}.interactive-showcase .mockup-wrapper .hotspot.left-side .hotspot-card:before,.interactive-showcase .mockup-3d .hotspot.left-side .hotspot-card:before{left:auto;right:-8px;border-right:none;border-left:8px solid rgba(var(--neon-color-rgb),.5)}.interactive-showcase .mockup-wrapper .hotspot.left-side:hover .hotspot-card,.interactive-showcase .mockup-3d .hotspot.left-side:hover .hotspot-card{transform:translateY(-50%) translate(0)}.interactive-showcase.animate-in .hotspot{opacity:1;transform:translateY(0) scale(1)}.interactive-showcase.animate-in .mobile-features-grid .mobile-feature-card{opacity:1;transform:translateY(0)}.interactive-showcase.animate-in .mobile-features-grid .mobile-feature-card:nth-child(1){transition-delay:.1s}.interactive-showcase.animate-in .mobile-features-grid .mobile-feature-card:nth-child(2){transition-delay:.3s}.interactive-showcase.animate-in .mobile-features-grid .mobile-feature-card:nth-child(3){transition-delay:.5s}.interactive-showcase.animate-in .mobile-features-grid .mobile-feature-card:nth-child(4){transition-delay:.7s}.interactive-showcase.animate-in .mobile-features-grid .mobile-feature-card:nth-child(5){transition-delay:.9s}@media (max-width: 900px){.interactive-showcase .simulator-layout{flex-direction:column!important}.interactive-showcase .simulator-layout .client-pane,.interactive-showcase .simulator-layout .management-pane{flex-direction:column!important;text-align:center}}.interactive-showcase .mobile-features-grid{display:none;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:600px;margin:0 auto}@media (max-width: 968px){.interactive-showcase .mobile-features-grid{display:grid}}.interactive-showcase .mobile-features-grid .mobile-feature-card{background:#0a0a0fb3;border:1px solid rgba(var(--neon-color-rgb),.3);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s cubic-bezier(.4,0,.2,1)}.interactive-showcase .mobile-features-grid .mobile-feature-card .feature-icon{width:50px;height:50px;border-radius:12px;background:rgba(var(--neon-color-rgb),.15);border:1px solid rgba(var(--neon-color-rgb),.4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;color:#fff;box-shadow:0 0 15px rgba(var(--neon-color-rgb),.3)}.interactive-showcase .mobile-features-grid .mobile-feature-card .feature-text h4{color:var(--neon-color);font-weight:700;font-size:1.1rem;margin:0 0 .3rem}.interactive-showcase .mobile-features-grid .mobile-feature-card .feature-text p{color:#fffc;font-size:.95rem;margin:0;line-height:1.4}@keyframes hotspotPulse{0%{box-shadow:0 0 rgba(var(--neon-color-rgb),.6)}70%{box-shadow:0 0 0 15px rgba(var(--neon-color-rgb),0)}to{box-shadow:0 0 rgba(var(--neon-color-rgb),0)}}@media (max-width: 768px){html,body{overflow-x:hidden;max-width:100vw}body{font-size:16px;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,span,a,li{overflow-wrap:break-word;word-wrap:break-word}.container{padding:0 1rem;max-width:100%}.background-effects{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1;pointer-events:none}.background-effects .floating-bubbles .bubble:nth-child(n+5){display:none}.background-effects .neon-grid{opacity:.1}.background-effects .particle-field .particle:nth-child(n+6){display:none}.split-content,.section-content,.features-content{display:flex;flex-direction:column;gap:2rem}.grid,.features-grid,.tools-grid,.widgets-grid,.cards-grid,.apps-grid{grid-template-columns:1fr;gap:1rem}.section-header{text-align:center}.card,.feature-card,.widget,.tool-card{width:100%;max-width:100%}img{max-width:100%;height:auto}form{width:100%}form input,form textarea,form select{width:100%;max-width:100%;font-size:16px}.form-row{flex-direction:column;gap:1rem}button,.btn,[class*=btn-]{min-height:44px;min-width:44px}.hide-mobile{display:none}.show-mobile{display:block}.text-center-mobile{text-align:center}.stack-mobile{flex-direction:column}.full-width-mobile{width:100%}}@media (max-width: 480px){.background-effects .floating-bubbles .bubble:nth-child(n+3){display:none}.background-effects .particle-field{display:none}}@media (max-width: 375px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}@media (max-width: 768px) and (max-device-memory: 2GB){*{animation:none!important;transition:none!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.background-effects,.floating-bubbles,.particle-field,.neon-grid{display:none!important}}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px}@media (max-width: 768px){html{font-size:14px}}img{max-width:100%;height:auto;display:block}.feature-icon,.badge-icon,.icon-emoji,.point-icon,.highlight-icon,.benefit-icon{line-height:1;overflow:hidden;flex-shrink:0}body{font-family:Inter,Segoe UI,Roboto,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--neon-purple),var(--neon-gold));border-radius:4px;-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--neon-gold),var(--neon-purple));box-shadow:var(--glow-purple)}::-webkit-scrollbar-corner{background:var(--dark-surface)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em}h1.neon-text,h2.neon-text,h3.neon-text,h4.neon-text,h5.neon-text,h6.neon-text{background:linear-gradient(135deg,var(--neon-purple),var(--neon-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--glow-purple)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--text-secondary);margin-bottom:1em}p.lead{font-size:1.25rem;font-weight:400}a{color:var(--neon-teal);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--neon-gold);text-shadow:var(--glow-teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-slow)}.btn:hover:before{left:100%}.btn.btn-primary{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));color:#fff;box-shadow:var(--glow-purple)}.btn.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #9d00ff66}.btn.btn-secondary{background:linear-gradient(135deg,var(--neon-gold),var(--neon-teal));color:var(--dark-bg);box-shadow:var(--glow-gold)}.btn.btn-secondary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #e6c20066}.btn.btn-outline{background:transparent;border:2px solid var(--neon-teal);color:var(--neon-teal)}.btn.btn-outline:hover{background:var(--neon-teal);color:var(--dark-bg);box-shadow:var(--glow-teal);transform:translateY(-2px)}.btn.btn-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.btn-ghost:hover{background:#ffffff1a;border-color:var(--neon-purple);box-shadow:var(--glow-purple)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--dark-surface);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-purple),var(--neon-gold),var(--neon-teal));opacity:0;transition:var(--transition-normal)}.card:hover{transform:translateY(-4px);border-color:var(--neon-purple);box-shadow:0 10px 30px #9d00ff33}.card:hover:before{opacity:1}.card.card-glow{border-color:var(--neon-purple);box-shadow:var(--glow-purple)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:0 0 30px #9d00ffcc}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}.section{padding:4rem 0}@media (min-width: 768px){.section{padding:6rem 0}}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}.mobile-text-center{text-align:center!important}.mobile-text-left{text-align:left!important}.mobile-p-2{padding:.5rem!important}.mobile-p-4{padding:1rem!important}.mobile-gap-2{gap:.5rem!important}.mobile-gap-4{gap:1rem!important}}input,textarea,select{font-size:16px}button,a{min-height:44px;min-width:44px}@media (hover: hover){button,a{min-height:auto;min-width:auto}}*:focus{outline:2px solid var(--neon-teal);outline-offset:2px;border-radius:4px}::selection{background:var(--neon-purple);color:#fff}::-moz-selection{background:var(--neon-purple);color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}