.web-service .web-future-art{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:3/2;border-radius:18px;transform:none;box-shadow:0 24px 70px #08071dcc,0 0 65px #6155ce20}.web-future-art img{display:block;opacity:0;width:100%;height:100%;max-height:none!important;object-fit:cover}.web-scene-frames{position:absolute;inset:0;background:url('/assets/website-future-motion.webp') 0 0/200% 200% no-repeat}.web-scene-frame{position:absolute;inset:0;background-image:url('/assets/website-future-motion.webp');background-size:200% 200%;background-repeat:no-repeat;opacity:0;animation:web-scene-story 28s linear infinite;will-change:opacity}.web-scene-frame.frame-one{background-position:0 0;animation-delay:-28s}.web-scene-frame.frame-two{background-position:100% 0;animation-delay:-21s}.web-scene-frame.frame-three{background-position:0 100%;animation-delay:-14s}.web-scene-frame.frame-four{background-position:100% 100%;animation-delay:-7s}.web-data-streams{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:drop-shadow(0 0 7px #8bd7ff);opacity:.65;pointer-events:none}.web-data-streams path{stroke-dasharray:6 30 2 45;animation:web-data-travel 4s linear infinite}.web-data-streams path:nth-child(2n){animation-direction:reverse;animation-duration:5s}.web-data-nodes{animation:web-node-glow 3.5s ease-in-out infinite}.web-screen-scan{position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#c6b5ff00 46%,#bdcfff30 50%,#c6b5ff00 54%,transparent 60%);mix-blend-mode:screen;animation:web-screen-light 8s ease-in-out infinite;pointer-events:none}.web-component{position:absolute;z-index:2;border:1px solid #b1b8ff55;background:linear-gradient(135deg,#211b3cc9,#10273cb5);border-radius:9px;padding:10px;backdrop-filter:blur(8px);box-shadow:0 8px 24px #0004;animation:web-component-drift 7s ease-in-out infinite}.web-component i{display:block;height:3px;width:40px;border-radius:5px;margin:6px 0;background:#aec0ff66}.web-component b{display:block;width:22px;height:16px;border-radius:4px;border:1px solid #bda2ff88;background:#9f83e933}.web-component.component-a{left:3%;top:17%;rotate:-7deg}.web-component.component-b{right:3%;bottom:18%;rotate:7deg;animation-delay:-3s;display:flex;gap:8px;align-items:center}.web-component.component-b b{display:grid;place-items:center;color:#b6efff;font:12px Oxanium,monospace}.web-art-status{position:absolute;left:18px;bottom:16px;z-index:3;display:flex;align-items:center;gap:8px;color:#c1cdff}.web-art-status b{font:8px Oxanium,monospace;letter-spacing:1.5px;font-weight:500}.web-art-status span{width:4px;height:4px;border-radius:50%;background:#a6eeff;box-shadow:0 0 12px #a6eeff;animation:web-node-glow 3s ease-in-out infinite}.web-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.web-care-grid article{position:relative;border-top:1px solid #9eb3ef35;padding-top:24px}.web-care-grid article>span{font:11px Oxanium,monospace;color:#9fa9dc;letter-spacing:2px;display:block;margin-bottom:20px}.web-care-grid article h3{font-size:19px;line-height:1.4}.web-care-grid article p{font-size:14px;line-height:1.85}.web-team-section .sp-two h3:not(:first-child){margin-top:30px}.web-client-section{background:radial-gradient(ellipse at 90% 10%,#6359a610,transparent 65%)}.web-client-section .sp-callout{margin-top:35px}
@keyframes web-scene-story{0%{opacity:0}2%,24%{opacity:1}27%,100%{opacity:0}}@keyframes web-data-travel{to{stroke-dashoffset:-166}}@keyframes web-node-glow{0%,100%{opacity:.35}50%{opacity:1;filter:drop-shadow(0 0 7px #a4eaff)}}@keyframes web-screen-light{0%,10%{transform:translateX(-100%);opacity:0}25%{opacity:.7}75%{transform:translateX(100%);opacity:.5}90%,100%{transform:translateX(100%);opacity:0}}@keyframes web-component-drift{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -10px;rotate:2deg}}
@media(max-width:1000px){.web-care-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.web-care-grid{grid-template-columns:1fr;gap:24px}.web-service .web-future-art{border-radius:13px}.web-art-status{left:12px;bottom:12px}.web-art-status b{font-size:6px;letter-spacing:1px}.web-component{padding:7px}.web-component i{width:25px;margin:4px 0}.web-component b{width:18px;height:13px}}
@media(prefers-reduced-motion:reduce){.web-future-art *{animation:none!important;transition:none!important}.web-scene-frame.frame-two{opacity:1}.web-data-streams,.web-screen-scan{display:none}}
