/* Original AkdesHost service illustrations. SVG stays crisp at every density. */
.service-card .card-top{position:relative;align-items:flex-start;min-height:146px;margin-bottom:20px}
.service-card .card-top>span:last-child{padding-top:10px;color:#889bb8;font-size:10px}
.service-visual{display:block;position:relative;width:146px;height:146px;color:#8beddf;border-radius:24px;background:radial-gradient(ellipse at 45% 48%,#65bfc01b,transparent 70%);transition:background .3s}
.service-visual:before{content:'';position:absolute;inset:12px;border:1px solid #94b8dc10;border-radius:50%;transform:rotate(-20deg) scaleX(.9)}
.service-visual svg{width:136px;height:136px;overflow:visible;filter:drop-shadow(0 8px 12px #0003);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.art-glass{fill:#213747;stroke:#79dfd2}.art-panel{fill:#13273b;stroke:#87dcd7}.art-violet{stroke:#b8acfa}.art-dot,.art-pulse{fill:#92f5da;stroke:none}.art-violet:is(circle){fill:#b8acfa}.art-dim{stroke:#597c99}.art-ground{fill:#6198b112;stroke:#76bbd41c}.art-orbit{stroke:#b0a3f3;stroke-dasharray:4 5;animation:art-flow 12s linear infinite}.art-float{animation:art-lift 6s ease-in-out infinite}.art-pulse{animation:art-signal 3.6s ease-in-out infinite}.pulse-late{animation-delay:-1.8s}.art-layer{animation:art-lift 7s ease-in-out infinite}.layer-mid{animation-delay:-1s}.layer-front{animation-delay:-2s}
.service-card:nth-child(2) .art-float{animation-delay:-2s}.service-card:nth-child(4) .art-float{animation-delay:-4s}
.service-card:hover .service-visual svg,.service-card:focus-visible .service-visual svg{transform:translateY(-3px) scale(1.045)}
.service-card:hover .service-visual{background:radial-gradient(ellipse at 45% 48%,#65bfc02b,transparent 70%)}
.motion-paused .service-visual *{animation-play-state:paused}
@keyframes art-lift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes art-signal{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes art-flow{to{stroke-dashoffset:-90}}
@media(max-width:1100px){.service-card .card-top{min-height:136px}.service-visual{width:136px;height:136px}}
@media(max-width:430px){.service-card .card-top{min-height:128px;margin-bottom:16px}.service-visual{width:136px;height:128px}.service-visual svg{height:128px;width:128px}}
@media(prefers-reduced-motion:reduce){.service-visual *{animation:none!important;transition:none!important}.service-card:hover .service-visual svg{transform:none}}

/* Service heroes share the homepage vector artwork. */
.service-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;aspect-ratio:1;background:radial-gradient(ellipse at center,#26455c75,transparent 68%);border:1px solid #30435e;border-radius:50%;overflow:hidden}
.service-scene .service-visual{width:70%;height:auto;aspect-ratio:1;z-index:1;background:none}
.service-scene .service-visual svg{width:100%;height:100%;filter:drop-shadow(0 12px 22px #61e9dc22)}
.scene-orbit{position:absolute;inset:7%;border:1px dashed #7ce4d34d;border-radius:50%;animation:scene-turn 45s linear infinite}
.scene-orbit:after{content:'';position:absolute;top:14%;left:14%;width:7px;height:7px;background:#a3eee2;border-radius:50%;box-shadow:0 0 20px #79e9d5}
.scene-caption{margin:0 0 10px!important;font-size:9px!important;letter-spacing:2px;color:#99b4cb!important;text-align:center}
.scene-toggle{position:relative;z-index:2;background:#101e30;border:1px solid #3b586b;color:#a5ebdf;padding:10px 14px;border-radius:20px;font:inherit;font-size:11px;cursor:pointer;min-height:40px}
.scene-toggle:focus-visible{outline:2px solid #a6eedf;outline-offset:3px}
.service-scene.scene-paused *,.service-scene.scene-offscreen *,.service-scene.scene-hidden *{animation-play-state:paused!important}
@keyframes scene-turn{to{transform:rotate(360deg)}}
@media(max-width:850px){.service-scene{width:min(100%,390px);justify-self:center;margin-top:24px}.service-scene .service-visual{width:65%}.scene-caption{font-size:8px!important;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.service-scene .art-float,.service-scene .art-layer{animation:art-lift 7s ease-in-out infinite!important}.service-scene .art-pulse{animation:art-signal 3.6s ease-in-out infinite!important}}

.service-scene.scene-paused *,.service-scene.scene-offscreen *,.service-scene.scene-hidden *{animation-play-state:paused!important}
