@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.\@container{container-type:inline-size}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--color-bg-primary:#f4f5f7;--color-bg-secondary:#ebedf0;--color-bg-card:#fff;--color-bg-node:#fff;--color-text-primary:#0e0f11;--color-text-secondary:#3d4149;--color-text-muted:#8a8f9a;--color-accent-primary:#2f5bff;--color-accent-success:#22c55e;--color-accent-success-muted:#22c55e26;--color-accent-warning:#f59e0b;--color-accent-error:#ef4444;--color-border-primary:#e2e4e9;--color-border-accent:#22c55e66;--color-node-glow:#22c55e33;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-full:9999px;--shadow-card:0 1px 3px #0000000f,0 4px 16px #0000000a;--shadow-node:0 2px 8px #00000014,0 8px 32px #0000000f;--shadow-hover:0 4px 16px #0000001f,0 12px 40px #00000014;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.4s ease-out}[data-theme=dark]{--color-bg-primary:#0a0b0d;--color-bg-secondary:#111318;--color-bg-card:#16181f;--color-bg-node:#1c1f28;--color-text-primary:#f0f1f3;--color-text-secondary:#a8acb8;--color-text-muted:#5a5f6e;--color-accent-primary:#4f7bff;--color-accent-success:#22c55e;--color-accent-success-muted:#22c55e1f;--color-accent-warning:#f59e0b;--color-accent-error:#ef4444;--color-border-primary:#23262f;--color-border-accent:#22c55e4d;--color-node-glow:#22c55e26;--shadow-card:0 1px 3px #0000004d,0 4px 16px #0003;--shadow-node:0 2px 8px #0006,0 8px 32px #0000004d;--shadow-hover:0 4px 16px #00000080,0 12px 40px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-slow),color var(--transition-slow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;overflow-x:hidden}.text-fluid-sm{font-size:clamp(.75rem,1.5vw,.875rem)}.text-fluid-base{font-size:clamp(.875rem,2vw,1rem)}.text-fluid-lg{font-size:clamp(1rem,2.5vw,1.25rem)}.text-fluid-xl{font-size:clamp(1.25rem,3vw,1.75rem)}.text-fluid-hero{font-size:clamp(2rem,5vw,3.5rem)}.topology-container{inline-size:100%;container:topology/inline-size}.node-container{container:node/inline-size}.node-grid:has(.provider-node:focus-within) .provider-node:not(:focus-within){opacity:.5;transition:opacity var(--transition-base),transform var(--transition-base);transform:scale(.97)}.provider-node{background:var(--color-bg-node);border:1.5px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-node);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);cursor:pointer}.provider-node:hover{box-shadow:var(--shadow-hover);border-color:var(--color-border-accent);transform:translateY(-2px)}.provider-node:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:3px}.provider-node[data-status=healthy] .status-dot{background:var(--color-accent-success)}.provider-node[data-status=warning] .status-dot{background:var(--color-accent-warning)}.provider-node[data-status=critical] .status-dot{background:var(--color-accent-error)}@container node (max-width:160px){.node-region{display:none}.node-pod-count{font-size:.7rem}}@container topology (max-width:600px){.topology-grid{gap:var(--space-4);grid-template-columns:1fr 1fr}}.section-wrapper{max-inline-size:1400px;margin-inline:auto;padding-block:clamp(2rem,8vw,6rem);padding-inline:clamp(1rem,5vw,4rem)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes skeleton-shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-pulse{animation:1.5s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.skeleton-pulse{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}