.cx-intro-stage *{box-sizing:border-box}.cx-intro-stage{font-family:Roboto,Arial,sans-serif;overflow:hidden;color:#102c44}.cx-intro-scene{position:absolute;inset:0;opacity:0;overflow:hidden}.cx-intro-aura{position:absolute;inset:6%;background:radial-gradient(ellipse,#cceef8 0%,#eaf5fa66 45%,transparent 70%);border-radius:50%}.cx-intro-computer{position:absolute;left:50%;top:47%;width:min(46vh,360px);aspect-ratio:1;transform:translate(-50%,-50%);z-index:5;filter:drop-shadow(0 24px 18px #10243e20)}.cx-hardware-sprite{position:absolute;inset:0;background-image:var(--cx-hardware);background-size:300% 300%;background-position:calc(var(--col)*50%) calc(var(--row)*50%);background-repeat:no-repeat}.cx-intro-open{opacity:0}.cx-intro-hardware{position:absolute;inset:0;pointer-events:none;z-index:6}.cx-intro-component{position:absolute;left:50%;top:47%;width:min(22vw,180px);aspect-ratio:1;opacity:0;transform:translate(-50%,-50%) scale(.2);filter:drop-shadow(0 12px 12px #153c551a);will-change:transform,opacity}.cx-intro-component span{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.06em;color:#315a70;opacity:0;padding:5px 9px;background:#f3f6fbd9;border-radius:5px}.cx-intro-traces{position:absolute;inset:12%;width:76%;height:76%;color:#00b1d8;opacity:0;stroke-dasharray:6 10}.cx-intro-orbit{position:absolute;left:50%;top:47%;border:1px solid #00b1d822;border-radius:50%;width:75vw;height:53vh;transform:translate(-50%,-50%) rotate(-13deg);opacity:0}.cx-intro-orbit-two{width:80vw;height:65vh;transform:translate(-50%,-50%) rotate(19deg);border-style:dashed}.cx-intro-brand-tag{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);font-size:12px;letter-spacing:.15em;font-weight:700;white-space:nowrap;color:#0d5683}.cx-intro-brand-tag i{display:inline-block;width:7px;height:7px;margin-inline:10px;border-radius:50%;background:#ffcc00}.cx-intro-scene-label{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);font-size:8px;letter-spacing:.13em;color:#527991;white-space:nowrap}.cx-intro-word-live>.cx-intro-dot{animation:cx-intro-blink .5s ease-in-out infinite alternate}.cx-intro-replay{font:400 11px/1.5 Roboto,Arial,sans-serif!important;border:0!important;padding:4px 8px!important;text-decoration:underline;text-underline-offset:4px;background:none!important;color:#506578!important;pointer-events:auto;margin-left:auto;margin-right:15px;cursor:pointer}.cx-intro-replay:focus-visible{outline:3px solid #00b1d8;outline-offset:3px}.cx-intro-stage .cx-intro-skip:hover{background:#fff}
@keyframes cx-intro-blink{from{opacity:.25}to{opacity:1}}
@media(max-width:700px){.cx-intro-computer{width:60vw;top:46%}.cx-intro-component{width:27vw;top:46%}.cx-intro-component span{font-size:8px;letter-spacing:0;padding:3px 5px}.cx-intro-brand-tag{font-size:10px}.cx-intro-scene-label{font-size:6px;letter-spacing:.08em}.cx-intro-skip{right:15px;top:17px;padding:8px 13px}.cx-intro-word{font-size:clamp(34px,9vw,55px)}.cx-intro-replay{font-size:10px!important;margin-right:5px;margin-left:20px}}
@media(prefers-reduced-motion:reduce){.cx-intro-word-live>.cx-intro-dot{animation:none}}