/* Shared 3D presentation layer. Business forms and document grids keep their layout. */
html body.wk-motion-3d{isolation:isolate;background:linear-gradient(135deg,#eee9ff,#f9edfa 48%,#e0f4fa)!important;background-attachment:fixed!important}
html body.wk-motion-3d .wk-motion-scene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.wk-motion-scene canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.62}
html body.wk-motion-3d .wk-motion-orb{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(65px);opacity:.36;background:radial-gradient(circle,#9160fa,transparent 68%);animation:wk-orbit-a 20s ease-in-out infinite alternate!important;transition:none!important}
html body.wk-motion-3d .wk-motion-orb:nth-child(2){right:-12%;top:15%;background:radial-gradient(circle,#ec72ba,transparent 68%);animation-name:wk-orbit-b!important;animation-duration:26s!important}
html body.wk-motion-3d .wk-motion-orb:nth-child(3){left:24%;bottom:-25%;background:radial-gradient(circle,#4bcfc8,transparent 68%);animation-duration:23s!important;animation-delay:-9s!important}
html body.wk-premium.wk-motion-3d :is(.card,.wk-svc-card,.wk-result-card,.wk-server-service){border-color:#d9c9f0!important;box-shadow:0 2px 0 #fff inset,0 8px 0 -4px #9d78d52b,0 18px 38px #50337b12!important;background:linear-gradient(135deg,#ffffffed,#fbf8ffed)!important;backdrop-filter:blur(12px)!important}
html body.wk-motion-3d .wk-3d-tilt{position:relative;transform:perspective(1100px) rotateX(var(--wk-tilt-x,0deg)) rotateY(var(--wk-tilt-y,0deg)) translateY(var(--wk-lift,0px))!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;transform-style:preserve-3d}
html body.wk-motion-3d .wk-3d-tilt.wk-3d-visible{animation:wk-surface-glow 7s ease-in-out infinite!important;animation-delay:var(--wk-delay,0s)!important}
html body.wk-motion-3d .wk-3d-tilt:hover{--wk-lift:-6px;border-color:#ad7aeb!important;box-shadow:0 2px 0 #fff inset,0 15px 0 -8px #a77bea35,0 28px 50px #643ca82c!important}
html body.wk-motion-3d :is(.wk-servers-hero,.service-hero,.wk-service-hero){background:linear-gradient(115deg,#49249b,#933bd1,#d33e98,#157f9c)!important;background-size:240% 240%!important;animation:wk-gradient-flow 12s ease infinite!important;box-shadow:0 12px 0 -6px #9458d52b,0 25px 55px #643b9633!important;border-radius:22px!important}
html body.wk-motion-3d :is(.btn-primary,.wk-svc-apply,.submit-button){background:linear-gradient(115deg,#6631b5,#a936be,#ce3b96)!important;background-size:220% 220%!important;color:#fff!important;border-color:#a74ac2!important;box-shadow:0 5px 0 #482377,0 10px 22px #62329d30!important;transition:transform .18s ease,box-shadow .18s ease!important;animation:wk-gradient-flow 8s ease infinite!important}
html body.wk-motion-3d :is(.btn-primary,.wk-svc-apply,.submit-button):hover{transform:translateY(-3px)!important;box-shadow:0 8px 0 #482377,0 18px 30px #62329d38!important}
html body.wk-motion-3d :is(.btn-primary,.wk-svc-apply,.submit-button):active{transform:translateY(3px)!important;box-shadow:0 2px 0 #482377!important}
html body.wk-motion-3d :is(input,select,textarea){transition:border-color .25s ease,box-shadow .25s ease!important}
html body.wk-motion-3d :is(input,select,textarea):focus{box-shadow:0 0 0 4px #a568e621,0 8px 22px #6b35b315!important;border-color:#a16add!important}
html body.wk-motion-3d .navbar-vertical .navbar-collapse{box-shadow:0 2px 0 #fff inset,9px 0 35px #6a359a12!important;background:linear-gradient(160deg,#fffefdf5,#f7effff5)!important}
html body.wk-motion-3d .navbar-vertical .nav-link{transition:background .22s ease,box-shadow .22s ease!important}
html body.wk-motion-3d .navbar-vertical .nav-link:hover{background:#ede0fa!important;box-shadow:inset 3px 0 #9e55d7!important}
html body.wk-motion-3d :is(.wk-services-title,.wk-tab-head){background:linear-gradient(120deg,#7133bd,#c53b9e,#168b9f)!important;background-size:220% 220%!important;animation:wk-gradient-flow 11s ease infinite!important}
html body.wk-motion-3d.wk-3d-landing{background:linear-gradient(135deg,#10102b,#22133a 52%,#102b3c)!important;color:#f4edff}
html body.wk-3d-landing .wk-motion-orb{opacity:.4;filter:blur(70px)}
html body.wk-3d-landing .form-panel{background:linear-gradient(145deg,#fff,#f8f3ff)!important;border:1px solid #d9c8ed!important;box-shadow:0 2px 0 #fff inset,0 12px 0 -6px #9b68d735,0 35px 85px #0005!important;animation:wk-login-aura 7s ease-in-out infinite!important}
html body.wk-3d-landing .wk-landing-notice{box-shadow:0 10px 0 -5px #9b68d730,0 30px 65px #0003!important;border-color:#d6b4f0!important;background:linear-gradient(130deg,#f1e5ff,#ffe8f4,#e9f5ff)!important;background-size:200% 200%!important;animation:wk-gradient-flow 16s ease infinite!important}
html body.wk-3d-landing .brand-mark{box-shadow:0 0 24px #a668e544,inset 0 0 18px #b98ae51f;border-color:#c08fe4!important;color:#e4c5ff!important;animation:wk-float 6s ease-in-out infinite!important}
html body.wk-3d-landing .intro h1 em{color:#dbb5ff!important;text-shadow:0 6px 25px #ac64ee55}
html body.wk-3d-landing .service-stack{animation:wk-art-float 8s ease-in-out infinite!important;box-shadow:0 20px 55px #0005!important}
html body.wk-3d-landing .floating-note{animation:wk-note-float 6s ease-in-out infinite!important}
html body.wk-3d-landing .orbit{animation:wk-orbit-ring 24s linear infinite!important;border-color:#bc8aee30!important}
@keyframes wk-orbit-a{0%{transform:translate(-20%,-15%) scale(.9)}100%{transform:translate(45%,25%) scale(1.2)}}
@keyframes wk-orbit-b{0%{transform:translate(10%,-20%) scale(1.1)}100%{transform:translate(-40%,25%) scale(.85)}}
@keyframes wk-gradient-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes wk-surface-glow{0%,100%{box-shadow:0 2px 0 #fff inset,0 8px 0 -4px #9d78d52b,0 18px 38px #50337b12}50%{box-shadow:0 2px 0 #fff inset,0 8px 0 -4px #9d78d53d,0 24px 45px #8955c32c}}
@keyframes wk-login-aura{0%,100%{box-shadow:0 2px 0 #fff inset,0 12px 0 -6px #9b68d735,0 35px 85px #0005}50%{box-shadow:0 2px 0 #fff inset,0 12px 0 -6px #b575ee50,0 35px 90px #ac5bdb35}}
@keyframes wk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes wk-art-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(-1deg)}}
@keyframes wk-note-float{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
@keyframes wk-orbit-ring{to{transform:rotate(360deg)}}
@media(max-width:767px){html body.wk-motion-3d .wk-motion-orb{filter:blur(40px);opacity:.25}html body.wk-motion-3d .wk-3d-tilt:hover{--wk-lift:0px}html body.wk-motion-3d :is(.card,.wk-svc-card,.wk-result-card){backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){html body.wk-motion-3d *,html body.wk-motion-3d *::before,html body.wk-motion-3d *::after{animation:none!important;transition:none!important}html body.wk-motion-3d .wk-3d-tilt{transform:none!important}.wk-motion-scene canvas{display:none}}
html body.wk-premium.wk-motion-3d .card.wk-3d-tilt,html body.wk-premium.wk-motion-3d .card.wk-3d-tilt:hover{transform:perspective(1100px) rotateX(var(--wk-tilt-x,0deg)) rotateY(var(--wk-tilt-y,0deg)) translateY(var(--wk-lift,0px))!important}
html body.wk-motion-3d :is(.wk-servers-hero,.service-hero,.wk-service-hero) :is(h1,h2,h3,h4,p,.text-dark,.text-muted){color:#fff!important;-webkit-text-fill-color:#fff!important} html body.wk-motion-3d :is(.wk-servers-hero,.service-hero,.wk-service-hero) p{opacity:.88}
/* Legacy themes use !important, so the accessibility override needs equal specificity. */
@media(prefers-reduced-motion:reduce){html body.wk-motion-3d.wk-motion-3d.wk-motion-3d.wk-motion-3d *,html body.wk-motion-3d.wk-motion-3d.wk-motion-3d.wk-motion-3d *::before,html body.wk-motion-3d.wk-motion-3d.wk-motion-3d.wk-motion-3d *::after{animation:none!important;transition:none!important}html body.wk-motion-3d.wk-motion-3d.wk-motion-3d.wk-motion-3d .wk-3d-tilt{transform:none!important}}
/* Apply-page titles must stay readable over light glass surfaces. */
html body.wk-premium.wk-motion-3d :is(.wk-service-hero,.wk-aa-hero,.service-hero){background:linear-gradient(120deg,#f3ebff,#fff5fc,#ebf8fc)!important;background-size:220% 220%!important;color:#28324d!important;border:1px solid #d9c8ef!important}
html body.wk-premium.wk-motion-3d :is(.wk-service-hero,.wk-aa-hero,.service-hero) :is(h1,h2,h3,h4,.text-white){color:#28324d!important;-webkit-text-fill-color:#28324d!important;opacity:1!important;text-shadow:none!important;line-height:1.3!important}
html body.wk-premium.wk-motion-3d :is(.wk-service-hero,.wk-aa-hero,.service-hero) :is(p,.text-white-50,.text-muted){color:#536079!important;-webkit-text-fill-color:#536079!important;opacity:1!important;text-shadow:none!important}
html body.wk-premium.wk-motion-3d :is(.wk-service-hero,.wk-aa-hero,.service-hero) .highlight{color:#713bb2!important;-webkit-text-fill-color:#713bb2!important}
