/* All motion is scoped to the approved right-side visual. Static without JS. */
.technology-scene{isolation:isolate}
.tech-orbit-art{position:absolute;inset:0;pointer-events:none;z-index:-1;translate:var(--orbit-x,0px) var(--orbit-y,0px)}
.tech-orbit-svg{width:100%;height:100%;overflow:visible;fill:none}
.tech-rings{stroke:#ff3349;stroke-width:.8;opacity:.36}
.tech-globe-surface{stroke:#9ad3f5;stroke-width:.65;opacity:.13;transform-origin:350px 300px}
.tech-node-track{fill:#ff3048;transform-origin:350px 300px;opacity:.75}
.tech-connection{stroke:#ff3349;stroke-width:.8;opacity:.12;transition:opacity .3s}
.tech-connection circle{fill:#ff3048;stroke-width:4;stroke:#ff304830}
.tech-hub-glow{position:absolute;inset:21% 18% 17%;border-radius:50%;background:radial-gradient(ellipse,#a6d9ff00 45%,#afdfff24 67%,transparent 73%);opacity:.55}
.tech-pedestal-glow{position:absolute;left:12%;right:3%;bottom:1%;height:8%;border-radius:50%;background:radial-gradient(ellipse,#ff314c55,transparent 68%);opacity:.55}
.technology-scene .technology-brand{translate:var(--hub-x,0px) var(--hub-y,0px)}
.tech-cycle{display:flex;justify-content:center;gap:12px;margin-top:12px;font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#c1cbd8;white-space:nowrap}
.tech-cycle span{position:relative;padding-bottom:5px}.tech-cycle span::after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:#ff3650;opacity:.2}
.orbit-ready .tech-orbit-art{animation:tech-reveal .8s both}
.orbit-ready .tech-ring{stroke-dasharray:100;animation:tech-draw 1.4s .4s both}.orbit-ready .tech-ring:nth-child(2){animation-delay:.8s}.orbit-ready .tech-ring:nth-child(3){animation-delay:1s}
.orbit-ready .tech-node-track{animation:tech-nodes-in .6s 1.2s both,tech-orbit-turn 12s 1.2s linear infinite}.orbit-ready .tech-node-track-1{animation-duration:.6s,17s;animation-direction:normal,reverse}.orbit-ready .tech-node-track-2{animation-duration:.6s,23s}
.orbit-ready .tech-globe-surface{animation:tech-orbit-turn 55s 4.5s linear infinite}
.orbit-ready .technology-service{animation:tech-card-in .45s var(--reveal-delay) both}
.technology-service-ai{--reveal-delay:1.5s}.technology-service-enterprise{--reveal-delay:1.8s}.technology-service-engineering{--reveal-delay:2.1s}.technology-service-security{--reveal-delay:2.4s}.technology-service-data{--reveal-delay:2.7s}.technology-service-cloud{--reveal-delay:3s}
.orbit-ready .technology-brand img{animation:tech-brand-pulse .9s 3.4s both}
.orbit-ready .tech-pedestal-glow{animation:tech-breathe 4s 4s ease-in-out infinite}
.orbit-ready .tech-hub-glow{animation:tech-breathe 6s 4.5s ease-in-out infinite}
.orbit-ready .tech-cycle span{animation:tech-word 6s 4.5s linear infinite}.orbit-ready .tech-cycle span::after{animation:tech-underline 6s 4.5s linear infinite}
.orbit-ready .tech-cycle span:nth-child(2),.orbit-ready .tech-cycle span:nth-child(2)::after{animation-delay:6s}.orbit-ready .tech-cycle span:nth-child(3),.orbit-ready .tech-cycle span:nth-child(3)::after{animation-delay:7.5s}.orbit-ready .tech-cycle span:nth-child(4),.orbit-ready .tech-cycle span:nth-child(4)::after{animation-delay:9s}
.orbit-paused *, .orbit-paused *::after{animation-play-state:paused!important}
@keyframes tech-reveal{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes tech-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes tech-card-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes tech-nodes-in{from{opacity:0}to{opacity:.75}}
@keyframes tech-orbit-turn{to{transform:rotate(360deg)}}
@keyframes tech-brand-pulse{50%{filter:drop-shadow(0 0 5px #bddfff70)}}
@keyframes tech-breathe{0%,100%{opacity:.3}50%{opacity:.6}}
@keyframes tech-word{0%,24%{color:#fff}25%,100%{color:#c1cbd8}}
@keyframes tech-underline{0%,24%{opacity:1}25%,100%{opacity:.2}}
@media(hover:hover) and (pointer:fine){
 .technology-scene.orbit-settled .technology-service{animation:none;translate:var(--card-x,0px) var(--card-y,0px);transition:transform .3s,opacity .3s,box-shadow .3s}
 .technology-scene.orbit-settled:has(.technology-service:hover) .technology-service:not(:hover):not(:focus-visible){opacity:.82}
 .technology-scene.orbit-settled .technology-service:hover{transform:translateY(-4px);box-shadow:0 10px 28px #16385a26,0 0 0 1px #ff30482b}
}
.technology-scene.orbit-settled .technology-service:focus-visible{animation:none;transform:translateY(-4px);outline:3px solid #163e95;outline-offset:4px}
.technology-scene[data-active="ai"] .tech-connection-ai,.technology-scene[data-active="cloud"] .tech-connection-cloud,.technology-scene[data-active="enterprise"] .tech-connection-enterprise,.technology-scene[data-active="data"] .tech-connection-data,.technology-scene[data-active="engineering"] .tech-connection-engineering,.technology-scene[data-active="security"] .tech-connection-security{opacity:.85}
@media(max-width:1000px){.tech-cycle{font-size:7px;gap:8px}.tech-orbit-art{translate:none}.orbit-ready .tech-node-track-2{animation:none;opacity:.3}}
@media(max-width:600px){.tech-orbit-art{inset:42% 0 17%}.tech-orbit-svg{opacity:.3}.orbit-ready .tech-node-track,.orbit-ready .tech-globe-surface,.orbit-ready .tech-ring{animation:none}.tech-cycle{gap:10px}.technology-scene .technology-brand{translate:none}}
@media(prefers-reduced-motion:reduce){.technology-scene *, .technology-scene *::after{animation:none!important;transition:none!important;translate:none!important}.technology-scene .technology-service{opacity:1!important;transform:none!important}.tech-ring{stroke-dashoffset:0}.tech-orbit-art{opacity:1;transform:none}}
.technology-scene .technology-service:focus-visible{animation:none;opacity:1;outline:3px solid #163e95;outline-offset:4px}
.technology-scene.orbit-settled:has(.technology-service:focus-visible) .technology-service:not(:focus-visible){opacity:.82}