:root{--gk-blue:#35b9ff;--gk-line:rgba(76,164,222,.24)}
.digital-building{margin-top:30px}.digital-building-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px}.db-stage,.db-panel,.tech-center-card{border:1px solid var(--gk-line);border-radius:24px;background:linear-gradient(155deg,rgba(7,24,38,.96),rgba(3,13,22,.98));box-shadow:0 24px 70px rgba(0,0,0,.25)}.db-stage{position:relative;min-height:520px;overflow:hidden;padding:24px}.db-building{position:absolute;inset:60px 7% 35px;perspective:900px}.db-floor{position:absolute;left:8%;right:8%;height:25%;border:1px solid rgba(104,190,240,.34);background:linear-gradient(135deg,rgba(15,54,81,.78),rgba(7,25,39,.92));transform:skewY(-4deg);transition:.25s}.db-floor:nth-child(1){bottom:4%}.db-floor:nth-child(2){bottom:29%}.db-floor:nth-child(3){bottom:54%}.db-floor:after{content:"";position:absolute;inset:18% 6%;background:repeating-linear-gradient(90deg,rgba(79,166,218,.22) 0 2px,transparent 2px 17%)}.db-node{position:absolute;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0a3150;border:2px solid #55c8ff;box-shadow:0 0 20px rgba(71,190,255,.45);font-size:11px;z-index:3;transition:.25s}.db-node.is-dim{opacity:.16;filter:grayscale(1)}.db-node.is-alert{border-color:#ff6b74;box-shadow:0 0 28px rgba(255,74,88,.65);animation:dbPulse 1s infinite}.db-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#42baff,transparent);transform-origin:left center;opacity:.8}.db-panel{padding:20px}.db-tabs,.db-scenarios{display:flex;flex-wrap:wrap;gap:8px}.db-tabs button,.db-scenarios button{border:1px solid #315a76;border-radius:999px;background:#071827;color:#c9dce8;padding:9px 12px;font-weight:800;cursor:pointer}.db-tabs button.is-active,.db-scenarios button.is-active{border-color:#55c8ff;background:#0c3553;color:#fff}.db-copy{margin-top:18px;padding:16px;border-radius:18px;background:#061521;border:1px solid rgba(72,142,190,.25)}.db-copy h3{margin:0 0 8px}.db-copy p{margin:0;color:#9fb7c7;line-height:1.65}.db-log{display:grid;gap:8px;margin-top:15px}.db-log div{padding:10px 12px;border-left:2px solid #268fca;background:rgba(6,20,32,.7);color:#bcd0dc;font-size:12px}.db-log .hot{border-color:#ff5966;color:#ffd4d7}.db-ai{display:flex;gap:10px;margin-top:16px;align-items:center}.db-ai a{flex:1;text-align:center;padding:12px;border-radius:12px;background:linear-gradient(135deg,#097bd0,#22a9f1);color:white;font-weight:900}.db-ai small{color:#7896aa}.tech-center-strip{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tech-center-card{padding:18px;text-decoration:none;color:#e9f5fc;transition:.2s}.tech-center-card:hover{transform:translateY(-3px);border-color:#45baff}.tech-center-card span{color:#57c5ff;font-size:11px;font-weight:900;letter-spacing:.08em}.tech-center-card h3{margin:8px 0 6px;font-size:16px}.tech-center-card p{margin:0;color:#91aabb;font-size:11px;line-height:1.55}.service-mini-nav{position:sticky;top:76px;z-index:18;display:flex;gap:8px;overflow:auto;padding:10px max(18px,calc((100vw - 1180px)/2));background:rgba(2,10,18,.88);border-bottom:1px solid rgba(50,112,157,.25);backdrop-filter:blur(14px);scrollbar-width:none}.service-mini-nav::-webkit-scrollbar{display:none}.service-mini-nav a{white-space:nowrap;padding:8px 11px;border:1px solid #294a63;border-radius:999px;color:#b9cedb;font-size:11px;font-weight:800}.service-mini-nav a.is-active{background:#0d3653;border-color:#4ac1ff;color:#fff}.page-context-ai{margin:18px auto 0;max-width:1180px;padding:0 18px}.page-context-ai>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(61,139,193,.3);border-radius:16px;background:linear-gradient(90deg,rgba(7,31,49,.9),rgba(4,17,28,.9))}.page-context-ai strong{display:block}.page-context-ai span{color:#8fa9b9;font-size:11px}.page-context-ai a{margin-left:auto;padding:10px 13px;border-radius:10px;background:#118bd8;color:#fff;font-weight:900;font-size:11px}.perf-lite img[loading="lazy"]{content-visibility:auto}.mobile-compact{display:none}@keyframes dbPulse{50%{transform:scale(1.18)}}
@media(max-width:900px){.digital-building-shell{grid-template-columns:1fr}.db-stage{min-height:430px}.tech-center-strip{grid-template-columns:1fr 1fr}.service-mini-nav{top:64px}.page-context-ai>div{align-items:flex-start;flex-wrap:wrap}.page-context-ai a{margin-left:0}.desktop-heavy{display:none!important}.mobile-compact{display:block}.section{content-visibility:auto;contain-intrinsic-size:600px}}
@media(max-width:520px){.db-stage{min-height:350px;padding:14px}.db-building{inset:65px 2% 25px}.db-node{width:18px;height:18px;font-size:9px}.tech-center-strip{grid-template-columns:1fr}.db-panel{padding:15px}.db-tabs button,.db-scenarios button{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.db-node.is-alert{animation:none}.tech-center-card{transition:none}}