.agent-diagram.network-diagram{display:block;position:relative;overflow:hidden;padding:30px;background:#141414;border:1px solid #2C4743;border-radius:20px;color:#EDFAF8;box-shadow:0 24px 50px #14252112}.network-caption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:#B5ECE3;border-bottom:1px solid #2C4743;padding-bottom:20px}.network-example{color:#9aacaa;letter-spacing:0}.network-canvas{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:64px;position:relative;min-height:420px;padding:40px 0}.network-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.network-systems,.network-core,.network-outputs{position:relative;z-index:1;min-width:0}.network-systems>small,.network-outputs>small{display:block;font-size:9px;letter-spacing:.12em;color:#9fbdb5;margin-bottom:18px}.network-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-node{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px;background:#202623;border:1px solid #36534c;border-radius:9px}.system-node>span{font-size:20px;color:#6BD8C7;min-width:20px;text-align:center}.system-node b{font-size:11px;font-weight:500}.network-core{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:218px;background:radial-gradient(circle,#244c42 0,#172e27 48%,transparent 70%);isolation:isolate}.core-ring{position:absolute;border:1px solid #4b9b884f;border-radius:50%;z-index:-1;aspect-ratio:1;max-width:100%}.core-ring-outer{width:210px;box-shadow:0 0 28px #6bd8c70c}.core-ring-inner{width:170px;border-style:dashed;opacity:.6}.core-mark{font-size:42px;line-height:1;color:#6BD8C7;margin-bottom:16px}.network-core strong{font-size:22px;letter-spacing:-.04em}.network-core>span{font-size:10px;line-height:1.7;color:#B5ECE3;margin-top:8px}.network-core>small{font-size:9px;line-height:1.6;color:#98b6ad;margin-top:8px}.network-result{position:relative;background:#202623;border:1px solid #35584d;border-radius:10px;padding:16px 17px;overflow:hidden;transition:border-color .4s,background .4s,box-shadow .4s,transform .4s}.network-result+.network-result{margin-top:14px}.network-result>div:first-child{display:flex;gap:8px;justify-content:space-between;align-items:center}.result-agent{font-size:10px;color:#B5ECE3}.result-status{font-size:8px;color:#b5cec5;padding:4px 6px;border:1px solid #3d5a50;border-radius:4px;white-space:nowrap}.network-result strong{display:block;font-size:14px;margin-top:12px;line-height:1.5;color:#EDFAF8;font-weight:550}.network-result p{font-size:10px;line-height:1.6;color:#9fbdb5;margin:7px 0 0}.result-progress{position:absolute;bottom:0;left:0;width:0;height:2px;background:#6BD8C7}.network-governance{display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid #2C4743;padding-top:24px}.governance-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #40665a;border-radius:50%;color:#6BD8C7;flex-shrink:0}.network-governance strong{display:block;font-size:12px;font-weight:500}.network-governance div>span{display:block;font-size:10px;color:#9fbdb5;margin-top:6px;line-height:1.7}.network-wire{fill:none;stroke:#36594e;stroke-width:1.3}.wire-packet{stroke:#6BD8C7;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 96;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px #6bd8c788)}.network-diagram[data-phase="0"] .input-wire.wire-packet{opacity:1;animation:packet-travel 1.7s linear infinite}.input-wire[data-wire="1"],.input-wire[data-wire="5"]{animation-delay:.2s!important}.input-wire[data-wire="2"],.input-wire[data-wire="6"]{animation-delay:.4s!important}.input-wire[data-wire="3"],.input-wire[data-wire="7"]{animation-delay:.6s!important}.network-diagram[data-phase="1"] .core-ring-outer{animation:core-breathe 1.1s ease-in-out infinite alternate}.network-diagram[data-phase="1"] .core-mark{animation:core-spark 1.1s ease-in-out infinite alternate}.network-diagram[data-phase="2"][data-flow="0"] .output-wire.wire-packet[data-wire="0"],.network-diagram[data-phase="2"][data-flow="1"] .output-wire.wire-packet[data-wire="1"],.network-diagram[data-phase="2"][data-flow="2"] .output-wire.wire-packet[data-wire="2"]{opacity:1;animation:packet-travel 1.7s linear infinite}.network-diagram[data-phase="2"] .network-result.is-current{border-color:#6BD8C7;background:#203d32;box-shadow:0 0 24px #6bd8c710;transform:translateY(-2px)}.network-diagram[data-phase="2"] .is-current .result-progress{animation:result-arrive 1.7s ease-out forwards}.network-diagram[data-phase="3"] .is-current .result-status{background:#6BD8C7;color:#142b22;border-color:#6BD8C7}.network-diagram[data-phase="3"] .governance-icon{background:#6BD8C7;color:#142b22;box-shadow:0 0 16px #6bd8c735}.network-diagram.motion-off *{animation-play-state:paused!important}.network-diagram.motion-off .wire-packet{opacity:0}@keyframes packet-travel{to{stroke-dashoffset:0}}@keyframes core-breathe{to{box-shadow:0 0 45px #6bd8c72e;border-color:#6BD8C7;transform:scale(1.07)}}@keyframes core-spark{to{text-shadow:0 0 20px #6BD8C7;transform:scale(1.08)}}@keyframes result-arrive{to{width:100%}}@media(max-width:1000px) and (min-width:701px){.network-canvas{gap:26px;grid-template-columns:1fr .85fr 1.3fr}.system-node{gap:5px;padding:8px}.system-node b{font-size:10px}.network-result{padding:12px}.network-result>div:first-child{flex-wrap:wrap}.network-core strong{font-size:18px}}@media(max-width:700px){.agent-diagram.network-diagram{padding:22px 16px;border-radius:14px}.network-caption{font-size:9px;line-height:1.7;display:block}.network-example{display:block;margin-top:5px}.network-canvas{display:flex;flex-direction:column;gap:52px;padding:26px 0}.network-systems,.network-outputs{width:100%}.network-systems>small,.network-outputs>small{text-align:center}.network-system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.system-node{flex-direction:column;justify-content:center;gap:6px;min-height:60px;padding:8px 3px}.system-node b{font-size:9px}.system-node>span{font-size:19px}.network-core{min-height:190px;width:210px}.core-ring-outer{width:190px}.core-ring-inner{width:156px}.network-core strong{font-size:21px}.network-result{padding:15px}.network-governance{gap:12px;align-items:flex-start}.network-governance strong{font-size:11px;line-height:1.6}.network-governance div>span{font-size:10px}.result-status{font-size:9px}}@media(prefers-reduced-motion:reduce){.network-result{transition:none}.wire-packet{display:none}}

/* Event stream: restrained surfaces, legible hierarchy, a real moving queue. */
.network-canvas{grid-template-columns:1fr .95fr 1.45fr;gap:48px;min-height:550px;padding:36px 0}.system-node{min-height:60px;padding:12px 10px;background:#202421;border-color:#3a4940}.system-node>span{display:flex}.system-node svg{width:22px;height:22px}.system-node b{font-size:12px}.network-core{background:none;overflow:visible;min-height:230px}.network-core:before{content:'';position:absolute;left:50%;top:50%;width:350px;height:350px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(107,216,199,.15) 0%,rgba(107,216,199,.07) 32%,rgba(107,216,199,.02) 52%,transparent 70%);z-index:-2;pointer-events:none}.core-ring-inner{border-style:solid;opacity:.5}.network-core strong{font-size:24px}.network-core>span{font-size:11px}.network-core>small{font-size:10px}.events-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.events-heading small{font-size:10px;letter-spacing:.1em;color:#a8b8b0}.events-heading>span{font-size:10px;color:#9fbaab}.event-window{position:relative;overflow:hidden;height:468px}.event-track{display:flex;flex-direction:column;gap:12px;will-change:transform}.network-result{flex:0 0 148px;height:148px;box-sizing:border-box;padding:15px 18px;background:#222824;border:1px solid #3b4840;border-radius:12px;transition:none!important;transform:none!important}.network-result+.network-result{margin-top:0}.network-result>div.event-heading{display:flex;justify-content:flex-start;gap:9px;align-items:center}.event-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#b5ece316;border:1px solid #b5ece326;font-size:11px;color:#b5ece3;flex-shrink:0}.result-agent{font-size:11px;color:#b7cbc0}.event-tick{margin-left:auto;color:#799d8b;font-size:12px}.network-result strong{font-size:16px;line-height:1.4;margin:10px 0 5px;letter-spacing:-.015em;color:#f0f5f3}.network-result p{font-size:11px;line-height:1.5;margin:0;color:#a9b7af}.event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.result-status{font-size:10px;color:#c1d2c8;background:#ffffff05;border:1px solid #ffffff14;border-radius:5px;padding:3px 7px;line-height:1.3}.event-sequence{font-size:10px;color:#7f978a;font-variant-numeric:tabular-nums}.result-progress{width:100%;transform:scaleX(var(--arrival,0));transform-origin:left;animation:none!important}.network-result.is-current{border-color:#6bd8c780;background:#26342d}.network-diagram[data-phase="2"] .network-result.is-current{box-shadow:none}.network-diagram[data-phase="3"] .is-current .result-status{background:#ffffff05;color:#c1e7d3;border-color:#6bd8c745}.network-diagram[data-phase="0"] .input-wire.wire-packet{animation:packet-travel 1.5s ease-in-out both}.network-diagram[data-phase="1"] .core-ring-outer{animation:none}.network-diagram[data-phase="1"] .core-ring-inner{animation:agent-glow 1.3s ease-in-out alternate}.network-diagram[data-phase="2"] .output-wire.wire-packet{opacity:1;animation:packet-travel .65s ease-in-out both}.diagram-controls button{min-height:44px}@media(max-width:1100px) and (min-width:701px){.network-canvas{gap:24px;grid-template-columns:.9fr .8fr 1.45fr}.network-result{padding:14px 12px}.network-result strong{font-size:14px}.network-result p{font-size:10px}.system-node{padding:10px 5px;gap:5px}.system-node b{font-size:10px}.system-node svg{width:18px}.network-core strong{font-size:19px}.events-heading small{font-size:9px}.network-result>div:first-child{flex-wrap:nowrap}}@media(max-width:700px){.network-canvas{gap:48px;min-height:0;padding:28px 0}.network-core{min-height:214px;width:214px}.network-core:before{width:310px;height:310px}.network-core strong{font-size:24px}.system-node{min-height:68px;padding:10px 2px;gap:7px}.system-node b{font-size:10px}.system-node svg{width:22px;height:22px}.network-result{height:162px;flex-basis:162px;padding:15px 14px}.network-result strong{font-size:15px}.network-result p{font-size:11px}.event-window{height:510px}}

.core-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;max-width:195px;line-height:1.5}.core-action i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#6bd8c7;animation:action-pulse 1.4s ease-in-out infinite}.core-action-text{font-size:11px;color:#b5ece3}.core-action i{box-shadow:0 0 6px #6bd8c740}@keyframes action-pulse{50%{opacity:.3;box-shadow:none}}@media(prefers-reduced-motion:reduce){.core-action i{animation:none}}



/* The footer is one decision row, inside the diagram. */
.network-governance{justify-content:space-between;gap:28px;align-items:center}.governance-copy{display:flex;align-items:center;gap:14px;min-width:0}.network-governance .governance-copy>div>span{display:block;font-size:11px;color:#9fb2a6;margin-top:6px;line-height:1.6}.network-cta{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:72px;padding:15px 20px;border:1px solid #6BD8C7;border-radius:10px;background:#6BD8C7;color:#141414;text-align:left;cursor:pointer;box-shadow:0 0 0 0 #6bd8c700;animation:cta-intro 2s ease-out 3}.network-cta:hover{background:#8ee3d4;box-shadow:0 5px 22px #6bd8c725}.network-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.network-governance .network-cta .cta-copy strong{font-size:14px;font-weight:650;color:#141414}.network-cta .cta-copy small{display:block;margin-top:4px;font-size:11px;color:#23473e}.network-cta .cta-play{display:grid;place-items:center;width:30px;height:30px;border:1px solid #14141435;border-radius:50%;font-size:20px;color:#141414}.network-cta .cta-arrow{font-size:22px;color:#141414;transition:transform .2s}.network-cta:hover .cta-arrow{transform:translateX(3px)}.network-canvas:focus-visible{outline:1px solid #6bd8c755;outline-offset:8px;border-radius:10px}@keyframes cta-intro{50%{box-shadow:0 0 0 7px #6bd8c718}}@media(max-width:1000px){.network-governance{gap:20px}.network-cta{gap:10px;padding:14px}.network-governance .network-cta .cta-copy strong{font-size:13px}}@media(max-width:700px){.network-governance{flex-direction:column;align-items:stretch;gap:22px}.governance-copy{align-items:flex-start;gap:12px}.network-cta{width:100%;justify-content:flex-start;min-height:72px}.network-cta .cta-arrow{margin-left:auto}.network-governance .network-cta .cta-copy strong{font-size:13px}.network-cta .cta-copy small{font-size:10px}}@media(prefers-reduced-motion:reduce){.network-cta{animation:none}.network-cta .cta-arrow{transition:none}}

.network-governance .governance-copy>.governance-icon{display:grid;place-items:center;margin:0;line-height:1;font-size:16px;color:#6BD8C7;background:transparent;box-shadow:none}

/* Equal side tracks keep the AI hub at the actual canvas midpoint. */
.network-canvas{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:44px}.network-systems{max-width:240px;width:100%}.network-core{width:230px;justify-self:center}.network-diagram .output-wire{opacity:0!important;animation:none!important}.network-diagram[data-phase="1"] .output-wire:not(.wire-packet){opacity:1!important;stroke:#6bd8c7;stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:0;animation:thread-reveal .45s ease-out both!important}.network-diagram[data-phase="1"] .output-wire.wire-packet{opacity:1!important;animation:packet-travel .8s ease-in-out both!important}.network-diagram[data-phase="1"] .network-result.is-current{border-color:#6bd8c7}@keyframes thread-reveal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media(max-width:1100px) and (min-width:701px){.network-canvas{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:24px}.network-core{width:170px}.network-result{height:174px;flex-basis:174px}.network-result strong{font-size:13px}.network-result p{font-size:10px}.system-node{flex-direction:column;justify-content:center}.system-node b{font-size:11px}}@media(max-width:700px){.network-core{width:214px}.network-systems{max-width:none}.network-outputs{width:calc(100% - 12px);margin-left:12px}}@media(prefers-reduced-motion:reduce){.network-diagram .output-wire{opacity:0!important;animation:none!important}}

.network-governance .network-cta>.cta-play{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin:0;line-height:1;border:1px solid #14141445;color:#141414}.network-cta .cta-play svg{display:block;width:24px;height:24px}

/* Text fits inside the sphere rather than crossing its lower edge. */
.network-core{height:230px;min-height:230px;gap:0}.core-mark{font-size:30px;margin-bottom:10px}.network-core strong{font-size:22px;line-height:1.2}.network-core .core-action{margin-top:10px;min-height:34px;width:166px;max-width:166px;line-height:1.4}.core-action-text{font-size:11px;overflow-wrap:anywhere}.network-core>small{font-size:9px;line-height:1.4;margin-top:6px;max-width:155px}.core-ring-outer{width:210px;height:210px;max-width:none}.core-ring-inner{width:180px;height:180px;max-width:none}.network-diagram[data-phase="1"] .core-ring-inner{animation:none}.network-diagram[data-phase="1"] .output-wire:not(.wire-packet){animation-duration:.65s!important}.network-diagram[data-phase="1"] .output-wire.wire-packet{animation-duration:1s!important}.network-diagram[data-phase="2"] .output-wire{opacity:0!important}@media(max-width:1100px) and (min-width:701px){.network-core{height:190px;min-height:190px}.core-ring-outer{width:170px;height:170px}.core-ring-inner{width:150px;height:150px}.core-mark{font-size:23px;margin-bottom:6px}.network-core strong{font-size:17px}.network-core .core-action{width:132px;max-width:132px;margin-top:5px;min-height:32px}.core-action-text{font-size:10px}.network-core>small{max-width:112px;font-size:8px;margin-top:3px}}@media(max-width:700px){.network-core{height:230px;min-height:230px}.network-core strong{font-size:22px}}

@media(min-width:701px){.network-canvas{min-height:360px;padding:24px 0}.event-window{height:308px}}

.network-diagram[data-phase="2"] .output-wire:not(.wire-packet),.network-diagram[data-phase="3"] .output-wire:not(.wire-packet){opacity:1!important;stroke:#6BD8C7;stroke-width:1.5;stroke-dasharray:none;animation:none!important}@media(prefers-reduced-motion:reduce){.network-diagram .output-wire{opacity:0!important}}

@media(max-width:700px){.network-outputs{width:100%;margin-left:0}}

/* Stable edge fade: no mask pop at the end of an event shift. */
.network-diagram .event-window{mask-image:linear-gradient(to bottom,transparent,#000 10px,#000 calc(100% - 20px),transparent)}

/* Independent incoming signals, not a synchronized processing flash. */
.network-diagram[data-phase] .input-wire.wire-packet{opacity:.75;stroke-width:2;stroke-dasharray:1.5 98.5;animation:packet-travel 3.7s linear infinite!important;animation-delay:-1.2s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="1"]{animation-duration:4.3s!important;animation-delay:-3.2s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="2"]{animation-duration:5.1s!important;animation-delay:-.7s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="3"]{animation-duration:3.9s!important;animation-delay:-2.4s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="4"]{animation-duration:4.7s!important;animation-delay:-1.8s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="5"]{animation-duration:5.7s!important;animation-delay:-4.3s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="6"]{animation-duration:4.1s!important;animation-delay:-.3s!important}.network-diagram[data-phase] .input-wire.wire-packet[data-wire="7"]{animation-duration:5.3s!important;animation-delay:-3.6s!important}.network-diagram.motion-off[data-phase] .input-wire.wire-packet[data-wire]{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.network-diagram[data-phase] .input-wire.wire-packet[data-wire]{animation:none!important;opacity:0}}

/* Keep the active card clear of the persistent top edge fade. */
.event-track{padding-top:16px}

/* Erase along the path from the AI source toward the result. */
.network-diagram[data-events]:not([data-events="0"])[data-phase="0"] .output-wire:not(.wire-packet){opacity:1!important;stroke:#6BD8C7;stroke-width:1.5;stroke-dasharray:100 100;animation:thread-depart .55s ease-in forwards!important}@keyframes thread-depart{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.network-diagram.motion-off[data-events]:not([data-events="0"])[data-phase="0"] .output-wire:not(.wire-packet){animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.network-diagram[data-events]:not([data-events="0"])[data-phase="0"] .output-wire:not(.wire-packet){animation:none!important;opacity:0!important}}