.data-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8;mask-image:linear-gradient(90deg,transparent,#0002 40%,#000b 65%,#000)}
.data-routes .route-base{fill:none;stroke:#75b6cf;stroke-opacity:.11;stroke-width:1}
.data-routes .route-signal{fill:none;stroke:#a7e1ee;stroke-opacity:.5;stroke-width:2;stroke-linecap:round;stroke-dasharray:9 480;animation:route-flow 16s linear infinite;animation-play-state:paused}
.data-routes .signal-two{animation-delay:-5s;animation-duration:20s;stroke-opacity:.32}
.data-routes .signal-three{animation-delay:-10s;animation-duration:24s;stroke-opacity:.24}
.is-motion-active .route-signal{animation-play-state:running}
.section-effects-toggle{position:absolute;bottom:20px;right:max(32px,calc((100vw - 1200px)/2));z-index:2;padding:7px 10px;min-height:36px;border:1px solid #385267;border-radius:4px;background:#0b1b2d;color:#bdd1df;font-size:11px}
.solution-item{transition:border-color .3s ease,box-shadow .3s ease,opacity .65s ease,transform .65s ease}
@media(hover:hover){.solution-item:hover{border-color:#77b7c7;box-shadow:0 12px 36px #030c1440,0 0 0 1px #77b7c71a}}
.motion-pending{opacity:0;transform:translateY(14px)}
.motion-entered{opacity:1;transform:none}
.motion-entered:nth-child(2){transition-delay:.08s}.motion-entered:nth-child(3){transition-delay:.04s}.motion-entered:nth-child(4){transition-delay:.12s}
.scene .visual{position:relative}
.scene .visual::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:20%;pointer-events:none;background:linear-gradient(90deg,transparent,#d1f6ff12,transparent);transform:translateX(-150%) skewX(-18deg);opacity:0;animation:scene-scan 18s ease-in-out infinite;animation-play-state:paused}
.scenes.is-motion-active .visual::after{animation-play-state:running}
.scene:nth-child(2) .visual::after{animation-delay:-4s}.scene:nth-child(3) .visual::after{animation-delay:-8s}.scene:nth-child(4) .visual::after{animation-delay:-12s}
@keyframes route-flow{to{stroke-dashoffset:-978}}
@keyframes scene-scan{0%,66%{transform:translateX(-150%) skewX(-18deg);opacity:0}69%{opacity:1}86%{transform:translateX(650%) skewX(-18deg);opacity:1}90%,100%{transform:translateX(650%) skewX(-18deg);opacity:0}}
@media(max-width:540px){.data-routes{opacity:.35}.data-routes .signal-two,.data-routes .signal-three{display:none}.scene .visual::after{display:none}.section-effects-toggle{right:20px;bottom:14px}.motion-pending{transform:translateY(8px)}}
html.section-motion-disabled .route-signal,html.section-motion-disabled .scene .visual::after{animation-play-state:paused}
html.section-motion-disabled .motion-pending{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.route-signal,.scene .visual::after{animation:none!important}.solution-item{transition:none!important}.motion-pending{opacity:1;transform:none}}
