/* Layered spatial presentation; artwork and readable content stay intact. */
.depth-scene{--depth-x:0;--depth-y:0;--light-x:50%;--light-y:35%;position:relative;perspective:1400px;isolation:isolate}.depth-surface{transform:perspective(1400px) rotateX(calc(var(--depth-y)*-5deg)) rotateY(calc(var(--depth-x)*6deg)) translateZ(0);transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s;backface-visibility:hidden}.depth-scene .depth-surface{box-shadow:calc(var(--depth-x)*-10px) calc(20px + var(--depth-y)*5px) 55px #3b4c861b}.depth-scene:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:8;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff38,transparent 55%);opacity:0;transition:opacity .5s}.depth-scene:hover:after{opacity:1}.depth-scene .tech-canvas{transform:translate(calc(var(--depth-x)*5px),calc(var(--depth-y)*4px)) scale(1.01);transition:transform .7s ease-out}.depth-scene .scene-panel{translate:calc(var(--depth-x)*8px) calc(var(--depth-y)*6px);box-shadow:calc(var(--depth-x)*-5px) 16px 32px #7755ad23}.depth-scene .intelligence-core,.depth-scene .network-web{margin-left:calc(var(--depth-x)*-8px);margin-top:calc(var(--depth-y)*-6px);transition:margin .65s}.hero-art.depth-scene{isolation:auto;perspective:1400px;transform:translateY(var(--hero-shift,0px)) rotate(var(--hero-turn,0deg)) rotateX(calc(var(--depth-y)*-4deg)) rotateY(calc(var(--depth-x)*6deg));transition:transform .7s ease-out}.hero-art.depth-scene:after{display:none}.hero-art.depth-scene>img{filter:drop-shadow(calc(var(--depth-x)*-5px) 14px 15px #4050a01a)}.finance-demo.depth-surface{box-shadow:calc(var(--depth-x)*-8px) 24px 48px #205b9d25}.depth-scene .demo-card{translate:calc(var(--depth-x)*7px) calc(var(--depth-y)*5px)}.depth-scene .sim-card{filter:drop-shadow(0 12px 15px #35447728)}.guide-orbits.depth-scene{isolation:auto}.detail-page .feature-demo.depth-scene{overflow:visible}.detail-page .feature-demo.depth-scene:after{display:none}.depth-scene .lab-viewport{background-image:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff70,transparent 58%)}.depth-scene:focus-within:after{opacity:.6}.depth-float{animation:spatial-float 9s ease-in-out infinite alternate}@keyframes spatial-float{from{translate:0 0}to{translate:0 -6px}}html.motion-paused .depth-surface,html.motion-paused .hero-art.depth-scene{transform:none!important}html.motion-paused .depth-scene *,html.motion-paused .depth-scene:after{translate:none!important;transition:none!important}html.motion-paused .depth-scene:after{display:none}@media(hover:none),(pointer:coarse){.depth-surface{transform:perspective(1400px) rotateX(1.5deg) rotateY(-1.5deg)}.depth-scene:after{display:none}.depth-scene .scene-panel{translate:0 0}}@media(max-width:650px){.depth-scene .depth-surface{box-shadow:0 16px 35px #3b4c861c}.depth-surface{transform:none}.depth-scene .tech-canvas{transform:none}}@media(prefers-reduced-motion:reduce){.depth-surface,.hero-art.depth-scene{transform:none!important}.depth-scene *,.depth-scene:after{transition:none!important;translate:none!important}.depth-scene:after{display:none}.depth-float{animation:none!important}.depth-scene .intelligence-core,.depth-scene .network-web{margin-left:0!important;margin-top:0!important}}
.hero-art.depth-scene>img{filter:none}.depth-scene .ultra-workspace.depth-surface{transform:perspective(1400px) rotateX(calc(var(--depth-y)*-5deg)) rotateY(calc(var(--depth-x)*6deg)) translateZ(0)!important}html.motion-paused .depth-scene .ultra-workspace.depth-surface{transform:none!important}@media(max-width:650px),(prefers-reduced-motion:reduce){.depth-scene .ultra-workspace.depth-surface{transform:none!important}}
/* Depth effects must not change the hero artwork's absolute layout anchor. */
.hero .hero-art.depth-scene{position:absolute;left:auto;right:2%;top:70px;width:49%;height:550px}
@media(min-width:1600px){.hero .hero-art.depth-scene{right:5%;width:46%}}
@media(min-width:761px) and (max-width:1000px){.hero .hero-art.depth-scene{right:0;top:140px;width:48%;height:440px}}
@media(max-width:760px){.hero .hero-art.depth-scene{left:0;right:0;top:390px;width:100%;height:320px}}
@media(max-width:360px){.hero .hero-art.depth-scene{top:440px}}