.arch{position:relative;width:100%;max-width:1040px;margin:0 auto;aspect-ratio:1080 / 880;container-type:inline-size}.arch__svg{position:absolute;inset:0;width:100%;height:100%}.arch__overlay{position:absolute;inset:0;pointer-events:none}.arch-node{position:absolute;display:flex;align-items:center;justify-content:flex-start;gap:1.2cqw;padding:0 1cqw;overflow:hidden}.arch-node__icon{flex:none;width:3.4cqw;height:3.4cqw;min-width:22px;min-height:22px;border-radius:7px;display:grid;place-items:center;color:#fff}.arch-node__icon svg{width:64%;height:64%}.arch-node__icon--link{cursor:pointer;text-decoration:none;pointer-events:auto;outline:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.arch-node__icon--link:hover,.arch-node__icon--link:focus-visible{transform:scale(1.16);filter:brightness(1.12) saturate(1.1);box-shadow:0 0 0 2px #ffffff8c,0 4px 14px #0006}.arch-node__icon--link:active{transform:scale(1.06)}.arch-node__text{display:flex;flex-direction:column;justify-content:center;line-height:1.14;min-width:0;flex:1 1 auto}.arch-node__label{font-size:clamp(9px,1.3cqw,12px);font-weight:800;color:var(--t-0);white-space:normal;overflow-wrap:break-word;word-break:keep-all}.arch-node__sub{font-size:clamp(7.5px,1.02cqw,10px);font-weight:600;color:var(--t-2);white-space:normal;overflow-wrap:break-word;word-break:keep-all;margin-top:1px}.arch-node--client .arch-node__icon{background:linear-gradient(135deg,#22d3ee,#0ea5c4)}.arch-node--security .arch-node__icon{background:linear-gradient(135deg,#fb7185,#e11d48)}.arch-node--edge .arch-node__icon{background:linear-gradient(135deg,#38bdf8,#0284c7)}.arch-node--lb .arch-node__icon{background:linear-gradient(135deg,#8b5cf6,#6d5df6)}.arch-node--compute .arch-node__icon{background:linear-gradient(135deg,#38bdf8,#00a6ff)}.arch-node--data .arch-node__icon{background:linear-gradient(135deg,#34d399,#10b981)}.arch-node--network .arch-node__icon{background:linear-gradient(135deg,#60a5fa,#3b6fe0)}.arch-node--dataSec .arch-node__icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.arch-node--mgmt .arch-node__icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.arch-glabel{position:absolute;font-weight:800;letter-spacing:.02em;padding:0 0 0 8px;font-size:clamp(8px,1.2cqw,11.5px);transform:translateY(3px)}.arch-glabel--vpc{color:#9db8ff}.arch-glabel--sub{color:#8fa3c8}.arch-glabel--sec{color:#fbbf24}.arch-glabel--gov{color:#c4b5fd}.arch-glabel--region{color:#c2d2ec;letter-spacing:.04em}.arch-anno{position:absolute;font-weight:800;color:var(--t-2);letter-spacing:.02em}.arch-anno--side{font-size:clamp(10px,1.4cqw,13px);color:#b9a8ff;text-align:center;white-space:nowrap}.arch-anno--note{font-size:clamp(8.5px,1.15cqw,12px);font-weight:600;line-height:1.5;color:var(--t-2);text-align:left;white-space:normal}