/* Flowing connections behind the opening copy; all content sits above this layer. */
.studio-intro{isolation:isolate}
.studio-intro>.container{z-index:1}
.intro-atmosphere{position:absolute;z-index:0;inset:0 0 auto;height:clamp(510px,46vw,700px);max-height:100%;overflow:hidden;pointer-events:none;contain:paint}
.intro-atmosphere-plane{position:absolute;inset:-18px;transform:translate3d(var(--atmosphere-x,0px),var(--atmosphere-y,0px),0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.intro-aura{position:absolute;border-radius:50%;animation:atmosphere-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.intro-aura-blue{width:920px;height:630px;top:-160px;right:-60px;background:radial-gradient(ellipse,#385be02b 0%,#385be018 33%,#385be005 60%,transparent 73%)}
.intro-aura-violet{width:740px;height:480px;top:50px;right:170px;background:radial-gradient(ellipse,#8250d524 0%,#8250d513 37%,transparent 70%);animation-duration:29s;animation-delay:-11s;animation-direction:alternate-reverse}
.intro-flow-map{position:absolute;left:50%;top:0;width:max(100%,1100px);height:100%;max-width:none;transform:translateX(-50%);overflow:visible}
.intro-flow-track{stroke-width:1}
.intro-flow-fiber{stroke-width:.65;opacity:.4}
.intro-flow-beam{stroke-width:1.6;stroke-linecap:round;stroke-dasharray:3 97;opacity:.7;animation:integration-flow var(--route-time) linear infinite;animation-delay:var(--route-delay);animation-play-state:paused}
.intro-flow-beam-halo{stroke-width:7;opacity:.08}
.intro-flow-node-ring{fill:#626de408;stroke:#8a8dea26;stroke-width:.8}
.intro-flow-node-body{fill:#161d32;stroke:#9298e65c;stroke-width:1}
.intro-flow-node-core{fill:#a8acfc;opacity:.4;animation:integration-node 8s ease-in-out infinite;animation-delay:var(--node-delay);animation-play-state:paused}
.intro-atmosphere-veil{position:absolute;inset:0;background:linear-gradient(90deg,#10121bc7 0%,#10121b80 35%,#10121b18 76%,#10121b08),linear-gradient(0deg,#10121b 0%,#10121b38 24%,transparent 54%,#10121b20 100%)}
.intro-atmosphere[data-active="true"] :is(.intro-aura,.intro-flow-beam,.intro-flow-node-core){animation-play-state:running}







@keyframes integration-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes integration-node{0%,32%,68%,100%{opacity:.3}45%,52%{opacity:.85}}
@keyframes atmosphere-drift{from{transform:translate3d(-16px,-8px,0) scale(.97)}to{transform:translate3d(30px,20px,0) scale(1.045)}}
@media(max-width:900px){.intro-atmosphere{height:560px}.intro-aura-blue{right:-250px}.intro-aura-violet{right:-20px;width:620px}.intro-atmosphere-veil{background:linear-gradient(90deg,#10121bc0,#10121b45 70%),linear-gradient(0deg,#10121b,transparent 62%)}}
@media(max-width:650px){.intro-atmosphere{height:520px}.intro-flow-map{width:1050px;left:28%;opacity:.8}.intro-aura-blue{width:700px;height:500px;right:-310px;top:-100px}.intro-aura-violet{width:560px;right:-190px;top:60px}.intro-flow-route:nth-child(n+4) .intro-flow-beam{display:none}.intro-atmosphere-veil{background:linear-gradient(90deg,#10121bc4,#10121b70 65%,#10121b38),linear-gradient(0deg,#10121b 0%,#10121b55 30%,transparent 80%)}}
@media(prefers-reduced-motion:reduce){.intro-atmosphere-plane{transform:none;transition:none}.intro-atmosphere :is(.intro-aura,.intro-flow-beam,.intro-flow-node-core){animation:none}.intro-flow-beam{display:none}}