.graphic-interaction{pointer-events:auto;position:absolute;inset:0}.graphic-interaction__surface{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.graphic-interaction__surface:active{cursor:grabbing}.graphic-interaction__surface:focus-visible{outline-offset:-4px;outline:2px solid #c69c7c}.graphic-interaction__tools{color:#b6c9d9;pointer-events:auto;justify-content:flex-end;align-items:center;gap:8px;font:9px monospace;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.graphic-interaction__tools span{margin-right:auto}.graphic-interaction__tools button{color:#e3edf5;cursor:pointer;background:#102238e8;border:1px solid #829ab755;border-radius:4px;padding:7px 9px}.graphic-interaction__tools button:focus-visible{outline-offset:3px;outline:2px solid #d8a77e}.graphic-interaction__surface>.knowledge-poster{transform:perspective(650px) rotateY(var(--graphic-yaw,0deg)) rotateX(var(--graphic-pitch,0deg));transition:transform .12s}.security-webgl .graphic-interaction__tools{bottom:0}.security-stage-controls{pointer-events:auto;flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.security-stage-controls button{border-radius:4px;border:1px solid #829ab755!important;padding:8px!important;text-decoration:none!important}.security-stage-controls button[aria-pressed=true]{color:#102338!important;background:#d4e3ed!important}.banner-explore{z-index:3;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 24px;display:flex;position:relative}.banner-explore button{color:#dde9f3;cursor:pointer;background:#0d2136dc;border:1px solid #8ba7bd55;border-radius:4px;padding:9px 13px;font:10px monospace}.banner-explore button[aria-pressed=true]{border-color:#d1a282}.banner-explore p{color:#b7cbd9;flex-basis:100%;max-width:560px;min-height:40px;margin:0;font-size:12px;line-height:1.7}.hero-joint-detail{color:#bdd0df;min-height:40px;padding-top:10px;font:11px/1.7 monospace}@media (max-width:900px){.security-backdrop:has(.security-stage-controls){opacity:1;z-index:2;height:480px;margin:20px 6vw;position:relative;inset:auto}.security-backdrop .security-scene-label{display:block;bottom:10px;left:5%;right:5%}.security-backdrop .security-fallback{width:40%;top:3%;left:30%}}@media (min-width:901px){.security-backdrop .security-webgl{bottom:43%}}