.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%}}
.knowledge-diagram{color:#edf3f8;background:#09182a;border:1px solid #7894ad30;border-radius:12px;width:100%;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 24px 70px #06142618}.knowledge-diagram header{padding:26px 26px 0}.knowledge-diagram header p{letter-spacing:.13em;color:#b2c4d3;margin:0 0 10px;font:9px/1.6 monospace}.knowledge-diagram h3{letter-spacing:-.025em;color:#eef4fa;margin:0;font:500 clamp(18px,2vw,26px)/1.25 inherit}.knowledge-stage{aspect-ratio:1.4;background:radial-gradient(at 50% 55%,#24446266,#0000 70%);min-height:300px;position:relative}.knowledge-poster,.knowledge-webgl{width:100%;height:100%;position:absolute;inset:0}.knowledge-stage:has(.knowledge-webgl canvas)>.knowledge-poster{visibility:hidden}.knowledge-webgl:empty{background:0 0}.knowledge-hotspots{pointer-events:none;position:absolute;inset:0}.knowledge-hotspots button{pointer-events:auto;cursor:pointer;color:#e4eef6;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:12px;font:10px monospace;display:flex;position:absolute;transform:translate(-50%,-50%)}.knowledge-hotspots button span{background:#102943ed;border:1px solid #92afc7;border-radius:50%;place-items:center;min-width:28px;height:28px;display:grid;box-shadow:0 0 20px #b3d7f329}.knowledge-hotspots b{white-space:normal;text-align:left;background:#0a1b2ae8;border-radius:3px;max-width:130px;padding:5px 7px;font-weight:400}.knowledge-hotspots button[aria-pressed=true] span{color:#10263c;background:#f0f4f7;border-color:#fff}.knowledge-hotspots button:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #cb9779}.knowledge-explanation{border-top:1px solid #7894ad30;min-height:128px;padding:20px 26px}.knowledge-explanation strong{color:#edf3f8;font-size:14px;font-weight:600}.knowledge-explanation p{color:#b6c8d7;max-width:580px;margin:8px 0 0;font-size:12px;line-height:1.75}.knowledge-foot{color:#9ab1c4;justify-content:space-between;align-items:center;gap:16px;padding:0 26px 22px;font:9px/1.6 monospace;display:flex}.knowledge-foot button{color:#dce9f4;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:8px 0;text-decoration:underline}.knowledge-foot button:focus-visible{outline:2px solid #c8987e}.knowledge-diagram--compact header{display:none}.knowledge-diagram--compact .knowledge-stage{min-height:260px}.security-backdrop:has(.knowledge-diagram){pointer-events:none;background:0 0;align-items:center;display:flex;inset:100px 3vw 25px 53%}.security-backdrop .knowledge-diagram{pointer-events:auto;box-shadow:none;background:#0b192a;border-color:#8cacc326}.security-backdrop .knowledge-stage{min-height:240px;max-height:48vh}.security-backdrop .knowledge-explanation{min-height:140px}.security-backdrop .knowledge-hotspots b{font-size:9px}.security-backdrop .knowledge-foot{font-size:8px}@media (max-width:900px){.security-backdrop:has(.knowledge-diagram){opacity:1;z-index:2;margin:20px 6vw 0;display:block;position:relative;inset:auto}.security-backdrop .knowledge-stage{max-height:none}.security-story>section{min-height:auto}.knowledge-hotspots b{display:none}.knowledge-hotspots button{padding:14px}.knowledge-stage{min-height:270px}.knowledge-diagram header{padding:20px 20px 0}.knowledge-explanation{min-height:150px;padding:20px}.knowledge-foot{padding:0 20px 20px}}.step-artifact{align-self:center;position:relative}.step-artifact button{cursor:pointer;background:#10253a;border:1px solid #7191ac44;border-radius:6px;width:130px;padding:10px;display:block}.step-artifact svg{width:100%;height:70px}.step-artifact button:focus-visible{outline-offset:4px;outline:2px solid #ad785b}.step-artifact p{z-index:5;background:#10253a;border:1px solid #718ba7;border-radius:6px;width:240px;padding:14px;font-size:12px;line-height:1.65;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0002;color:#e4edf5!important}.step-card__face:has(.step-artifact){grid-template-columns:auto 1fr auto}.knowledge-webgl{background:0 0}.knowledge-diagram h3{font-family:inherit;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.25}.security-story>.security-mobile-scene{display:none}@media (max-width:900px){.security-story>.security-backdrop{display:none}.security-story>.security-mobile-scene{z-index:2;gap:22px;padding:25px 6vw;display:grid;position:relative}.step-artifact button{width:85px;padding:5px}.step-artifact svg{height:55px}.step-artifact p{width:200px}}.process-row:has(.step-artifact){grid-template-columns:56px minmax(0,1fr) 130px}@media (max-width:640px){.process-row:has(.step-artifact){grid-template-columns:35px minmax(0,1fr)}.process-row>.step-artifact{grid-column:2;justify-self:start}.process-row>.step-artifact p{left:0;right:auto}}.knowledge-stage .graphic-interaction__surface:has(.knowledge-webgl canvas)>div:first-child{visibility:hidden}.knowledge-hotspots{bottom:48px}.knowledge-webgl{pointer-events:none}.knowledge-hotspots button{justify-content:center;width:52px;height:52px}.knowledge-hotspots button b{pointer-events:none;width:max-content;position:absolute;top:50%;left:calc(100% - 6px);transform:translateY(-50%)}