@font-face{font-family:Pliant;src:url('/assets/fonts/pliant.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--navy:#0a1929;--panel:#102333;--mint:#a8f8d9;--white:#edf7f7;--muted:#bdd0df;--rule:#365162;--ink:#091b2b;--u:clamp(.7px,.065104167vw,1.2px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--navy);color:var(--white);font-family:Pliant,sans-serif;font-weight:400}a{color:inherit;text-decoration:none;text-underline-offset:.23em}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}::selection{background:var(--mint);color:var(--navy)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.035em}button:disabled{opacity:.5;cursor:default}.icon-definitions,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;left:20px;top:-100px;background:var(--mint);color:var(--navy);padding:14px;z-index:5}.skip-link:focus{top:12px}.landing-world{max-width:1843px;margin:auto}.masthead{height:calc(77 * var(--u));padding:0 calc(48 * var(--u));display:flex;align-items:center;justify-content:space-between;font-size:calc(18 * var(--u));gap:24px}.brand{display:flex;align-items:center;gap:calc(10 * var(--u));font-size:calc(29 * var(--u));font-weight:650;letter-spacing:-.04em;white-space:nowrap}.brand img{width:calc(55 * var(--u));height:calc(55 * var(--u));object-fit:contain}.masthead nav{display:flex;gap:calc(50 * var(--u));margin-left:auto;margin-right:calc(130 * var(--u))}.nav-account{display:flex;align-items:center;gap:calc(30 * var(--u));white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:calc(15 * var(--u)) calc(28 * var(--u));font-weight:600;border:0;border-radius:8px;line-height:1.15}.primary{background:var(--mint);color:var(--ink)}.primary:hover{background:#ceffe9}.masthead a:not(.button):hover,.site-footer a:hover{text-decoration:underline}.opening{padding:0 calc(48 * var(--u))}.hero-intro{display:grid;grid-template-columns:61.5% 35.8%;justify-content:space-between;align-items:end;height:calc(216 * var(--u));padding-top:calc(9 * var(--u));padding-bottom:calc(11 * var(--u))}h1{font-size:calc(116 * var(--u));line-height:.84;font-weight:700;font-stretch:100%;letter-spacing:-.038em;padding-left:calc(6 * var(--u));align-self:start}h1 span{display:block;white-space:nowrap}h1 span+span{color:var(--mint);margin-top:calc(13 * var(--u))}.hero-offer{padding-bottom:calc(2 * var(--u));font-size:calc(24 * var(--u));line-height:1.22;letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:calc(28 * var(--u));margin-top:calc(19 * var(--u));white-space:nowrap;font-size:calc(20 * var(--u))}.watch-demo{display:flex;align-items:center;gap:calc(12 * var(--u))}.round-icon{display:inline-flex;align-items:center;justify-content:center;width:calc(46 * var(--u));height:calc(46 * var(--u));min-width:36px;min-height:36px;border:1px solid #6b8c9e;border-radius:50%;flex-shrink:0}.round-icon svg{width:calc(23 * var(--u));height:calc(23 * var(--u))}.round-icon:hover{background:#203b4b}.watch-demo .round-icon svg{fill:var(--white);stroke:none;width:20px}.stream-diagram{height:calc(310 * var(--u));position:relative;display:grid;grid-template-columns:19.3% 5.1% 8.3% 2.9% 8.4% 3.4% 41% 2% 9.6%;column-gap:0;align-items:center}.route-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.source-stack,.processing-node,.program-monitor,.destinations{z-index:1}.source-stack{grid-column:1}.switch-node{grid-column:3}.protection-node{grid-column:5}.program-monitor{grid-column:7}.destinations{grid-column:9}.source-stack{height:100%;display:flex;flex-direction:column;gap:calc(12 * var(--u));padding-top:calc(4 * var(--u))}.source-stack h2,.destinations h2{font-size:calc(19 * var(--u));letter-spacing:-.015em;line-height:1.2;font-weight:650}.source-card{padding:calc(5 * var(--u));border:1px solid #6b8c9e;border-radius:9px;position:relative;height:calc(139 * var(--u));overflow:hidden;background:var(--panel);text-align:left}.source-card:nth-of-type(2){height:calc(126 * var(--u))}.source-card.selected{border-color:var(--mint);box-shadow:inset 0 0 0 2px var(--mint)}.source-card img{border-radius:4px;height:100%;object-position:center 44%}.source-card:after{content:"";position:absolute;bottom:5px;left:5px;right:5px;height:calc(27 * var(--u));background:rgba(10,25,41,.85);pointer-events:none}.source-name{position:absolute;left:calc(12 * var(--u));bottom:calc(10 * var(--u));font-size:calc(16 * var(--u));font-weight:650;z-index:1}.source-codec{position:absolute;left:calc(12 * var(--u));top:calc(9 * var(--u));padding:2px 5px;background:rgba(10,25,41,.85);font-size:calc(14 * var(--u));line-height:1.25;border-radius:4px}.signal-bars{display:flex;gap:calc(3 * var(--u));align-items:end;position:absolute;bottom:calc(12 * var(--u));right:calc(12 * var(--u));height:calc(24 * var(--u));z-index:1}.signal-bars i{display:block;width:calc(5 * var(--u));height:45%;background:var(--mint)}.signal-bars i:nth-child(2){height:58%}.signal-bars i:nth-child(3){height:70%}.signal-bars i:nth-child(4){height:83%}.signal-bars i:nth-child(5){height:100%}.processing-node{height:calc(150 * var(--u));border:1px solid var(--rule);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(10 * var(--u));margin-top:calc(29 * var(--u));gap:calc(6 * var(--u))}.processing-node svg{width:calc(42 * var(--u));height:calc(42 * var(--u));margin-bottom:calc(8 * var(--u))}.processing-node strong{font-size:calc(16 * var(--u));line-height:1.15;letter-spacing:-.035em;font-weight:650}.processing-node span{font-size:calc(14 * var(--u));line-height:1.2;color:var(--muted)}.processing-node:hover,.processing-node[aria-pressed=true]{border-color:var(--mint);background:#173b41}.program-monitor{border:1px solid #6b8c9e;border-radius:10px;overflow:hidden;background:var(--panel);height:calc(287 * var(--u));align-self:end;margin-bottom:calc(2 * var(--u));padding:calc(6 * var(--u))}.program-header{display:flex;justify-content:space-between;align-items:center;height:calc(30 * var(--u));padding:0 calc(10 * var(--u)) calc(3 * var(--u));gap:8px}.program-header h2{font-size:calc(22 * var(--u));font-weight:650;letter-spacing:-.02em;white-space:nowrap}.program-header>span{font-size:calc(14 * var(--u));white-space:nowrap;display:flex;align-items:center;gap:8px}.status-dot{width:calc(11 * var(--u));height:calc(11 * var(--u));border-radius:50%;background:var(--mint);display:inline-block;flex-shrink:0}.program-picture{height:calc(239 * var(--u));position:relative;overflow:hidden;border-radius:5px}.program-picture img{object-position:center 44%}.program-caption{position:absolute;left:calc(25 * var(--u));bottom:calc(12 * var(--u));padding:calc(7 * var(--u)) calc(13 * var(--u));border-radius:4px;background:var(--navy);font-size:calc(22 * var(--u));font-weight:700;line-height:1.1}.program-caption:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:3px;background:var(--mint)}.program-standby{position:absolute;inset:0;background:#102d37;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:20px}.program-standby[hidden]{display:none}.program-standby svg{width:40px;height:40px;color:var(--mint)}.program-standby strong{font-size:calc(34 * var(--u));letter-spacing:-.03em}.program-standby span{font-size:calc(16 * var(--u));color:var(--muted)}.program-standby .button{font-size:14px;min-height:36px;padding:9px 18px}.destinations{display:flex;flex-direction:column;gap:calc(10 * var(--u));align-self:end;margin-bottom:calc(8 * var(--u))}.destinations h2{margin:calc(2 * var(--u)) 0 calc(2 * var(--u));font-size:calc(18 * var(--u))}.destination{border:1px solid var(--rule);border-radius:10px;padding:calc(14 * var(--u));background:var(--panel);display:flex;flex-direction:column;gap:calc(5 * var(--u));height:calc(114 * var(--u));font-size:calc(16 * var(--u))}.destination svg{width:calc(45 * var(--u));height:calc(35 * var(--u))}.destination strong{font-weight:650;line-height:1.1}.destination span{display:flex;gap:7px;align-items:center;color:var(--mint);white-space:nowrap;font-size:calc(14 * var(--u))}.twitch{color:#a971ff}.youtube{color:#ff1e30}.workflow-dock{height:calc(116 * var(--u));margin-top:calc(14 * var(--u));border:1px solid var(--rule);border-radius:12px;display:flex;align-items:center;gap:calc(22 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u))}.workflow-dock h2{font-size:calc(19 * var(--u));line-height:1.2;letter-spacing:-.02em;flex-shrink:0;width:calc(91 * var(--u))}.workflow-options{display:flex;flex:1;min-width:0;gap:calc(14 * var(--u));height:100%}.workflow-options button{flex:1;min-width:0;position:relative;overflow:hidden;padding:calc(4 * var(--u));border-radius:8px;border:1px solid var(--rule)}.workflow-options button.selected{border-color:var(--mint);box-shadow:inset 0 0 0 2px var(--mint)}.workflow-options img{border-radius:4px;object-position:center 40%}.workflow-options span{position:absolute;bottom:calc(6 * var(--u));left:calc(7 * var(--u));right:calc(7 * var(--u));padding:calc(5 * var(--u));background:rgba(10,25,41,.9);font-size:calc(15 * var(--u));line-height:1.1;font-weight:600;text-align:left}.previous svg{transform:rotate(180deg)}.compatibility{display:flex;align-items:center;justify-content:center;gap:calc(13 * var(--u));height:calc(41 * var(--u));font-size:calc(15 * var(--u));color:var(--muted)}.flow-section{display:grid;grid-template-columns:44% 54%;justify-content:space-between;background:#eafbf6;color:var(--ink);padding:calc(30 * var(--u)) calc(48 * var(--u)) calc(42 * var(--u));min-height:calc(284 * var(--u));align-items:center}.flow-copy h2{font-size:calc(76 * var(--u));line-height:.94;font-weight:760;letter-spacing:-.038em}.flow-copy p{margin-top:calc(16 * var(--u));font-size:calc(24 * var(--u));letter-spacing:-.025em;line-height:1.18}.mini-route{height:calc(221 * var(--u));display:grid;grid-template-columns:32% 14% 14% 22%;column-gap:6%;align-items:center;position:relative;padding:calc(15 * var(--u));border:1px solid #b9ded2;border-radius:12px}.mini-sources{display:flex;flex-direction:column;gap:calc(12 * var(--u));z-index:1}.mini-sources>div{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(52 * var(--u));border-radius:6px;background:#fff;padding:calc(6 * var(--u));font-size:calc(14 * var(--u))}.mini-sources img{width:calc(61 * var(--u));height:calc(40 * var(--u));border-radius:3px}.mini-sources span{display:flex;flex-direction:column;white-space:nowrap;gap:3px}.mini-sources small{color:#435e6f;font-size:calc(12 * var(--u))}.mini-sources .status-dot{margin-left:auto;background:#22a97a}.mini-node{height:calc(65 * var(--u));padding:8px;background:#fff;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;z-index:1;font-size:calc(14 * var(--u))}.mini-node svg{width:calc(27 * var(--u));height:calc(27 * var(--u))}.mini-connections{position:absolute;inset:5%;width:90%;height:90%;color:#22a97a}.mini-destinations{display:flex;flex-direction:column;gap:calc(29 * var(--u));z-index:1}.mini-destinations div{display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(52 * var(--u));background:#fff;border-radius:7px;padding:calc(10 * var(--u));font-size:calc(15 * var(--u))}.features-section{padding:calc(80 * var(--u)) calc(48 * var(--u));display:grid;grid-template-columns:40% 54%;justify-content:space-between}.section-intro h2,.closing h2{font-size:clamp(40px,4.5vw,72px);font-weight:700;line-height:1;letter-spacing:-.035em}.section-intro>p{font-size:20px;line-height:1.5;margin-top:24px;color:var(--muted);max-width:40ch}.feature-list article{display:flex;gap:22px;padding:26px 0;border-top:1px solid var(--rule)}.feature-list article>svg{color:var(--mint);width:30px;height:30px;margin-top:3px}.feature-list h3{font-size:25px;letter-spacing:-.025em;font-weight:600}.feature-list p{margin-top:10px;color:var(--muted);font-size:17px;line-height:1.55;max-width:52ch}.feature-list a{align-self:start;margin-left:auto;padding:8px;border-radius:50%}.feature-list a:hover{background:var(--panel)}.closing{padding:calc(58 * var(--u)) calc(48 * var(--u)) calc(76 * var(--u));background:var(--panel);display:grid;grid-template-columns:42% 50%;justify-content:space-between;align-items:center;gap:32px}.closing p{font-size:18px;line-height:1.55;color:var(--muted);max-width:45ch;margin-top:22px}.closing .button{margin-top:26px;font-size:18px}.closing-preview{border:1px solid var(--rule);border-radius:12px;overflow:hidden}.closing-preview>div{padding:14px 18px;display:flex;justify-content:space-between;font-size:16px}.closing-preview>div span:last-child{color:var(--mint);font-size:14px}.closing-preview img{height:auto;aspect-ratio:16/9;object-position:center 36%}.closing-preview p{margin:0;padding:14px 18px;font-size:14px;max-width:none}.site-footer{padding:32px calc(48 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:15px}.site-footer .brand{font-size:24px;color:var(--white)}.site-footer .brand img{width:40px;height:40px}.site-footer nav{display:flex;gap:26px}
/* Keep the opening and pale route section together on ordinary desktop screens. */
@media(min-width:1051px){
  :root{--u:clamp(.7px,min(.065104167vw,.0915svh),1px)}
  .hero-intro{height:calc(196 * var(--u))}
  h1{font-size:calc(104 * var(--u))}
  .stream-diagram{height:calc(282 * var(--u))}
  .source-card{height:calc(124 * var(--u))}
  .source-card:nth-of-type(2){height:calc(111 * var(--u))}
  .program-monitor{height:calc(259 * var(--u))}
  .program-picture{height:calc(212 * var(--u))}
  .destination{height:calc(101 * var(--u));padding:calc(11 * var(--u))}
  .workflow-dock{height:calc(90 * var(--u));margin-top:calc(12 * var(--u))}
  .compatibility{height:calc(35 * var(--u))}
}
@media(max-width:1050px){.source-stack{grid-column:1}.switch-node{grid-column:2}.protection-node{grid-column:3}.program-monitor{grid-column:4}.destinations{grid-column:5}.masthead{height:78px;padding:0 24px;font-size:15px}.masthead nav{gap:24px;margin-right:24px}.brand{font-size:25px}.brand img{width:42px;height:42px}.nav-account{gap:20px}.opening{padding:0 24px}.hero-intro{height:auto;min-height:220px;grid-template-columns:58% 39%;padding:28px 0}.hero-intro h1{font-size:6.9vw;line-height:.95;padding:0}.hero-offer{font-size:18px}.hero-actions{font-size:15px;gap:16px;flex-wrap:wrap;margin-top:16px}.hero-actions .button{padding:12px 18px;min-height:42px}.watch-demo .round-icon{min-width:28px;min-height:28px;width:28px;height:28px}.stream-diagram{height:300px;grid-template-columns:20% 9% 10% 43% 10%;column-gap:2%}.source-stack h2,.destinations h2{font-size:14px}.source-card{height:128px}.source-card:nth-of-type(2){height:122px}.source-name{font-size:12px}.source-codec{font-size:10px}.processing-node{height:134px;padding:6px;gap:6px}.processing-node strong{font-size:12px}.processing-node span{font-size:11px}.processing-node svg{width:32px;height:32px}.program-monitor{height:270px}.program-header{height:30px;padding:0 4px 4px;flex-wrap:wrap;gap:1px}.program-header h2{font-size:15px}.program-header>span{font-size:10px}.program-picture{height:228px}.program-caption{font-size:15px;left:10px;bottom:10px}.destination{height:110px;padding:8px;font-size:12px}.destination span{font-size:10px;gap:3px}.destination svg{width:30px;height:30px}.workflow-dock{gap:12px;height:98px;padding:8px 12px}.workflow-dock h2{font-size:14px;width:70px}.workflow-options{gap:8px}.workflow-options span{font-size:12px}.workflow-dock .round-icon{width:32px;height:32px;min-width:32px;min-height:32px}.compatibility{font-size:12px;height:40px;gap:8px}.flow-section{padding:30px 24px;grid-template-columns:43% 55%}.flow-copy h2{font-size:5.1vw}.flow-copy p{font-size:17px}.mini-route{height:190px}.mini-sources span{font-size:10px}.mini-sources small{font-size:9px}.mini-sources img{width:36px}.mini-destinations div,.mini-node{font-size:10px}.features-section,.closing{padding:50px 24px}.site-footer{padding:28px 24px}.site-footer>span{display:none}}
@media(max-width:700px){.switch-node{grid-column:1}.protection-node{grid-column:2}.masthead{height:76px;padding:0 20px;gap:16px}.masthead nav{display:none}.masthead .brand{font-size:21px;gap:6px}.brand img{width:36px;height:36px}.nav-account{gap:14px;font-size:14px}.nav-account .button{padding:10px 14px;min-height:38px}.opening{padding:0 20px}.hero-intro{display:block;padding:26px 0 30px}.hero-intro h1{font-size:clamp(36px,8.8vw,62px);line-height:.96;letter-spacing:-.035em}.hero-intro h1 span+span{margin-top:8px}.hero-offer{font-size:18px;margin-top:25px;line-height:1.4}.hero-actions{margin-top:20px;gap:18px;font-size:14px}.hero-actions .button{font-size:15px}.stream-diagram{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:auto}.route-lines{display:none}.source-stack{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}.source-stack h2{grid-column:1/-1;font-size:16px}.source-card,.source-card:nth-of-type(2){height:105px;padding:4px}.source-name{font-size:14px;bottom:8px;left:9px}.source-codec{font-size:11px}.signal-bars{height:18px;right:9px;bottom:9px;gap:2px}.signal-bars i{width:3px}.processing-node{height:auto;min-height:102px;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0;padding:14px 8px;border-radius:10px}.processing-node svg{width:25px;height:25px;margin:0}.processing-node strong{font-size:14px}.processing-node span{width:100%;font-size:12px}.processing-node br{display:none}.program-monitor{grid-column:1/-1;height:auto;align-self:auto;margin:0;padding:5px}.program-header{height:34px;flex-wrap:nowrap;padding:0 5px 4px}.program-header h2{font-size:16px}.program-header>span{font-size:11px;gap:4px}.program-header h2{font-size:14px}.status-dot{width:7px;height:7px}.program-picture{height:auto;aspect-ratio:16/9}.program-caption{font-size:15px;left:12px;bottom:12px;padding:7px 12px}.program-standby strong{font-size:26px}.program-standby span{font-size:13px}.destinations{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.destinations h2{grid-column:1/-1;font-size:15px}.destination{height:auto;min-height:72px;display:grid;grid-template-columns:34px 1fr;gap:5px 9px;padding:12px;border-radius:9px}.destination svg{grid-row:1/3;align-self:center}.destination strong{font-size:14px}.destination span{font-size:12px}.workflow-dock{height:auto;display:grid;grid-template-columns:1fr 36px 36px 36px;gap:12px;margin-top:22px;padding:14px}.workflow-dock h2{width:auto;font-size:15px}.workflow-dock h2 br{display:none}.workflow-options{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto}.workflow-options button{height:79px;padding:3px}.workflow-options span{font-size:12px;bottom:4px;left:5px;right:5px;padding:4px}.compatibility{height:auto;min-height:62px;font-size:11px;flex-wrap:wrap;gap:5px;padding:14px 0;line-height:1.4}.compatibility span:first-of-type{display:none}.compatibility{max-width:290px;margin:auto}.flow-section{display:block;padding:30px 20px 32px}.flow-copy h2{font-size:43px;line-height:.97}.flow-copy p{font-size:17px;line-height:1.4;margin-top:16px}.flow-copy p br{display:none}.mini-route{margin-top:24px;height:170px;padding:8px;column-gap:4%;grid-template-columns:34% 15% 15% 24%;border-radius:10px}.mini-sources>div{height:42px;gap:5px;padding:4px}.mini-sources img{width:25px;height:26px}.mini-sources span{font-size:8px;gap:2px}.mini-sources small{font-size:7px}.mini-sources .status-dot{width:5px;height:5px}.mini-node{height:50px;font-size:8px;gap:3px}.mini-node svg{width:20px;height:20px}.mini-destinations{gap:24px}.mini-destinations div{height:42px;font-size:8px;gap:4px;padding:5px}.mini-destinations svg{width:20px;height:20px}.features-section{display:block;padding:42px 20px}.section-intro h2,.closing h2{font-size:43px}.section-intro p{font-size:17px;margin-top:18px;line-height:1.5}.feature-list{margin-top:26px}.feature-list article{gap:13px;padding:22px 0}.feature-list article>svg{width:24px;height:24px}.feature-list h3{font-size:21px}.feature-list p{font-size:15px;line-height:1.55}.feature-list a{padding:4px}.closing{display:block;padding:36px 20px}.closing p{font-size:16px;line-height:1.55}.closing .button{font-size:16px}.closing-preview{margin-top:30px}.closing-preview>div{font-size:14px;padding:12px}.closing-preview>div span:last-child{font-size:12px}.closing-preview p{padding:12px;font-size:12px}.site-footer{display:block;padding:25px 20px}.site-footer .brand{font-size:23px}.site-footer nav{margin-top:20px;font-size:14px;gap:25px}.program-standby{gap:7px;padding:12px}.program-standby svg{width:25px;height:25px}}

@media(max-width:700px){.mini-route{height:auto;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.mini-sources{grid-column:1/-1;flex-direction:row;gap:8px;flex-wrap:wrap}.mini-sources>div{flex:1;min-width:92px;height:48px;gap:5px;padding:6px}.mini-sources img{width:28px;height:32px}.mini-sources span{font-size:11px;white-space:normal}.mini-sources small{font-size:10px}.mini-sources .status-dot{display:none}.mini-node{height:62px;font-size:12px;padding:8px}.mini-node svg{width:24px;height:24px}.mini-connections{display:none}.mini-destinations{grid-column:1/-1;flex-direction:row;gap:12px}.mini-destinations div{flex:1;font-size:12px;height:46px;padding:9px;gap:9px}.compatibility{max-width:330px}.compatibility span:first-of-type{display:inline}.program-header{height:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* A narrow desktop side panel needs a compact demo, rather than the phone stack. */
@media(min-width:451px) and (max-width:700px){
  .masthead{height:60px}
  .hero-intro{min-height:0;padding:12px 0 16px}
  .hero-intro h1{font-size:34px}
  .hero-offer{font-size:15px;line-height:1.3;margin-top:12px}
  .hero-actions{margin-top:12px;gap:16px}
  .hero-actions .button{min-height:38px;padding:10px 16px}
  .stream-diagram{gap:8px}
  .source-stack{gap:6px}
  .source-card,.source-card:nth-of-type(2){height:48px}
  .source-card img{width:55px;object-position:center 40%}
  .source-card:after{display:none}
  .source-name{left:68px;bottom:17px;font-size:13px}
  .source-codec,.source-card .signal-bars{display:none}
  .processing-node{min-height:44px;padding:8px;flex-wrap:nowrap}
  .processing-node span{display:none}
  .processing-node strong{font-size:12px}
  .processing-node svg{width:22px;height:22px}
  .program-header{height:32px}
  .program-picture{height:144px;aspect-ratio:auto}
  .destinations h2{display:none}
  .destination{min-height:46px;padding:6px 10px;gap:2px 8px}
  .destination strong{font-size:13px}
  .destination span{font-size:11px}
  .destination svg{width:25px;height:25px}
  .workflow-dock{margin-top:12px;padding:10px 12px;gap:6px}
  .workflow-options{grid-template-columns:repeat(4,1fr);gap:6px}
  .workflow-options button{height:46px}
  .workflow-options span{font-size:11px;padding:3px}
  .workflow-dock h2{font-size:13px}
  .workflow-dock .round-icon{min-width:28px;min-height:28px;width:28px;height:28px}
  .compatibility{max-width:none;min-height:30px;padding:6px 0;gap:6px}
  .flow-section{padding:18px 20px 24px}
  .flow-copy h2{font-size:34px}
}
/* A small, real-feeling editor, kept separate from the operational canvas. */
.canvas-invitation{font-weight:650;color:#135644!important;margin-top:14px!important}
.canvas-example{min-width:0;align-self:center;border:1px solid #b9ded2;border-radius:12px;background:#deeee8;overflow:hidden}
.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#f6fffb;border-bottom:1px solid #b9ded2;color:#103d32;font-size:13px;font-weight:650}
.canvas-toolbar small{font-size:11px;font-weight:450;margin-left:8px;color:#346456}
.canvas-toolbar>div{display:flex;gap:6px}
.canvas-toolbar button{display:flex;align-items:center;gap:5px;min-height:30px;padding:5px 9px;border:1px solid #accabf;border-radius:5px;background:transparent;color:#103d32;font:inherit;font-size:12px;cursor:pointer}
.canvas-toolbar button:hover,.canvas-toolbar button[aria-pressed=true]{background:#c3efdc}
.canvas-toolbar svg{width:14px;height:14px}
.route-playground{position:relative;isolation:isolate;height:max(220px,calc(270 * var(--u)));background-image:radial-gradient(#accabe 1px,transparent 1px);background-size:18px 18px}
.canvas-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#438e74;stroke-width:2}
.canvas-node{position:absolute;width:18%;height:58px;border:1px solid #405867;border-radius:6px;background:#172b39;color:#eafff6;padding:0;text-align:left;cursor:grab;touch-action:none;user-select:none;z-index:1;font-family:inherit}
.canvas-node[hidden]{display:none}
.canvas-node:hover{border-color:#70bda0}
.canvas-node:focus-visible{outline:3px solid #14654b;outline-offset:3px}
.canvas-node.dragging{cursor:grabbing;z-index:2;border-color:#a8f8d9;box-shadow:0 6px 14px #0a192922}
.canvas-source{width:23%}
.canvas-node-header{display:flex;align-items:center;justify-content:space-between;gap:4px;height:26px;padding:5px 8px;font-size:12px}
.canvas-node-header strong{font-weight:650;white-space:nowrap}
.canvas-node-header small{font-size:9px;color:#b7d5d1}
.canvas-node-header svg{width:14px;height:14px;flex-shrink:0;stroke-width:1.6}
.canvas-node-header:has(svg){justify-content:flex-start}
.canvas-node-media{display:flex;align-items:center;gap:7px;margin:0 5px 5px;height:25px;background:#203c49;font-size:10px;border-radius:3px;overflow:hidden;color:#c9e6dc}
.canvas-node-media img{width:34px;height:25px;object-fit:cover;pointer-events:none}
.canvas-node-media>span{display:flex;align-items:center;gap:4px;white-space:nowrap}
.canvas-node-media .status-dot{width:4px;height:4px}
.canvas-node-detail{display:block;margin:2px 8px;color:#b7d5d1;font-size:10px}
.canvas-port{position:absolute;top:50%;transform:translateY(-50%);width:9px;height:9px;border:2px solid #5fa88d;background:#d9f9ec;border-radius:50%}
.canvas-port.in{left:-5px}.canvas-port.out{right:-5px}
.canvas-instructions{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 12px;font-size:11px;color:#346456;background:#f6fffb;border-top:1px solid #b9ded2}
.canvas-instructions span{white-space:nowrap}
@media(max-width:1050px){.canvas-example{width:100%}.flow-section{gap:20px}.canvas-node-header{font-size:11px;padding:5px}.canvas-node-header small{display:none}.canvas-node-media{gap:3px;font-size:9px}.canvas-node-detail{font-size:10px;margin:2px 5px}}
@media(max-width:700px){.route-playground{height:248px}.canvas-node-header svg{display:none}.canvas-source{width:23%}.canvas-node{width:20%}.canvas-node-header{font-size:11px}.canvas-node-media img{width:26px}.canvas-node-media>span{font-size:9px;gap:2px}.canvas-toolbar{padding:8px}.canvas-toolbar small{display:none}.canvas-instructions{font-size:10px;padding:7px 8px}.canvas-invitation{font-size:14px!important}}
@media(max-width:450px){.route-playground{height:265px}.canvas-node-header{font-size:10px}.canvas-node-media>span{font-size:9px}.canvas-node-media img{width:20px}.canvas-node-detail{font-size:9px}.canvas-toolbar{font-size:12px}.canvas-toolbar button{font-size:11px;padding:5px 6px}}
@media(max-width:450px){.canvas-node-header strong{white-space:normal;line-height:1.05}.canvas-source .canvas-node-media>span{display:none}.canvas-source .canvas-node-media img{width:100%}}
.canvas-toolbar button:focus-visible{outline:3px solid #14654b;outline-offset:2px}
/* The landing canvas is a guided, local sample of the product's routing model. */
.flow-section{grid-template-columns:29% 68%;gap:3%;align-items:start}
.flow-copy{padding-top:22px}
.flow-copy h2{font-size:calc(62 * var(--u))}
.flow-copy p{font-size:max(15px,calc(20 * var(--u)))}
.flow-copy .canvas-intro-note{font-size:13px;line-height:1.4;color:#346456;margin-top:8px;max-width:32ch}
.canvas-example{align-self:start}
.canvas-toolbar select,.canvas-palette select,.canvas-demo-inspector select{color-scheme:light;font:inherit;color:#103d32;border:1px solid #accabf;background:#fff;border-radius:5px;min-height:30px;padding:4px 6px;max-width:100%;min-width:0}
.canvas-toolbar select{font-size:12px}
.canvas-toolbar small{display:none}
.canvas-palette{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:8px 10px;border-bottom:1px solid #b9ded2;background:#f1faf6;color:#103d32}
.canvas-palette>div{display:grid;grid-template-columns:minmax(95px,1fr) auto;gap:4px 6px;flex:1;min-width:180px}
.canvas-palette label{grid-column:1/-1;font-size:11px;font-weight:650}
.canvas-palette select{font-size:12px;width:100%}
.canvas-palette button,.canvas-demo-inspector button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #accabf;border-radius:5px;background:#f6fffb;color:#103d32;font-family:inherit;font-size:12px;font-weight:600;padding:6px 8px;min-height:30px;cursor:pointer}
.canvas-palette>button{flex-shrink:0}
.canvas-palette button:hover,.canvas-demo-inspector button:hover,.canvas-demo-inspector button[aria-pressed=true]{background:#c3efdc;border-color:#438e74}
.canvas-palette button:disabled{opacity:.55;cursor:default}
.canvas-palette svg{width:14px;height:14px}
.canvas-workspace{display:grid;grid-template-columns:minmax(0,1fr) 204px;min-height:314px}
.route-playground{height:314px}
.canvas-node{width:19%;height:52px}
.canvas-source{width:22%}
.canvas-switch{height:78px}
.canvas-node-header{height:24px;font-size:11px;padding:4px 6px;gap:4px}
.canvas-node-header small{font-size:8px}
.canvas-node-header svg{width:12px;height:12px}
.canvas-node-header strong{white-space:normal;line-height:1.1}
.canvas-node-media{height:22px;margin:0 4px 4px;font-size:9px;gap:4px}
.canvas-node-media img{width:32px;height:22px}
.canvas-node-detail{font-size:9px;margin:2px 6px;line-height:1.3}
.canvas-node-selected{border:2px solid #a8f8d9}
.canvas-connections{stroke-width:2}
.canvas-wire-inactive{stroke:#6d9989;opacity:.55}
.canvas-demo-inspector{border-left:1px solid #b9ded2;background:#f6fffb;padding:10px;color:#103d32;min-width:0}
.canvas-output-preview{margin-bottom:10px}
.canvas-output-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;min-height:22px}
.canvas-output-preview>div:first-child>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canvas-preview-picture{height:98px;position:relative;background:#172b39;border-radius:5px;overflow:hidden;color:#eafff6}
.canvas-preview-picture img{pointer-events:none}
#canvas-preview-standby{position:absolute;inset:0;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;background:#172b39;font-size:10px}
#canvas-preview-standby strong{font-size:18px}
#canvas-preview-overlay{position:absolute;bottom:8px;left:8px;background:#a8f8d9;color:#091b2b;padding:5px 7px;font-size:11px;font-weight:750}
.canvas-preview-picture [hidden]{display:none!important}
#canvas-node-controls h3{font-size:14px;letter-spacing:-.01em}
#canvas-node-controls p{font-size:11px;line-height:1.4;margin:5px 0 7px;color:#346456}
#canvas-node-controls>button{margin:0 4px 5px 0}
#canvas-node-controls:has(button[aria-pressed])>button{font-size:11px}
#canvas-node-controls label{display:flex;align-items:center;gap:5px;justify-content:space-between;font-size:11px;margin:6px 0}
#canvas-node-controls select{width:124px;font-size:11px}
.canvas-demo-bottom{background:#f6fffb;border-top:1px solid #b9ded2}
#canvas-demo-feedback{font-size:12px;line-height:1.4;color:#103d32;padding:8px 12px}
.canvas-instructions{border-top:0;font-size:10px;padding-top:0}
.canvas-palette button:focus-visible,.canvas-palette select:focus-visible,.canvas-toolbar select:focus-visible,.canvas-demo-inspector button:focus-visible,.canvas-demo-inspector select:focus-visible{outline:3px solid #14654b;outline-offset:2px}
@media(max-width:1050px){.flow-section{display:block}.flow-copy{padding-top:0;margin-bottom:16px}.flow-copy h2{font-size:43px}.flow-copy p{font-size:16px}.flow-copy .canvas-intro-note{font-size:12px;max-width:none}.canvas-workspace{grid-template-columns:minmax(0,1fr) 194px}.canvas-node-header{font-size:11px}.canvas-node-header svg,.canvas-node-header small{display:none}.canvas-source .canvas-node-media>span{display:none}.canvas-source .canvas-node-media img{width:100%}}
@media(min-width:451px) and (max-width:700px){.flow-copy h2{font-size:34px}.canvas-workspace{grid-template-columns:minmax(0,1fr)}.canvas-demo-inspector{border-left:0;border-top:1px solid #b9ded2;display:grid;grid-template-columns:180px 1fr;gap:12px}.canvas-output-preview{margin:0}.canvas-node{width:19%}.canvas-source{width:22%}.canvas-node-header svg{display:block}.canvas-palette{gap:6px}.canvas-palette>div{min-width:180px}.canvas-palette>button{margin-top:2px}}
@media(max-width:450px){.canvas-toolbar{flex-wrap:wrap}.canvas-toolbar>div{width:100%;justify-content:space-between}.canvas-workspace{display:block}.canvas-demo-inspector{border-left:0;border-top:1px solid #b9ded2}.canvas-output-preview{max-width:210px}.canvas-palette>div{min-width:140px}.route-playground{height:310px}.canvas-node-header{font-size:10px}.canvas-node-detail{font-size:9px}.canvas-instructions{flex-wrap:wrap}.flow-copy h2{font-size:43px}}
.canvas-test-pattern{background:linear-gradient(to right,#eee 0 14.28%,#e8d749 14.28% 28.56%,#5bc6ca 28.56% 42.84%,#58b85e 42.84% 57.12%,#b85cbd 57.12% 71.4%,#d3554b 71.4% 85.68%,#4357b3 85.68% 100%)}
#canvas-preview-pattern{position:absolute;inset:0}
.canvas-node-media .canvas-test-pattern{display:block;width:100%;height:22px}
.canvas-node-media:has(.canvas-test-pattern)>span:not(.canvas-test-pattern){display:none}
.canvas-control-field{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:6px 0}
#canvas-node-controls .canvas-control-field label{margin:0;display:block}