/* Compositor-friendly motion; static content remains the default fallback. */
.hero-visual .motion-toggle{position:absolute;z-index:6;top:7px;right:9%;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:7px;border:1px solid #b7d9ea;border-radius:50%;background:#ffffffed;color:#07597e;box-shadow:none;cursor:pointer}.motion-toggle svg{width:16px;height:16px}.motion-toggle .play-symbol{display:none}.motion-toggle[aria-pressed=true] .pause-symbol{display:none}.motion-toggle[aria-pressed=true] .play-symbol{display:block}.motion-toggle:focus-visible{outline:3px solid #008da8;outline-offset:3px}.motion-toggle[hidden]{display:none}.motion-caption{position:absolute;z-index:5;bottom:9px;left:11%;font-size:9px;letter-spacing:.15px;color:#134d69;background:#fffffff0;border-radius:15px;padding:5px 9px;line-height:1.2;pointer-events:none}.data-signal{position:absolute;z-index:3;width:6px;height:6px;background:#168fc3;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 0 3px #ffffffb8}.signal-one{left:50%;top:91px}.signal-two{left:61%;top:200px}.hero-visual.motion-ready{--motion-play:running}.hero-visual.motion-paused{--motion-play:paused}.motion-ready .port-photo{animation:port-drift 18s ease-in-out infinite alternate;animation-play-state:var(--motion-play);transform-origin:65% 65%;will-change:transform}.motion-ready .workflow-row{animation:workflow-lift 12s ease-in-out infinite;animation-play-state:var(--motion-play)}.motion-ready .workflow-row:before{content:'';position:absolute;inset:-2px;border:2px solid #1598c5;border-radius:12px;box-shadow:0 0 16px #22a1d32a;opacity:0;pointer-events:none;animation:workflow-highlight 12s ease-in-out infinite;animation-play-state:var(--motion-play)}.motion-ready .workflow-row:nth-child(2),.motion-ready .workflow-row:nth-child(2):before{animation-delay:3s}.motion-ready .workflow-row:nth-child(3),.motion-ready .workflow-row:nth-child(3):before{animation-delay:6s}.motion-ready .workflow-row:nth-child(4),.motion-ready .workflow-row:nth-child(4):before{animation-delay:9s}.motion-ready .workflow-row:not(:last-child):after{animation:arrow-flow 3s ease-in-out infinite;animation-play-state:var(--motion-play)}.motion-ready .system-stack>div{position:relative}.motion-ready .system-stack>div:after{content:'';position:absolute;inset:-2px;border:2px solid #19a898;border-radius:11px;opacity:0;pointer-events:none;animation:system-receive 12s ease-in-out infinite;animation-play-state:var(--motion-play)}.motion-ready .system-stack>div:nth-child(2):after{animation-delay:.2s}.motion-ready .system-stack>div:nth-child(3):after{animation-delay:.4s}.motion-ready .system-stack>div:nth-child(4):after{animation-delay:.6s}.motion-ready .signal-one{animation:data-depart 12s linear infinite;animation-play-state:var(--motion-play)}.motion-ready .signal-two{animation:data-arrive 12s linear infinite;animation-play-state:var(--motion-play)}
@keyframes port-drift{from{transform:scale(1.015) translate(0,0)}to{transform:scale(1.055) translate(-.7%,-.5%)}}@keyframes workflow-lift{0%,24%,100%{transform:translateY(0)}5%,18%{transform:translateY(-2px)}}@keyframes workflow-highlight{0%,24%,100%{opacity:0}5%,18%{opacity:1}}@keyframes arrow-flow{0%,100%{opacity:.45;transform:translateY(-1px)}55%{opacity:1;transform:translateY(2px)}}@keyframes system-receive{0%,72%,100%{opacity:0}80%,93%{opacity:1}}@keyframes data-depart{0%,72%,97%,100%{opacity:0;transform:translate(0,0)}74%{opacity:1;transform:translate(0,0)}82%{opacity:1;transform:translate(45px,0)}92%{opacity:1;transform:translate(45px,105px)}96%{opacity:0;transform:translate(45px,105px)}}@keyframes data-arrive{0%,79%,99%,100%{opacity:0;transform:translate(0,0)}81%{opacity:1;transform:translate(0,0)}90%{opacity:1;transform:translate(40px,0)}98%{opacity:0;transform:translate(40px,-105px)}}
@media(min-width:1200px){.signal-one{top:100px}.signal-two{top:217px}}@media(max-width:900px){.signal-one{left:55%;top:100px}.signal-two{left:65%;top:200px}.motion-caption{left:8%;font-size:8px}}@media(max-width:600px){.motion-toggle{right:8%;top:15px}.motion-caption{left:10%;bottom:9px;font-size:8px}.signal-one{left:56%;top:89px}.signal-two{left:66%;top:180px}.motion-ready .port-photo{will-change:auto}.real-work{left:43%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.motion-ready .port-photo,.motion-ready .workflow-row,.motion-ready .workflow-row:before,.motion-ready .workflow-row:after,.motion-ready .system-stack>div:after,.motion-ready .data-signal{animation:none!important;will-change:auto}.data-signal{display:none}.hero-visual .motion-toggle{display:none}}