.deployment-illustration{--deployment-agent: var(--deployment-agent-base);--deployment-vault: var(--deployment-vault-base);--deployment-hub: var(--deployment-hub-base);--deployment-top: var(--background);--deployment-front: var(--surface);--deployment-side: var(--surface-strong);--deployment-line: color-mix(in srgb, var(--text-primary) 38%, transparent);--deployment-detail: color-mix(in srgb, var(--text-primary) 20%, transparent);margin:0;background:radial-gradient(ellipse at 20% 45%,color-mix(in srgb,var(--deployment-agent) 5%,transparent),transparent 50%),radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--deployment-hub) 5%,transparent),transparent 50%)}.deployment-iso{display:block;width:90%;height:auto;margin-inline:auto;overflow:visible}.deployment-iso *{vector-effect:non-scaling-stroke}.deployment-iso-zone.is-agent{--deployment-accent: var(--deployment-agent)}.deployment-iso-zone.is-vault{--deployment-accent: var(--deployment-vault)}.deployment-iso-zone.is-hub{--deployment-accent: var(--deployment-hub)}.deployment-iso-grid{fill:none;stroke:color-mix(in srgb,var(--accent-color) 9%,transparent);stroke-width:.6}.deployment-iso-face{stroke:var(--deployment-line);stroke-width:1;stroke-linejoin:round}.deployment-iso-front{fill:var(--deployment-front)}.deployment-iso-side{fill:var(--deployment-side)}.deployment-iso-top{fill:var(--deployment-top)}.deployment-iso-plinth{--deployment-top: color-mix(in srgb, var(--deployment-accent) 4%, var(--background));--deployment-line: color-mix(in srgb, var(--deployment-accent) 26%, transparent)}.deployment-iso-detail,.deployment-iso-lens{fill:none;stroke:var(--deployment-detail);stroke-width:1}.deployment-iso-lens{fill:var(--background);stroke:var(--deployment-accent)}.deployment-iso-label{fill:var(--text-primary);font-family:var(--font-family-body);font-weight:600}.deployment-iso-live{fill:var(--deployment-accent);stroke:var(--deployment-accent);stroke-width:1;animation:deployment-status 4s ease-in-out infinite}.deployment-iso-window{fill:color-mix(in srgb,var(--deployment-accent) 16%,var(--background));stroke:color-mix(in srgb,var(--deployment-accent) 55%,transparent);stroke-width:.8;animation:deployment-window 6s ease-in-out infinite}.deployment-iso-zone.is-hub .deployment-iso-live{animation-delay:-2s}.deployment-iso-tower{--tower-offset: 0px}.deployment-iso-tower-crown{transform:translateY(var(--tower-offset))}.deployment-iso-tower-shaft{y:var(--tower-offset);height:calc(var(--tower-shaft-height) - var(--tower-offset))}.deployment-iso-tower-rib{y:calc(8px + var(--tower-offset));height:calc(var(--tower-shaft-height) - var(--tower-offset) - 16px);fill:var(--deployment-detail)}.deployment-iso-radar-rotor{transform-origin:0 0;animation:deployment-radar-sweep 10s linear infinite}.deployment-iso-radar-color{stop-color:var(--deployment-accent)}.deployment-iso-radar-beam{pointer-events:none}.deployment-iso-radar-bloom{opacity:.4;filter:blur(3px)}.deployment-iso-radar-ray{fill:none;stroke-width:1.5}.deployment-iso-radar-emitter{fill:#fff5ff;stroke:var(--deployment-accent);stroke-width:.7;filter:drop-shadow(0 0 3px var(--deployment-accent))}.deployment-iso-wire,.deployment-iso-pulse{fill:none;stroke:color-mix(in srgb,var(--deployment-accent) 30%,transparent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.deployment-iso-pulse{stroke:var(--deployment-accent);stroke-width:2;stroke-dasharray:6 94;animation:deployment-transfer 5s linear infinite}.is-vault .deployment-iso-pulse{animation-delay:-1.6s}.deployment-iso-arrow{fill:none;stroke:var(--deployment-accent);stroke-width:1.3;stroke-linejoin:round}.deployment-illustration-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 30px 28px;gap:20px}.deployment-illustration-details>div{padding-top:16px;border-top:2px solid color-mix(in srgb,var(--deployment-accent) 35%,var(--border))}.deployment-detail-title{font-family:var(--font-family-heading);font-size:1.6rem;line-height:1.2;font-weight:700}.deployment-product-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:color-mix(in srgb,var(--deployment-accent) 80%,var(--text-primary));font-weight:600;text-decoration:none}.deployment-product-link:hover{text-decoration:underline}.deployment-product-link:focus-visible{outline:2px solid var(--deployment-accent);outline-offset:4px;border-radius:2px}.deployment-illustration-details p{margin-top:8px;color:var(--text-secondary);font-size:.88rem;line-height:1.5}[data-theme=dark] .deployment-illustration{--deployment-agent: color-mix(in srgb, var(--deployment-agent-base) 75%, #ffffff);--deployment-vault: color-mix(in srgb, var(--deployment-vault-base) 75%, #ffffff);--deployment-hub: color-mix(in srgb, var(--deployment-hub-base) 75%, #ffffff);--deployment-top: var(--surface-strong);--deployment-front: var(--surface);--deployment-side: var(--background);--deployment-line: color-mix(in srgb, var(--text-primary) 42%, transparent)}[data-theme=dark] .deployment-iso-live,[data-theme=dark] .deployment-iso-pulse{filter:drop-shadow(0 0 3px var(--deployment-accent))}@keyframes deployment-transfer{to{stroke-dashoffset:-100}}@keyframes deployment-status{0%,to{opacity:.45}50%{opacity:1}}@keyframes deployment-window{0%,to{fill:color-mix(in srgb,var(--deployment-accent) 12%,var(--background))}50%{fill:color-mix(in srgb,var(--deployment-accent) 50%,var(--background))}}@keyframes deployment-radar-sweep{to{transform:rotate(360deg)}}@media(max-width:640px){.deployment-iso-tower{--tower-offset: calc(var(--tower-shaft-height) - 160px)}.deployment-iso-tower-stairs rect:nth-child(n+7){display:none}.deployment-iso-radar-beam{transform:scale(.75)}.deployment-illustration-details{grid-template-columns:1fr;gap:16px;padding:4px 20px 22px}}@media(prefers-reduced-motion:reduce){.deployment-iso *{animation:none}.deployment-iso-live{opacity:1}.deployment-iso-window{fill:color-mix(in srgb,var(--deployment-accent) 40%,var(--background))}}
