.signal-graphic{max-width:460px;margin-top:30px;padding:18px 20px 22px;border:1px solid #9bbbff29;border-radius:15px;background:linear-gradient(130deg,#14274a99,#38223a70);box-shadow:inset 0 1px 0 #ffffff09,0 16px 36px #0000001a}.signal-label,.data-flow-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#b7cdeb;font-size:10px;font-weight:600;letter-spacing:1.25px}.graphic-caption{font-size:11px;font-weight:400;letter-spacing:0;color:#a7b6ce;white-space:nowrap}.signal-track{display:flex;align-items:center;margin-top:23px}.signal-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:86px;flex-shrink:0;font-size:12px;color:#cddaf0}.signal-symbol{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #81b4f966;border-radius:13px;background:#213b65;font-size:25px;color:#b9d9ff;line-height:1}.signal-ai .signal-symbol{background:linear-gradient(135deg,#92ccff,#f49ed7);color:#12203d;font-weight:800;font-size:36px;padding-bottom:5px;border:0;border-radius:14px}.signal-ring{position:absolute;inset:-6px;border-radius:20px;border:1px solid #b2adff65}.signal-wire{position:relative;flex:1;height:1px;background:linear-gradient(90deg,#80bdff35,#b7a5ff65);margin-top:-25px;overflow:hidden}.signal-wire i{position:absolute;width:24px;left:-24px;height:1px;background:linear-gradient(90deg,transparent,#96d5ff);box-shadow:0 0 7px #91cfff}.signal-wire-pink i{background:linear-gradient(90deg,transparent,#ffa4da)}.graphics-toggle{display:flex;align-items:center;gap:9px;border:1px solid #90aed72e;border-radius:6px;background:#111c31;color:#b7c9e3;padding:8px 11px;font-size:12px;margin-top:12px;transition:color .2s,border-color .2s}.graphics-toggle:hover{color:#ffd2ee;border-color:#eaa1ce66}.data-flow{margin:0 0 45px;padding:26px 26px 20px;border:1px solid #9bb9f030;border-radius:18px;background:radial-gradient(ellipse at 50% 45%,#73509724,transparent 50%),linear-gradient(125deg,#142443,#10192f);box-shadow:0 25px 50px #00000026,inset 0 1px 0 #ffffff09}.data-flow-heading{margin-bottom:12px;font-size:11px}.data-flow svg{display:block;width:100%;height:auto;overflow:visible}.flow-lines{stroke:#8397c54d;stroke-width:1.5}.flow-streams{stroke:url(#flow-blue-pink);stroke-width:2.5;stroke-dasharray:12 110;stroke-linecap:round}.flow-streams path:nth-child(2n){animation-delay:-1.3s}.flow-streams path:nth-child(3n){animation-delay:-2.6s}.flow-source rect{fill:#182e50;stroke:#8bbbf747}.flow-output rect{fill:#302644;stroke:#e6a5d24a}.data-flow text{font-family:'DM Sans',Arial,sans-serif;font-size:17px;fill:#e0eaff}.data-flow .hub-title{font-family:Manrope,Arial,sans-serif;font-size:31px;font-weight:700;letter-spacing:-1px;fill:#fff}.data-flow .hub-subtitle{font-size:12px;fill:#d7d9f5}.hub-ring{fill:none;stroke:#b49df76b;stroke-width:1;stroke-dasharray:5 12;transform-origin:530px 165px}.flow-note{text-align:center;color:#aebfd9;font-size:13px}.mobile-data-flow{display:none}.graphics-paused *, .graphics-paused *:before,.graphics-paused *:after{animation-play-state:paused!important}
@keyframes signal-travel{from{left:-24px}to{left:100%}}
@keyframes hub-breathe{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:.8;transform:scale(1.03)}}
@keyframes stream-travel{to{stroke-dashoffset:-244}}
@keyframes ring-turn{to{transform:rotate(360deg)}}
@keyframes vertical-travel{from{background-position:0 -45px}to{background-position:0 45px}}
@media(prefers-reduced-motion:no-preference){.signal-wire i{animation:signal-travel 2.8s linear infinite}.signal-wire-pink i{animation-delay:1.4s}.signal-ring{animation:hub-breathe 4s ease-in-out infinite}.flow-streams path{animation:stream-travel 7s linear infinite}.hub-ring{animation:ring-turn 48s linear infinite}.mobile-connector{animation:vertical-travel 2.2s linear infinite}.animated-graphic.graphics-offscreen *{animation-play-state:paused!important}}
@media(prefers-reduced-motion:reduce){.signal-wire i{left:40%;width:18px}.flow-streams{stroke-dasharray:0;opacity:.55}.hub-ring{stroke-dasharray:5 12}.graphics-toggle{display:none}.animated-graphic *{animation:none!important}}
@media(max-width:900px){.data-flow{padding:22px 18px}.data-flow-heading{font-size:10px}.data-flow svg text{font-size:19px}.data-flow svg .hub-title{font-size:31px}.data-flow svg .hub-subtitle{font-size:12px}}
@media(max-width:720px){.signal-graphic{max-width:500px}.data-flow svg{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.data-flow{padding:23px 18px}.data-flow-heading{align-items:flex-start;line-height:1.6;gap:14px}.data-flow-heading>span:first-child{max-width:190px}.mobile-data-flow{display:flex;flex-direction:column;align-items:center;margin:26px auto 22px}.mobile-sources{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}.mobile-sources span,.mobile-outputs span{padding:12px 8px;text-align:center;font-size:14px;border-radius:9px;border:1px solid #8bbbf747;background:#182e50}.mobile-connector{width:2px;height:32px;background:linear-gradient(180deg,#8bc7ff20,#eab2ff,#8bc7ff20);background-size:100% 45px}.mobile-ai{width:170px;padding:18px;text-align:center;font-size:25px;font-weight:700;line-height:1.3;border:1px solid #cab7ef80;border-radius:16px;background:linear-gradient(135deg,#244c80,#53305a);box-shadow:0 0 25px #bb99ff13}.mobile-ai small{display:block;font-size:12px;font-weight:400;color:#d7d9f5;margin-top:5px}.mobile-outputs{display:grid;grid-template-columns:1fr;gap:9px;width:100%}.mobile-outputs span{background:#302644;border-color:#e6a5d24a}.flow-note{font-size:12px}}
@media(max-width:400px){.signal-graphic{padding:16px 12px}.signal-label{font-size:9px;letter-spacing:1px}.signal-node{width:77px;font-size:11px}.signal-symbol{width:40px;height:40px}.graphic-caption{font-size:10px}.data-flow-heading{flex-direction:column;gap:5px}.data-flow-heading>span:first-child{max-width:none}}
.graphics-page-hidden *{animation-play-state:paused!important}