.streaming-hero{grid-template-columns:minmax(0,1fr);gap:44px;min-height:0}.streaming-hero .copy{max-width:850px}.streaming-hero h1{font-size:clamp(28px,6vw,62px)}.streaming-hero h1>.recipient-line{white-space:nowrap;align-items:center;gap:.25em;margin-top:.2em;display:flex}.recipient-reel{gap:2px;min-width:0;display:grid}.recipient-words{display:grid;overflow:hidden}.recipient-words>span{isolation:isolate;opacity:0;visibility:hidden;white-space:nowrap;transform-origin:0;--focus:0;color:color-mix(in srgb,var(--hl-ink) calc(var(--focus)*100%),var(--ink-2));-webkit-text-fill-color:currentColor;background:0 0;grid-area:1/1;justify-self:start;margin-inline:0;position:relative}.recipient-words>span:before{content:"";z-index:-1;background:linear-gradient(100deg,transparent calc(.24em - .5px),var(--hl-bg) calc(.24em + .5px),var(--hl-bg) calc(100% - .24em - .5px),transparent calc(100% - .24em + .5px));opacity:var(--focus);position:absolute;inset:0}.recipient-words>span:first-child{opacity:1;visibility:visible;--focus:1}.hero-network{width:100%;min-width:0;margin:0}.network{grid-template-rows:auto 1fr;grid-template-columns:minmax(150px,.34fr) minmax(260px,1fr) minmax(360px,1.5fr);gap:14px 96px;padding:20px 0;display:grid;position:relative}.network-sources,.network-middle,.network-outlets{grid-row:1/3;grid-template-rows:subgrid;min-width:0;display:grid}.network-wires,.network-messages{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.network-messages{z-index:2}.network-wire{fill:none;stroke:#0000;stroke-width:2.5px;stroke-linecap:round}.network-wire[data-leg=source]{stroke:var(--line-2);stroke-width:1px}.network-wire.is-active{stroke:var(--cyan)}.network-wire[data-leg=lift].is-active{stroke:#ed3b3d;stroke-width:1.5px}.network-packet .message-document{fill:var(--cyan);stroke:var(--bg);stroke-width:2px}.network-packet .message-fold{fill:none;stroke:var(--bg);stroke-width:1px}.network-packet text{fill:var(--bg);font-family:var(--mono);font-size:10px;font-weight:600}.network-packet text.is-small{font-size:9px}.network-id{font-family:var(--mono);color:var(--ink);font-size:12px}.network-label{color:var(--ink-2);margin:0 0 12px;font-size:12px;font-weight:600}.network-label small{margin-top:2px;font-size:11px;font-weight:400;display:block}.network>*>.network-label{color:var(--ink);align-self:end;margin:0;font-size:13px}.network>*>.network-label small{color:var(--ink-2)}.network-list{grid-template-rows:repeat(6,minmax(0,1fr));gap:6px;min-width:0;display:grid}.network-sources .network-source{align-self:center}.network-source{border-bottom:2px solid var(--line);color:var(--ink-2);padding:9px 8px 9px 0;position:relative}.network-source span{font-family:var(--display);font-size:15px;font-weight:600;display:block}.network-source.is-active{color:var(--cyan);border-color:var(--cyan)}.network-source-tech{border:1px solid var(--line-2);color:var(--ink-2);background:var(--surface);white-space:nowrap;border-radius:6px;margin-top:5px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.network-source.is-active .network-source-tech{background:var(--cyan);border-color:var(--cyan);color:var(--surface)}.network-core{background:var(--surface);border:1px solid var(--line-2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);flex-direction:column;min-width:0;display:flex;position:relative}.network-event{padding:18px 20px}.network-event-heading{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.network-event-state{color:var(--cyan);margin:2px 0 8px;font-size:12px}.network-event.is-waiting .network-event-content{visibility:hidden}.network-event-name{font-family:var(--display);color:var(--ink);margin:0 0 10px;font-size:20px;line-height:1.25}.network-document{white-space:break-spaces;overflow-wrap:anywhere;font-family:var(--mono);color:var(--ink);margin:0;font-size:12px;line-height:1.6}.network-document .is-checked{color:var(--cyan);box-shadow:0 2px 0 var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,transparent)}.network-rule{color:#f7f9fa;--cyan:#c2dbe5;--hot:#ed3b3d;background:#115064;flex:1;padding:18px 20px 20px;position:relative}.route-matrix{color:#c2dbe5;min-height:47px;margin-bottom:10px;font-size:12px}.network-rule-summary{font-family:var(--display);margin:0;font-size:15px;font-weight:600}.network-speed{color:#c2dbe5;margin:0 0 6px;font-size:11px}.network-rules{gap:4px;margin:0;padding:0;list-style:none;display:grid}.network-rule-card{--open:1;opacity:var(--open);clip-path:inset(0 0 calc((1 - var(--open))*100%) 0);border-top:1px solid #c2dbe559;grid-template-rows:auto 1fr;grid-template-columns:22px minmax(0,1fr);align-content:start;column-gap:10px;padding-top:12px;display:grid}.network-rule-card:not(.is-open){visibility:hidden}.network-rule-card[hidden]{visibility:hidden;display:grid!important}.network-rule-number{width:22px;height:22px;font-family:var(--mono);color:#f7f9fa;background:#ed3b3d38;border:1px solid #ed3b3d;border-radius:6px;grid-row:1;place-items:center;font-size:11px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #ed3b3d}.network-rule-name{grid-column:2;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.network-rule-expr{white-space:normal;overflow-wrap:anywhere;color:#c2dbe5;grid-column:2;align-self:start;font-size:11.5px;line-height:1.5;display:block}.network-outlet{background:var(--surface);border:1px solid var(--line);border-radius:4px;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"icon name transport""payload payload payload""outcome outcome outcome";align-items:center;gap:4px 12px;padding:8px 12px;display:grid;position:relative}.network-outlet.is-selected{border-color:var(--cyan)}.outlet-icon{width:26px;height:26px;color:var(--ink-2);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:miter;grid-area:icon}.outlet-icon .icon-body{fill:var(--icon-fill,transparent)}.outlet-icon .icon-detail{stroke:var(--icon-detail,currentColor)}.network-outlet.is-selected .outlet-icon{color:var(--cyan);--icon-fill:var(--cyan);--icon-detail:var(--surface)}.network-outlet-name{font-family:var(--display);color:var(--ink-2);grid-area:name;margin:0;font-size:14.5px;font-weight:600;line-height:1.35}.network-outlet.is-selected .network-outlet-name{color:var(--ink)}.network-transport{border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;border-radius:6px;grid-area:transport;justify-self:end;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.5}.network-outlet.is-selected .network-transport{border-color:var(--cyan);color:var(--ink)}.network-outlet.is-dispatched .network-transport{background:var(--cyan);border-color:var(--cyan);color:var(--surface)}.network-payload{grid-area:payload;min-width:0;margin:0}.network-intent{color:var(--ink-2);grid-area:payload;align-self:start;font-size:11px;line-height:1.5}.network-payload code{font-family:var(--mono);color:var(--ink);white-space:normal;overflow-wrap:anywhere;font-size:10.5px;line-height:1.45;display:block}.network-payload .is-changed{color:var(--cyan);box-shadow:0 1.5px 0 var(--cyan)}.network-payload .is-unlinked{color:var(--ink-2);font-family:var(--body)}.network-outcome{min-height:1.5em;color:var(--cyan);grid-area:outcome;font-size:11px;line-height:1.5}.network-wire[data-leg=send],.network-wire[data-leg=send].is-active{stroke:#0000}.network-packet[data-leg=send] text{display:none}.hero-network figcaption{color:var(--ink-2);margin-top:8px;font-size:12px;line-height:1.6}@media (width<=1050px){.network{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(240px,1fr) minmax(320px,1.2fr);gap:14px 72px}.network-sources{grid-area:1/1/3/-1}.network-middle,.network-outlets{grid-row:3/5}.network-sources .network-list{grid-template-rows:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:34px}.network-source span{font-size:14px}}@media (width<=700px){.streaming-hero{gap:28px}.streaming-hero h1{font-size:clamp(20px,6vw,42px)}.network{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:36px;padding-block:16px}.network-sources,.network-middle,.network-outlets{grid-row:auto;grid-template-rows:none;gap:10px}.network-sources .network-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;margin-bottom:0}.network-middle{margin-inline:24px}.network-event,.network-rule{padding:16px}.network-outlets{margin-left:24px}}