:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181b16;background:#efeee8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}main{min-height:100vh;background:#efeee8}.topbar{height:84px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d3cc;background:#efeee8eb;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:flex;align-items:center;gap:13px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#efffd2;background:#181b16;font-family:Georgia,serif;font-size:21px}.brand-block div{display:grid;gap:2px}.brand-block strong{font-size:14px;letter-spacing:.01em}.brand-block span:last-child{font-size:11px;color:#74776e}.environment,.connection-state{display:flex;align-items:center;gap:8px;color:#565a51;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.environment>span,.connection-state>span{width:8px;height:8px;border-radius:50%;background:#a9e34b;box-shadow:0 0 0 5px #a9e34b24;animation:pulse 2.4s ease-in-out infinite}.page-shell{width:min(1180px,calc(100% - 44px));margin:0 auto}.summary{min-height:440px;padding:88px 0 72px;display:grid;grid-template-columns:1.55fr .8fr;gap:72px;align-items:end;border-bottom:1px solid #c5c5bd;animation:rise .52s ease-out both}.eyebrow{margin:0 0 14px;color:#70736b;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1{max-width:720px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,7.8vw,104px);line-height:.91;letter-spacing:-.055em;font-weight:500}.safety-copy{padding-bottom:8px}.safety-copy>p{margin:0 0 32px;max-width:390px;color:#575b52;font-size:15px;line-height:1.65}.connection-state--error>span{background:#d66c55;box-shadow:0 0 0 5px #d66c5524;animation:none}.workspace{padding:64px 0;border-bottom:1px solid #c5c5bd}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(32px,4vw,50px);font-weight:500;letter-spacing:-.035em}.section-heading>p{margin:0 0 6px;color:#777a72;font-size:12px}.status-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b9bab2;border-bottom:1px solid #b9bab2}.status-row{min-height:126px;padding:24px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:12px;border-right:1px solid #b9bab2;animation:row-in .42s ease-out both;animation-delay:calc(var(--row-index) * 60ms)}.status-row:last-child{border-right:0}.status-row>span:nth-child(2){font-size:13px;font-weight:650}.status-row strong{grid-column:2;align-self:end;color:#74776f;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.state-mark{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#a9e34b;transition:background .18s ease,transform .18s ease}.state-mark--degraded{background:#d66c55}.state-mark--unknown{background:#aaa9a1}.status-row:hover .state-mark{transform:scale(1.35)}.channel-list{border-top:1px solid #b9bab2}.channel-row{min-height:74px;display:grid;grid-template-columns:60px 1.2fr 1fr auto;gap:18px;align-items:center;border-bottom:1px solid #b9bab2;animation:row-in .42s ease-out both;animation-delay:calc(var(--row-index) * 70ms);transition:padding .18s ease,background .18s ease}.channel-row:hover{padding:0 14px;background:#ffffff52}.channel-index{color:#96988f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.channel-row strong{font-family:Georgia,serif;font-size:22px;font-weight:500}.channel-row>span:nth-child(3){color:#676b62;font-size:13px}.channel-state{padding:7px 9px;border:1px solid #b8bab1;color:#676b62;font-size:10px;text-transform:uppercase;letter-spacing:.08em}footer{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#74776f;font-size:11px;text-transform:uppercase;letter-spacing:.08em}@keyframes pulse{50%{transform:scale(.78);opacity:.66}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.topbar{height:72px;padding:0 20px}.environment{font-size:0}.page-shell{width:min(100% - 32px,1180px)}.summary{min-height:0;padding:62px 0 52px;grid-template-columns:1fr;gap:44px}h1{font-size:clamp(50px,16vw,72px)}.workspace{padding:48px 0}.section-heading{align-items:start;gap:22px}.section-heading>p{text-align:right}.status-list{grid-template-columns:1fr 1fr}.status-row:nth-child(2){border-right:0}.status-row:nth-child(-n+2){border-bottom:1px solid #b9bab2}.channel-row{grid-template-columns:34px 1fr auto}.channel-row>span:nth-child(3){display:none}footer{padding:28px 0;align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}