*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}img,video{max-width:100%;display:block}ul,ol{list-style:none}:root{color-scheme:dark;--bg-deep: #0a0a12;--bg-surface: #12121c;--bg-card: rgba(18, 18, 28, .85);--bg-card-hover: rgba(24, 24, 36, .95);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--purple: #7c3aed;--cyan: #06b6d4;--magenta: #d946ef;--red: #ef4444;--amber: #f59e0b;--green: #10b981;--blue: #3b82f6;--gradient-brand: linear-gradient(135deg, var(--purple), #5b21b6);--gradient-broadcast: linear-gradient(135deg, var(--red), var(--amber));--gradient-glow: linear-gradient(135deg, rgba(124, 58, 237, .22), rgba(91, 33, 182, .18));--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 48px;--space-xl: 80px;--space-2xl: 120px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--glass-bg: rgba(22, 22, 34, .72);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root{--expo-out: cubic-bezier(.16, 1, .3, 1);--spring-ease: cubic-bezier(.175, .885, .32, 1.275)}.reveal{opacity:0;transform:translateY(40px) scale(.96) rotateX(15deg);transform-origin:center bottom;transition:opacity 1.2s var(--expo-out),transform 1.2s var(--expo-out);will-change:transform,opacity}.reveal.visible{opacity:1;transform:translateY(0) scale(1) rotateX(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-scale{opacity:0;transform:scale(.92) translateY(20px);transition:opacity 1.2s var(--expo-out),transform 1.2s var(--expo-out);will-change:transform,opacity}.reveal-scale.visible{opacity:1;transform:scale(1) translateY(0)}.stagger-children>.reveal:nth-child(1){transition-delay:0s}.stagger-children>.reveal:nth-child(2){transition-delay:.1s}.stagger-children>.reveal:nth-child(3){transition-delay:.2s}.stagger-children>.reveal:nth-child(4){transition-delay:.3s}.stagger-children>.reveal:nth-child(5){transition-delay:.4s}.stagger-children>.reveal:nth-child(6){transition-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float{animation:float 4s ease-in-out infinite}.float-delay-1{animation-delay:.5s}.float-delay-2{animation-delay:1s}.float-delay-3{animation-delay:1.5s}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99}}.glow-pulse{animation:glow-pulse 2.5s ease-in-out infinite}@keyframes tally-blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes signal-flow{0%{background-position:0 0}to{background-position:40px 0}}@keyframes vu-bounce{0%{height:30%}25%{height:80%}50%{height:50%}75%{height:90%}to{height:30%}}@keyframes gradient-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes wave-1{0%,to{height:20%}50%{height:80%}}@keyframes wave-2{0%,to{height:40%}50%{height:60%}}@keyframes wave-3{0%,to{height:60%}50%{height:90%}}@keyframes wave-4{0%,to{height:30%}50%{height:70%}}@keyframes wave-5{0%,to{height:50%}50%{height:95%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gauge-fill{0%{--gauge-value: 0}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.cursor{animation:blink-cursor .8s step-end infinite;color:var(--cyan);font-weight:100}body{font-family:var(--font-sans);background:var(--bg-deep);color:var(--text-primary);line-height:1.6}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content-layer{position:relative;z-index:1}.nav{position:fixed;top:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:980px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 24px;background:transparent;border:none;box-shadow:none;border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.nav.scrolled{background:#0a0a0ab3;border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000080}.nav.hidden{transform:translate(-50%,-150%)}.nav-brand{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;flex-shrink:0}.nav-brand .accent{color:var(--purple)}.nav-links{display:flex;align-items:center;gap:4px;position:absolute;left:50%;transform:translate(-50%)}.nav-link{font-size:.88rem;font-weight:500;color:var(--text-secondary);padding:8px 14px;border-radius:100px;transition:color .2s,background .2s;background:none;border:none;cursor:pointer;font-family:var(--font-sans);text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:#ffffff0f}.nav-dropdown{position:relative}.nav-dropdown-chevron{transition:transform .25s var(--ease-out);margin-top:1px}.nav-dropdown.open .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);min-width:280px;background:#161622f5;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 16px 48px #00000073,0 2px 8px #00000040;padding:8px;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out);z-index:200}.nav-dropdown.open .nav-dropdown-panel{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dropdown-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;text-decoration:none;color:var(--text-primary);transition:background .18s}.nav-dropdown-item:hover{background:#7c3aed0d}.nav-dropdown-item-icon{font-size:1.2rem;width:36px;height:36px;border-radius:10px;background:#7c3aed12;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--purple)}.nav-dropdown-item strong{display:block;font-size:.88rem;font-weight:650;color:var(--text-primary);margin-bottom:2px}.nav-dropdown-item em{display:block;font-size:.75rem;font-style:normal;color:var(--text-muted);line-height:1.4}.nav-cta{font-size:.85rem;font-weight:600;padding:9px 22px;border-radius:100px;background:var(--purple);color:#fff;text-decoration:none;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),background .2s;flex-shrink:0;letter-spacing:-.01em}.nav-cta:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 24px #7c3aed59;background:#6d28d9}.nav-mobile-toggle{display:none;font-size:1.4rem;color:var(--text-primary);background:none;border:none;cursor:pointer;padding:4px 8px}.section{padding:var(--space-xl) 40px;max-width:1200px;margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.15em;color:var(--purple);text-transform:uppercase;margin-bottom:var(--space-sm)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-md)}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:640px;line-height:1.7;margin-bottom:var(--space-lg)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-broadcast{background:var(--gradient-broadcast);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-highlight{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important;padding:0}.hero-badge{background-color:var(--accent, #00e5ff);color:#050508!important;padding:6px 16px;border-radius:100px;display:inline-block;font-weight:800}.demo-header{text-align:center;margin-bottom:var(--space-lg)}.demo-header .section-subtitle{margin-inline:auto}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:180px 40px 80px;position:relative;overflow:hidden}.hero-bg-video-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.hero-bg-video{width:100%;height:100%;object-fit:cover;opacity:.12}.hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--bg-deep) 0%,transparent 20%,transparent 80%,var(--bg-deep) 100%)}.hero-headline{font-family:var(--font-display);font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:900;line-height:1.05;letter-spacing:-.04em;margin-bottom:var(--space-md)}.hero-sub{font-size:1.1rem;color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:var(--space-md)}.hero-typed{font-family:var(--font-mono);font-size:.9rem;color:var(--purple);margin-bottom:var(--space-lg);min-height:1.5em}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:var(--space-lg)}.btn-primary{display:inline-flex;align-items:center;padding:14px 32px;border-radius:100px;background:var(--gradient-brand);color:#fff;font-weight:700;font-size:.95rem;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed59}.btn-secondary{display:inline-flex;align-items:center;padding:14px 32px;border-radius:100px;border:1px solid var(--glass-border);color:var(--text-secondary);font-weight:600;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--purple);color:var(--text-primary)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:800px;width:100%}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:20px 16px;text-align:center;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.stat-value{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--purple);margin-bottom:4px}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.features-grid{display:grid;gap:20px;margin-bottom:var(--space-lg)}.features-grid--2col{grid-template-columns:repeat(2,1fr)}.features-grid--3col{grid-template-columns:repeat(3,1fr)}.features-grid--4col{grid-template-columns:repeat(4,1fr)}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px 24px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-4px);border-color:#7c3aed59;box-shadow:0 12px 40px #00000059}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin-bottom:8px}.feature-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.feature-badge{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--purple);background:#7c3aed14;padding:4px 10px;border-radius:100px;letter-spacing:.05em}.tech-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:var(--space-md)}.tech-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:6px 14px;border-radius:100px;background:#7c3aed1f;border:1px solid rgba(124,58,237,.22);color:var(--text-secondary)}.cta-section{text-align:center;padding:var(--space-2xl) 40px;max-width:1200px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.03em;margin-bottom:var(--space-md)}.footer{padding:2.5rem 2rem;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.8rem;width:100%}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.footer-brand p{margin:0}.footer-links{display:flex;justify-content:center;gap:32px}.footer-social{display:flex;gap:20px;justify-content:flex-end}@media(max-width:768px){.footer-content{flex-direction:column;gap:2.5rem;text-align:center}.footer-brand{justify-content:center;order:3}.footer-links{order:1;flex-wrap:wrap;gap:24px}.footer-social{order:2;justify-content:center}}.footer-bottom{text-align:center;margin-top:2.5rem;color:var(--text-muted)}.footer-links a{color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--purple)}@media(max-width:768px){.nav{padding:10px 14px 10px 20px;width:calc(100% - 32px);border-radius:100px}.nav-links{display:none;position:static;transform:none}.nav-mobile-toggle{display:block;order:3}.nav-cta{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:calc(100% + 12px);left:0;right:0;background:#12121cf7;padding:16px;gap:4px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 16px 48px #00000073;transform:none}.nav-links.open .nav-link,.nav-links.open .nav-dropdown-trigger{width:100%;padding:12px 16px;border-radius:12px}.nav-links.open .nav-dropdown-panel{position:static;transform:none;box-shadow:none;border:none;background:#7c3aed08;border-radius:12px;opacity:1;pointer-events:auto;padding:4px;margin-top:4px}.nav-links.open:after{content:"Get in Touch";display:block;text-align:center;padding:12px;border-radius:12px;background:var(--purple);color:#fff;font-weight:600;font-size:.88rem;margin-top:8px;cursor:pointer}.section{padding:var(--space-lg) 20px}.hero{padding:140px 20px 60px}.hero-stats{grid-template-columns:repeat(2,1fr)}.features-grid--2col,.features-grid--3col,.features-grid--4col{grid-template-columns:1fr}.cta-section{padding:var(--space-xl) 20px}}.contact-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center}.contact-modal.open{display:flex}.contact-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a1299;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;transition:opacity .3s ease}.contact-modal.open .contact-modal-backdrop{opacity:1}.contact-modal-content{position:relative;width:100%;max-width:460px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff0d inset;padding:32px;z-index:10;transform:translateY(20px) scale(.95);opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.contact-modal.open .contact-modal-content{transform:translateY(0) scale(1);opacity:1}.contact-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid transparent;color:var(--text-secondary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.contact-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.contact-modal-header{text-align:center;margin-bottom:24px}.contact-modal-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:4px}.contact-modal-header p{font-size:.85rem;color:var(--text-secondary)}.form-group{margin-bottom:16px;text-align:left}.form-group label{display:block;font-size:.75rem;font-family:var(--font-mono);font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;transition:all .2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff3}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed26;background:#0006}.form-group select{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.form-group select option{background:var(--bg-surface);color:var(--text-primary)}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}@media(max-width:600px){.form-row{flex-direction:column;gap:0}}.broadcast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}.broadcast-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:0;overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.broadcast-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0006}.broadcast-card--red:hover{border-color:#ff17444d}.broadcast-card--blue:hover{border-color:#448aff4d}.broadcast-card--amber:hover{border-color:#ffab004d}.broadcast-card--cyan:hover{border-color:#7c3aed4d}.broadcast-card-visual{height:200px;padding:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.broadcast-card-content{padding:24px}.broadcast-card-content .feature-badge{margin-top:0;margin-bottom:10px}.broadcast-card-content .feature-title{font-size:1.1rem}.broadcast-card-content .feature-desc{font-size:.82rem}.rundown-demo{display:flex;flex-direction:column;gap:6px;width:100%;max-width:260px}.rundown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);background:#0000000a;font-size:.75rem;font-weight:500;color:var(--text-secondary);border:1px solid transparent;transition:all .4s var(--ease-out)}.rundown-item.on-air{background:#ff17441f;border-color:var(--red);color:var(--text-primary)}.rundown-item.cued{background:#ffab001f;border-color:#ffab0066;color:var(--text-primary)}.rundown-item.cued .rundown-tally{background:var(--amber)}.rundown-tally{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.rundown-item.on-air .rundown-tally{background:var(--red);animation:tally-blink 1s ease-in-out infinite}.rundown-item-name{flex:1}.rundown-item-type{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.mos-sync{display:flex;align-items:center;gap:12px;width:100%}.mos-col{flex:1;display:flex;flex-direction:column;gap:4px}.mos-col-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.mos-item{padding:6px 10px;border-radius:6px;background:#0000000a;font-size:.68rem;color:var(--text-secondary);transition:all .3s}.mos-item.synced{background:#448aff1a;border-left:2px solid var(--blue);color:var(--text-primary)}.mos-arrows{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--blue);font-size:.7rem}.mos-arrow-dot{width:4px;height:4px;border-radius:50%;background:var(--blue);opacity:.4}.sdi-flow{display:flex;align-items:center;gap:16px;width:100%}.sdi-device{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.7rem;color:var(--text-secondary)}.sdi-device-icon{font-size:2rem}.sdi-line{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--amber) 0,var(--amber) 6px,transparent 6px,transparent 12px);animation:signal-flow .6s linear infinite;position:relative}.sdi-controller{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.7rem;color:var(--amber);font-weight:600}.compositor-demo{display:flex;align-items:center;gap:20px;width:100%}.compositor-layers{flex:1;position:relative;height:150px}.compositor-layer{position:absolute;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#000000b3;border:1px solid rgba(0,0,0,.1)}.compositor-layer:nth-child(1){bottom:0;left:0;width:80%;height:60%;background:#7c3aed26}.compositor-layer:nth-child(2){bottom:10%;right:0;width:45%;height:30%;background:#e040fb26}.compositor-layer:nth-child(3){bottom:0;left:5%;width:70%;height:18%;background:#ffab0026}.compositor-layer:nth-child(4){top:0;right:5%;width:25%;height:25%;background:#00e67626}.compositor-out{width:100px;height:70px;border-radius:6px;background:#00000008;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:.6rem;color:var(--text-muted)}.compositor-out-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.data-pipeline{display:flex;align-items:stretch;justify-content:center;gap:0;max-width:900px;margin:0 auto var(--space-lg);flex-wrap:nowrap}.data-stage{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:24px 20px;text-align:center;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.data-stage-icon{font-size:2rem;margin-bottom:8px}.data-stage-title{font-family:var(--font-display);font-weight:700;font-size:.9rem;margin-bottom:6px}.data-stage-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5}.data-arrow{display:flex;align-items:center;color:var(--purple);font-size:1.5rem;padding:0 8px;opacity:.5}.hub-spoke{display:flex;align-items:center;justify-content:center;gap:40px;max-width:900px;margin:0 auto;padding:var(--space-md) 0}.hub-center{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.15),transparent 70%);border:2px solid rgba(124,58,237,.3);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:.7rem;font-weight:700;color:var(--purple);flex-shrink:0}.hub-center-icon{font-size:2rem}.hub-spokes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.spoke-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);transition:border-color .3s}.spoke-item:hover{border-color:#7c3aed33}.spoke-icon{font-size:1.4rem}.spoke-label{font-size:.8rem;font-weight:600}.spoke-sub{font-size:.68rem;color:var(--text-muted)}.voice-demo{max-width:600px;margin:0 auto;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.voice-waveform{display:flex;align-items:center;justify-content:center;gap:3px;height:60px;margin-bottom:16px}.voice-bar{width:4px;border-radius:4px;background:var(--purple);opacity:.6;transition:height .15s}.voice-bar:nth-child(1){animation:wave-1 .8s ease-in-out infinite}.voice-bar:nth-child(2){animation:wave-2 .6s ease-in-out infinite .1s}.voice-bar:nth-child(3){animation:wave-3 .7s ease-in-out infinite .05s}.voice-bar:nth-child(4){animation:wave-4 .9s ease-in-out infinite .15s}.voice-bar:nth-child(5){animation:wave-5 .5s ease-in-out infinite .08s}.voice-bar:nth-child(6){animation:wave-1 .7s ease-in-out infinite .2s}.voice-bar:nth-child(7){animation:wave-3 .8s ease-in-out infinite .12s}.voice-bar:nth-child(8){animation:wave-2 .6s ease-in-out infinite .18s}.voice-bar:nth-child(9){animation:wave-4 .9s ease-in-out infinite .03s}.voice-bar:nth-child(10){animation:wave-5 .7s ease-in-out infinite .1s}.voice-bar:nth-child(11){animation:wave-1 .5s ease-in-out infinite .16s}.voice-bar:nth-child(12){animation:wave-3 .65s ease-in-out infinite .07s}.voice-transcript{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);text-align:center;min-height:1.5em;margin-bottom:12px}.voice-action{text-align:center;padding:10px 20px;border-radius:var(--radius-sm);background:#00e6761a;border:1px solid rgba(0,230,118,.2);color:var(--green);font-size:.8rem;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.voice-action.visible{opacity:1;transform:translateY(0)}.voice-offline-badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:.7rem;color:var(--text-muted);justify-content:center;width:100%}.mos-flow-diagram{display:flex;align-items:center;justify-content:center;gap:12px;max-width:800px;margin:0 auto var(--space-lg)}.mos-box{padding:16px 24px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;font-weight:700;font-size:.85rem;min-width:120px}.mos-box-icon{font-size:1.8rem;margin-bottom:6px}.mos-box-label{font-size:.7rem;color:var(--text-muted);margin-top:4px}.mos-flow-arrow{color:var(--blue);font-size:1.2rem;opacity:.5}.devices-row{display:flex;align-items:flex-end;justify-content:center;gap:24px;max-width:800px;margin:0 auto}.device-frame{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.device-frame--laptop{width:360px}.device-frame--tablet{width:220px}.device-frame--phone{width:130px}.device-topbar{height:24px;background:#00000008;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 10px;gap:4px}.device-topbar{height:24px;background:#ffffff0d;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 10px;gap:4px}.device-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.device-screen{padding:12px;min-height:120px}.device-rundown-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;font-size:.6rem;color:var(--text-secondary);margin-bottom:4px;background:#00000008}.device-rundown-item.active{background:#ff17441a;border:1px solid rgba(255,23,68,.3);color:var(--text-primary)}.device-rundown-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted)}.device-rundown-item.active .device-rundown-dot{background:var(--red)}.integration-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:700px;margin:0 auto}.integration-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:transform .3s,border-color .3s;min-width:120px}.integration-item:hover{transform:translateY(-4px);border-color:#7c3aed33}.integration-icon{font-size:2.2rem}.integration-name{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.gauges-row{display:flex;justify-content:center;gap:40px;margin:0 auto var(--space-lg)}.gauge{display:flex;flex-direction:column;align-items:center;gap:12px}.gauge-ring{width:120px;height:120px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.gauge-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.gauge-ring .gauge-bg{fill:none;stroke:#0000000d;stroke-width:6}.gauge-ring .gauge-fill{fill:none;stroke:var(--green);stroke-width:6;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292;transition:stroke-dashoffset 1.5s var(--ease-out)}.gauge-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--green)}.gauge-label{font-size:.75rem;color:var(--text-muted);text-align:center}.guest-flow{display:flex;align-items:center;justify-content:center;gap:16px;max-width:700px;margin:0 auto}.guest-step{flex:1;padding:20px 16px;border-radius:var(--radius-md);background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.guest-step-icon{font-size:2rem;margin-bottom:8px}.guest-step-title{font-size:.85rem;font-weight:700;margin-bottom:4px}.guest-step-desc{font-size:.72rem;color:var(--text-muted)}.guest-step-badge{display:inline-block;padding:4px 12px;border-radius:100px;background:#00e67626;color:var(--green);font-size:.7rem;font-weight:700}.guest-arrow{color:var(--purple);font-size:1.2rem;opacity:.5}@media(max-width:768px){.broadcast-grid{grid-template-columns:1fr}.data-pipeline{flex-direction:column;align-items:center}.data-arrow{transform:rotate(90deg)}.hub-spoke{flex-direction:column}.hub-spokes{grid-template-columns:1fr 1fr}.voice-waveform{height:40px}.mos-flow-diagram{flex-direction:column}.mos-flow-arrow{transform:rotate(90deg)}.devices-row{flex-direction:column;align-items:center}.device-frame--laptop{width:100%;max-width:360px}.device-frame--tablet{width:100%;max-width:220px}.device-frame--phone{width:100%;max-width:150px}.gauges-row{flex-direction:column;align-items:center}.guest-flow{flex-direction:column}.guest-arrow{transform:rotate(90deg)}.integration-grid{gap:12px}.integration-item{padding:16px 20px;min-width:100px}}