.tech-hub{height:520px!important;background:#101612!important;border:1px solid #29362d!important;perspective:1100px;overflow:hidden;box-shadow:18px 18px 0 #d9dfcf}.tech-hub:before{display:none!important}.hub-grid{position:absolute;inset:-35%;background:linear-gradient(#26332b 1px,transparent 1px),linear-gradient(90deg,#26332b 1px,transparent 1px);background-size:38px 38px;transform:rotateX(68deg) translateY(36%);transform-origin:center bottom;opacity:.48}.scan-beam{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#77ecd4,transparent);box-shadow:0 0 20px #61e8cc;animation:scan 5s linear infinite;z-index:4;opacity:.65}.particle-field{position:absolute;inset:0}.particle{position:absolute;width:2px;height:2px;background:#d9f35c;border-radius:50%;box-shadow:0 0 8px #d9f35c;animation:floatParticle var(--duration) ease-in-out infinite alternate}.hub-scene{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .18s ease-out;transform:rotateX(-5deg) rotateY(4deg)}.energy-ring{position:absolute;left:50%;top:50%;border:1px solid #466154;border-radius:50%;transform-style:preserve-3d}.ring-x{width:360px;height:360px;transform:translate(-50%,-50%) rotateX(67deg);animation:spinX 13s linear infinite}.ring-y{width:400px;height:240px;transform:translate(-50%,-50%) rotateY(64deg) rotateZ(18deg);animation:spinY 16s linear infinite}.ring-z{width:430px;height:210px;transform:translate(-50%,-50%) rotateZ(-21deg);border-color:#395448}.energy-ring i{position:absolute;width:9px;height:9px;border-radius:50%;background:#61e8cc;box-shadow:0 0 18px #61e8cc}.ring-x i:nth-child(1){left:14%;top:14%}.ring-x i:nth-child(2){right:4%;top:48%}.ring-x i:nth-child(3){left:40%;bottom:-4px;background:#d9f35c}.ring-y i:first-child{left:5%;top:38%}.ring-y i:last-child{right:14%;bottom:12%;background:#d9f35c}.service-core{position:absolute;left:50%;top:50%;width:154px;height:154px;transform:translate(-50%,-50%) rotateX(-12deg) rotateY(24deg);transform-style:preserve-3d;animation:coreFloat 5s ease-in-out infinite}.core-face{position:absolute;width:154px;height:154px;border:1px solid #6cf0d4;background:#15251fbb;backdrop-filter:blur(7px);box-shadow:inset 0 0 35px #61e8cc18}.core-face.front{transform:translateZ(77px);display:grid;place-content:center;text-align:center;padding:15px}.core-face.back{transform:rotateY(180deg) translateZ(77px)}.core-face.left{transform:rotateY(-90deg) translateZ(77px)}.core-face.right{transform:rotateY(90deg) translateZ(77px)}.core-face.top{transform:rotateX(90deg) translateZ(77px)}.core-face.bottom{transform:rotateX(-90deg) translateZ(77px)}.core-face small,.core-face span{font:7px 'DM Mono';letter-spacing:.12em;color:#6f8b7f}.core-face b{font:700 19px/1.35 'Noto Serif SC';color:#fff;margin:9px 0}.core-face em{font-style:normal;color:#d9f35c}.service-node{position:absolute;z-index:7;width:158px;padding:15px;background:#172019e8;border:1px solid #3d5146;color:#fff;text-decoration:none;box-shadow:8px 8px 0 #0a0e0b;transition:.25s;transform-style:preserve-3d}.service-node:hover{border-color:#d9f35c;transform:translateZ(35px) scale(1.04)!important;box-shadow:0 0 30px #d9f35c2e}.hightech-node{left:18px;top:55px;transform:translateZ(35px) rotateY(5deg)}.geo-node{right:17px;bottom:78px;transform:translateZ(45px) rotateY(-6deg)}.node-index{float:right;color:#61e8cc;font:9px 'DM Mono'}.service-node b{display:block;font:700 17px 'Noto Serif SC';margin:10px 0 5px}.service-node small{display:block;color:#85948a;font-size:9px}.service-node>i{display:block;margin-top:14px;color:#d9f35c;font:8px 'DM Mono';font-style:normal}.data-node{position:absolute;color:#7e9388;font:8px 'DM Mono';display:flex;align-items:center;gap:7px}.data-node i{width:6px;height:6px;border-radius:50%;background:#61e8cc;box-shadow:0 0 12px #61e8cc}.data-a{left:22%;bottom:65px}.data-b{right:20%;top:48px}.data-c{right:12%;top:47%}.hub-status{position:absolute;left:18px;right:18px;bottom:15px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #29372e;padding-top:12px;color:#65756c;font:8px 'DM Mono';z-index:8}.hub-status>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#61e8cc;margin-right:7px;box-shadow:0 0 9px #61e8cc}.hub-status b{color:#93a197;font-weight:400}.tech-ribbon{background:#101612;color:#fff;border-top:1px solid #2c3930;border-bottom:1px solid #2c3930}.tech-ribbon>.wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between}.tech-ribbon span,.tech-ribbon strong{font:8px 'DM Mono';letter-spacing:.1em;color:#718078}.tech-ribbon div{display:flex;gap:16px;align-items:center}.tech-ribbon div b{font:500 12px 'Noto Serif SC';color:#e5ebe3}.tech-ribbon div i{font-style:normal;color:#61e8cc}@keyframes scan{0%{top:3%;opacity:0}10%{opacity:.7}90%{opacity:.7}100%{top:97%;opacity:0}}@keyframes spinX{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}@keyframes spinY{to{transform:translate(-50%,-50%) rotateY(64deg) rotateZ(378deg)}}@keyframes coreFloat{0%,100%{transform:translate(-50%,-50%) rotateX(-12deg) rotateY(24deg) translateY(-5px)}50%{transform:translate(-50%,-50%) rotateX(-6deg) rotateY(35deg) translateY(8px)}}@keyframes floatParticle{to{transform:translate3d(var(--dx),var(--dy),20px);opacity:.2}}@media(max-width:900px){.tech-hub{height:470px!important}.service-node{width:135px}.hightech-node{left:10px}.geo-node{right:10px}.hub-status small{display:none}.tech-ribbon>.wrap{flex-wrap:wrap;padding:18px 0;gap:12px}.tech-ribbon div{order:3;width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.scan-beam,.energy-ring,.service-core,.particle{animation:none}.hub-scene{transition:none}}