:root{--color-paper:oklch(12.8% .006 250);--color-paper-2:oklch(15.8% .008 250);--color-paper-3:oklch(20.5% .008 250);--color-paper-4:oklch(24% .012 250);--color-ink:oklch(94.9% .008 85);--color-ink-2:oklch(82% .012 85);--color-rule:oklch(28% .008 250);--color-rule-2:oklch(37% .014 250);--color-muted:oklch(68% .01 85);--color-accent:oklch(74.18% .0307 82.6);--color-accent-ink:oklch(13% .006 250);--color-mission-blue:oklch(19.98% .0403 258.3);--color-ion-blue:oklch(55% .0985 221.2);--color-technology-cyan:oklch(67.87% .1083 203.6);--color-pulse-cyan:oklch(84.08% .1365 194.9);--color-success:oklch(74% .12 163);--color-warning:oklch(78% .12 78);--color-error:oklch(68% .15 28);--color-focus:var(--color-pulse-cyan);--font-display:"IBM Plex Sans", "PingFang SC", "Noto Sans SC", sans-serif;--font-body:"IBM Plex Sans", "PingFang SC", "Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.72rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-3xl:3.0518rem;--text-display:clamp(2.75rem, 6vw + .5rem, 5.25rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--radius-frame:2.25rem;--radius-surface:1.5rem;--radius-control:999px;--z-base:1;--z-raised:10;--z-sticky:200;--z-sticky-nav:220;--z-modal:400;--z-tooltip:600}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-paper);overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0;overflow-x:clip}body,button,input,select{font:inherit}a{color:inherit}button,input,select,a{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}::selection{background:var(--color-pulse-cyan);color:var(--color-accent-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}button:active,a:active{color:var(--color-pulse-cyan)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}.site-shell{min-height:100vh;overflow-x:clip}.rail{z-index:var(--z-sticky-nav);align-items:center;gap:var(--space-xl);width:5.5rem;padding:var(--space-lg) 0;border-right:var(--rule-hair) solid var(--color-rule);background:color-mix(in oklch, var(--color-paper) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.rail-mark{aspect-ratio:1;border:var(--rule-hair) solid var(--color-accent);width:2.75rem;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;border-radius:50%;place-items:center;text-decoration:none;display:grid}.rail nav{justify-content:center;gap:var(--space-xl);flex-direction:column;flex:1;display:flex}.rail nav a{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;transition:color var(--dur-short) var(--ease-out);text-decoration:none}.rail nav a:hover{color:var(--color-pulse-cyan)}.rail-index{color:var(--color-rule-2);font-family:var(--font-mono);font-size:var(--text-xs);writing-mode:vertical-rl;margin:0}main{margin-left:5.5rem}.hero,.zone-overview,.directory,.attention,.site-footer{width:min(100%,96rem);padding-inline:clamp(var(--space-lg), 5vw, var(--space-3xl));margin-inline:auto}.hero{align-items:center;gap:var(--space-2xl);min-height:46rem;padding-block:var(--space-2xl) var(--space-3xl);grid-template-columns:minmax(0,1.16fr) minmax(23rem,.84fr);display:grid}.eyebrow{margin:0 0 var(--space-lg);color:var(--color-technology-cyan);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:13ch;font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.065em;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:500;line-height:.98}.hero h1 span{color:var(--color-accent)}.hero-lede{max-width:42rem;margin:var(--space-xl) 0 0;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.75}.hero-meta{gap:var(--space-sm) var(--space-lg);margin-top:var(--space-xl);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.orbit-visual{isolation:isolate;place-items:center;min-height:31rem;display:grid;position:relative}.orbit-visual:before,.orbit-visual:after{content:"";background:var(--color-rule);position:absolute}.orbit-visual:before{width:100%;height:var(--rule-hair)}.orbit-visual:after{width:var(--rule-hair);height:100%}.orbit{border:var(--rule-hair) solid var(--color-rule-2);border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit i{width:var(--space-xs);aspect-ratio:1;background:var(--color-pulse-cyan);box-shadow:0 0 1.5rem color-mix(in oklch, var(--color-pulse-cyan) 50%, transparent);border-radius:50%;position:absolute;top:50%;right:-.25rem}.orbit-one{aspect-ratio:1;width:29rem}.orbit-two{aspect-ratio:1;border-color:var(--color-ion-blue);opacity:.66;width:21rem}.orbit-two i{background:var(--color-accent);top:16%;right:12%}.orbit-three{aspect-ratio:1;border-style:dashed;width:13rem}.orbit-three i{inset:auto auto 8% 20%}.orbit-core{z-index:var(--z-raised);aspect-ratio:1;border:var(--rule-hair) solid var(--color-accent);background:var(--color-paper-2);text-align:center;width:8.5rem;box-shadow:0 0 4rem color-mix(in oklch, var(--color-mission-blue) 68%, transparent);border-radius:50%;place-content:center;display:grid}.orbit-core strong{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;line-height:1}.orbit-core span,.orbit-visual>p{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em}.orbit-visual>p{right:0;bottom:var(--space-lg);writing-mode:vertical-rl;margin:0;position:absolute}.stat-strip{border-block:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-strip article{justify-content:space-between;align-items:baseline;gap:var(--space-sm);min-height:8.5rem;padding:var(--space-xl);border-right:var(--rule-hair) solid var(--color-rule);display:flex}.stat-strip article:last-child{border-right:0}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.05em;font-weight:500}.stat-label{color:var(--color-muted);font-size:var(--text-sm)}.stat-alert .stat-value{color:var(--color-warning)}.zone-overview,.directory,.attention{padding-block:var(--space-4xl)}.section-heading{align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.section-heading .eyebrow{margin-bottom:var(--space-sm)}.section-heading h2{font-family:var(--font-display);font-size:clamp(var(--text-2xl), 4vw, var(--text-3xl));letter-spacing:-.05em;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:500}.directory-heading{flex-direction:row;justify-content:space-between;align-items:end}.directory-heading>div{min-width:0}.zone-grid{border:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.zone-card{min-height:20rem;padding:var(--space-xl);border-right:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);flex-direction:column;display:flex}.zone-card:last-child{border-right:0}.zone-card-top{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);justify-content:space-between;display:flex}.zone-card h3{margin:auto 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.03em;font-weight:500}.zone-card p{min-height:3rem;margin:0 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);line-height:1.65}.zone-track{height:var(--space-2xs);background:var(--color-rule);overflow:hidden}.zone-track span{width:calc(var(--zone) * 100%);background:var(--color-technology-cyan);height:100%;display:block}.directory{border-block:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);width:100%;max-width:none}.directory>*{width:min(100%, calc(96rem - clamp(var(--space-lg), 5vw, var(--space-3xl)) * 2));margin-inline:auto}.result-count{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.result-count strong{color:var(--color-ink);font-size:var(--text-lg);font-weight:500}.controls{align-items:end;gap:var(--space-sm);margin-bottom:var(--space-xl);grid-template-columns:minmax(18rem,1fr) auto minmax(13rem,auto) auto;display:grid}.search-field,.kind-select{gap:var(--space-xs);display:grid;position:relative}.search-field>span,.kind-select>span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.search-field input,.kind-select select{border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-paper-3);width:100%;min-height:3rem;color:var(--color-ink);padding:0 var(--space-md);outline-offset:1px;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border-radius:0;outline:2px solid #0000}.search-field input:hover,.kind-select select:hover{border-color:var(--color-muted)}.search-field input:focus-visible,.kind-select select:focus-visible{border-color:var(--color-technology-cyan);outline:2px solid var(--color-focus);outline-offset:1px}.search-field input{padding-right:var(--space-xl)}.search-field input::placeholder{color:var(--color-muted)}.search-field kbd{right:var(--space-md);bottom:var(--space-md);color:var(--color-rule-2);font-family:var(--font-mono);font-size:var(--text-xs);position:absolute}.zone-tabs{border:var(--rule-hair) solid var(--color-rule-2);min-height:3rem;display:flex}.zone-tabs button,.attention-toggle{background:var(--color-paper-3);min-height:3rem;color:var(--color-muted);padding:0 var(--space-md);font-size:var(--text-sm);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);border:0}.zone-tabs button+button{border-left:var(--rule-hair) solid var(--color-rule-2)}.zone-tabs button:hover,.attention-toggle:hover{color:var(--color-ink)}.zone-tabs button.is-active,.attention-toggle.is-active{background:var(--color-accent);color:var(--color-accent-ink)}.attention-toggle{border:var(--rule-hair) solid var(--color-rule-2);align-self:end}.attention-toggle span{margin-left:var(--space-xs);font-family:var(--font-mono)}.deployment-key,.deployment-row{gap:var(--space-lg);grid-template-columns:minmax(20rem,1.8fr) minmax(13rem,1fr) minmax(10rem,.8fr) minmax(8rem,.58fr);display:grid}.deployment-key{padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.deployment-row{padding:var(--space-lg) var(--space-md);border-bottom:var(--rule-hair) solid var(--color-rule);animation:row-enter var(--dur-long) var(--ease-out) both;animation-delay:min(calc(var(--i) * 18ms), .36s);transition:background var(--dur-short) var(--ease-out);position:relative}.deployment-row:before{content:"";background:0 0;width:2px;position:absolute;inset:0 auto 0 0}.deployment-row:hover{background:var(--color-paper-3)}.deployment-row.health-degraded:before,.deployment-row.health-offline:before{background:var(--color-warning)}.deployment-row>div{min-width:0}.deployment-primary a{max-width:100%;color:var(--color-pulse-cyan);font-family:var(--font-mono);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;display:inline-block;overflow:hidden}.deployment-primary a:hover{text-underline-offset:.3em;text-decoration:underline}.deployment-primary h3{margin:var(--space-sm) 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.02em;font-weight:500}.deployment-primary p,.deployment-note{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.65}.category-tag{margin-top:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-2);color:var(--color-ink-2);padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);display:inline-block}.deployment-kind,.deployment-project,.deployment-status{gap:var(--space-xs);padding-top:var(--space-3xs);flex-direction:column;display:flex}.deployment-kind strong,.deployment-project strong{font-size:var(--text-sm);font-weight:600}.deployment-kind>span,.deployment-project>span,.deployment-status>span:last-child{overflow-wrap:anywhere;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.55}.health-pill{align-items:center;gap:var(--space-xs);width:fit-content;color:var(--color-ink-2);font-size:var(--text-sm);display:inline-flex}.health-pill i{width:var(--space-xs);aspect-ratio:1;background:var(--color-muted);border-radius:50%}.health-pill-healthy i{background:var(--color-success)}.health-pill-protected i{background:var(--color-technology-cyan)}.health-pill-degraded i{background:var(--color-warning)}.health-pill-offline i{background:var(--color-error)}.deployment-note{border-left:2px solid var(--color-warning);padding-left:var(--space-sm);color:var(--color-warning);grid-column:1/-1}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:24rem;display:grid}.empty-state>span{color:var(--color-rule-2);font-family:var(--font-mono);font-size:var(--text-3xl)}.empty-state h3{margin:var(--space-md) 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-lg);font-weight:500}.empty-state p{margin:0 0 var(--space-lg);color:var(--color-muted)}.empty-state button{border:var(--rule-hair) solid var(--color-accent);min-height:2.75rem;color:var(--color-accent);padding:0 var(--space-lg);background:0 0}.attention-grid{border-top:var(--rule-hair) solid var(--color-rule);border-left:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.attention-grid article{min-height:15rem;padding:var(--space-lg);border-right:var(--rule-hair) solid var(--color-rule);border-bottom:var(--rule-hair) solid var(--color-rule)}.attention-grid article>span{color:var(--color-warning);font-family:var(--font-mono);font-size:var(--text-xs)}.attention-grid h3{margin:var(--space-xl) 0 var(--space-sm);font-family:var(--font-display);font-size:var(--text-md);font-weight:500}.attention-grid p{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.7}.attention-grid code{color:var(--color-ink-2);font-family:var(--font-mono)}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-lg);border-top:var(--rule-hair) solid var(--color-rule);min-height:7rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}.site-footer p{color:var(--color-ink);margin:0}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--color-pulse-cyan)}@keyframes row-enter{0%{opacity:0;transform:translateY(var(--space-sm))}to{opacity:1;transform:translateY(0)}}@media (width<=74rem){.hero{grid-template-columns:minmax(0,1fr) minmax(19rem,.68fr)}.orbit-one{width:23rem}.orbit-two{width:17rem}.orbit-three{width:11rem}.controls{grid-template-columns:1fr 1fr}.zone-tabs{order:3}.attention-toggle{order:4}.deployment-key{display:none}.deployment-row{grid-template-columns:minmax(16rem,1.5fr) minmax(12rem,1fr) minmax(8rem,.7fr)}.deployment-status{grid-area:1/3}.deployment-project{display:none}}@media (width<=52rem){.rail{width:100%;height:4rem;padding:0 var(--space-lg);border-right:0;border-bottom:var(--rule-hair) solid var(--color-rule);flex-direction:row;justify-content:space-between;inset:0 0 auto}.rail-mark{width:2.25rem}.rail nav{gap:var(--space-lg);flex-direction:row;flex:none}.rail nav a,.rail-index{writing-mode:horizontal-tb}.rail-index{display:none}main{margin-top:4rem;margin-left:0}.hero{min-height:auto;padding-block:var(--space-2xl) var(--space-3xl);grid-template-columns:1fr}.hero h1{max-width:none}.orbit-visual{min-height:25rem}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-strip article:nth-child(2){border-right:0}.stat-strip article:nth-child(-n+2){border-bottom:var(--rule-hair) solid var(--color-rule)}.zone-overview,.directory,.attention{padding-block:var(--space-3xl)}.zone-grid,.attention-grid{grid-template-columns:1fr}.zone-card{border-right:0;border-bottom:var(--rule-hair) solid var(--color-rule);min-height:15rem}.zone-card:last-child{border-bottom:0}.attention-grid article{min-height:auto}.deployment-row{grid-template-columns:minmax(0,1fr) minmax(7.5rem,.45fr)}.deployment-kind{grid-column:1}.deployment-status{grid-area:1/2/span 2}}@media (width<=30rem){.rail{padding-inline:var(--space-md)}.rail nav{gap:var(--space-md)}.rail nav a{font-size:.65rem}.hero,.zone-overview,.directory,.attention,.site-footer{padding-inline:var(--space-md)}.hero{padding-block:var(--space-2xl)}.hero h1{font-size:clamp(2.6rem,14vw,4rem)}.hero-lede{font-size:var(--text-base)}.orbit-visual{min-height:20rem}.orbit-one{width:min(19rem,92vw)}.orbit-two{width:min(14rem,68vw)}.orbit-three{width:min(9rem,44vw)}.orbit-core{width:7rem}.stat-strip article{min-height:7rem;padding:var(--space-lg);flex-direction:column;align-items:start}.section-heading,.directory-heading{flex-direction:column;align-items:start}.controls{grid-template-columns:1fr}.zone-tabs{width:100%;overflow-x:auto}.zone-tabs button{padding-inline:var(--space-sm);flex:1}.attention-toggle{width:100%}.deployment-row{padding-block:var(--space-xl);grid-template-columns:1fr}.deployment-status{padding-top:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);grid-area:auto/1}.deployment-note{grid-column:1}.site-footer{flex-direction:column;justify-content:center;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}