/* Cold silver instruments. Load after ui-services.css; geometry stays in that file. */
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage){--scene-accent:#7597ff;--material-x:30px;--material-y:18px;--material-rx:10deg;--material-ry:14deg;--float-top:-20px;--package-rise:17px;--package-y:-6px;--board-rock:1.2deg;--core-speed:13s;--orbit-speed:20s;--outer-orbit-speed:17s;color:#edf3ff;perspective:1200px;background:radial-gradient(ellipse at 50% 44%,#17347624,transparent 63%)}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage)::before{background:radial-gradient(ellipse,#527cff1a,transparent 66%);opacity:.85}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-metal{z-index:3;border-color:#a9c0f34d;background:linear-gradient(130deg,#53627d 0%,#202e48 3%,#111b30 44%,#19253d 90%,#5c6b8661 100%);box-shadow:0 1px 0 #dbe8ff73,inset 0 1px 0 #eef5ff26,0 5px 0 #060c18,0 6px 0 #849abf4d,0 15px 0 -6px #080d19,0 16px 0 -6px #6078a144,0 27px 32px #0007;transition:border-color .3s,box-shadow .3s}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage):hover .service-metal{border-color:#b9ccff99;box-shadow:0 1px 0 #e8f0ffaa,inset 0 1px 0 #eef5ff33,0 5px 0 #060c18,0 6px 0 #96aeef66,0 15px 0 -6px #080d19,0 16px 0 -6px #6078a155,0 27px 32px #0007}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-circuit{z-index:1}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-circuit-base{stroke:#7b9fed;stroke-opacity:.4;stroke-width:1.6}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-circuit-light{stroke:#bdd0ff;stroke-width:2.4;stroke-dasharray:28 155;filter:drop-shadow(0 0 4px #5886ff);animation-duration:3.4s}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-circuit-light path:nth-child(2n){stroke:#7597ff;animation-delay:-1.7s}
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-stage-caption{z-index:5;bottom:23px;color:#a9bad9;letter-spacing:1.1px}
#enterprise :is(.algorithm-stage,.deployment-stage) .service-instrument-head{color:#d5e2ff}
#enterprise :is(.algorithm-stage,.deployment-stage) .service-instrument-head>i{background:#adc4ff;box-shadow:0 0 6px #91b1ff,0 0 15px #7597ff80}
#enterprise :is(.algo-floor,.deploy-floor){z-index:1;border-color:#9ab8ff29;background:radial-gradient(ellipse,#3a67db21,transparent 69%);box-shadow:0 0 0 22px #80a4ff06,0 0 0 44px #80a4ff04}

/* Agent: turned metal rim, recessed optical core, separately suspended peripherals. */
#enterprise .agent-orbit-field{z-index:1;border-color:#a0bbff3b;background:radial-gradient(circle,#608cff0d,transparent 65%);box-shadow:0 0 0 28px #8aabff05}
#enterprise .agent-orbit-field i{border-color:#99b4f32b}
#enterprise .agent-orbit-field i:nth-child(2){border-color:#a7bfff59;animation-duration:var(--orbit-speed)}
#enterprise .agent-orbit-field i:nth-child(3){border-top-color:#8daaff80;border-bottom-color:#6a8dea59;animation:service-material-orbit var(--outer-orbit-speed) linear infinite}
#enterprise .agent-nucleus{z-index:4;border-color:#e3edffc7;background:conic-gradient(from 24deg,#8b9bb7,#f7fbff 9%,#617491 17%,#263653 25%,#a6b9d7 37%,#ffffff 45%,#536988 57%,#203451 67%,#dbeaff 80%,#6b819f 92%,#8b9bb7);box-shadow:0 5px 0 #435677,0 6px 0 #d7e7ff99,0 13px 0 -2px #15223b,0 15px 0 -2px #819fc477,0 24px 0 -7px #070e1d,0 26px 0 -7px #627ba86b,0 35px 42px #000a;transform:translate3d(calc(-50% + var(--scene-x)*var(--material-x)),calc(var(--scene-y)*var(--material-y)),0) rotateX(calc(var(--scene-y)*var(--material-rx)*-1)) rotateY(calc(var(--scene-x)*var(--material-ry)));transform-style:preserve-3d;animation:service-material-float 5.6s ease-in-out infinite;transition:box-shadow .3s}
#enterprise .agents-stage:hover .agent-nucleus{box-shadow:0 5px 0 #435677,0 6px 0 #d7e7ffcc,0 13px 0 -2px #15223b,0 15px 0 -2px #819fc4aa,0 24px 0 -7px #070e1d,0 26px 0 -7px #627ba888,0 35px 42px #000a,0 0 35px #608dff1a}
#enterprise .agent-nucleus::before{content:"";position:absolute;inset:7px;border:1px solid #ffffff60;border-radius:50%;box-shadow:inset 0 1px 0 #07142cb3;pointer-events:none}
#enterprise .agent-nucleus-rim{position:relative;overflow:hidden;border-color:#d2deef99;background:radial-gradient(circle at calc(40% + var(--scene-x)*18%) calc(26% + var(--scene-y)*15%),#594437,#18263f 45%,#060d1c 85%);box-shadow:inset 0 4px 15px #000b,inset 0 0 0 4px #111c2d,inset 0 0 0 5px #e6a27c66,0 0 0 1px #071020}
#enterprise .agent-nucleus-rim::before{content:"";position:absolute;inset:10px;border:1px solid #8bafff47;border-radius:50%;background:repeating-conic-gradient(from 0deg,#b8ceff70 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(transparent 0 64%,#000 66%);animation:service-material-orbit var(--orbit-speed) linear infinite}
#enterprise .agent-nucleus-rim::after{content:"";position:absolute;inset:-30%;background:linear-gradient(112deg,transparent 39%,#f1f6ff17 48%,#fff7 50%,#91afff0b 53%,transparent 60%);mix-blend-mode:screen;translate:-55% 0;animation:service-material-reflect 6.4s ease-in-out infinite;pointer-events:none}
#enterprise .agent-brand-lens{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:118px;height:118px;border:1px solid #f4d3bb99;border-radius:50%;background:radial-gradient(ellipse at 50% 80%,#fe703033,transparent 63%),linear-gradient(140deg,#39445a,#101929 43%,#1d283c);box-shadow:inset 0 1px 0 #fff0df8c,inset 0 -2px 6px #ff8a4829,0 0 0 4px #050c1a,0 0 0 5px #adc6f24d,0 9px 12px #0006}
#enterprise .agent-brand-lens::before{content:"";position:absolute;inset:6px;border:1px solid #d4e3ff33;border-bottom-color:#ff956f80;border-radius:50%;pointer-events:none}
#enterprise .agent-brand-lens::after{content:"";position:absolute;left:26%;right:26%;bottom:3px;height:2px;border-radius:50%;background:#ff996d;box-shadow:0 0 8px #ff6a30,0 2px 13px #ff6a3066;animation:service-material-pulse 3.8s ease-in-out infinite;pointer-events:none}
#enterprise .agent-brand-lens>.service-jf-mark{width:100px;height:100px;margin-block:-12px;flex:none;position:relative;z-index:1}
#enterprise .agent-brand-lens>span{position:relative;z-index:1;color:#ecddcf;font-size:7px;line-height:1;letter-spacing:3.5px;padding-left:3.5px}
#enterprise .agent-core-halo{position:absolute;inset:-19px;z-index:-1;border:1px solid #f5a47b38;border-radius:50%;transform:translateZ(-13px);box-shadow:0 0 0 7px #a8c1f20a;pointer-events:none}
#enterprise .agent-core-halo::before{content:"";position:absolute;inset:5px;border:1px dashed #bfcede36;border-radius:50%}
#enterprise .agent-core-halo>i{position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#ff965fa6;border-bottom-color:#ff713a8c;border-radius:50%;animation:service-material-orbit var(--core-speed) linear infinite;filter:drop-shadow(0 0 3px #ff6a3040)}
#enterprise .agent-core-halo>i:nth-child(2){inset:8px;border-width:1px;border-top-color:#d1e3ff80;border-bottom-color:transparent;border-right-color:#bed5ff59;animation-duration:21s;animation-direction:reverse}
#enterprise .agent-core-halo>i::after{content:"";position:absolute;left:13%;top:13%;width:4px;height:4px;border-radius:50%;background:#ffc4a5;box-shadow:0 0 6px #ff6a30}
#enterprise :is(.agent-brand-lens,.algo-brand-seal,.hardware-brand-inlay)>.service-jf-mark,#enterprise .deploy-brand-mark{animation:none;rotate:none;transform:none;object-fit:contain}
#enterprise .agent-nucleus>span{color:#b1c4e5;letter-spacing:2.8px}
#enterprise .agent-action{color:#edf3ff;--material-angle:-4deg;transform:translate3d(calc(var(--scene-x)*-18px),calc(var(--scene-y)*-12px + var(--agent-hover-y,0px)),var(--agent-hover-z,0px)) rotateX(calc(var(--scene-y)*-6deg)) rotateY(calc(var(--scene-x)*8deg)) rotateZ(var(--material-angle));animation:service-material-float 6.2s ease-in-out infinite;animation-delay:-1.5s}
#enterprise .action-knowledge{--material-angle:3deg;animation-delay:-3.8s}
#enterprise .action-execute{--material-angle:4deg;animation-delay:-.4s}
#enterprise .action-review{--material-angle:-3deg;animation-delay:-2.9s}
#enterprise .agent-action-icon{border-color:#adc8ff8c;background:linear-gradient(135deg,#93b2f5 0%,#304c80 8%,#173260 70%,#7892bf80);color:#f1f6ff;box-shadow:0 3px 0 #07122a,0 4px 0 #a1baff77,inset 0 1px 0 #f0f5ff40;text-shadow:0 0 8px #a4c6ff}
#enterprise .agent-action small{color:#90a7d0}
#enterprise .agent-action>i{background:#a4bdff;box-shadow:0 0 6px #9fbaff,0 0 13px #7597ff80;animation-duration:2.8s}

/* Algorithm: luminous silicon cells inside a silver pin package and blue PCB. */
#enterprise .algo-chip-assembly{z-index:3;transform:translate3d(calc(var(--scene-x)*var(--material-x)),calc(var(--scene-y)*var(--material-y)),0) rotateX(calc(var(--scene-y)*-7deg)) rotateY(calc(var(--scene-x)*10deg));transform-style:preserve-3d;animation:service-material-float 5.2s ease-in-out infinite}
#enterprise .algo-chip-board{border-color:#a8c4ff9c;background:linear-gradient(135deg,#576e9b,#1d3968 17%,#102347 50%,#0b1730 82%,#294c84);box-shadow:0 6px 0 #172b50,0 7px 0 #aec8ff73,0 15px 0 -2px #08152c,0 17px 0 -2px #648cc073,0 30px 35px #000b,inset 0 1px 0 #d3e2ff47}
#enterprise .algo-chip-board::before{border-color:#a8c4ff38;background-image:linear-gradient(#90b3ff26 1px,transparent 1px),linear-gradient(90deg,#90b3ff26 1px,transparent 1px)}
#enterprise .algo-chip-package{border-color:#d7e5ffa6;background:#18273f;box-shadow:0 4px 0 #334768,0 5px 0 #cbdcff99,0 12px 0 -2px #0a152a,0 14px 0 -2px #678bc180,0 22px 24px #000a;animation:service-material-package 5.2s ease-in-out infinite;animation-delay:-1s}
#enterprise .algo-chip-pins::before{background:repeating-linear-gradient(90deg,#f3f7ff 0 2px,#b0c5e4 2px 4px,#526584 4px 5px,transparent 5px 10px)}
#enterprise .algo-chip-pins::after{background:repeating-linear-gradient(#f3f7ff 0 2px,#b0c5e4 2px 4px,#526584 4px 5px,transparent 5px 10px)}
#enterprise .algo-chip-face{border-color:#d7e7ff8c;background:linear-gradient(135deg,#d7e5ff,#7e99bd 5%,#243854 13%,#101d35 73%,#557093);box-shadow:inset 0 1px 0 #ffffff73}
#enterprise .algo-die{position:relative;border-color:#b3ceffd9;background:#102c62;box-shadow:0 0 18px #4f82ff80,inset 0 0 18px #adc9ff33;overflow:hidden}
#enterprise .algo-die::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#eaf4ff00 28%,#fffc 40%,#b2d8ff00 52%,transparent 70%);translate:-105% 0;animation:service-material-die-scan 3.3s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}
#enterprise .algo-die>i{background:color-mix(in srgb,#d8eaff calc(var(--heat)*100%),#295bdd);border-color:#bed4ff66;box-shadow:inset 0 1px 0 #eff7ff80,0 0 4px #658fff59;animation-duration:2.6s}
#enterprise .algo-brand-seal{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:clamp(42px,4.8vw,66px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #e6eefdcc;border-radius:9px;background:radial-gradient(ellipse at 50% 85%,#ff72332e,transparent 69%),linear-gradient(135deg,#667e9f,#182c4b 15%,#0b1a32 78%,#405d87);box-shadow:0 2px 0 #aec6e8,0 5px 0 #14223b,0 6px 0 #7f9ec380,0 10px 12px #0009,inset 0 1px 0 #fff9}
#enterprise .algo-brand-seal::before{content:"";position:absolute;inset:4px;border:1px solid #c0d5fb4d;border-radius:5px;pointer-events:none}
#enterprise .algo-brand-seal::after{content:"";position:absolute;left:22%;right:22%;bottom:-3px;height:2px;background:#ff945e;box-shadow:0 0 6px #ff6a3099;animation:service-material-pulse 3.8s ease-in-out infinite}
#enterprise .algo-brand-seal>.service-jf-mark{position:relative;width:105%;height:105%;max-width:none;max-height:none}
#enterprise .algo-chip-face>span{color:#c1d5f7}
#enterprise .algo-board-port>i{border-color:#cedeff99;background:linear-gradient(90deg,#627b9d,#e9f2ff 40%,#a8bad4 64%,#495c7b)}
#enterprise .algo-chip-routing>i{background:#a8c8ffa6;box-shadow:0 7px 0 #80a5ff66,0 14px 0 #668fff47}
#enterprise .algo-chip-routing>i:nth-child(3),#enterprise .algo-chip-routing>i:nth-child(4){box-shadow:7px 0 0 #80a5ff66,14px 0 0 #668fff47}
#enterprise .algo-spectrum{transform:translate3d(calc(var(--scene-x)*-13px),calc(var(--scene-y)*-9px),0) rotateY(calc(10deg + var(--scene-x)*6deg)) rotateZ(-5deg);animation:service-material-float 6.5s ease-in-out infinite;animation-delay:-3s}
#enterprise .algo-spectrum-bars{border-color:#8dacff66;background:repeating-linear-gradient(0deg,transparent 0 18px,#a1bfff21 18px 19px)}
#enterprise .algo-spectrum-bars>i{border-color:#f3f7ff;background:linear-gradient(#ddeaff,#7597ff 44%,#234d9c);box-shadow:0 0 9px #7597ff73;animation-name:service-material-spectrum;animation-duration:2.3s}
#enterprise .algo-wave svg{stroke:#acc7ff;filter:drop-shadow(0 0 3px #7597ff)}
#enterprise .algo-wave>i{background:linear-gradient(90deg,transparent,#85adff38);border-color:#e0edffb3;animation-duration:2.5s}
#enterprise .algo-vector{transform:translate3d(calc(var(--scene-x)*-15px),calc(var(--scene-y)*-9px),0) rotateY(calc(-8deg + var(--scene-x)*6deg)) rotateZ(5deg);animation:service-material-float 6.3s ease-in-out infinite;animation-delay:-1.6s}
#enterprise .algo-vector-field{border-color:#9fbdf747;background:radial-gradient(circle,#7597ff24,transparent 69%)}
#enterprise .algo-vector-field::before,#enterprise .algo-vector-field::after{border-color:#a5c2ff47}
#enterprise .algo-vector-field>i{background:#dceaff;box-shadow:0 0 7px #92b3ff,0 0 15px #7597ff66;animation:service-material-node 3s ease-in-out infinite}
#enterprise .algo-vector-field>i:nth-child(2n){animation-delay:-1.4s;background:#91b3ff}
#enterprise .algo-vector-field>b{background:conic-gradient(from 0deg,transparent 66%,#89adff4d 99%,#d3e4ffb3);animation-duration:7.4s}
#enterprise .algo-vector-footer{color:#9db6dc}
#enterprise .algo-vector-footer>i{color:#e1ecff}

/* Deployment: three independently levitating machined layers with copper light edges. */
#enterprise .deploy-stack{z-index:3;transform:translate3d(calc(var(--scene-x)*var(--material-x)),calc(var(--scene-y)*var(--material-y)),0) rotateX(calc(var(--scene-y)*-7deg)) rotateY(calc(var(--scene-x)*10deg));transform-style:preserve-3d}
#enterprise .deploy-slab{border-color:#c3d7ffaa;box-shadow:0 5px 0 #4c6390,0 6px 0 #d8e6ff80,0 13px 0 -1px #0e1d37,0 14px 0 -1px #7096d280,0 25px 27px #000a,inset 0 1px 0 #e8f0ff80;animation:service-material-float 5.5s ease-in-out infinite;transition:opacity var(--entry-duration,.6s) ease var(--entry-delay,0s)}
#enterprise .deploy-slab::before{content:"";position:absolute;inset:6px;border:1px solid #eef5ff2e;border-radius:7px;background:linear-gradient(115deg,transparent 25%,#f2f7ff26 44%,#fff5 49%,transparent 62%) -180% 0/220% 100% no-repeat;animation:service-material-slab-reflect 5.2s ease-in-out infinite;pointer-events:none}
#enterprise .deploy-slab::after{content:"";position:absolute;left:8%;right:8%;bottom:-7px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ff6a3000,#ff6a30 23%,#ffd1bb 49%,#ff6a30 74%,#ff6a3000);box-shadow:0 2px 8px #ff6a3080;animation:service-material-edge 2.8s ease-in-out infinite}
#enterprise .slab-app{color:#f3f7ff;border-color:#e1edffc7;background:linear-gradient(126deg,#8c9dbb,#546a90 17%,#2c426b 44%,#20395f 76%,#6c83aa)}
#enterprise .slab-app .deploy-slab-head>span{position:relative;display:flex;align-items:center;gap:12px;min-width:0;white-space:nowrap}
#enterprise .deploy-brand-mark{position:relative;z-index:1;width:36px;height:36px;margin-block:-5.5px;flex:none}
#enterprise .slab-app .deploy-slab-head>span::before{content:"";position:absolute;left:-5px;top:-4px;width:35px;height:33px;border:1px solid #d8e4fa94;border-radius:5px;background:linear-gradient(135deg,#e3ecfc3d,#091a344d 48%,#ff6a3026);box-shadow:inset 0 1px 0 #fff6,0 2px 0 #162744,0 3px 0 #c4d8f559}
#enterprise .slab-api{color:#e0ebff;border-color:#b1cfff9c;background:linear-gradient(126deg,#617fab,#2c518d 25%,#173566 77%,#4a6d9e);animation-delay:-1.6s}
#enterprise .slab-data{color:#d0e2ff;border-color:#8aaceda6;background:linear-gradient(126deg,#4d6b99,#233f6d 25%,#0f254b 80%,#315487);animation-delay:-3.3s}
#enterprise .slab-api::after{animation-delay:-1.1s;background:linear-gradient(90deg,transparent,#7597ff 23%,#edf4ff 49%,#7597ff 74%,transparent);box-shadow:0 2px 8px #7597ff80}
#enterprise .slab-data::after{animation-delay:-2.2s;background:linear-gradient(90deg,transparent,#a3bdff 23%,#edf4ff 49%,#7597ff 74%,transparent);box-shadow:0 2px 8px #7597ff80}
#enterprise .deploy-units>span{border-color:#d1e2ff66;background:linear-gradient(#edf5ff19,#07152e40);box-shadow:0 3px 0 #07152d99,0 4px 0 #c5d9ff4d}
#enterprise .deploy-ports>i{background:#d8e7ff;box-shadow:0 0 7px #84a7ff99;animation:service-material-node 2.9s ease-in-out infinite}
#enterprise .slab-app .deploy-ports>i{background:#ffc3a9;box-shadow:0 0 7px #ff6a3080}
#enterprise .deploy-source{z-index:2;transform:translate3d(calc(var(--scene-x)*-11px),calc(var(--scene-y)*-7px),0)}
#enterprise .deploy-source>span{color:#b9c9e5}
#enterprise .deploy-source>span::before{border-color:#c9daff8c;background:linear-gradient(130deg,#dce8ff,#7896c7 20%,#294c85 80%);box-shadow:0 3px 0 #0b1730,0 4px 0 #8eabdf99}
#enterprise .deploy-rack{transform:translate3d(calc(var(--scene-x)*-15px),calc(var(--scene-y)*-11px),0) rotateY(calc(-12deg + var(--scene-x)*6deg)) rotateZ(4deg);animation:service-material-float 6.4s ease-in-out infinite;animation-delay:-2.7s}
#enterprise .deploy-server{border-color:#b6d0ff80;background:linear-gradient(125deg,#8199be,#3b557d 15%,#203858 90%,#738dab);box-shadow:0 3px 0 #0a172c,0 4px 0 #9cb8e566,inset 0 1px 0 #e9f3ff40}
#enterprise .deploy-server>i{background:#071329;border-color:#b8d0ff73;box-shadow:inset 1px 0 0 #040a15}
#enterprise .deploy-server>b{background:#b1ccff;box-shadow:0 0 7px #7597ff;animation-duration:2.6s}
#enterprise .deploy-rack>small{color:#9db4d6}

/* Hardware: deep-blue laminate, plated contacts and a milled silver firmware package. */
#enterprise .hardware-composition{z-index:2;transform:translate3d(calc(-50% + var(--scene-x)*var(--material-x)),calc(var(--scene-y)*var(--material-y)),0) rotateX(calc(27deg + var(--scene-y)*-10deg)) rotateY(calc(var(--scene-x)*14deg)) rotateZ(-12deg) scale(.98)}
#enterprise .hardware-float{animation:service-material-float 6.2s ease-in-out infinite,service-material-board-rock 9s ease-in-out infinite}
#enterprise .hardware-board{border-color:#9eb8e2;background:linear-gradient(129deg,#516886 0%,#1e3c65 12%,#112950 42%,#0b1b37 76%,#1a3155 96%);box-shadow:0 2px 0 #c2d6ef,0 5px 0 #10203b,0 7px 0 #607ca4,0 11px 0 #060e20,0 15px 0 #263f65,-7px 29px 38px #000b,inset 0 1px 0 #f0f6ff73,inset 0 -1px 0 #030a17}
#enterprise .hardware-board::after{border-color:#c4d8ff2e;background:linear-gradient(126deg,#f1f6ff1f,transparent 23%,transparent 78%,#89b3ff1a)}
#enterprise .hardware-route{stroke:#82adff61}
#enterprise .hardware-route-heavy{stroke:#a5c5ff94}
#enterprise .hardware-route-shadow{stroke:#041027}
#enterprise .hardware-flow{stroke:#d8e8ff;stroke-width:3;stroke-dasharray:30 155;filter:drop-shadow(0 0 4px #75a1ff);animation-duration:3.2s}
#enterprise .hardware-flow-orange{stroke:#ff925f;stroke-width:3.4;stroke-dasharray:34 180;filter:drop-shadow(0 0 4px #ff6a30);animation-duration:2.8s}
#enterprise .hardware-vias{fill:#102342;stroke:#bfd7ffd9}
#enterprise .hardware-vias-core{fill:#eef6ff}
#enterprise .hardware-screw{background:radial-gradient(circle at 33% 28%,#ffffff,#aebed2 39%,#1a2b42 62%,#c4d4e7 67%,#4d6584 78%)}
#enterprise .hardware-screw::after{background:#2d4160;box-shadow:0 1px 0 #edf5ff99}
#enterprise .hardware-pins-top,#enterprise .hardware-pins-bottom{background:repeating-linear-gradient(90deg,transparent 0 5px,#5d7596 5px 6px,#edf5ff 6px 10px,#9eb7d7 10px 12px,transparent 12px 16px)}
#enterprise .hardware-pins-left,#enterprise .hardware-pins-right{background:repeating-linear-gradient(0deg,transparent 0 5px,#5d7596 5px 6px,#edf5ff 6px 10px,#9eb7d7 10px 12px,transparent 12px 16px)}
#enterprise .hardware-chip{border-color:#eef6ffd9;background:linear-gradient(128deg,#ffffff 0%,#b8cae2 5%,#647d9d 17%,#c8d9ef 42%,#ffffff 47%,#9fb7d3 51%,#526b8a 75%,#d2e2f5 95%);box-shadow:0 3px 0 #94abc6,0 6px 0 #253b59,0 9px 0 #819ab9,-9px 18px 22px #000a;--package-rise:12px;--package-y:-4px;animation:service-material-package 6.2s ease-in-out infinite;animation-delay:-1s;transition:box-shadow .42s}
#enterprise .hardware-chip::before{content:"";position:absolute;inset:4px;border:1px solid #f5f9ff73;border-bottom-color:#f6b0928c;border-radius:10px;pointer-events:none}
#enterprise .hardware-chip::after{content:"";position:absolute;left:19%;right:19%;bottom:-7px;height:2px;background:linear-gradient(90deg,transparent,#ff6a30 22%,#ffd3bb 50%,#ff6a30 78%,transparent);box-shadow:0 2px 9px #ff6a3080;animation:service-material-pulse 3.5s ease-in-out infinite}
#enterprise .hardware-chip-face{gap:10px;border-color:#c8d8f394;background:radial-gradient(ellipse at 50% 85%,#b84b2421,transparent 68%),linear-gradient(132deg,#344a66 0%,#132540 26%,#0b1b33 66%,#273c59 100%);box-shadow:inset 0 2px 5px #000b,inset 0 -1px 0 #dceaff59}
#enterprise .hardware-chip-face::after{inset:-25%;background:linear-gradient(115deg,transparent 31%,#d9eaff29 45%,#ffffff73 49%,#d9eaff0d 52%,transparent 62%);translate:-70% 0;animation:service-material-reflect 5.4s ease-in-out infinite}
#enterprise .hardware-brand-inlay{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:128px;height:81px;flex:none;border:1px solid #cbdcf694;border-radius:7px;background:radial-gradient(ellipse at 50% 82%,#ff7a3c26,transparent 69%),linear-gradient(145deg,#889bb626,#11213b 40%,#17263c);box-shadow:0 2px 0 #030c1b,0 3px 0 #758fa55c,inset 0 1px 0 #eef4ff59,inset 0 -1px 0 #ff99562e}
#enterprise .hardware-brand-inlay::before{content:"";position:absolute;inset:5px;border:1px solid #a4bbdc26;border-radius:3px;pointer-events:none}
#enterprise .hardware-brand-inlay::after{content:"";position:absolute;left:35%;right:35%;bottom:-1px;height:1px;background:#ffb088;box-shadow:0 0 5px #ff6a30,0 2px 8px #ff6a3073;animation:service-material-pulse 3.4s ease-in-out infinite}
#enterprise .hardware-brand-inlay>.service-jf-mark{width:94px;height:94px;margin-block:-22px;position:relative;z-index:1;flex:none}
#enterprise .hardware-brand-inlay>small{font:500 5px/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:1.6px;color:#b8c8de;white-space:nowrap}
#enterprise .hardware-chip-name{color:#eef5ff;font-size:8px;letter-spacing:3px}
#enterprise .hardware-chip-dot{background:#ffc5aa;box-shadow:0 0 0 2px #101e34,0 0 6px #ff6a3080;animation:service-material-pulse 2.6s ease-in-out infinite}
#enterprise .hardware-component{border-color:#9fbadd7a;background:linear-gradient(124deg,#8ea6c7 0%,#334e73 9%,#122743 85%,#647e9e 100%);box-shadow:0 3px 0 #081428,0 5px 0 #607da2,-3px 7px 7px #0008}
#enterprise .hardware-memory::after{background:#b6ccef7a;box-shadow:0 -7px 0 #b6ccef47}
#enterprise .hardware-capacitor{border-color:#e3efffb3;background:linear-gradient(90deg,#677f9b,#eff6ff 13%,#adc2dc 20%,#94abc8 80%,#ffffff 89%,#617a9c);box-shadow:0 4px 0 #233c5c,-2px 7px 5px #000a}
#enterprise .hardware-connector{border-color:#edf5ff;background:linear-gradient(90deg,#4d6584,#f0f6ff 8%,#aac2df 15%,#dce9f9 79%,#647f9f 94%);box-shadow:0 4px 0 #8aa6c7,0 9px 0 #253e5d,-9px 13px 14px #0009}
#enterprise .hardware-connector::before{border-color:#6e8caf;background:repeating-linear-gradient(0deg,#020c1c 0 7px,#c2d7ef 7px 9px,#2f4b72 9px 13px)}
#enterprise .hardware-connector::after{background:#7c96b6;box-shadow:0 58px 0 #7c96b6,0 1px 0 #f0f6ff}
#enterprise .hardware-header{border-color:#92add480;background:repeating-linear-gradient(90deg,#09172c 0 8px,#d4e6ff 8px 12px,#526e95 12px 15px,#09172c 15px 19px);box-shadow:0 6px 0 #030b18,-3px 10px 9px #000a}
#enterprise .hardware-board-label{color:#c0d7f7a6}
#enterprise .hardware-led{background:#ffb48e;box-shadow:0 0 7px #ff6a30,0 0 17px #ff6a3059;animation-duration:2.4s}
#enterprise .hardware-caption{z-index:3;color:#afc2df;bottom:23px}
#enterprise .hardware-caption-line{background:#7194ca}

/* The interaction controller supplies a moving light and a replayable entry state. */
#enterprise :is(.agent-action,.algo-spectrum,.algo-vector,.deploy-rack)::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(180px circle at var(--scene-light-x,35%) var(--scene-light-y,20%),#c9ddff16,transparent 70%),linear-gradient(128deg,#f5f9ff0d,transparent 32%);pointer-events:none}
#enterprise :is(.agent-nucleus,.agent-action,.algo-chip-assembly,.algo-spectrum,.algo-vector,.deploy-stack,.deploy-rack,.hardware-composition){transition:opacity var(--entry-duration,.6s) ease var(--entry-delay,0s),border-color .3s,box-shadow .3s}
#enterprise .agent-nucleus{--entry-duration:.5s}
#enterprise .action-understand{--entry-duration:.4s;--entry-delay:.06s}
#enterprise .action-execute{--entry-duration:.5s;--entry-delay:.11s}
#enterprise .action-knowledge{--entry-duration:.6s;--entry-delay:.17s}
#enterprise .action-review{--entry-duration:.65s;--entry-delay:.25s}
#enterprise .algo-chip-assembly{--entry-duration:.55s;--entry-delay:.03s}
#enterprise .algo-spectrum{--entry-duration:.5s;--entry-delay:.15s}
#enterprise .algo-vector{--entry-duration:.62s;--entry-delay:.28s}
#enterprise .deploy-stack{--entry-duration:.35s}
#enterprise .slab-data{--entry-duration:.45s;--entry-delay:.06s}
#enterprise .slab-api{--entry-duration:.5s;--entry-delay:.17s}
#enterprise .slab-app{--entry-duration:.62s;--entry-delay:.28s}
#enterprise .deploy-rack{--entry-duration:.6s;--entry-delay:.22s}
#enterprise .hardware-composition{--entry-duration:.65s;--entry-delay:.04s}
#enterprise .service-workbench.is-enhanced :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage):not(.scene-entered)>:is(.agent-nucleus,.agent-action,.algo-chip-assembly,.algo-spectrum,.algo-vector,.deploy-stack,.deploy-rack,.hardware-composition),#enterprise .service-workbench.is-enhanced .deployment-stage:not(.scene-entered) .deploy-slab{opacity:.08}
#enterprise .service-workbench.is-enhanced :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage).scene-entered>:is(.agent-nucleus,.agent-action,.algo-chip-assembly,.algo-spectrum,.algo-vector,.deploy-stack,.deploy-rack,.hardware-composition),#enterprise .service-workbench.is-enhanced .deployment-stage.scene-entered .deploy-slab{opacity:1}

/* translate is reserved for idle motion; transform remains entirely pointer driven. */
@keyframes service-material-float{0%,100%{translate:0 4px}50%{translate:0 var(--float-top,-20px)}}
@keyframes service-material-package{0%,100%{translate:0 0 0}50%{translate:0 var(--package-y,-6px) var(--package-rise,17px)}}
@keyframes service-material-orbit{to{rotate:360deg}}
@keyframes service-material-pulse{0%,100%{opacity:.55}18%,28%{opacity:1}55%{opacity:.74}}
@keyframes service-material-spectrum{0%,100%{scale:1 .72}24%{scale:1 1}44%{scale:1 .52}68%{scale:1 .92}84%{scale:1 .64}}
@keyframes service-material-board-rock{0%,100%{rotate:1 0 0 var(--board-rock,1.2deg)}50%{rotate:1 0 0 calc(var(--board-rock,1.2deg)*-1)}}
@keyframes service-material-slab-reflect{0%,10%{background-position:180% 0;opacity:0}23%{opacity:.75}68%{opacity:.75}88%,100%{background-position:-180% 0;opacity:0}}
@keyframes service-material-reflect{0%,13%{translate:-65% 0;opacity:0}22%{opacity:.8}64%{opacity:.8}78%,100%{translate:65% 0;opacity:0}}
@keyframes service-material-die-scan{0%,15%{translate:-105% 0;opacity:0}25%{opacity:.9}76%{opacity:.9}90%,100%{translate:105% 0;opacity:0}}
@keyframes service-material-node{0%,100%{opacity:.5}48%{opacity:1}}
@keyframes service-material-edge{0%,100%{opacity:.45;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.4)}}

@media(min-width:801px){
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage){width:min(100%,1200px);height:500px}
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage)>.service-circuit{top:40px;height:400px}
  #enterprise .agent-orbit-field{top:73px}
  #enterprise .agent-nucleus{top:142px;width:190px;height:190px}
  #enterprise .action-understand,#enterprise .action-execute{top:94px}
  #enterprise .action-knowledge,#enterprise .action-review{top:288px}
  #enterprise .algo-chip-assembly{top:79px}
  #enterprise .algo-spectrum{top:144px}
  #enterprise .algo-vector{top:112px}
  #enterprise .algo-floor{top:189px}
  #enterprise .deploy-stack{top:65px}
  #enterprise .deploy-source{top:126px}
  #enterprise .deploy-rack{top:136px}
  #enterprise .deploy-floor{top:175px}
  #enterprise .hardware-composition{top:87px}
}
@media(min-width:521px) and (max-width:800px){
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage){height:420px;--material-x:12px;--material-y:10px;--material-rx:6deg;--material-ry:8deg;--float-top:-12px;--package-rise:12px;--package-y:-4px;--board-rock:0deg}
  #enterprise .agent-brand-lens{width:98px;height:98px;gap:7px}
  #enterprise .agent-brand-lens>.service-jf-mark{width:82px;height:82px;margin-block:-13px}
  #enterprise .hardware-composition{top:57px;transform:translate3d(calc(-50% + var(--scene-x)*12px),calc(var(--scene-y)*10px),0) rotateX(calc(25deg + var(--scene-y)*-6deg)) rotateY(calc(var(--scene-x)*8deg)) rotateZ(-12deg) scale(.74)}
}
@media(min-width:801px) and (max-width:980px){
  #enterprise .hardware-stage{--material-x:20px}
}
@media(max-width:520px){
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage){height:420px;--material-x:6px;--material-y:5px;--material-rx:4deg;--material-ry:5deg;--float-top:-12px;--package-rise:12px;--package-y:-4px;--board-rock:0deg;--core-speed:18s;--orbit-speed:28s;--outer-orbit-speed:26s}
  #enterprise .agent-action{transform:translate3d(calc(var(--scene-x)*-4px),calc(var(--scene-y)*-3px),0) rotateZ(var(--material-angle))}
  #enterprise .action-understand,#enterprise .action-execute{top:34px}
  #enterprise .action-knowledge,#enterprise .action-review{top:323px}
  #enterprise .agent-nucleus{top:137px}
  #enterprise .agent-brand-lens{width:90px;height:90px;gap:6px}
  #enterprise .agent-brand-lens>.service-jf-mark{width:74px;height:74px;margin-block:-12px}
  #enterprise .agent-brand-lens>span{font-size:6px;letter-spacing:2.8px;padding-left:2.8px}
  #enterprise .agent-core-halo{inset:-14px}
  #enterprise .agent-core-halo>i{border-width:1px}
  #enterprise .agent-orbit-field{top:84px}
  #enterprise .algo-chip-assembly{top:40px}
  #enterprise .algo-chip-assembly,#enterprise .algo-chip-package{animation-duration:5.8s}
  #enterprise .algo-die::after{animation-duration:4.6s}
  #enterprise .algo-spectrum-bars>i{animation-name:service-spectrum;animation-duration:2.1s}
  #enterprise .algo-wave>i{animation-duration:3.2s}
  #enterprise .algo-spectrum{top:245px;transform:translate3d(calc(var(--scene-x)*-4px),calc(var(--scene-y)*-3px),0) rotateZ(-5deg)}
  #enterprise .algo-vector{top:250px;transform:translate3d(calc(var(--scene-x)*-4px),calc(var(--scene-y)*-3px),0) rotateZ(5deg)}
  #enterprise .deploy-stack{top:30px}
  #enterprise .deploy-brand-mark{width:28px;height:28px;margin-block:-4.5px}
  #enterprise .slab-app .deploy-slab-head>span{gap:9px}
  #enterprise .slab-app .deploy-slab-head>span::before{left:-4px;top:-3px;width:27px;height:25px;border-radius:4px}
  #enterprise .deploy-rack{transform:translate3d(calc(var(--scene-x)*-4px),calc(var(--scene-y)*-3px),0) rotateZ(4deg)}
  #enterprise .hardware-composition{top:60px;transform:translate3d(calc(-50% + var(--scene-x)*6px),calc(var(--scene-y)*5px),0) rotateX(calc(19deg + var(--scene-y)*-4deg)) rotateY(calc(var(--scene-x)*5deg)) rotateZ(-14deg) scale(.47)}
  #enterprise .hardware-caption{bottom:48px;font-size:8px}
  #enterprise :is(.algorithm-stage,.deployment-stage) .service-stage-caption{bottom:15px;font-size:7px;letter-spacing:.3px}
}
@media(max-width:360px){
  #enterprise .hardware-composition{transform:translate3d(calc(-50% + var(--scene-x)*4px),calc(var(--scene-y)*4px),0) rotateX(19deg) rotateZ(-12deg) scale(.4)}
  #enterprise .agent-action{gap:7px;padding:10px 9px}
  #enterprise .agent-action>span:nth-child(2){font-size:10px}
}
@media(min-width:801px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #enterprise .service-workbench:not(.is-paused) .agents-stage:not([data-service-paused]) .action-understand{--agent-hover-y:calc(var(--scene-hover,0)*-9px);--agent-hover-z:calc(var(--scene-hover,0)*22px)}
  #enterprise .service-workbench:not(.is-paused) .agents-stage:not([data-service-paused]) .action-execute{--agent-hover-y:calc(var(--scene-hover,0)*-5px);--agent-hover-z:calc(var(--scene-hover,0)*15px)}
  #enterprise .service-workbench:not(.is-paused) .agents-stage:not([data-service-paused]) .action-knowledge{--agent-hover-y:calc(var(--scene-hover,0)*-3px);--agent-hover-z:calc(var(--scene-hover,0)*10px)}
  #enterprise .service-workbench:not(.is-paused) .agents-stage:not([data-service-paused]) .action-review{--agent-hover-y:calc(var(--scene-hover,0)*-10px);--agent-hover-z:calc(var(--scene-hover,0)*25px)}
  #enterprise .service-workbench:not(.is-paused) .deployment-stage:not([data-service-paused]) .slab-app{transform:translateY(calc(var(--scene-hover,0)*-20px)) rotateX(43deg) rotateZ(-17deg)}
  #enterprise .service-workbench:not(.is-paused) .deployment-stage:not([data-service-paused]) .slab-api{transform:translateY(calc(var(--scene-hover,0)*-10px)) rotateX(43deg) rotateZ(-17deg)}
  #enterprise .service-workbench:not(.is-paused) .hardware-stage:not([data-service-paused]) .hardware-chip{transform:translateZ(calc(24px + var(--scene-hover,0)*10px));box-shadow:0 3px 0 #94abc6,0 6px 0 #253b59,0 9px 0 #819ab9,-11px 25px 28px #000b}
}
/* Existing observers toggle both states, including while a tab is hidden. */
#enterprise .service-workbench.is-paused :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage) *,
#enterprise .service-workbench.is-paused :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage) *::before,
#enterprise .service-workbench.is-paused :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage) *::after,
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage)[data-service-paused] *,
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage)[data-service-paused] *::before,
#enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage)[data-service-paused] *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage) *,
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage) *::before,
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage,.hardware-stage) *::after{animation:none!important;transition:none!important}
  #enterprise :is(.agents-stage,.algorithm-stage,.deployment-stage) .service-circuit-light{stroke-dasharray:none;opacity:.6}
}