:root{--bg: #eef4ea;--bg-accent: #d5e4cc;--panel: #ffffff;--text: #122315;--muted: #4f6954;--ok: #09bd48;--degraded: #b4821d;--partial: #c2632e;--major: #be2f3e;--maintenance: #5b7488;--ring: rgba(18, 35, 21, .12);--shadow: 0 14px 34px rgba(18, 35, 21, .09)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;color:var(--text);background:radial-gradient(circle at 20% 20%,#ffffff 0%,transparent 45%),radial-gradient(circle at 80% 80%,var(--bg-accent) 0%,transparent 38%),var(--bg)}h1,h2,p,ul{margin:0}h1,h2{line-height:1.2}ul{padding:0;list-style:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page{min-height:100vh;width:min(1100px,100%);margin:0 auto;padding:32px 20px 48px;display:grid;gap:16px}.panel{width:100%;padding:24px;border:1px solid var(--ring);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.top-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px}.brand-link{display:inline-flex;align-items:center}.brand-logo{width:188px;max-width:100%;height:auto}.main-nav{display:inline-flex;flex-wrap:wrap;gap:8px}.main-nav a{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--ring);color:var(--text);text-decoration:none;font-size:.88rem;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.main-nav a:hover{transform:translateY(-1px);border-color:#12231540;background:#f8fbf7}.header-panel{padding:26px}.stats-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{border:1px solid var(--ring);border-radius:12px;background:#f8fbf7;padding:10px 12px}.stat-label{color:var(--muted);font-size:.84rem}.stat-value{margin-top:4px;font-size:1.15rem;font-weight:700}.group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.group-head p{color:var(--muted);font-size:.9rem}.service-list{display:grid;gap:10px}.service-item{border:1px solid var(--ring);border-radius:12px;background:#fcfdfc;padding:12px;transition:border-color .18s ease,transform .18s ease}.service-item:hover{border-color:#12231538;transform:translateY(-1px)}.service-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.service-name{font-weight:700}.service-badges{display:flex;gap:6px;align-items:center}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 10px;font-size:.75rem;border:1px solid transparent}.badge-upcoming{background:#eef3f8;color:#3d556c;border-color:#d0dce8}.service-summary{margin-top:6px;color:var(--muted);font-size:.9rem}.service-bars{margin-top:9px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px}.bar{height:10px;border-radius:3px;opacity:0;animation:bar-in .35s ease-out forwards}.reveal{opacity:0;transform:translateY(10px);transition:opacity .32s ease,transform .32s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.group-panel.is-hidden{display:none}@keyframes bar-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.summary{margin-top:8px;font-size:1.3rem;font-weight:700}.meta{margin-top:8px;color:var(--muted)}.meta-quiet{opacity:.78}.live-meta{display:inline-flex;align-items:center;gap:7px}.live-dot{width:9px;height:9px;border-radius:999px;background:var(--ok);box-shadow:0 0 #09bd4899;animation:pulse-live 1.8s ease-out infinite}@keyframes pulse-live{0%{box-shadow:0 0 #09bd4899}70%{box-shadow:0 0 0 10px #09bd4800}to{box-shadow:0 0 #09bd4800}}.legend{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.86rem}.legend li{display:inline-flex;align-items:center;gap:6px}.quick-filters{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid var(--ring);background:#fff;color:var(--text);border-radius:999px;font-size:.82rem;padding:6px 12px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.filter-btn:hover{transform:translateY(-1px);border-color:#12231540;background:#f6faf5}.filter-btn.is-active{border-color:#09bd4859;background:#09bd481f}.dot{width:10px;height:10px;border-radius:50%}.summary.status-operational,.badge-status.status-operational{color:var(--ok)}.summary.status-degraded,.badge-status.status-degraded{color:var(--degraded)}.summary.status-partial_outage,.badge-status.status-partial_outage{color:var(--partial)}.summary.status-major_outage,.badge-status.status-major_outage{color:var(--major)}.summary.status-maintenance,.badge-status.status-maintenance{color:var(--maintenance)}.dot.status-operational,.bar.status-operational{background:var(--ok)}.dot.status-degraded,.bar.status-degraded{background:var(--degraded)}.dot.status-partial_outage,.bar.status-partial_outage{background:var(--partial)}.dot.status-major_outage,.bar.status-major_outage{background:var(--major)}.dot.status-maintenance,.bar.status-maintenance{background:var(--maintenance)}.badge-status{background:transparent;border-color:currentColor}.site-footer{display:grid;gap:14px;padding:20px;background:linear-gradient(130deg,#f3f9f1,#fff,#eef6eb)}.footer-top{display:grid;gap:10px}.footer-brand-link{display:inline-flex}.footer-brand-logo{width:190px;max-width:100%;height:auto}.footer-tagline{color:var(--muted);font-size:.9rem}.footer-social{display:flex;flex-wrap:wrap;gap:8px}.footer-social a,.footer-col a,.footer-status-row a{color:var(--text);text-decoration:none;font-size:.82rem}.footer-social a,.footer-status-row a{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--ring);border-radius:999px;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.footer-social a:hover,.footer-status-row a:hover{transform:translateY(-1px);border-color:#12231540;background:#f8fbf7}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:8px;border-top:1px solid var(--ring)}.footer-col{display:grid;gap:6px}.footer-col h3{margin:0;font-size:.9rem}.footer-col a{color:var(--muted)}.footer-col a:hover{color:var(--text)}.footer-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.footer-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(9,189,72,.35);background:#09bd481f;color:var(--ok);font-size:.82rem;font-weight:600}.footer-copy,.footer-note{color:var(--muted);font-size:.84rem}@media(max-width:640px){.page{padding:18px 12px 26px;gap:12px}.top-nav{flex-direction:column;align-items:flex-start;padding:14px}.brand-logo{width:160px}.main-nav{width:100%}.main-nav a{flex:1}.panel,.header-panel{padding:16px;border-radius:14px}.site-footer{padding:14px}.footer-grid{grid-template-columns:1fr}.footer-social a,.footer-status-row a{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr}.group-head,.service-title-row{flex-direction:column;align-items:flex-start}.service-bars{gap:3px}.bar{height:8px}}