.scene{perspective:1600px;perspective-origin:50%;z-index:5;justify-content:center;align-items:center;width:100%;height:600px;margin-left:60px;display:flex;position:relative}.plane{width:1000px;height:720px;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.22,.8,.28,1);position:relative;transform:rotateX(55deg)rotate(-45deg)scale(.6)}.plane.flat{transform:rotateX(0)rotate(0)scale(.75)}.floor{opacity:.15;background:linear-gradient(160deg,#ff2d780a,#8b4dff0a);border:1px solid #ffffff1a;border-radius:8px;transition:opacity 1s;position:absolute;inset:0 0 0 -240px}.plane.flat .floor{opacity:.4}.band{opacity:1;background:#ffffff0d;height:1px;transition:opacity .8s;position:absolute;left:-240px;right:-50px}.band-label{text-align:left;font-size:20px;font-weight:800;font-family:var(--font-mono), monospace;letter-spacing:2px;color:#fff;opacity:1;text-shadow:0 3px 8px #000;transition:opacity .8s;position:absolute;left:-210px}.plane.flat .band-label{opacity:.8}.node{width:170px;transform-style:preserve-3d;letter-spacing:.6px;text-align:center;color:#fff;background:var(--nc,#4a6fa5);opacity:0;text-shadow:0 1px 3px #0000008c;font-size:16px;font-weight:700;line-height:1.35;font-family:var(--font-mono), monospace;border:1px solid #ffffff29;border-radius:7px;padding:14px 8px;transition:opacity .45s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:translateY(-12px)scale(.9);box-shadow:0 4px 18px #0006}.node.in{opacity:1;transform:translateY(0)scale(1)}.node:before{content:"";background:var(--nc,#4a6fa5);filter:brightness(.5);transform-origin:top;opacity:1;border-radius:0 0 7px 7px;height:14px;transition:opacity .6s;position:absolute;top:100%;left:0;right:0;transform:rotateX(-90deg)}.plane.flat .node:before{opacity:0}.node .tag{z-index:2;position:relative}.node .sub{opacity:1;color:#fff;margin-top:4px;font-size:12.5px;font-weight:700;display:block}.node.it-g{box-shadow:0 0 0 1px #ff2d7880,0 4px 22px #ff2d784d}.node.ot-g{box-shadow:0 0 0 1px #8b4dff80,0 4px 22px #8b4dff4d}.node.seam-g{box-shadow:0 0 0 1px #e0be3a,0 4px 26px #e0be3a73}.c-erp{--nc:#c94f6d}.c-hist{--nc:#b0556e}.c-cloud{--nc:#a85f7d}.c-ad{--nc:#94566e}.c-fw{--nc:#d4b942}.c-diode{--nc:#c9ad48}.c-jump{--nc:#bda23a}.c-scada{--nc:#5a8c6e}.c-hmi{--nc:#5f9b8c}.c-ews{--nc:#548a7a}.c-rtu{--nc:#5f8fb0}.c-plc{--nc:#5486a8}.c-relay{--nc:#6a7db5}.c-sub{--nc:#7a6fb5}.c-sensor{--nc:#8574bd}.links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.links path{fill:none;stroke:url(#fl);stroke-width:2.2px;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .6s}.links path.drawn{stroke-dashoffset:0}.links path.flow{stroke:url(#fl);stroke-width:2.2px}.badge{font-family:var(--font-display);letter-spacing:2.5px;opacity:1;text-shadow:0 2px 10px #0009;font-size:17px;font-weight:800;transition:opacity .6s;position:absolute}.plane.flat .badge{opacity:1}.badge.it{color:#ff5e95;top:-30px;left:-30px}.badge.ot{color:#aa7aff;bottom:-30px;right:-30px}@media (max-width:820px){.scene{perspective:none;height:auto;padding:20px}.plane{flex-direction:column;align-items:center;gap:12px;width:100%;height:auto;display:flex;transform:none!important}.floor,.band,.band-label,.links,.badge{display:none}.node{width:100%;max-width:320px;transform:translateY(-12px)scale(.96);position:static!important}.node.in{transform:translateY(0)scale(1)}.node:before{display:none}}@media (prefers-reduced-motion:reduce){.plane{transition:none}.node{opacity:1;transition:none;transform:none}}