:root{--brand-primary:#dc2626;--brand-secondary:#991b1b;--brand-accent:#ef4444;--color-success:#51cf66;--color-warning:#ffd43b;--color-danger:#ff6b6b;--color-info:#339af0;--neutral-1000:#0a0f1c;--neutral-900:#1a1f3a;--neutral-800:#2d2d4f;--neutral-700:#404060;--neutral-600:#535371;--neutral-500:#6b6b85;--neutral-400:#8787a0;--neutral-300:#a8a8bf;--neutral-200:#d0d0e0;--neutral-100:#e8e8f0;--neutral-0:#fff;--gradient-brand:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);--gradient-cta:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);--gradient-hover:linear-gradient(135deg,#991b1b 0%,#dc2626 100%);--gradient-dark:radial-gradient(ellipse at top,var(--neutral-900)0%,var(--neutral-1000)100%);--gradient-section:linear-gradient(180deg,transparent 0%,rgba(220,38,38,.05) 50%,transparent 100%);--gradient-glow:radial-gradient(circle,var(--brand-accent)0%,transparent 70%);--gradient-shimmer:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Fira Code","Consolas",monospace;--text-6xl:4.5rem;--text-5xl:3.75rem;--text-4xl:3rem;--text-3xl:2.25rem;--text-2xl:1.875rem;--text-xl:1.5rem;--text-lg:1.25rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--leading-tight:1.1;--leading-normal:1.5;--leading-relaxed:1.75;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:800;--space-unit:.25rem;--space-1:calc(var(--space-unit)*1);--space-2:calc(var(--space-unit)*2);--space-3:calc(var(--space-unit)*3);--space-4:calc(var(--space-unit)*4);--space-5:calc(var(--space-unit)*5);--space-6:calc(var(--space-unit)*6);--space-8:calc(var(--space-unit)*8);--space-10:calc(var(--space-unit)*10);--space-12:calc(var(--space-unit)*12);--space-16:calc(var(--space-unit)*16);--space-20:calc(var(--space-unit)*20);--space-24:calc(var(--space-unit)*24);--space-32:calc(var(--space-unit)*32);--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.7s;--duration-slowest:1s;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-glow:0 0 20px rgba(102,126,234,.5);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (max-width:768px){:root{--text-6xl:3rem;--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.75rem;--text-2xl:1.5rem;--text-xl:1.25rem}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes led-pulse{0%,to{opacity:1;box-shadow:0 0 10px}50%{opacity:.6;box-shadow:0 0 5px}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes border-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:200%}to{background-position:-200%}}@keyframes glitchIn{0%{opacity:0;transform:translate(-100px)}20%{opacity:1;transform:translate(100px)}40%{transform:translate(-50px)}60%{transform:translate(50px)}80%{transform:translate(-25px)}to{transform:translate(0)}}@keyframes glitchOut{0%{opacity:1;transform:translate(0)}20%{transform:translate(-25px)}40%{transform:translate(50px)}60%{transform:translate(-50px)}80%{opacity:0;transform:translate(100px)}to{opacity:0;transform:translate(-100px)}}@keyframes expand-screen{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes swipe-right{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(100px)}}@keyframes burst{0%{opacity:1;width:0;height:0}to{opacity:0;width:300px;height:300px}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate-fadeIn{animation:fadeIn var(--duration-slow)var(--ease-out)both}.animate-fadeInUp{animation:fadeInUp var(--duration-slow)var(--ease-out)both}.animate-slideUp{animation:slideUp var(--duration-slow)var(--ease-out)both}.animate-scaleIn{animation:scaleIn var(--duration-slow)var(--ease-bounce)both}.animate-float{animation:3s ease-in-out infinite float}.animate-gentleFloat{animation:4s ease-in-out infinite gentleFloat}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{background-size:200% 100%;animation:2s linear infinite shimmer}.animate-rotate{animation:30s linear infinite rotate}.stagger-children>*{opacity:0;animation:fadeInUp var(--duration-slow)var(--ease-out)both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.stagger-children>:nth-child(6){animation-delay:.5s}.hover-float{transition:transform var(--duration-normal)var(--ease-default)}.hover-float:hover{transform:translateY(-5px)}.hover-scale{transition:transform var(--duration-normal)var(--ease-default)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--duration-normal)var(--ease-default)}.hover-glow:hover{box-shadow:var(--shadow-glow)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.bg-gradient-section{background:var(--gradient-section)}.glass-panel{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.37),inset 0 2px rgba(255,255,255,.05)}.glass-card{-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(31,38,135,.37),inset 0 1px rgba(255,255,255,.1)}.glass-button{-webkit-backdrop-filter:blur(10px);transition:all var(--duration-normal)var(--ease-default);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glass-button:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-animated{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)25%,var(--brand-accent)50%,var(--brand-secondary)75%,var(--brand-primary)100%);-webkit-text-fill-color:transparent;text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-sm{box-shadow:0 0 20px rgba(102,126,234,.3)}.glow-md{box-shadow:0 0 20px rgba(102,126,234,.5),0 0 40px rgba(102,126,234,.3)}.glow-lg{box-shadow:0 0 20px rgba(102,126,234,.5),0 0 40px rgba(102,126,234,.3),0 0 60px rgba(102,126,234,.1)}.glow-text{text-shadow:0 0 20px rgba(102,126,234,.5)}.soft-element{background:var(--neutral-900);border-radius:var(--radius-xl);box-shadow:20px 20px 60px #0d1220,-20px -20px 60px #272c54,inset 1px 1px rgba(255,255,255,.03)}.soft-inset{background:var(--neutral-900);border-radius:var(--radius-lg);box-shadow:inset 5px 5px 10px #0d1220,inset -5px -5px 10px #272c54}.skeleton{background:linear-gradient(90deg,var(--neutral-800)0%,var(--neutral-700)50%,var(--neutral-800)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}.progress-bar{background:rgba(255,255,255,.1);border-radius:2px;height:4px;position:relative;overflow:hidden}.progress-fill{background:var(--gradient-cta);height:100%;transition:width var(--duration-slow)var(--ease-default);border-radius:2px;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:2s linear infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.particle{pointer-events:none;background:rgba(255,255,255,.5);border-radius:50%;width:2px;height:2px;position:absolute}.particle-container{pointer-events:none;z-index:1;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.hero-headline{font-size:clamp(3rem,8vw,var(--text-6xl));font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:-.02em}.hero-subheadline{font-size:clamp(1.25rem,3vw,var(--text-xl));font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--neutral-300)}.section-header{font-size:clamp(2.25rem,6vw,var(--text-5xl));font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.01em}.section-subheader{font-size:clamp(1.125rem,2vw,var(--text-lg));font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--neutral-300)}.focus-ring:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px;border-radius:var(--radius-md)}.magnetic-button{transition:transform .2s ease-out;position:relative}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container-marketing{width:100%;max-width:1280px;padding:0 var(--space-6);margin:0 auto}@media (min-width:768px){.container-marketing{padding:0 var(--space-8)}}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1}.aspect-tv{aspect-ratio:4/3}.tv-screen{background:#000;border:3px solid #1a1a1a;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.5),inset 0 0 20px rgba(255,255,255,.05),0 0 80px rgba(102,126,234,.2)}.tv-screen:before{content:"";pointer-events:none;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.tv-screen:after{content:"";background:var(--color-success);width:6px;height:6px;box-shadow:0 0 10px var(--color-success);border-radius:50%;animation:2s infinite led-pulse;position:absolute;bottom:10px;right:10px}.success-burst{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.success-burst:after{content:"";background:rgba(81,207,102,.3);border-radius:50%;width:0;height:0;animation:.6s ease-out burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-indicator{cursor:pointer;width:30px;height:50px;transition:opacity var(--duration-normal)ease;border:2px solid rgba(255,255,255,.3);border-radius:25px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.scroll-indicator:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:2s infinite scroll-bounce;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scroll-bounce{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(20px)}to{transform:translate(-50%)translateY(0)}}@media (max-width:768px){.glass-panel,.glass-card,.glass-button{-webkit-backdrop-filter:blur(10px)}.animate-float,.animate-gentleFloat{animation:none;transform:translateY(0)!important}.particle{display:none}.tv-screen{aspect-ratio:16/9;max-width:100%;height:auto}.glass-button,button,a{min-width:48px;min-height:48px}.hover-float:hover,.hover-scale:hover,.hover-glow:hover{box-shadow:none;transform:none}.container-marketing{padding:0 var(--space-4)}.hero-headline{font-size:max(2rem,min(10vw,3rem))}.hero-subheadline{font-size:max(1rem,min(4vw,1.25rem))}.perspective-1000{perspective:none}.gradient-text-animated{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:none}}@media (hover:none) and (pointer:coarse){.hover-float,.hover-scale,.hover-glow,.magnetic-button{transition:none}.glass-button,button,a{padding:var(--space-4)var(--space-6)}[data-parallax]{transform:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[class*=animate-],[class*=hover-],.particle{transition:none!important;animation:none!important}.scroll-indicator{display:none}}
