:root{--codecs-primary:#ef4444;--codecs-secondary:#f97316;--codecs-accent:#ec4899;--codecs-neural:#3b82f6;--codecs-dark:#0f1419;--codecs-darker:#0a0f14;--codecs-light:#1a2332;--codecs-lighter:#2d3748;--vp9-color:#14b8a6;--vp8-color:#06b6d4;--h264-color:#10b981;--neural-primary:#0f1419;--neural-secondary:#1a2332;--neural-accent:#3b82f6;--particle-opacity:0.6;--wave-amplitude:0.8}.videocodecs-revolutionary{isolation:isolate;overflow:hidden;width:100%}.codecs-page,.videocodecs-revolutionary{--cursor-x:50vw;--cursor-y:50vh;min-height:100vh;position:relative}.codecs-page{background:linear-gradient(135deg,#0f1419,#1a2332);background:linear-gradient(135deg,var(--neural-primary) 0,var(--neural-secondary) 100%);color:#fff;overflow-x:hidden;padding-top:80px}.neural-background{background:radial-gradient(circle at 20% 80%,#ef444426 0,#0000 50%),radial-gradient(circle at 80% 20%,#f9731626 0,#0000 50%),radial-gradient(circle at 40% 40%,#14b8a61a 0,#0000 50%);transform:translate3d(0,0,0);transform:translate3d(calc((var(--cursor-x, 50vw) - 50vw)*.02),calc((var(--cursor-y, 50vh) - 50vh)*.03),0);z-index:1}.neural-background,.videocodecs-revolutionary .particle-field{height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:opacity .6s ease,transform .6s ease;width:100%;will-change:transform,opacity}.videocodecs-revolutionary .particle-field{transform:translate3d(0,0,0);transform:translate3d(calc((var(--cursor-x, 50vw) - 50vw)*.015),calc((var(--cursor-y, 50vh) - 50vh)*.02),0);z-index:2}.videocodecs-revolutionary .particle-field:after,.videocodecs-revolutionary .particle-field:before{animation:particleFloat 8s linear infinite;background:#ef4444;background:var(--codecs-primary);border-radius:50%;content:"";height:2px;opacity:.6;opacity:var(--particle-opacity);position:absolute;width:2px}.videocodecs-reduced-motion .gradient-waves,.videocodecs-reduced-motion .neural-background,.videocodecs-reduced-motion .particle-field{display:none}.videocodecs-reduced-motion .bandwidth-card,.videocodecs-reduced-motion .codec-card,.videocodecs-reduced-motion .feature-card,.videocodecs-reduced-motion .hero-badge,.videocodecs-reduced-motion .hero-stats{animation:none!important;transform:none!important;transition-duration:0s!important}.videocodecs-revolutionary .particle-field:before{animation-delay:-2s;left:10%;top:20%}.videocodecs-revolutionary .particle-field:after{animation-delay:-4s;background:#f97316;background:var(--codecs-secondary);left:70%;top:60%}.videocodecs-revolutionary .gradient-waves{animation:waveMotion 12s ease-in-out infinite;background:linear-gradient(45deg,#0000 48%,#ef444408 50%,#0000 52%),linear-gradient(-45deg,#0000 48%,#f9731608 50%,#0000 52%);height:100%;left:0;pointer-events:none;position:fixed;top:0;transform:translate3d(0,0,0);transform:translate3d(calc((var(--cursor-x, 50vw) - 50vw)*.01),calc((var(--cursor-y, 50vh) - 50vh)*.015),0);transition:opacity .6s ease,transform .6s ease;width:100%;will-change:transform,opacity;z-index:3}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0) scale(0)}10%{opacity:.6;opacity:var(--particle-opacity);transform:scale(1)}90%{opacity:.6;opacity:var(--particle-opacity)}to{opacity:0;transform:translateY(-100vh) translateX(100px) scale(0)}}@keyframes waveMotion{0%,to{transform:translateX(0) translateY(0)}33%{transform:translateX(-20px) translateY(-10px)}66%{transform:translateX(20px) translateY(10px)}}@media (prefers-reduced-motion:reduce){.videocodecs-revolutionary .gradient-waves,.videocodecs-revolutionary .neural-background,.videocodecs-revolutionary .particle-field{display:none}.videocodecs-revolutionary .gradient-waves,.videocodecs-revolutionary .hero-badge,.videocodecs-revolutionary .hero-title,.videocodecs-revolutionary .particle-field:after,.videocodecs-revolutionary .particle-field:before,.videocodecs-revolutionary .stat-number{animation:none!important}.videocodecs-revolutionary .bandwidth-card,.videocodecs-revolutionary .codec-card,.videocodecs-revolutionary .codecs-cta .cta-content,.videocodecs-revolutionary .feature-card{transform:none!important;transition-duration:0s!important}}.codecs-hero{background:linear-gradient(135deg,#ef44441a,#f973160d 50%,#0000);padding:120px 0 80px;position:relative;z-index:10}.videocodecs-revolutionary .hero-container{margin:0 auto;max-width:1200px;padding:0 2rem}.videocodecs-revolutionary .hero-content{margin:0 auto;max-width:800px;text-align:center}.videocodecs-revolutionary .hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444433;border:1px solid #ef44444d;border-radius:50px;color:#fef2f2;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.videocodecs-revolutionary .badge-icon{color:#ef4444;color:var(--codecs-primary)}.videocodecs-revolutionary .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#f97316);background:linear-gradient(135deg,var(--codecs-primary) 0,var(--codecs-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.videocodecs-revolutionary .hero-subtitle{color:#fffc;font-size:1.25rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.videocodecs-revolutionary .hero-stats{display:flex;gap:3rem;justify-content:center;margin-top:3rem}.videocodecs-revolutionary .stat-item{text-align:center}.videocodecs-revolutionary .stat-number{color:#ef4444;color:var(--codecs-primary);font-size:3rem;font-weight:800;line-height:1;margin-bottom:.5rem}.videocodecs-revolutionary .stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.codecs-commitment{padding:80px 0;position:relative;z-index:10}.videocodecs-revolutionary .commitment-container{margin:0 auto;max-width:800px;padding:0 2rem}.videocodecs-revolutionary .commitment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:3rem;position:relative;text-align:center}.videocodecs-revolutionary .commitment-card:before{background:linear-gradient(135deg,#ef44441a,#f973160d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.videocodecs-revolutionary .commitment-icon{color:#ef4444;color:var(--codecs-primary);font-size:3rem;margin-bottom:1.5rem}.videocodecs-revolutionary .commitment-card h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.videocodecs-revolutionary .commitment-card p{color:#fffc;font-size:1.1rem;line-height:1.7}.codecs-main{padding:80px 0;position:relative;z-index:10}.videocodecs-revolutionary .codecs-container{margin:0 auto;max-width:1200px;padding:0 2rem}.videocodecs-revolutionary .section-header{margin-bottom:4rem;text-align:center}.videocodecs-revolutionary .section-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.videocodecs-revolutionary .section-header p{color:#ffffffb3;font-size:1.1rem}.videocodecs-revolutionary .codecs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.codec-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,opacity .3s ease,box-shadow .3s ease}.videocodecs-revolutionary .codec-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.videocodecs-revolutionary .codec-card:before{bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.videocodecs-revolutionary .vp9-card:before{background:linear-gradient(135deg,#14b8a6,#14b8a680);background:linear-gradient(135deg,var(--vp9-color) 0,#14b8a680 100%)}.videocodecs-revolutionary .vp8-card:before{background:linear-gradient(135deg,#06b6d4,#06b6d480);background:linear-gradient(135deg,var(--vp8-color) 0,#06b6d480 100%)}.videocodecs-revolutionary .h264-card:before{background:linear-gradient(135deg,#10b981,#10b98180);background:linear-gradient(135deg,var(--h264-color) 0,#10b98180 100%)}.videocodecs-revolutionary .codec-card:hover:before{opacity:.2}.videocodecs-revolutionary .card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:2}.videocodecs-revolutionary .card-icon{font-size:2rem}.videocodecs-revolutionary .vp9-card .card-icon{color:#14b8a6;color:var(--vp9-color)}.videocodecs-revolutionary .vp8-card .card-icon{color:#06b6d4;color:var(--vp8-color)}.videocodecs-revolutionary .h264-card .card-icon{color:#10b981;color:var(--h264-color)}.videocodecs-revolutionary .card-header h3{color:#fff;flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.videocodecs-revolutionary .codec-badge{background:#ffffff1a;border-radius:20px;color:#fffc;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.videocodecs-revolutionary .card-content{position:relative;z-index:2}.videocodecs-revolutionary .card-content p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.videocodecs-revolutionary .codec-features{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.videocodecs-revolutionary .feature-item{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.8rem}.videocodecs-revolutionary .feature-item svg{color:#ef4444;color:var(--codecs-primary);font-size:1rem}.videocodecs-revolutionary .platform-support{display:flex;gap:1rem;margin-top:1rem}.videocodecs-revolutionary .platform-item{align-items:center;background:#ffffff1a;border-radius:12px;color:#ffffffb3;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem .8rem}.videocodecs-revolutionary .platform-item svg{color:#f97316;color:var(--codecs-secondary);font-size:.9rem}.videocodecs-revolutionary .codec-note{background:#f973161a;border-left:3px solid #f97316;border-left:3px solid var(--codecs-secondary);border-radius:8px;margin-top:1.5rem;padding:1rem}.videocodecs-revolutionary .codec-note strong{color:#f97316;color:var(--codecs-secondary)}.bandwidth-section{background:linear-gradient(135deg,#0003,#0000001a);padding:80px 0;position:relative;z-index:10}.videocodecs-revolutionary .bandwidth-container{margin:0 auto;max-width:1000px;padding:0 2rem}.videocodecs-revolutionary .bandwidth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:3rem;position:relative}.videocodecs-revolutionary .bandwidth-card:before{background:linear-gradient(135deg,#3b82f61a,#14b8a60d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.videocodecs-revolutionary .bandwidth-card .card-header{margin-bottom:2rem;text-align:center}.videocodecs-revolutionary .bandwidth-card .card-icon{color:#3b82f6;color:var(--codecs-neural);font-size:3rem;margin-bottom:1rem}.videocodecs-revolutionary .bandwidth-card h3{color:#fff;font-size:2rem;font-weight:700;margin:0}.videocodecs-revolutionary .bandwidth-card .card-content{position:relative;z-index:2}.videocodecs-revolutionary .bandwidth-card .card-content>p{color:#fffc;font-size:1.1rem;line-height:1.7;margin-bottom:3rem;text-align:center}.videocodecs-revolutionary .simulcast-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:3rem;padding:2rem}.videocodecs-revolutionary .simulcast-info h4{color:#3b82f6;color:var(--codecs-neural);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.videocodecs-revolutionary .simulcast-info p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.videocodecs-revolutionary .codec-comparison{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:3rem}.videocodecs-revolutionary .comparison-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.videocodecs-revolutionary .comparison-header{align-items:center;display:flex;gap:.8rem;margin-bottom:1rem}.videocodecs-revolutionary .comparison-header svg{color:#ef4444;color:var(--codecs-primary);font-size:1.2rem}.videocodecs-revolutionary .comparison-header strong{color:#fff;font-size:1.1rem}.videocodecs-revolutionary .comparison-item p{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin:0}.videocodecs-revolutionary .quality-note{background:#ef44441a;border-left:3px solid #ef4444;border-left:3px solid var(--codecs-primary);border-radius:8px;padding:1.5rem}.videocodecs-revolutionary .quality-note p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.features-section{padding:80px 0;position:relative;z-index:10}.videocodecs-revolutionary .features-container{margin:0 auto;max-width:1200px;padding:0 2rem}.videocodecs-revolutionary .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.videocodecs-revolutionary .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:2.5rem;position:relative;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,opacity .3s ease,box-shadow .3s ease}.videocodecs-revolutionary .feature-card:hover{border-color:#fff3;transform:translateY(-3px)}.videocodecs-revolutionary .feature-card:before{background:linear-gradient(135deg,#ec48991a,#14b8a60d);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.videocodecs-revolutionary .feature-header{margin-bottom:1.5rem;position:relative;z-index:2}.videocodecs-revolutionary .feature-icon{color:#ec4899;color:var(--codecs-accent);font-size:2.5rem;margin-bottom:1rem}.videocodecs-revolutionary .feature-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.videocodecs-revolutionary .feature-content{position:relative;z-index:2}.videocodecs-revolutionary .feature-content p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.videocodecs-revolutionary .streaming-benefits{display:flex;flex-direction:column;gap:.8rem}.videocodecs-revolutionary .benefit-item{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;padding-left:1.5rem;position:relative}.videocodecs-revolutionary .benefit-item:before{color:#ec4899;color:var(--codecs-accent);content:"•";font-weight:700;left:0;position:absolute}.codecs-cta{background:linear-gradient(135deg,#ef44441a,#f973160d);padding:80px 0;position:relative;z-index:10}.videocodecs-revolutionary .cta-container{margin:0 auto;max-width:800px;padding:0 2rem}.videocodecs-revolutionary .cta-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:3rem;position:relative;text-align:center}.videocodecs-revolutionary .cta-content:before{background:linear-gradient(135deg,#ef44441a,#f973161a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.videocodecs-revolutionary .cta-icon{color:#ef4444;color:var(--codecs-primary);font-size:3rem;margin-bottom:1.5rem}.videocodecs-revolutionary .cta-content h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:2}.videocodecs-revolutionary .cta-content p{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;position:relative;z-index:2}.videocodecs-revolutionary .cta-actions{position:relative;z-index:2}.videocodecs-revolutionary .action-btn{background:linear-gradient(135deg,#ef4444,#f97316);background:linear-gradient(135deg,var(--codecs-primary) 0,var(--codecs-secondary) 100%);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .3s ease,opacity .3s ease,box-shadow .3s ease}.videocodecs-revolutionary .action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.videocodecs-revolutionary .action-btn:hover{box-shadow:0 10px 30px #ef44444d;transform:translateY(-2px)}.videocodecs-revolutionary .action-btn:hover:before{left:100%}@media (max-width:768px){.videocodecs-revolutionary .hero-title{font-size:2.5rem}.videocodecs-revolutionary .hero-stats{flex-direction:column;gap:1.5rem}.videocodecs-revolutionary .codecs-grid,.videocodecs-revolutionary .features-grid{grid-template-columns:1fr}.videocodecs-revolutionary .platform-support{align-items:flex-start;flex-direction:column}.bandwidth-card,.cta-content,.videocodecs-revolutionary .commitment-card{padding:2rem}.videocodecs-revolutionary .section-header h2{font-size:2rem}}
/*# sourceMappingURL=6097.751ed44f.chunk.css.map*/