@layer tokens,base,kit;@layer component{.iso--diagram{--u:min(calc(100cqw / var(--vb-w)), calc(var(--fig-h,10000px) / var(--vb-h)));width:calc(var(--vb-w) * var(--u));--fill-top:var(--bg);--fill-front:var(--bg);--fill-side:var(--bg);margin-inline:auto}.iso--diagram .iso-svg{width:100%;height:auto;position:relative;top:auto;left:auto;transform:none}.iso--diagram{--iso-ingest-dur:5.6s}.iso-link--flow{stroke-dasharray:34 1600;animation:5.6s linear infinite iso-link-flow}@keyframes iso-link-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1634px}}.iso-callouts{z-index:2;pointer-events:none;position:absolute;inset:0}.iso-callout{left:calc(var(--callout-x) * var(--u));white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.iso-callout--below{top:calc(var(--callout-y) * var(--u))}.iso-callout--above{bottom:calc(var(--callout-y) * var(--u))}.iso-callout__line,.iso-callout__sub{line-height:var(--lh-snug);font-weight:var(--figure-label-weight);pointer-events:auto;display:block}.iso-callout__line{color:var(--text);font-size:clamp(var(--figure-label-floor), calc(29 * var(--u)), var(--figure-label-cap))}.iso-callout__sub{color:var(--text-body);font-size:clamp(12px, calc(25 * var(--u)), var(--font-16))}@media (max-width:768px){.iso--diagram .iso-callouts{overflow-clip-margin:12px;overflow:clip}}.iso-label{fill:var(--text);font-size:26px;font-weight:var(--fw-medium)}.iso-label__sub{fill:var(--text);font-size:20px;font-weight:var(--fw-light);letter-spacing:var(--ls-label)}.reveal-enabled .iso--diagram.reveal,.reveal-enabled .iso--diagram.reveal.is-visible{opacity:1;transition:none;transform:none}.reveal-enabled .iso--diagram .iso-link--flow{opacity:0;animation-play-state:paused}.reveal-enabled .iso--diagram .iso-socket.is-live{animation-play-state:paused}.reveal-enabled .iso--diagram.is-visible .iso-link--flow{opacity:1;animation-play-state:running}.reveal-enabled .iso--diagram.is-visible .iso-socket.is-live{animation-play-state:running}}@layer responsive,route;
@layer tokens,base,kit;@layer component{.iso--deployment{--u:min(calc(100cqw / var(--vb-w)), calc(var(--fig-h,470px) / var(--vb-h)));--fill-top:var(--bg);--fill-front:var(--bg);--fill-side:var(--bg);height:calc(var(--vb-h) * var(--u))}.iso--deployment .iso-callouts{z-index:2;width:calc(var(--vb-w) * var(--u));height:calc(var(--vb-h) * var(--u));pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.iso--deployment .iso-callouts{overflow-clip-margin:12px;overflow:clip}}.iso-site{fill:none;stroke:var(--accent);stroke-opacity:.34;stroke-width:1px;vector-effect:non-scaling-stroke}.iso-site-wash{stroke:none}.iso-glass{filter:drop-shadow(0 0 6px var(--accent-glow))}.iso-glass-halo{filter:drop-shadow(0 0 10px var(--accent-glow)) drop-shadow(0 0 34px var(--accent-wash-strong))}.iso-slab{filter:drop-shadow(0 0 8px var(--accent-glow))}.iso-slab--0{filter:drop-shadow(0 0 10px var(--accent-glow)) drop-shadow(0 0 34px var(--accent-glow))}.iso--deployment .iso-link--flow{stroke-dasharray:6 94;animation:12s linear infinite dep-sorted-flow}@keyframes dep-sorted-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.iso-live-pulse{animation:3.2s ease-in-out infinite dep-pulse}@keyframes dep-pulse{0%,to{opacity:.45}50%{opacity:1}}.iso-mark--flow{stroke-opacity:1;stroke-dasharray:9 91;animation:3.6s linear infinite dep-mark-flow}@keyframes dep-mark-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.iso-net-ping{transform-box:fill-box;transform-origin:50%;animation:3.4s ease-out infinite dep-ping}@keyframes dep-ping{0%{stroke-opacity:.8;transform:scale(1)}70%,to{stroke-opacity:0;transform:scale(2.4)}}.iso-net-scan{animation:5.4s ease-in-out infinite dep-scan}@keyframes dep-scan{0%,82%,to{fill-opacity:1;stroke-opacity:.55}91%{fill-opacity:1;stroke-opacity:1}}.iso-net-drift{animation:17s ease-in-out infinite dep-drift-0}.iso-net-drift--1{animation-name:dep-drift-1}.iso-net-drift--2{animation-name:dep-drift-2}.iso-net-drift--3{animation-name:dep-drift-3}@keyframes dep-drift-0{0%,to{transform:translate(0)}25%{transform:translate(3.5px,-2.5px)}50%{transform:translate(1px,3px)}75%{transform:translate(-3px,1.5px)}}@keyframes dep-drift-1{0%,to{transform:translate(0)}25%{transform:translate(-3px,-3px)}50%{transform:translate(2.5px,-1px)}75%{transform:translate(3px,2.5px)}}@keyframes dep-drift-2{0%,to{transform:translate(0)}25%{transform:translate(2px,3.5px)}50%{transform:translate(-2.5px,2px)}75%{transform:translate(-1.5px,-3px)}}@keyframes dep-drift-3{0%,to{transform:translate(0)}25%{transform:translate(-3.5px,1px)}50%{transform:translate(.5px,-3.5px)}75%{transform:translate(3px,.5px)}}.iso-heat-hot{animation:2.6s ease-in-out infinite dep-heat}@keyframes dep-heat{0%,to{opacity:.55}50%{opacity:1}}.iso-dial{fill:none;stroke:var(--accent);stroke-width:18px;stroke-linecap:butt;animation:9s ease-in-out infinite dep-dial}@keyframes dep-dial{0%,to{stroke-dasharray:36 64}26%{stroke-dasharray:49 51}54%{stroke-dasharray:41 59}79%{stroke-dasharray:58 42}}.reveal-enabled .iso--deployment.reveal,.reveal-enabled .iso--deployment.reveal.is-visible{opacity:1;transition:none;transform:none}.reveal-enabled .iso--deployment .iso-link--flow,.reveal-enabled .iso--deployment .iso-mark--flow,.reveal-enabled .iso--deployment .iso-net-ping{opacity:0;animation-play-state:paused}.reveal-enabled .iso--deployment .iso-socket.is-live,.reveal-enabled .iso--deployment .iso-live-pulse,.reveal-enabled .iso--deployment .iso-net-scan,.reveal-enabled .iso--deployment .iso-net-drift,.reveal-enabled .iso--deployment .iso-heat-hot,.reveal-enabled .iso--deployment .iso-dial{animation-play-state:paused}.reveal-enabled .iso--deployment.is-visible .iso-link--flow,.reveal-enabled .iso--deployment.is-visible .iso-mark--flow,.reveal-enabled .iso--deployment.is-visible .iso-net-ping{opacity:1;animation-play-state:running}.reveal-enabled .iso--deployment.is-visible .iso-socket.is-live,.reveal-enabled .iso--deployment.is-visible .iso-live-pulse,.reveal-enabled .iso--deployment.is-visible .iso-net-scan,.reveal-enabled .iso--deployment.is-visible .iso-net-drift,.reveal-enabled .iso--deployment.is-visible .iso-heat-hot,.reveal-enabled .iso--deployment.is-visible .iso-dial{animation-play-state:running}}@layer responsive,route;
