/* Page-specific, decorative hero scenes. All motion is optional. */
.page-mast{padding-right:calc(7% + 350px);min-height:455px}.page-mast h1{font-size:clamp(44px,5vw,72px)}
.mast-art{position:absolute;right:4.5%;top:83px;width:350px;margin:0;isolation:isolate}.mast-art>svg{display:block;width:100%;height:auto;overflow:visible}.mast-art figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 0;border-top:1px solid #17496966}.mast-art figcaption>span{font:8px var(--font);text-transform:uppercase;letter-spacing:1.6px;color:#82b2d1}.art-motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 8px;color:#87c1dc;background:#081d30a6;border:1px solid #24527288;border-radius:5px;font:9px var(--font);cursor:pointer;white-space:nowrap}.art-motion-toggle:hover{color:#d5f7ff;border-color:#3caace}.art-motion-toggle:focus-visible{outline:2px solid #3ce6f1;outline-offset:4px}.art-motion-toggle:disabled{cursor:default;color:#688b9d}.art-motion-icon{font-size:11px;width:10px}.art-registration{stroke:#216188;stroke-width:.8;opacity:.65}.art-guide{fill:none;stroke:#226385;stroke-width:.8;opacity:.5}.art-connections,.service-routes{fill:none;stroke:#245477;stroke-width:1}.art-flow{stroke:#36def4;stroke-width:1.7;stroke-dasharray:10 105;animation:art-data 6s linear infinite;opacity:.8}.art-solid{fill:url(#art-panel);stroke:url(#art-gradient);stroke-width:1.6}.art-outline{fill:none;stroke:#2b9ec4;stroke-width:.7;opacity:.7}.art-symbol{fill:none;stroke:#5edff3;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.art-dot{fill:#64f0fa;filter:drop-shadow(0 0 5px #12d8ff)}.art-node rect{fill:url(#art-panel);stroke:#2c6687;stroke-width:1}.art-node path{fill:none;stroke:#6bcced;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.art-node text,.art-small-label{fill:#72a6c4;font:7px var(--font);letter-spacing:1.5px;text-anchor:middle}.company-orbit{transform-origin:200px 176px;animation:art-spin 32s linear infinite}.company-core{animation:art-core 6s ease-in-out infinite;transform-origin:200px 176px}.node-pulse{fill:none;stroke:#1ebae4;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:art-node-pulse 6s ease-out infinite;pointer-events:none}.pulse-late{animation-delay:-3s}.service-radar{fill:none;stroke:#29d7ed;stroke-width:2;stroke-dasharray:68 473;transform-origin:200px 180px;animation:art-spin 12s linear infinite}.service-check{fill:none;stroke:#70f3ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;animation:art-check 6s ease-in-out infinite}.service-led{fill:#55eddd;animation:art-led 4s ease-in-out infinite}.led-late{animation-delay:-2s}.service-routes .art-flow{stroke-dasharray:12 135;animation-duration:5s}.tech-globe{transform-origin:200px 180px;animation:art-core 9s ease-in-out infinite}.art-orbit-line{stroke:#2c8bb9;stroke-width:1;opacity:.5}.tech-particle{stroke:#57e9f1;stroke-width:3;stroke-dasharray:1 99;stroke-linecap:round;animation:art-particle 12s linear infinite;filter:drop-shadow(0 0 4px #1ce9ff)}.orbit-two .tech-particle{animation-duration:17s;animation-delay:-6s;stroke:#4f91ff}.tech-chip{filter:drop-shadow(0 8px 24px #046bd33b)}.tech-label rect{fill:#091c2f;stroke:#285d7b;stroke-width:.8}.tech-label circle{fill:#38d6e3}.tech-label text{font:7px var(--font);letter-spacing:1.1px;fill:#9ac7e0;text-anchor:middle}.contact-route{fill:none;stroke:#295b7b;stroke-width:1}.contact-route.art-flow{stroke:#48cbe9;stroke-width:2}.contact-rings circle{fill:none;stroke:#39bee4;stroke-width:1;transform-origin:200px 180px;animation:art-signal 8s ease-out infinite}.contact-rings circle:nth-child(2){animation-delay:-2.6s}.contact-rings circle:nth-child(3){animation-delay:-5.3s}.contact-message{animation:art-float 6s ease-in-out infinite}.contact-plane{animation:art-send 7s ease-in-out infinite;filter:drop-shadow(0 5px 12px #0b9ee866)}.contact-bubble>path,.contact-reply rect{fill:url(#art-panel);stroke:#347699;stroke-width:1}.contact-bubble circle{fill:#76d7ed;animation:art-typing 2.4s ease-in-out infinite}.contact-bubble circle:nth-child(3){animation-delay:.25s}.contact-bubble circle:nth-child(4){animation-delay:.5s}.contact-reply path{stroke:#6de6dd;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:art-led 6s ease-in-out infinite}
/* The product page demonstrates a request moving through its software workflow. */
.software-visual>.art-motion-toggle{position:absolute;right:0;top:0;z-index:3}.motion-scene .concept-window{animation:art-window 9s ease-in-out infinite}.motion-scene .concept-workflow b{animation:art-workflow 9s ease-in-out infinite}.motion-scene .concept-workflow b:nth-of-type(2){animation-delay:-6s}.motion-scene .concept-workflow b:nth-of-type(3){animation-delay:-3s}.motion-scene .concept-lines i{transform-origin:left;animation:art-report 6s ease-in-out infinite}.motion-scene .concept-lines i:nth-child(2){animation-delay:-1s}.motion-scene .concept-lines i:nth-child(3){animation-delay:-2s}.motion-scene .floating-tag{animation:art-float 7s ease-in-out infinite}.motion-scene .software-orbit:after{animation:art-spin 60s linear infinite}.motion-scene .concept-footer i{animation:art-led 4s ease-in-out infinite}.motion-stopped *,.motion-stopped *:before,.motion-stopped *:after{animation-play-state:paused!important}
@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-data{to{stroke-dashoffset:-230}}@keyframes art-particle{to{stroke-dashoffset:-100}}@keyframes art-core{50%{transform:scale(1.035)}}@keyframes art-node-pulse{0%,12%{opacity:0;transform:scale(.8)}25%{opacity:.3}80%,100%{opacity:0;transform:scale(1.7)}}@keyframes art-check{0%,8%{stroke-dashoffset:48;opacity:.35}28%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.35}}@keyframes art-led{0%,100%{opacity:.35}45%,65%{opacity:1}}@keyframes art-signal{0%{transform:scale(.85);opacity:.05}20%{opacity:.35}100%{transform:scale(2.05);opacity:0}}@keyframes art-float{50%{transform:translateY(-7px)}}@keyframes art-send{0%,10%{transform:translate(-20px,15px);opacity:0}25%,55%{opacity:1}78%,100%{transform:translate(35px,-36px);opacity:0}}@keyframes art-typing{0%,65%,100%{opacity:.35}30%{opacity:1}}@keyframes art-window{0%,100%{transform:rotateY(-7deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-5px)}}@keyframes art-workflow{0%,29%,100%{border-color:#244b65;background:#0d2c43;color:#a6c4e2;box-shadow:none}8%,24%{border-color:#32c7dd;background:#105063;color:#e2fdff;box-shadow:0 0 18px #27c8e622}}@keyframes art-report{0%,100%{transform:scaleX(.7);opacity:.45}50%{transform:scaleX(1);opacity:1}}
@media(min-width:801px) and (max-width:1150px){.page-mast{padding-right:calc(7% + 290px);min-height:440px}.mast-art{width:290px;right:4%;top:93px}.mast-art figcaption{padding-inline:0;gap:4px}.mast-art figcaption>span{font-size:7px;letter-spacing:1px}}
@media(max-width:800px){.page-mast{padding-right:7%;padding-bottom:35px;min-height:0}.page-mast h1{font-size:clamp(43px,7vw,60px)}.mast-art{position:relative;inset:auto;width:310px;max-width:100%;margin:18px auto 0}.mast-art figcaption{padding-top:4px}.mast-art figcaption>span{font-size:7px;letter-spacing:1.2px}.art-motion-toggle{min-height:36px}.page-mast>p{max-width:570px}}
@media(max-width:520px){.page-mast h1{font-size:43px}.mast-art{width:280px;margin-top:8px}.software-visual{padding-top:43px}.motion-scene .concept-window{animation-name:art-float}}
@media(prefers-reduced-motion:reduce){.motion-scene *,.motion-scene *:before,.motion-scene *:after{animation:none!important;transition:none!important}.node-pulse{opacity:0}.contact-rings circle{opacity:.2}.contact-rings circle:nth-child(2){transform:scale(1.4)}.contact-rings circle:nth-child(3){transform:scale(1.85)}.contact-plane{opacity:1}.service-check{stroke-dashoffset:0}}
