.hx-engineering{--hx-bg:#09080d;--hx-panel:#111018;--hx-line:#4b3264;--hx-violet:#8b5cf6;--hx-glow:#a978ff;position:relative;overflow:hidden;background:var(--hx-bg);color:#fff;border-block:1px solid #2b2332}.hx-engineering-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.hx-engineering-scan{position:absolute;z-index:2;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--hx-violet),#fff,var(--hx-violet),transparent);box-shadow:0 0 13px var(--hx-violet);animation:hxEngScan 7s linear infinite}.hx-engineering-head,.hx-process-heading{position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:50px;padding-top:58px}.hx-engineering-head h2,.hx-process-heading h2{max-width:730px;margin:12px 0 0!important;color:#fff!important}.hx-engineering-head>p{max-width:450px;margin:0!important;color:#aaa1b2!important}.hx-workbench{position:relative;z-index:2;width:min(1540px,100%);margin:24px auto 0;padding:30px max(24px,calc((100% - 1460px)/2));background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),linear-gradient(#0d0b12,#07060a);isolation:isolate}.hx-workbench:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(139,92,246,.05)),repeating-linear-gradient(90deg,transparent 0 79px,rgba(139,92,246,.04) 80px);border-top:1px solid #2d2238;transform:perspective(600px) rotateX(12deg);transform-origin:bottom}.hx-solutions-bench{min-height:455px;display:grid;grid-template-columns:1.05fr .72fr 1fr 1.12fr 1fr;align-items:end;gap:26px}.hx-machine{position:relative;min-width:0}.machine-label{display:block;margin:0 0 12px;color:#a89cae;font:800 9px/1 ui-monospace,monospace;letter-spacing:.13em}.hx-machine h3{margin:17px 0 7px!important;color:#f9f7fb!important;font-size:16px!important}.hx-machine p{margin:0!important;color:#93899c!important;font-size:11px!important;line-height:1.5}.rack-shell{position:relative;height:275px;padding:19px 16px;border:1px solid #4a3a54;border-radius:15px 15px 8px 8px;background:linear-gradient(115deg,#262330,#08070b 38%,#1a1720 75%,#050406);box-shadow:0 28px 50px #000,0 0 34px rgba(139,92,246,.12),inset 0 0 30px #000}.rack-shell header,.rack-shell footer{display:flex;gap:6px}.rack-shell header i,.rack-shell footer i{width:6px;height:6px;border-radius:50%;background:#554c5d;box-shadow:0 0 6px #000}.rack-shell header i:first-child,.rack-shell footer i:nth-child(2){background:#e33b48;box-shadow:0 0 8px #e33b48}.rack-bays{display:grid;gap:8px;margin-top:15px}.rack-bays span{height:27px;border:1px solid #413848;border-radius:4px;background:linear-gradient(90deg,#0a090d,#211d27 50%,#09080c);box-shadow:inset 0 0 9px #000}.rack-bays span:before{content:"";display:block;width:34%;height:3px;margin:11px;background:repeating-linear-gradient(90deg,#8c8095 0 2px,transparent 2px 5px)}.rack-heart{position:absolute;right:17px;top:101px;width:67px;height:60px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#170d25;color:#fff;font:900 30px/1 Georgia,serif;box-shadow:0 0 25px var(--hx-violet);text-shadow:0 0 10px #fff}.rack-shell footer{position:absolute;left:17px;bottom:13px}.server-stack{display:grid;gap:9px;padding-bottom:35px}.server-stack>span{position:relative;height:52px;border:1px solid #4c4252;border-radius:7px;background:linear-gradient(180deg,#302c34,#0a090d 45%,#17141b);box-shadow:0 14px 22px #000}.server-stack i{position:absolute;top:19px;width:7px;height:7px;border-radius:50%;background:#34da91;box-shadow:0 0 8px #34da91}.server-stack i:first-child{left:14px}.server-stack i:nth-child(2){left:29px;background:#8b5cf6;box-shadow:0 0 8px #8b5cf6}.server-stack b{position:absolute;right:13px;top:17px;width:45%;height:10px;background:repeating-linear-gradient(90deg,#5c5361 0 2px,transparent 2px 5px)}.gateway-case{position:relative;height:190px;border:1px solid #51465a;border-radius:18px;background:linear-gradient(145deg,#292630,#07070a 52%,#1c1921);box-shadow:0 24px 40px #000,inset 0 0 22px #000}.gateway-ribs{height:49px;border-radius:18px 18px 0 0;background:repeating-linear-gradient(90deg,#302b36 0 3px,#121016 3px 8px)}.gateway-ports{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:26px 18px}.gateway-ports i{height:20px;border:2px solid #504657;border-radius:3px;background:#060608;box-shadow:inset 0 0 6px #000}.gateway-ports i:nth-child(-n+3){border-color:#7653a0;box-shadow:0 0 7px rgba(139,92,246,.35)}.gateway-case>b{position:absolute;left:17px;bottom:14px;color:#a978ff}.gateway-case>small{position:absolute;right:16px;bottom:14px;color:#36d896;font:800 8px/1 monospace}.accelerator-case{height:250px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:11px;padding:18px;border:1px solid #55465f;border-radius:14px;background:linear-gradient(135deg,rgba(52,46,58,.9),rgba(7,6,9,.96));box-shadow:0 26px 46px #000,inset 0 0 30px rgba(139,92,246,.07)}.cooling-fan{position:relative;width:65px;height:65px;border:6px solid #27232b;border-radius:50%;background:repeating-conic-gradient(#53485e 0 12deg,#17141b 12deg 24deg);box-shadow:inset 0 0 12px #000;animation:hxFan 5s linear infinite}.cooling-fan i{position:absolute;inset:22px;border-radius:50%;background:#09080b;box-shadow:0 0 8px #8b5cf6}.cooling-fan.second{animation-direction:reverse}.compute-board{position:relative;height:178px;border:1px solid #58416c;border-radius:8px;background-color:#100b17;background-image:linear-gradient(rgba(139,92,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.1) 1px,transparent 1px);background-size:14px 14px;box-shadow:inset 0 0 25px #000}.compute-board i{position:absolute;width:18px;height:13px;border:1px solid #70508e;background:#21122f}.compute-board i:nth-child(1){left:14px;top:18px}.compute-board i:nth-child(2){right:14px;top:37px}.compute-board i:nth-child(3){left:19px;bottom:26px}.compute-board i:nth-child(4){right:20px;bottom:17px}.compute-board b{position:absolute;left:50%;top:50%;width:58px;height:58px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #a978ff;background:#1f0f33;color:#d7bdff;box-shadow:0 0 25px #7c3aed}.console-screens{display:flex;align-items:end;gap:10px;padding-bottom:30px}.console-screens>div{position:relative;flex:1;height:190px;padding:18px 13px;border:5px solid #211e25;border-radius:8px;background:#0b0910;box-shadow:0 23px 36px #000}.console-screens>div:last-child{height:225px}.console-screens i{display:block;width:85%;height:4px;margin:9px 0;border-radius:5px;background:#463456}.console-screens i:nth-child(2){width:62%;background:#7c3aed}.console-screens b{position:absolute;left:12px;right:12px;bottom:17px;height:57px;background:linear-gradient(160deg,transparent 42%,#8b5cf6 43% 46%,transparent 47%),linear-gradient(rgba(139,92,246,.08) 1px,transparent 1px);background-size:auto,12px 12px}.hx-bench-links{position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible}.hx-bench-links path{fill:none;stroke:#8b5cf6;stroke-width:2;filter:drop-shadow(0 0 6px #8b5cf6)}.hx-bench-links circle{fill:#fff;stroke:#8b5cf6;stroke-width:3;filter:drop-shadow(0 0 8px #8b5cf6)}.hx-process-code{border-top:0}.hx-process-heading{display:block;padding-bottom:10px}.hx-process-bench{min-height:470px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:28px}.hx-process-unit{position:relative;min-width:0}.hx-process-unit header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.hx-process-unit header b{color:#a978ff;font-size:34px}.hx-process-unit header span{color:#fff;font-weight:850}.hx-process-unit p{min-height:38px;margin:14px 0 0!important;color:#968c9f!important;font-size:11px!important}.diagnostic-rig,.architecture-rig,.assembly-rig,.deploy-rig{position:relative;height:250px}.diagnostic-rig{padding:22px 19px;border:1px solid #4a404f;border-radius:12px;background:linear-gradient(145deg,#27232b,#08070a 58%);box-shadow:0 25px 40px #000}.scope-screen{position:relative;height:135px;border:6px solid #1a171d;border-radius:7px;background-color:#08070b;background-image:linear-gradient(rgba(139,92,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.1) 1px,transparent 1px);background-size:14px 14px}.scope-screen svg{width:100%;height:100%}.scope-screen path{fill:none;stroke:#a978ff;stroke-width:3;filter:drop-shadow(0 0 5px #8b5cf6);stroke-dasharray:500;animation:hxScope 4s linear infinite}.scope-screen i{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#e33b48;box-shadow:0 0 8px #e33b48}.scope-controls{display:flex;gap:14px;margin-top:22px}.scope-controls i{width:28px;height:28px;border:5px solid #3f3944;border-radius:50%;background:#0c0b0e;box-shadow:inset 0 0 5px #000}.blueprint-sheet{position:absolute;inset:55px 5px 0 0;border:1px solid #51415f;background-color:#0d0a12;background-image:linear-gradient(rgba(139,92,246,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.12) 1px,transparent 1px);background-size:17px 17px;transform:perspective(500px) rotateX(62deg);transform-origin:bottom;box-shadow:0 18px 35px #000}.blueprint-sheet i{position:absolute;border:1px solid #8562aa}.blueprint-sheet i:nth-child(1){left:12%;top:19%;width:27%;height:35%}.blueprint-sheet i:nth-child(2){right:12%;top:12%;width:30%;height:28%}.blueprint-sheet i:nth-child(3){left:38%;bottom:12%;width:25%;height:22%}.prototype-frame{position:absolute;left:23%;right:10%;top:18px;height:155px;border:1px solid rgba(169,120,255,.48);background:rgba(139,92,246,.04);box-shadow:inset 0 0 25px rgba(139,92,246,.1)}.prototype-frame span{position:absolute;width:35px;height:25px;border:1px solid #785798;background:#170e21}.prototype-frame span:nth-child(1){left:15px;top:19px}.prototype-frame span:nth-child(2){right:18px;top:28px}.prototype-frame span:nth-child(3){left:35px;bottom:20px}.prototype-frame span:nth-child(4){right:31px;bottom:16px}.prototype-frame b{position:absolute;left:50%;top:50%;width:45px;height:45px;transform:translate(-50%,-50%);background:#29123f;box-shadow:0 0 20px #8b5cf6}.assembly-rig{border-bottom:6px solid #29242e}.robot-arm i,.robot-arm b{position:absolute;display:block}.arm-base{left:45%;bottom:0;width:80px;height:27px;border-radius:6px 6px 0 0;background:linear-gradient(#4a444e,#131116)}.arm-one{left:53%;bottom:22px;width:28px;height:100px;border:1px solid #5a505f;border-radius:12px;background:linear-gradient(90deg,#17141a,#48414c,#111014);transform:rotate(22deg);transform-origin:bottom}.arm-joint{left:46%;bottom:110px;width:42px;height:42px;border:8px solid #4b4350;border-radius:50%;background:#100e12;box-shadow:0 0 12px rgba(139,92,246,.3)}.arm-two{left:30%;bottom:124px;width:100px;height:24px;border:1px solid #5a505f;border-radius:9px;background:linear-gradient(#433c48,#121015);transform:rotate(-19deg);transform-origin:right}.robot-arm b{left:26%;bottom:93px;width:18px;height:46px;border:3px solid #4c4451;border-top:0}.build-board{position:absolute;left:5%;right:3%;bottom:0;height:66px;border:1px solid #60477a;background:#100a17}.build-board i{position:absolute;width:24px;height:15px;border:1px solid #825dae;background:#281437}.build-board i:nth-child(1){left:12px;top:11px}.build-board i:nth-child(2){right:15px;top:9px}.build-board i:nth-child(3){left:39%;bottom:9px}.build-board i:nth-child(4){right:23%;bottom:8px}.deploy-case{position:absolute;left:0;right:28%;bottom:0;height:190px;border:1px solid #504654;border-radius:12px;background:linear-gradient(145deg,#2d2931,#070609 55%);box-shadow:0 25px 40px #000}.deploy-case i{display:block;height:25px;margin:11px;border:1px solid #3b343f;background:#0a090c}.deploy-case i:before{content:"";display:block;width:7px;height:7px;margin:8px;border-radius:50%;background:#35d995;box-shadow:0 0 7px #35d995}.deploy-case b{position:absolute;right:20px;top:72px;width:50px;height:50px;display:grid;place-items:center;border:1px solid #8b5cf6;color:#b997ee;box-shadow:0 0 18px rgba(139,92,246,.45)}.deploy-monitor{position:absolute;right:0;top:18px;width:43%;height:145px;padding:16px;border:5px solid #201d23;border-radius:8px;background:#0a080d;box-shadow:0 20px 30px #000}.deploy-monitor span{display:block;height:4px;margin:10px 0;background:#493653}.deploy-monitor span:nth-child(2){width:67%;background:#8b5cf6}.deploy-monitor i{position:absolute;left:14px;right:14px;bottom:14px;height:40px;background:linear-gradient(160deg,transparent 45%,#8b5cf6 46% 49%,transparent 50%)}.hx-process-current{position:absolute;z-index:-1;left:4%;right:4%;bottom:96px;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6 8%,#8b5cf6 92%,transparent);box-shadow:0 0 8px #8b5cf6}.hx-process-current i{position:absolute;top:50%;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#8b5cf6;box-shadow:0 0 9px #8b5cf6;transform:translateY(-50%);animation:hxPacket 5s linear infinite}.hx-process-current i:nth-child(2){animation-delay:-1.7s}.hx-process-current i:nth-child(3){animation-delay:-3.4s}@keyframes hxEngScan{0%{top:0;opacity:0}15%{opacity:.8}85%{opacity:.8}100%{top:100%;opacity:0}}@keyframes hxFan{to{transform:rotate(360deg)}}@keyframes hxScope{0%{stroke-dashoffset:500}60%,100%{stroke-dashoffset:0}}@keyframes hxPacket{from{left:0}to{left:100%}}[data-engineering-reveal]{opacity:0;transform:translateY(25px);transition:.8s ease}[data-engineering-reveal].is-visible{opacity:1;transform:none}html[data-theme="light"] .hx-engineering{--hx-bg:#f8f5fb;background:#f8f5fb;color:#191525;border-color:#e7dcef}html[data-theme="light"] .hx-engineering-grid{opacity:.55}html[data-theme="light"] .hx-engineering-head h2,html[data-theme="light"] .hx-process-heading h2{color:#191525!important}html[data-theme="light"] .hx-engineering-head>p{color:#6f687b!important}html[data-theme="light"] .hx-workbench{background:linear-gradient(180deg,#fdfbff,#eee8f4);border-block:1px solid #e2d5eb}html[data-theme="light"] .hx-machine h3,html[data-theme="light"] .hx-process-unit header span{color:#211a28!important}html[data-theme="light"] .hx-machine p,html[data-theme="light"] .hx-process-unit p{color:#716779!important}@media(max-width:1100px){.hx-solutions-bench{grid-template-columns:repeat(2,1fr)}.hx-console{display:none}.hx-process-bench{grid-template-columns:repeat(2,1fr)}.hx-process-current{display:none}}@media(max-width:680px){.hx-engineering-head{display:block;padding:42px 20px 0}.hx-engineering-head>p{margin-top:14px!important}.hx-process-heading{padding:42px 20px 0}.hx-workbench{padding:24px 20px}.hx-solutions-bench,.hx-process-bench{grid-template-columns:1fr;gap:40px}.hx-process-unit p{min-height:0}.hx-bench-links{display:none}.accelerator-case{grid-template-columns:55px 1fr 55px}.cooling-fan{width:50px;height:50px}.hx-machine h3{margin-top:12px!important}}@media(prefers-reduced-motion:reduce){.hx-engineering *{animation:none!important;transition:none!important}}
