body,html{overflow-x:hidden}.accent-border,.btn,.gradient-text,section{position:relative}.accent-border::before,.btn::before,.nav-link::after{position:absolute;content:''}.btn,.stat-item,.text-center{text-align:center}.gradient-text,.stat-number{-webkit-text-fill-color:transparent}blockquote,p{line-height:1.8}.btn,.hero,.hero-background,.logo-carousel,.progress-bar,.testimonial-card{overflow:hidden}.popular-badge,.scroll-indicator,.wheel{transform:translateX(-50%)}.btn,.client-logo-text,.tab-label{white-space:nowrap}.player-controls-combined .progress-time-demo,.player-time,.progress-time-demo{user-select:none;font-variant-numeric:tabular-nums}.language-switcher,.skip-nav,a{text-decoration:none}:root{--color-primary:#0066FF;--color-primary-light:#3385FF;--color-primary-dark:#0052CC;--color-secondary:#8B5CF6;--color-accent:#10B981;--color-accent-orange:#F59E0B;--color-accent-pink:#EC4899;--color-accent-glow:rgba(16, 185, 129, 0.3);--color-dark:#0A0E1A;--color-dark-light:#1A1F35;--color-dark-lighter:#252B42;--color-gray:#64748B;--color-light-gray:#CBD5E1;--color-white:#FFFFFF;--color-off-white:#F8FAFC;--gradient-primary:linear-gradient(135deg, #0066FF 0%, #8B5CF6 100%);--gradient-secondary:linear-gradient(135deg, #10B981 0%, #0EA5E9 100%);--gradient-accent:linear-gradient(135deg, #F59E0B 0%, #EC4899 100%);--gradient-mesh:radial-gradient(at 40% 20%, hsla(240, 100%, 70%, 0.25) 0px, transparent 50%),radial-gradient(at 80% 0%, hsla(280, 100%, 70%, 0.25) 0px, transparent 50%),radial-gradient(at 0% 50%, hsla(200, 100%, 70%, 0.25) 0px, transparent 50%),radial-gradient(at 80% 80%, hsla(320, 100%, 70%, 0.25) 0px, transparent 50%),radial-gradient(at 20% 100%, hsla(180, 100%, 70%, 0.15) 0px, transparent 50%);--glass-bg:rgba(255, 255, 255, 0.05);--glass-bg-hover:rgba(255, 255, 255, 0.08);--glass-border:rgba(255, 255, 255, 0.12);--glass-border-hover:rgba(255, 255, 255, 0.2);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.3);--glass-shadow-hover:0 12px 48px 0 rgba(0, 0, 0, 0.4);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-display:'Space Grotesk',var(--font-primary);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:4rem;--spacing-xxl:6rem;--spacing-3xl:8rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.5s cubic-bezier(0.4, 0, 0.2, 1);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.15);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.2);--shadow-xl:0 12px 48px rgba(0, 0, 0, 0.25);--shadow-glow:0 0 40px rgba(0, 102, 255, 0.4);--shadow-glow-lg:0 0 60px rgba(0, 102, 255, 0.5)}.btn,a{transition:all var(--transition-normal)}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-dark);color:var(--color-white);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}.stat-number,h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.section-label,.section-title,h1,h2,h3,h4,h5,h6,p{margin-bottom:var(--spacing-md)}section{padding:var(--spacing-3xl) 0}img{max-width:100%;height:auto;display:block}a{color:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:800}h2{font-size:clamp(2rem, 4vw, 3.5rem);font-weight:700}h3{font-size:clamp(1.5rem, 3vw, 2.25rem)}.benefit-icon,.indicator-icon,.stat-icon,h4{font-size:1.5rem}p{color:var(--color-light-gray)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;text-shadow:0 0 20px rgba(0,102,255,.3)}.nav-link:hover,.section-label{color:var(--color-primary-light)}.section-label{text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem;background:rgba(0,102,255,.1);border-radius:var(--radius-full);border:1px solid rgba(0,102,255,.2)}.section-subtitle{color:var(--color-gray);margin:0 auto var(--spacing-lg);line-height:1.6}.hero-badge,.hero-title{margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;border:none}.nav-menu,.nav-wrapper{align-items:center;display:flex}.btn-arrow,.logo img{transition:transform var(--transition-normal)}.btn::before{top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover::before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-glow)}.btn-outline,.btn-secondary{background:0 0;color:var(--color-white)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-lg)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{border:2px solid var(--glass-border);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 0 30px rgba(0,102,255,.2)}.btn-outline{border:2px solid var(--color-primary)}.glass-card,.glass-effect{background:var(--glass-bg)}.feature-list li,.hero-subtitle,blockquote{color:var(--color-light-gray)}.btn-outline:hover{background:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-glow)}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.btn-arrow{display:inline-block}.glass-card,.navbar{transition:all var(--transition-normal)}.btn-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,100%{box-shadow:0 0 40px rgba(0,102,255,.4)}50%{box-shadow:0 0 60px rgba(0,102,255,.6)}}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);will-change:transform}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.glass-effect{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.accent-border::before{inset:0;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity var(--transition-normal)}.accent-border:hover::before,.demo-container-full .benefit-item:hover::before,.scroll-indicator:hover{opacity:1}.accent-glow{box-shadow:0 0 60px rgba(0,102,255,.15)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--spacing-sm) 0;background:rgba(10,14,26,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.hero,.nav-link{position:relative}.navbar.scrolled{background:rgba(10,14,26,.95);box-shadow:var(--shadow-lg);padding:.75rem 0}.nav-link::after,.stat-number{background:var(--gradient-primary)}.nav-wrapper{justify-content:space-between}.logo img{height:40px;filter:drop-shadow(0 0 10px rgba(0, 102, 255, .3))}.logo:hover img{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(0, 102, 255, .5))}.nav-menu{gap:var(--spacing-lg)}.nav-link{font-weight:500;padding:.5rem 0;font-size:.95rem;transition:color var(--transition-normal)}.hamburger span,.language-switcher{transition:all var(--transition-normal)}.nav-link::after{bottom:0;left:0;width:0;height:2px;transition:width var(--transition-normal);border-radius:2px}.floating-shapes,.gradient-mesh,.hero-background{width:100%;position:absolute}.embedded-player-demo .progress-bar-demo,.footer-column a:hover::after,.nav-link:hover::after{width:100%}.nav-cta{display:flex;gap:var(--spacing-md);align-items:center}.language-switcher{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg)}.language-switcher:hover{background:var(--glass-bg-hover);border-color:var(--color-primary)}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:.5rem}.hamburger span{width:28px;height:3px;background:var(--color-white);border-radius:3px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:100px;padding-bottom:var(--spacing-xl)}.hero-background{top:0;left:0;height:100%;z-index:0}.gradient-mesh{height:100%;background:var(--gradient-mesh);opacity:.7;animation:30s ease-in-out infinite meshMove}@keyframes meshMove{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(-5%,5%) scale(1.1)}66%{transform:translate(5%,-5%) scale(1.05)}}.floating-shapes{height:100%}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:25s ease-in-out infinite float}.shape-1{width:400px;height:400px;background:radial-gradient(circle,var(--color-primary) 0,transparent 70%);top:10%;left:10%;animation-delay:0s}.shape-2{width:500px;height:500px;background:radial-gradient(circle,var(--color-secondary) 0,transparent 70%);top:50%;right:10%;animation-delay:7s}.shape-3{width:350px;height:350px;background:radial-gradient(circle,var(--color-accent) 0,transparent 70%);bottom:10%;left:50%;animation-delay:14s}@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,20px) rotate(3deg)}}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero-text{max-width:620px}.hero-badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);backdrop-filter:blur(10px);box-shadow:0 0 30px rgba(0,102,255,.2)}.badge-icon{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.hero-title{line-height:1.1}.hero-cta,.hero-subtitle{margin-bottom:var(--spacing-xl)}.feature-card p,.hero-subtitle{line-height:1.7}.hero-subtitle{font-size:1.25rem}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.stat-number{font-size:2.5rem;font-weight:800;-webkit-background-clip:text;background-clip:text;display:block;margin-bottom:.25rem}.author-info h4,.label,.section-label,.tab-btn{font-weight:600}.feature-card .feature-icon,.playback-indicator,.wave-bar,.wheel{background:var(--gradient-primary)}.stat-label{color:var(--color-gray);line-height:1.4}.hero-visual{display:flex;justify-content:center;align-items:center}.audio-wave-container{padding:var(--spacing-lg);position:relative}.audio-wave{display:flex;gap:8px;align-items:center;justify-content:center;height:200px}.wave-bar{width:8px;border-radius:4px;animation:1.2s ease-in-out infinite waveAnimation}.wave-bar:first-child{animation-delay:0s;height:40%}.wave-bar:nth-child(2){animation-delay:.1s;height:60%}.wave-bar:nth-child(3){animation-delay:.2s;height:80%}.wave-bar:nth-child(4){animation-delay:.3s;height:100%}.wave-bar:nth-child(5){animation-delay:.4s;height:70%}.wave-bar:nth-child(6){animation-delay:.5s;height:90%}.wave-bar:nth-child(7){animation-delay:.6s;height:65%}.wave-bar:nth-child(8){animation-delay:.7s;height:85%}.wave-bar:nth-child(9){animation-delay:.8s;height:55%}.wave-bar:nth-child(10){animation-delay:.9s;height:45%}.playback-indicator{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);cursor:pointer;transition:transform var(--transition-normal)}.control-btn-demo.play-main:hover:not(.loading),.demo-tab:hover .tab-icon,.play-btn:hover,.playback-indicator:hover,.player-play-btn:hover:not(.loading):not(.error){transform:scale(1.1)}.play-icon{color:var(--color-white);font-size:1.25rem}.scroll-indicator,.trust-label{color:var(--color-gray);text-align:center}.scroll-indicator{position:absolute;bottom:var(--spacing-lg);left:50%;font-size:.875rem;z-index:1;opacity:.8;transition:opacity var(--transition-normal)}.mouse{width:26px;height:40px;border:2px solid rgba(100,116,139,.6);border-radius:14px;margin:0 auto 8px;position:relative;box-shadow:0 0 20px rgba(100,116,139,.2)}.label,.trust-label{margin-bottom:var(--spacing-sm);font-size:.875rem;letter-spacing:1px;text-transform:uppercase}.wheel{width:4px;height:10px;border-radius:2px;position:absolute;top:8px;left:50%;animation:2.5s ease-in-out infinite scroll}.benefit,.label,.stat{border-radius:var(--radius-sm)}.logo-carousel,.pricing-card,.progress-bar,.testimonial-card,blockquote{position:relative}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(12px)}}.trust-bar{background:var(--color-dark-light);padding:var(--spacing-md) 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.logo-carousel{width:100%;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logo-track{display:flex;gap:var(--spacing-xl);width:fit-content;animation:60s linear infinite scroll-left}.client-logo-text{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);opacity:.7;color:var(--color-light)}.client-logo-text:hover{opacity:1;transform:translateY(-2px)}.client-logo{flex-shrink:0;opacity:.6;filter:grayscale(100%);transition:.3s}.bento-item,.feature-card,.feature-card .feature-icon,.tab-btn{transition:all var(--transition-normal)}.client-logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.client-logo img{height:40px;width:auto}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.content-box{padding:var(--spacing-lg)}.label{display:inline-block;padding:.5rem 1rem;background:var(--glass-bg)}.accent-border{background-image:linear-gradient(var(--color-dark),var(--color-dark)),var(--gradient-primary);background-origin:border-box;background-clip:padding-box,border-box}.problem-stats,.solution-benefits{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.benefit,.stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--glass-bg)}.section-header{margin-bottom:var(--spacing-xl)}.cta-title,.footer-brand img,.section-label,.section-title{margin-bottom:var(--spacing-sm)}.section-label{display:inline-block;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary)}.feature-card .feature-icon,.feature-card h3,.feature-card p{margin-bottom:var(--spacing-md)}.section-subtitle{font-size:1.125rem;color:var(--color-gray);max-width:600px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.demo-tabs,.player-controls,.voice-selector{gap:var(--spacing-sm)}.bento-item,.feature-card{padding:var(--spacing-lg)}.bento-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.bento-large,.bento-wide{grid-column:span 2}.feature-card:hover{transform:translateY(-6px)}.feature-card .feature-icon{width:72px;height:72px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:0 8px 24px rgba(0,102,255,.3)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 36px rgba(0,102,255,.4)}.feature-card h3{font-size:1.375rem}.booking-form,.contact-form,.feature-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-list li{font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.feature-list li::before{content:'✓';color:var(--color-accent);font-weight:700}.demo-container{padding:var(--spacing-lg);max-width:900px;margin:0 auto}.demo-tabs{display:flex;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border)}#demoAudio,#heroAudio,.tab-content{display:none}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);background:0 0;border:none;color:var(--color-gray);cursor:pointer;border-bottom:2px solid transparent}.footer-column a:hover,.play-btn,.tab-btn.active,.tab-btn:hover{color:var(--color-white)}.play-btn,.testimonial-card::before{transition:transform var(--transition-normal)}.tab-btn.active{border-bottom-color:var(--color-primary)}.tab-content{animation:.5s fadeIn}.control-btn-demo.play-main[data-playing=false] .play-icon,.embedded-player-demo .player-progress-section,.player-play-btn[data-playing=false] .play-icon,.tab-content.active{display:block}.demo-text-box{background:var(--glass-bg);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;border:1px solid var(--glass-border)}.demo-convert-btn{margin-top:var(--spacing-md)}.audio-player-demo{padding:var(--spacing-md) 0}.player-controls{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.play-btn{width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.author-info p,.time{color:var(--color-gray)}.footer-column a::after,.progress-fill{transition:width var(--transition-normal)}.progress-bar{flex:1;height:8px;background:var(--glass-bg);border-radius:4px}.progress-fill{height:100%;background:var(--gradient-primary);width:30%}.time{font-size:.875rem;min-width:100px}.waveform-visual{margin:var(--spacing-md) 0}.testimonial-header,blockquote{margin-bottom:var(--spacing-lg)}#waveformCanvas{width:100%;height:80px;border-radius:var(--radius-sm)}.voice-selector{margin-top:var(--spacing-md);display:flex;align-items:center}.voice-dropdown{flex:1;padding:var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-white);font-family:var(--font-primary)}.company-logo-badge,.engagement-metric{border-radius:var(--radius-md);display:flex}.amount,.metric-number,.stat-value{font-family:var(--font-display)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-md)}.testimonial-card{padding:var(--spacing-xl);transition:all var(--transition-normal)}.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0)}.demo-tab.active::after,.testimonial-card:hover::before{transform:scaleX(1)}.testimonial-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.testimonial-header{display:flex;align-items:center;gap:var(--spacing-md)}.company-logo-badge{background:var(--gradient-primary);align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px rgba(0,102,255,.3)}.author-info h4{margin-bottom:.25rem;font-size:1.125rem}.author-info p{font-size:.875rem;margin:0;line-height:1.4}.quote-icon{margin-bottom:var(--spacing-md);opacity:.3}blockquote{font-size:1.0625rem;font-style:normal}.engagement-metric{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(0,102,255,.08);border-left:4px solid var(--color-accent)}.analytics-card h3,.metric-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent}.metric-number{font-size:2.25rem;font-weight:800;-webkit-background-clip:text;background-clip:text;color:transparent}.metric-icon{font-size:1.75rem}.metric-label{font-size:.9375rem;color:var(--color-light-gray);font-weight:500}.analytics-section{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,rgba(0,102,255,.03) 0,rgba(139,92,246,.03) 100%);position:relative;overflow:hidden}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.analytics-card{padding:var(--spacing-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:.3s}.analytics-card:hover{transform:translateY(-8px);border-color:rgba(0,102,255,.3);background:rgba(255,255,255,.05);box-shadow:0 12px 40px rgba(0,102,255,.15)}.analytics-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,102,255,.1) 0,rgba(139,92,246,.1) 100%);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid rgba(0,102,255,.2)}.analytics-icon svg{color:var(--color-primary)}.analytics-card h3{font-size:1.375rem;margin-bottom:var(--spacing-sm);font-weight:600;-webkit-background-clip:text;background-clip:text}.analytics-card p{color:var(--color-light-gray);margin-bottom:var(--spacing-md);line-height:1.6}.analytics-features{list-style:none;padding:0;margin:0}.analytics-features li{padding:.5rem 0;display:flex;align-items:center;gap:.75rem;color:var(--color-light-gray);font-size:.9375rem}.check-icon,.feature-check{color:var(--color-accent);font-weight:700;font-size:1.125rem;flex-shrink:0}.analytics-dashboard-preview{padding:var(--spacing-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);margin-top:var(--spacing-xl)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.06)}.header-content{display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-icon,.proof-stat .stat-icon{font-size:2.5rem;line-height:1}.dashboard-header h4{font-size:1.25rem;margin-bottom:.25rem;font-weight:600}.dashboard-header p{color:var(--color-gray);font-size:.875rem;margin:0}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,255,127,.1);border:1px solid rgba(0,255,127,.3);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:#00ff7f}.dashboard-stats,.pricing-grid{display:grid;gap:var(--spacing-md)}.currency,.stat-label{color:var(--color-gray)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-box{padding:var(--spacing-md);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);text-align:center;transition:.3s}.form-input,.form-textarea,.pricing-card,.social-link{transition:all var(--transition-normal)}.stat-box:hover{background:rgba(255,255,255,.04);border-color:rgba(0,102,255,.2);transform:translateY(-4px)}.stat-value{line-height:1}.stat-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1100px;margin:0 auto}.pricing-card{padding:var(--spacing-xl);text-align:center;overflow:visible}.popular-badge,.pricing-card::before{position:absolute;background:var(--gradient-primary)}.pricing-card::before{content:'';top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity var(--transition-normal);z-index:-1}.pricing-card:hover::before{opacity:.05}.pricing-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl)}.pricing-card.featured{border:2px solid transparent;background:linear-gradient(var(--color-dark-light),var(--color-dark-light)) padding-box,var(--gradient-primary) border-box;transform:scale(1.05);box-shadow:0 0 60px rgba(0,102,255,.2)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-12px);box-shadow:0 0 80px rgba(0,102,255,.3)}.popular-badge{top:-18px;left:50%;padding:.625rem 2rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 16px rgba(0,102,255,.4);z-index:10}.article-category,.demo-label,.divider-text{text-transform:uppercase;letter-spacing:.05em}.pricing-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.pricing-header h3{font-size:1.75rem;margin-bottom:var(--spacing-md);font-weight:700}.price-tag{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.currency{font-size:1.75rem;font-weight:600}.amount{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-features{text-align:left;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.pricing-features li{padding:.5rem 0;display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-light-gray);font-size:.9375rem}.cta-section{position:relative;padding:var(--spacing-xxl) 0;overflow:hidden}.cta-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cta-background .gradient-mesh{opacity:.4}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-lg)}.cta-form,.footer-tagline,.panel-header{margin-bottom:var(--spacing-md)}.cta-form{padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.form-input,.form-textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-white);font-family:var(--font-primary);font-size:1rem}.form-input:focus,.form-textarea:focus{outline:0;border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:120px}.submit-btn{margin-top:var(--spacing-sm)}.trust-indicators{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-gray)}.footer{background:var(--color-dark-light);padding:var(--spacing-xl) 0 var(--spacing-md);border-top:1px solid var(--glass-border)}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-main{display:grid;grid-template-columns:2fr 3fr;gap:var(--spacing-xl)}.footer-tagline{color:var(--color-gray)}.social-links{display:flex;gap:var(--spacing-sm)}.social-link{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.skip-nav,.social-link:hover{background:var(--color-primary)}.social-link:hover{border-color:var(--color-primary);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.footer-column h4{font-size:1rem;margin-bottom:var(--spacing-sm)}.footer-bottom,.footer-column a{color:var(--color-gray);font-size:.875rem}.footer-column ul{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-column a{position:relative;transition:all var(--transition-fast)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.back-to-top,.skip-nav,.toast-content{color:var(--color-white)}.skip-nav{position:absolute;top:-100px;left:0;padding:var(--spacing-sm) var(--spacing-md);z-index:10000;transition:top var(--transition-fast)}.back-to-top,.toast{position:fixed;bottom:30px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.skip-nav:focus{top:0}.back-to-top{right:30px;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateY(20px);z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 0 40px rgba(0,102,255,.5)}.back-to-top:active{transform:translateY(-2px)}.toast{left:50%;transform:translateX(-50%) translateY(100px);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);z-index:10000;max-width:400px}.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.toast-content{display:flex;align-items:center;gap:var(--spacing-sm)}.toast-content svg{flex-shrink:0;color:var(--color-accent)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.booking-section{padding:var(--spacing-xl) 0;position:relative;background:linear-gradient(180deg,#0f172a 0,#0a0f1e 100%)}.booking-container{margin-top:var(--spacing-lg)}.booking-split{display:grid;grid-template-columns:1fr 1px 1fr;gap:var(--spacing-lg);align-items:start}.booking-panel{padding:var(--spacing-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);transition:.3s}.booking-panel:hover{border-color:rgba(0,102,255,.2);background:rgba(255,255,255,.04)}.panel-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.06)}.panel-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,102,255,.1);border-radius:var(--radius-sm);border:1px solid rgba(0,102,255,.2);color:var(--accent-blue)}.panel-title h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.panel-title p{font-size:.875rem;color:var(--text-secondary);margin:0}.booking-divider{width:1px;background:linear-gradient(to bottom,transparent 0,rgba(0,102,255,.3) 20%,rgba(0,102,255,.5) 50%,rgba(0,102,255,.3) 80%,transparent 100%);min-height:650px;position:relative}.booking-divider::after{content:'OR';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);padding:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);border:1px solid rgba(0,102,255,.3);border-radius:4px}.calendly-wrapper{border-radius:var(--radius-md);overflow:hidden;background:rgba(15,23,42,.5);border:1px solid rgba(255,255,255,.05)}.calendly-inline-widget,.calendly-inline-widget iframe{border-radius:var(--radius-md)}.calendly-inline-widget{overflow:hidden}.btn-block{width:100%;margin-top:var(--spacing-sm)}.btn-arrow{margin-left:.5rem;transition:transform .3s}.btn:hover .btn-arrow{transform:translateX(4px)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:50px;font-size:.875rem;font-weight:500;color:var(--color-accent)}.article-preview,.player-preview{padding:1.5rem;position:relative}.badge-icon{font-size:1rem}.product-showcase{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.article-preview{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.article-header,.player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.article-category{font-size:.75rem;color:var(--color-primary);font-weight:600}.read-time{font-size:.75rem;color:var(--color-gray)}.article-title{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--color-white)}.article-excerpt{font-size:.875rem;color:var(--color-light-gray);line-height:1.6}.now-playing,.transform-arrow{color:var(--color-accent);display:flex}.transform-arrow{justify-content:center;margin-top:1rem;animation:2s infinite bounce-arrow}@keyframes bounce-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.player-preview{background:rgba(0,102,255,.05);border:1px solid rgba(0,102,255,.2);overflow:hidden}.accent-glow{box-shadow:0 0 40px rgba(0,102,255,.2)}.now-playing{align-items:center;gap:.5rem;font-size:.75rem;font-weight:500}.badge-dot,.pulse-dot{width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.player-badge{font-size:.7rem;padding:.25rem .75rem;background:rgba(255,255,255,.1);border-radius:12px;color:var(--color-white)}.player-controls-preview{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:nowrap}.player-play-btn{width:48px;height:48px;min-width:48px;flex-shrink:0;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.player-play-btn:hover{transform:scale(1.05)}.player-progress{flex:1 1 auto;min-width:0;max-width:100%}.progress-bar-preview{width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.progress-fill-preview{height:100%;background:var(--gradient-primary);border-radius:2px}.player-time{display:flex;justify-content:space-between;font-size:.875rem;color:rgba(255,255,255,.6)}.player-speed{font-size:.875rem;padding:.5rem .75rem;background:rgba(255,255,255,.1);border-radius:8px;color:var(--color-white);font-weight:600}.audio-visualizer{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-top:1rem}.viz-bar{width:4px;background:var(--gradient-primary);border-radius:2px;animation:1s ease-in-out infinite viz-animate}.viz-bar:first-child{height:20%;animation-delay:0s}.viz-bar:nth-child(2){height:50%;animation-delay:.1s}.viz-bar:nth-child(3){height:80%;animation-delay:.2s}.viz-bar:nth-child(4){height:40%;animation-delay:.3s}.viz-bar:nth-child(5){height:70%;animation-delay:.4s}.viz-bar:nth-child(6){height:30%;animation-delay:.5s}.viz-bar:nth-child(7){height:60%;animation-delay:.6s}.viz-bar:nth-child(8){height:45%;animation-delay:.7s}@keyframes viz-animate{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.social-proof-banner{padding:3rem 0;background:linear-gradient(135deg,rgba(0,102,255,.05) 0,rgba(139,92,246,.05) 100%);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.demo-article-content,.proof-stat,.real-demo-showcase{border:1px solid rgba(255,255,255,.08)}.proof-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.proof-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.03);transition:transform .3s,box-shadow .3s}.proof-stat:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,102,255,.2)}.stat-content{flex:1}.stat-value{font-size:1.25rem;font-weight:700;color:var(--color-white);margin-bottom:.25rem}.problem-stats .stat span,.solution-benefits .benefit span,.stat-source,.sticky-cta-text span{font-size:.875rem;color:var(--color-gray)}.real-demo-showcase{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;padding:3rem;background:rgba(255,255,255,.02);margin-bottom:2rem}.demo-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.label-icon{font-size:1.125rem}.demo-article-content{padding:1.5rem;background:rgba(255,255,255,.03);border-radius:var(--radius-md)}.demo-article-content h4{font-size:1.25rem;margin-bottom:1rem;color:var(--color-white)}.demo-article-content p{font-size:.9375rem;color:var(--color-light-gray);line-height:1.7;margin-bottom:1rem}.article-meta{display:flex;gap:.5rem;font-size:.8125rem;color:var(--color-gray);margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.demo-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:0 1rem;position:relative}.demo-divider::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);transform:translateX(-50%)}.divider-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:1;animation:2s infinite pulse-icon}@keyframes pulse-icon{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,102,255,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(0,102,255,0)}}.divider-text{font-size:.75rem;color:var(--color-primary);font-weight:600;z-index:1;background:var(--color-dark);padding:.5rem 1rem;border-radius:12px}.embedded-player-demo{padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,102,255,.2);border-radius:var(--radius-md);box-shadow:0 0 40px rgba(0,102,255,.15)}.player-interface{display:flex;gap:1rem;margin-bottom:1.5rem}.player-artwork{width:64px;height:64px;flex-shrink:0}.artwork-placeholder{width:100%;height:100%;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.player-info{flex:1;display:flex;flex-direction:column;justify-content:center}.player-title{font-weight:600;color:var(--color-white);margin-bottom:.25rem;font-size:.9375rem}.benefit-text span,.player-meta{font-size:.8125rem;color:var(--color-gray)}.player-main-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.control-btn-demo{background:0 0;border:none;color:var(--color-white);cursor:pointer;transition:.2s;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.control-btn-demo:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.control-btn-demo.play-main{width:56px;height:56px;background:var(--gradient-primary)}.control-btn-demo.play-main:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,102,255,.4)}.player-progress-section{margin-bottom:1rem}.progress-bar-demo{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-bottom:.5rem;cursor:pointer}.progress-active-demo{height:100%;width:48%;background:var(--gradient-primary);border-radius:3px;transition:width .3s}.progress-time-demo{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-gray)}.player-additional-controls{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.control-icon-btn{background:0 0;border:none;color:var(--color-gray);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s}.control-icon-btn:hover,.speed-control{background:rgba(255,255,255,.05)}.benefit-text strong,.content-box h3,.control-icon-btn:hover,.speed-control,.sticky-cta-text strong{color:var(--color-white)}.speed-control{font-size:.875rem;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.speed-control:hover{background:rgba(255,255,255,.1)}.integration-badge{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8125rem;color:var(--color-accent);padding:.75rem 1rem;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm)}.demo-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.benefit-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);transition:.3s}.benefit-item:hover{background:rgba(255,255,255,.04);border-color:rgba(0,102,255,.3);transform:translateY(-2px)}.benefit-icon-box{width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.benefit-text{display:flex;flex-direction:column;gap:.125rem}.benefit-text strong{font-weight:600;font-size:.9375rem}.sticky-cta-bar{position:fixed;bottom:-100px;left:0;right:0;z-index:999;background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border-top:1px solid rgba(0,102,255,.3);box-shadow:0 -4px 24px rgba(0,0,0,.3);transition:bottom .4s cubic-bezier(.4, 0, .2, 1);padding:1rem 0}.sticky-cta-bar.visible{bottom:0}.sticky-cta-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.problem-stats .stat>div,.solution-benefits .benefit>div,.sticky-cta-text{display:flex;flex-direction:column;gap:.25rem}.sticky-cta-text strong{font-size:1.125rem;font-weight:600}.btn-glow{box-shadow:0 0 30px rgba(0,102,255,.4)}.btn-glow:hover{box-shadow:0 0 40px rgba(0,102,255,.6)}.problem-icon,.solution-icon{font-size:3rem;margin-bottom:1rem;display:block}.content-box h3{font-size:1.75rem;margin-bottom:1rem;font-weight:700}.content-box>p{font-size:1.0625rem;line-height:1.7;color:var(--color-light-gray);margin-bottom:2rem}.problem-stats .stat,.solution-benefits .benefit{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:1rem;transition:.3s}.problem-stats .stat:hover,.solution-benefits .benefit:hover{background:rgba(255,255,255,.05);border-color:rgba(0,102,255,.3);transform:translateX(4px)}.problem-stats .stat .stat-icon,.solution-benefits .benefit .benefit-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.problem-stats .stat strong,.solution-benefits .benefit strong{font-size:1rem;font-weight:600;color:var(--color-white)}.solution-benefits .benefit{border-left:3px solid var(--color-primary)}.accent-border{border:1px solid rgba(0,102,255,.3);box-shadow:0 0 40px rgba(0,102,255,.1)}.bento-item,.demo-section{position:relative;overflow:hidden}.demo-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,102,255,.03) 0,rgba(139,92,246,.03) 100%);pointer-events:none;z-index:0}.demo-container-full,.demo-container-full .demo-article-content>*,.demo-container-full .embedded-player-demo>*,.demo-section>.container{position:relative;z-index:1}.demo-container-full{width:100%;padding:0;margin:3rem 0 0}.demo-container-full .real-demo-showcase{display:grid;grid-template-columns:minmax(350px,1fr) 120px minmax(350px,1fr);gap:3rem;padding:4rem 8%;max-width:100%;background:rgba(255,255,255,.02);border:none;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;margin:0;animation:.8s ease-out fadeInUp}.demo-article-content,.embedded-player-demo{max-width:650px;width:100%}.demo-article-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.demo-player-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.demo-container-full .demo-benefits{padding:3rem 8%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:100%;background:rgba(255,255,255,.01);border-bottom:1px solid rgba(255,255,255,.05)}@media (min-width:1920px){.demo-container-full .real-demo-showcase{padding:5rem 12%;gap:4rem;grid-template-columns:minmax(400px,1fr) 140px minmax(400px,1fr)}.demo-article-content,.embedded-player-demo{max-width:700px}.demo-container-full .demo-benefits{padding:4rem 12%;gap:3rem}}@media (min-width:1440px) and (max-width:1919px){.demo-container-full .real-demo-showcase{padding:4rem 8%;gap:3rem}.demo-article-content,.embedded-player-demo{max-width:650px}}@media (min-width:1200px) and (max-width:1439px){.demo-container-full .real-demo-showcase{padding:3.5rem 6%;gap:2.5rem;grid-template-columns:minmax(300px,1fr) 100px minmax(300px,1fr)}.demo-article-content,.embedded-player-demo{max-width:600px}.demo-container-full .demo-benefits{padding:2.5rem 6%}}@media (min-width:1024px) and (max-width:1199px){.demo-container-full .real-demo-showcase{padding:3rem 5%;gap:2rem;grid-template-columns:1fr 80px 1fr}.demo-article-content,.embedded-player-demo{max-width:500px}.demo-container-full .demo-benefits{padding:2rem 5%;grid-template-columns:repeat(2,1fr)}}@media (max-width:1023px){.demo-container-full .demo-benefits,.demo-container-full .real-demo-showcase{grid-template-columns:1fr;padding:2rem 5%}.demo-container-full .real-demo-showcase{gap:2rem}.demo-article-side,.demo-player-side{align-items:flex-start}.demo-article-content,.embedded-player-demo{max-width:100%}.demo-divider{flex-direction:row;padding:1rem 0;width:100%}.demo-divider::before{left:0;right:0;top:50%;bottom:auto;width:auto;height:2px;background:linear-gradient(to right,transparent,var(--color-primary),transparent);transform:translateY(-50%)}.divider-icon{transform:rotate(90deg)}}@media (max-width:767px){.demo-container-full .demo-benefits,.demo-container-full .real-demo-showcase{padding:1.5rem 4%}.demo-article-content,.embedded-player-demo{padding:1rem}}@media (max-width:479px){.demo-container-full .real-demo-showcase{padding:1.5rem 3%;gap:1.5rem}.demo-label{font-size:.75rem}.divider-text{font-size:.625rem;padding:.375rem .75rem}.demo-container-full .demo-benefits{padding:1.5rem 3%;gap:1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.demo-article-content.fade-out,.fade-out{animation:.3s forwards fadeOut}.demo-article-content.fade-in,.fade-in{animation:.3s forwards fadeIn}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.demo-container-full .demo-divider{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.demo-container-full .demo-article-content h4{line-height:1.4;margin-bottom:1.25rem}.demo-container-full .embedded-player-demo{box-shadow:0 0 60px rgba(0,102,255,.2);transition:box-shadow .3s}.demo-container-full .embedded-player-demo:hover{box-shadow:0 0 80px rgba(0,102,255,.3)}@keyframes gentle-pulse{0%,100%{opacity:1}50%{opacity:.6}}.demo-container-full .now-playing{animation:2s ease-in-out infinite gentle-pulse}.demo-container-full .benefit-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.demo-container-full .benefit-item:hover{background:rgba(255,255,255,.06);box-shadow:0 4px 20px rgba(0,102,255,.15)}.demo-section::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(to right,transparent,rgba(0,102,255,.3),rgba(139,92,246,.3),transparent);z-index:0}.client-logo-text{display:flex;align-items:center;justify-content:center;padding:1.25rem 2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;color:rgba(255,255,255,.9);letter-spacing:.02em;transition:.3s;min-width:200px;font-family:var(--font-display)}.company-logo-badge{width:64px;height:64px;border-radius:12px;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;letter-spacing:.05em;flex-shrink:0;box-shadow:0 4px 12px rgba(0,102,255,.3);font-family:var(--font-display);border:2px solid rgba(255,255,255,.2)}.company-logo-badge:has(+ .author-info p:contains("Washington Post")){background:linear-gradient(135deg,#000 0,#2c2c2c 100%)}.testimonial-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.company-logo-badge+.author-info h4{font-size:1.125rem;margin-bottom:.25rem}.company-logo-badge+.author-info p{font-size:.875rem;color:var(--color-gray);line-height:1.4}@media (max-width:768px){.sticky-cta-content{flex-direction:column;gap:1rem;text-align:center}.sticky-cta-text{align-items:center}.sticky-cta-bar{padding:1.25rem 0}.sticky-cta-text strong{font-size:1rem}.sticky-cta-text span{font-size:.8125rem}.client-logo-text{min-width:160px;font-size:.8125rem;padding:1rem 1.5rem}.company-logo-badge{width:52px;height:52px;font-size:.75rem}}.hero-badge{margin-bottom:2rem}@media (min-width:1440px){.hero-title{font-size:3.75rem;line-height:1.1}}@media (min-width:1920px){.hero-title{font-size:4.25rem;line-height:1.1}}.stat-item{transition:transform .3s,box-shadow .3s}.stat-item:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,102,255,.15)}@keyframes subtle-pulse{0%,100%{transform:scale(1);box-shadow:0 4px 14px 0 rgba(0,102,255,.4)}50%{transform:scale(1.02);box-shadow:0 6px 20px 0 rgba(0,102,255,.5)}}.btn-primary:not(:hover),.btn-primary:not(:hover):not(:active){animation:3s ease-in-out infinite subtle-pulse}.hero-text{padding-right:2rem}.demo-container-full .demo-article-content{line-height:1.8;background:linear-gradient(135deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.01) 100%);border-left:4px solid transparent;border-image:linear-gradient(to bottom,var(--color-primary),var(--color-secondary)) 1;position:relative;overflow:hidden}.demo-container-full .demo-article-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;opacity:.3;pointer-events:none;z-index:0}.demo-container-full .demo-article-content h4{color:var(--color-white);font-weight:700;position:relative;padding-bottom:1rem}.demo-container-full .demo-article-content h4::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.demo-container-full .demo-article-content p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,.85)}.demo-container-full .article-meta{background:rgba(0,102,255,.05);padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(0,102,255,.1)}.demo-container-full .embedded-player-demo{background:linear-gradient(135deg,rgba(0,102,255,.08) 0,rgba(139,92,246,.08) 100%);border:1px solid rgba(0,102,255,.3);box-shadow:0 0 60px rgba(0,102,255,.3),0 0 100px rgba(139,92,246,.2),inset 0 0 60px rgba(0,102,255,.05);position:relative;overflow:hidden}.demo-container-full .embedded-player-demo::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,102,255,.1) 50%,transparent 70%);animation:3s linear infinite shimmer;pointer-events:none;z-index:0}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);background-position:-1000px 0}100%{transform:translateX(100%) translateY(100%) rotate(45deg);background-position:1000px 0}}.demo-container-full .embedded-player-demo:hover{box-shadow:0 0 80px rgba(0,102,255,.4),0 0 120px rgba(139,92,246,.3),inset 0 0 80px rgba(0,102,255,.08);border-color:rgba(0,102,255,.5);transform:translateY(-2px);transition:.3s}.demo-container-full .now-playing{background:rgba(16,185,129,.1);padding:.5rem .75rem;border-radius:20px;border:1px solid rgba(16,185,129,.3)}.demo-container-full .progress-bar-demo{height:8px;background:rgba(255,255,255,.15);border-radius:4px;position:relative;overflow:hidden}.demo-container-full .progress-bar-demo::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:2s linear infinite progress-shimmer}@keyframes progress-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.demo-container-full .progress-active-demo{background:var(--gradient-primary);box-shadow:0 0 10px rgba(0,102,255,.5);position:relative}.demo-container-full .control-btn-demo.play-main{background:var(--gradient-primary);box-shadow:0 0 20px rgba(0,102,255,.4),0 4px 12px rgba(0,0,0,.3);position:relative;overflow:hidden}.demo-container-full .control-btn-demo.play-main::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .3s,height .3s}.demo-container-full .control-btn-demo.play-main:hover::before{width:100%;height:100%}.demo-container-full .control-btn-demo.play-main:hover{box-shadow:0 0 30px rgba(0,102,255,.6),0 6px 16px rgba(0,0,0,.4);transform:scale(1.08)}.demo-container-full .divider-icon{box-shadow:0 0 30px rgba(0,102,255,.5),0 4px 12px rgba(0,0,0,.3)}.demo-container-full .divider-text{background:var(--color-dark);border:1px solid rgba(0,102,255,.3);box-shadow:0 0 20px rgba(0,102,255,.2)}.demo-container-full .integration-badge{margin-top:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(16,185,129,.08) 0,rgba(16,185,129,.05) 100%);border:1px solid rgba(16,185,129,.3);box-shadow:0 0 20px rgba(16,185,129,.15)}.demo-container-full .demo-label{margin-bottom:1.5rem;background:rgba(0,102,255,.05);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(0,102,255,.15);display:inline-flex;align-items:center;gap:.5rem}.demo-container-full .benefit-item{background:linear-gradient(135deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.demo-container-full .benefit-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.demo-container-full .benefit-item:hover{background:linear-gradient(135deg,rgba(0,102,255,.08) 0,rgba(139,92,246,.05) 100%);border-color:rgba(0,102,255,.3);box-shadow:0 4px 20px rgba(0,102,255,.2)}.demo-container-full .benefit-icon-box{background:var(--gradient-primary);box-shadow:0 4px 12px rgba(0,102,255,.3),inset 0 -2px 8px rgba(0,0,0,.2);position:relative;overflow:hidden}.demo-container-full .benefit-icon-box::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3));transform:rotate(45deg)}.control-btn-demo.play-main[data-playing=false] .pause-icon,.control-btn-demo.play-main[data-playing=true] .play-icon,.player-play-btn[data-playing=false] .pause-icon,.player-play-btn[data-playing=true] .play-icon{display:none!important}.control-btn-demo.play-main[data-playing=true] .pause-icon,.player-play-btn[data-playing=true] .pause-icon{display:block!important}.progress-bar-preview{cursor:pointer;position:relative}#demoPlayerProgressBar:hover,.player-controls-combined .progress-bar-demo:hover,.progress-bar-preview:hover{transform:scaleY(1.3);transition:transform .2s}#demoPlayerTitle,#nowPlayingIndicator,.demo-tab::before{transition:opacity .3s}.progress-bar-preview::after{content:'';position:absolute;top:-4px;bottom:-4px;left:0;right:0;cursor:pointer}.player-play-btn[data-playing=true]{animation:2s ease-in-out infinite pulse-playing}@keyframes pulse-playing{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(0,102,255,.4)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(0,102,255,.6)}}#heroVisualizer.playing .viz-bar{animation-play-state:running}#heroVisualizer:not(.playing) .viz-bar{animation-play-state:paused}#nowPlayingIndicator.active{opacity:1!important}.control-btn-demo.play-main.loading,.demo-tab.loading,.player-play-btn.loading{pointer-events:none;opacity:.6}.control-btn-demo.play-main.loading::after,.player-play-btn.loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.control-btn-demo.play-main.error,.player-play-btn.error{background:linear-gradient(135deg,#dc2626 0,#991b1b 100%);cursor:not-allowed}#demoPlayerProgressBar,.demo-tab{cursor:pointer}#demoPlayerProgressFill,.progress-fill-preview{transition:width .1s linear}.control-btn-demo.play-main:active:not(.loading),.player-play-btn:active:not(.loading):not(.error){transform:scale(.95)}.demo-tabs-container{display:flex;justify-content:center;margin:3rem 0 2rem;padding:0 8%}.demo-tabs{display:flex;gap:1rem;background:rgba(255,255,255,.03);padding:.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08)}.demo-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:0 0;border:1px solid transparent;border-radius:var(--radius-md);color:rgba(255,255,255,.6);font-weight:500;font-size:.9375rem;transition:.3s;overflow:hidden;position:relative}.demo-tab::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:0;z-index:-1}.demo-tab:hover:not(.active){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.demo-tab.active{background:rgba(0,102,255,.1);border-color:rgba(0,102,255,.3);color:var(--color-white);box-shadow:0 0 20px rgba(0,102,255,.2)}.bento-item:hover::before,.demo-tab.active::before{opacity:.1}.tab-icon{font-size:1.25rem;line-height:1;transition:transform .3s}.demo-tab.active .tab-icon{animation:.5s tab-icon-bounce}@keyframes tab-icon-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-tab.loading::after{content:'';position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:.6s linear infinite spin;right:.5rem}@media (max-width:1024px){.hero-text{padding-right:0}.demo-tabs-container{padding:0 5%}.demo-tabs{gap:.75rem}.demo-tab{padding:.75rem 1.25rem;font-size:.875rem}.player-controls-combined{padding:1rem;gap:.875rem}.player-controls-combined .control-btn-demo.play-main{width:44px;height:44px}}@media (max-width:768px){.demo-tabs-container{padding:0 3%;margin:2rem 0 1.5rem}.demo-tabs{flex-direction:column;gap:.5rem;width:100%;max-width:400px;margin:0 auto}.demo-tab{justify-content:center;padding:1rem}.tab-label{font-size:.9375rem}}.control-btn-demo.play-main[data-playing=true]{animation:2s ease-in-out infinite demo-pulse-playing}@keyframes demo-pulse-playing{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(0,102,255,.4)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(0,102,255,.6)}}#demoPlayerTitle.updating{opacity:.5}.embedded-player-demo .player-main-controls{align-items:center;gap:1rem}.embedded-player-demo .player-progress-section{flex-direction:column;gap:.5rem;flex:1}.embedded-player-demo .control-btn-demo.play-main{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.embedded-player-demo .progress-time-demo{display:flex;justify-content:space-between;padding:0 .5rem;margin-top:.25rem}@media (max-width:768px){.embedded-player-demo .player-main-controls{gap:.75rem}.embedded-player-demo .control-btn-demo.play-main{width:44px;height:44px}}.player-controls-combined{display:flex;align-items:center}.player-controls-combined .control-btn-demo.play-main{flex-shrink:0;display:flex;align-items:center;justify-content:center}.player-controls-combined .progress-wrapper{flex:1;display:flex;flex-direction:column}.player-controls-combined .progress-active-demo{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width .1s linear;box-shadow:0 0 8px rgba(0,102,255,.5)}.player-controls-combined .progress-time-demo{display:flex;justify-content:space-between;font-size:.8125rem;color:rgba(255,255,255,.6);padding-left:.25rem}@media (max-width:768px){.player-controls-combined{padding:.875rem 1rem;gap:.75rem}.player-controls-combined .control-btn-demo.play-main{width:40px;height:40px}.player-controls-combined .progress-time-demo{font-size:.75rem}}@media (max-width:480px){.client-logo-text{min-width:140px;font-size:.75rem;padding:.875rem 1.25rem}.company-logo-badge{width:48px;height:48px;font-size:.6875rem}.tab-label{display:none}.demo-tab{justify-content:center;min-width:60px}.demo-tabs{flex-direction:row;justify-content:space-between}.tab-icon{font-size:1.5rem}.embedded-player-demo .player-main-controls{gap:.5rem}.embedded-player-demo .control-btn-demo.play-main{width:40px;height:40px}.player-controls-combined{padding:.75rem;gap:.625rem}.player-controls-combined .control-btn-demo.play-main{width:36px;height:36px}.player-controls-combined .control-btn-demo.play-main svg{width:20px;height:20px}}.embedded-player-demo .player-main-controls{display:block;margin:0;padding:0}.player-controls-combined{display:flex;align-items:flex-start!important;gap:1rem;padding:1rem 1.5rem}.player-controls-combined .control-btn-demo.play-main{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:-8px 0 0}.player-controls-combined .progress-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem;padding-top:0}.player-controls-combined .progress-bar-demo{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;cursor:pointer;position:relative;margin:0}@media (max-width:1024px){.player-controls-combined .control-btn-demo.play-main{width:44px;height:44px;margin-top:-7px}}@media (max-width:768px){.player-controls-combined .control-btn-demo.play-main{width:40px;height:40px;margin-top:-6px}}@media (max-width:480px){.player-controls-combined .control-btn-demo.play-main{width:36px;height:36px;margin-top:-5px}}.language-switcher{display:inline-flex;align-items:center;padding:.5rem 1rem;color:rgba(255,255,255,.8);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:.3s;margin-right:1rem;border:1px solid rgba(255,255,255,.15)}.language-switcher:hover{color:var(--color-white);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.bento-item::before,.demo-tab::after,.footer-column a::after{content:'';position:absolute;background:var(--gradient-primary)}.language-switcher:active{transform:translateY(0)}@media (max-width:768px){.language-switcher{padding:.4rem .8rem;font-size:.8125rem;margin-right:.5rem}}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.footer-column a::after{bottom:-2px;left:0;width:0;height:1px}.form-input,.form-textarea,.proof-stat{transition:all var(--transition-normal)}.proof-stat:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.demo-tab::after{bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transition:transform var(--transition-normal)}.bento-item::before{top:-2px;left:-2px;right:-2px;bottom:-2px;opacity:0;z-index:-1;border-radius:inherit;transition:opacity var(--transition-normal)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,255,.1)}@keyframes subtle-pulse{0%,100%{box-shadow:0 0 40px rgba(0,102,255,.4)}50%{box-shadow:0 0 50px rgba(0,102,255,.6)}}.loading{background:linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 100%);background-size:1000px 100%;animation:2s infinite shimmer}