.knowledge-visual{border:1px solid var(--line,#dce3e9);color:#0b1f33;background:#fff;border-radius:16px;min-width:0;margin:28px 0 36px;overflow:hidden}.visual-heading{padding:24px 24px 16px}.visual-heading>span{color:#536578;font-size:12px;font-weight:600}.visual-heading h3{font-family:var(--font-display);letter-spacing:-.025em;margin-top:8px;font-size:23px;line-height:1.35}.visual-modes{flex-wrap:wrap;gap:8px;padding:0 24px 20px;display:flex}.visual-modes button,.visual-controls button{color:#0b1f33;background:#fff;border:1px solid #dce3e9;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;display:inline-flex}.visual-modes button[aria-pressed=true]{color:#fff;background:#0b1f33;border-color:#0b1f33}.visual-stage{background:#f3f6f8;height:360px;position:relative;overflow:hidden}.knowledge-visual[data-kind=support] .visual-stage{height:220px}.visual-stage canvas{width:100%;height:100%;display:block}.visual-static{justify-content:center;align-items:center;gap:22px;height:100%;list-style:none;display:flex;margin:0!important;padding:28px!important}.visual-static li{text-align:center;flex-direction:column;flex:1;align-items:center;gap:24px;min-width:0;max-width:140px;display:flex;position:relative;color:#0b1f33!important;margin:0!important}.visual-static li strong{font-size:12px;font-weight:600;line-height:1.5}.visual-block{background:#19364e;border-top:8px solid #c6a15b;border-radius:8px;place-items:center;width:64px;height:72px;display:grid;transform:skewY(-8deg);box-shadow:12px 10px #b8c5d0}.visual-block b{color:#fff;font-size:22px;transform:skewY(8deg)}.visual-block-cloud{background:#53728a;border-radius:40px;height:54px}.visual-block-gpu,.visual-block-memory,.visual-block-switch{width:74px;height:36px}.visual-block-document{background:#fff;border:1px solid #a2b2bf;border-top:8px solid #c6a15b}.visual-block-document b{color:#0b1f33}.visual-block-laptop{background:#c6a15b;border:6px solid #0b1f33;width:76px;height:52px}.visual-block-shield{border-radius:8px 8px 26px 26px}.visual-static-arrow{color:#85642f;position:absolute;top:28px;right:-24px}.visual-legend{flex-wrap:wrap;gap:8px;padding:20px 24px 0;display:flex}.visual-legend button{color:#0b1f33;background:#fff;border:1px solid #dce3e9;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:12px;display:flex}.visual-legend button span{background:#eef2f5;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.visual-legend button[aria-pressed=true]{background:#eef2f5;border-color:#0b1f33}.visual-legend button[aria-pressed=true] span{color:#fff;background:#0b1f33}.visual-connections{color:#536578;padding:14px 24px 0;margin:0!important;font-size:12px!important;line-height:1.7!important}.visual-step{min-height:102px;padding:18px 24px}.visual-step strong{font-size:14px}.visual-step p,.knowledge-visual figcaption p{color:#536578;margin:6px 0 0!important;font-size:14px!important;line-height:1.7!important}.visual-controls{flex-wrap:wrap;gap:8px;padding:0 24px 24px;display:flex}.visual-controls button:disabled{opacity:.45;cursor:default}.knowledge-visual button:focus-visible{outline-offset:3px;outline:2px solid #0b1f33}.knowledge-visual figcaption{background:#f9fafb;border-top:1px solid #dce3e9;padding:20px 24px}.knowledge-visual figcaption>strong{font-size:13px}.knowledge-visual figcaption small{color:#536578;margin-top:12px;font-size:12px;line-height:1.65;display:block}.knowledge-visual[data-visual] .visual-stage[data-renderer=static]{background:#f3f6f8}.visual-compact .visual-stage{height:300px}.guide-thumbnail{object-fit:contain;background:#f3f6f8;border-radius:8px;width:100%;height:160px}.landing-visual-intro{margin-top:48px}.landing-visual-intro>.text-link{margin-bottom:12px}.visual-service-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.visual-service-flow>div{background:#f3f6f8;border-radius:8px;padding:24px}.visual-service-flow .visual-block{margin:0 0 24px 8px}.visual-service-flow p{color:#536578;margin-top:10px;font-size:14px}@media (width<=768px){.visual-stage,.visual-compact .visual-stage{height:280px}.visual-heading{padding:20px 18px 14px}.visual-heading h3{font-size:21px}.visual-modes{padding:0 18px 18px}.visual-legend,.visual-step,.visual-controls,.knowledge-visual figcaption{padding-left:18px;padding-right:18px}.visual-static{flex-wrap:wrap;gap:12px;padding:18px!important}.visual-static li{flex:0 calc(33.333% - 12px);gap:14px}.visual-block{width:40px;height:48px;box-shadow:7px 6px #b8c5d0}.visual-block b{font-size:16px}.visual-block-gpu,.visual-block-memory,.visual-block-switch{width:48px;height:28px}.visual-block-cloud{height:34px}.visual-block-laptop{width:50px;height:36px}.visual-static-arrow{display:none}.visual-static li strong{font-size:11px}.visual-step{min-height:120px}.visual-service-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=380px){.visual-controls button{padding:9px 10px;font-size:12px}.visual-service-flow{grid-template-columns:1fr}}.visual-comparison .visual-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.visual-comparison .visual-heading h3{margin:0}.visual-playback{flex-shrink:0;gap:8px;display:flex}.visual-playback button{color:#0b1f33;background:#fff;border:1px solid #dce3e9;border-radius:6px;align-items:center;gap:6px;min-height:44px;padding:8px 10px;font-size:12px;display:flex}.visual-comparison-grid{display:grid}.visual-scenario{border-top:1px solid #dce3e9;min-width:0}.visual-scenario+.visual-scenario{border-left:1px solid #dce3e9}.visual-scenario h4{align-items:center;gap:10px;padding:18px 20px;font-size:15px;display:flex}.visual-scenario h4>span{color:#85642f;font-size:11px}.visual-comparison .visual-stage{height:290px}.visual-labels{flex-wrap:wrap;gap:8px 12px;list-style:none;display:flex;margin:0!important;padding:16px 20px!important}.visual-labels li{align-items:center;gap:6px;display:flex;color:#0b1f33!important;margin:0!important;font-size:11px!important;line-height:1.5!important}.visual-labels li span{background:#e5ebef;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.visual-labels strong{font-weight:500}.visual-summary{color:#536578;padding:20px;margin:0!important;font-size:14px!important;line-height:1.7!important}.visual-comparison figcaption{padding:14px 20px}.visual-comparison figcaption small{margin:0}.visual-comparison[data-kind=support] .visual-stage{height:160px}.visual-comparison[data-kind=support] .visual-static{gap:16px;padding:20px!important}.visual-comparison[data-kind=support] .visual-block{width:40px;height:46px;box-shadow:6px 5px #b8c5d0}.visual-comparison[data-kind=support] .visual-block b{font-size:16px}.visual-support-details{margin:0!important;padding:0 20px 20px 36px!important}.visual-support-details li{margin-bottom:6px!important;font-size:12px!important;line-height:1.65!important}@media (width<=900px){.visual-comparison .visual-heading{flex-direction:column}.visual-comparison-grid{grid-template-columns:1fr!important}.visual-scenario+.visual-scenario{border-left:0}.visual-comparison .visual-stage{height:270px}}.visual-flow-path{color:#536578;padding:0 20px 12px;margin:0!important;font-size:11px!important;line-height:1.65!important}.visual-placeholder,.visual-canvas-layer{transition:opacity .24s;position:absolute;inset:0}.visual-placeholder{opacity:1}.visual-placeholder.is-ready{opacity:0;pointer-events:none}.visual-canvas-layer{opacity:0}.visual-canvas-layer.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.visual-placeholder,.visual-canvas-layer{transition:none}}.knowledge-visual .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}