.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}}