.technology-motion{position:relative;padding:24px clamp(20px,6vw,90px);background:linear-gradient(100deg,#07121e,#0c2639,#081520);border-bottom:1px solid #214056;overflow:hidden}
.technology-motion-art{position:relative;max-width:1000px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-right:140px}
.technology-symbol{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:#5ee7ff;animation:technology-float 5s ease-in-out infinite}
.technology-symbol svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #5ee7ff30)}
.technology-symbol span{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#9db5c8}
.technology-chip{color:#62e6a6;animation-delay:-1.2s}.technology-cloud{color:#a998ff;animation-delay:-2.4s}.technology-network{animation-delay:-3.6s}
.technology-connection{position:absolute;left:30px;right:170px;top:30px;height:1px;background:linear-gradient(90deg,#5ee7ff15,#5ee7ff60,#62e6a615)}
.technology-connection i{position:absolute;width:5px;height:5px;top:-2px;border-radius:50%;background:#62e6a6;box-shadow:0 0 8px #62e6a6;animation:technology-transfer 7s linear infinite}
.technology-connection i:nth-child(2){animation-delay:-2.3s}.technology-connection i:nth-child(3){animation-delay:-4.6s}
.technology-motion-toggle{position:absolute;right:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%);border:1px solid #345268;border-radius:8px;padding:10px 12px;font-size:.75rem;font-weight:400;color:#b9cbd7;background:#081522;min-height:40px}
.technology-motion-toggle:focus-visible{outline:2px solid #62e6a6;outline-offset:4px}
.technology-motion.is-paused *{animation-play-state:paused!important}
@keyframes technology-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes technology-transfer{0%{left:0;opacity:0}10%,90%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:600px){.technology-motion{padding-block:20px 60px}.technology-motion-art{padding-right:0;gap:12px}.technology-symbol svg{width:42px;height:42px}.technology-symbol span{font-size:.75rem;letter-spacing:.04em}.technology-connection{left:20px;right:20px;top:21px}.technology-motion-toggle{top:auto;bottom:10px;transform:none}}
@media(prefers-reduced-motion:reduce){.technology-motion *{animation:none!important}.technology-motion-toggle{display:none}}