:root{--canvas: #eef4f8;--canvas-accent: #f7f9fc;--canvas-tint: #e9f0f7;--surface: rgba(255, 255, 255, .94);--surface-strong: #ffffff;--surface-muted: #f6f9fc;--surface-soft: #f1f6fb;--border: #d7e2ec;--border-strong: #c4d3e3;--border-soft: rgba(17, 39, 70, .08);--text: #132238;--text-soft: #31435a;--text-muted: #66788f;--navy: #0f2345;--navy-soft: #183458;--blue: #2f76ce;--blue-soft: #e7f0fb;--blue-strong: #215fae;--green: #177c57;--green-soft: rgba(23, 124, 87, .12);--amber: #8b6706;--amber-soft: rgba(139, 103, 6, .12);--red: #b24b4b;--red-soft: rgba(178, 75, 75, .12);--slate: #7a8da3;--slate-soft: rgba(122, 141, 163, .14);--shadow-sm: 0 8px 20px rgba(15, 35, 69, .04);--shadow-md: 0 18px 50px rgba(15, 35, 69, .07);--shadow-lg: 0 28px 80px rgba(15, 35, 69, .1);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--max-width: 1240px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(47,118,206,.08),transparent 28%),radial-gradient(circle at top right,rgba(15,35,69,.05),transparent 24%),linear-gradient(180deg,var(--canvas-accent) 0%,var(--canvas) 52%,var(--canvas-tint) 100%);color:var(--text);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.metric-card__head{display:flex;align-items:center;gap:.7rem}.metric-card__head h3{margin:0;font-size:.92rem;font-weight:700;color:var(--navy)}.metric-card .icon-badge{width:2.1rem;height:2.1rem;border-radius:14px;background:linear-gradient(180deg,#fffffff5,#e7f0fbeb);border:1px solid rgba(47,118,206,.14)}img,svg{display:block;max-width:100%}.page-shell,.topbar,.footer{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto}.page-shell{padding:1.25rem 0 4.5rem}.topbar{padding-top:1rem}.topbar__inner,.section-head,.inline-row,.service-card__head,.group-card__head,.incident-card__head,.metric-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.topbar__inner{padding:.8rem 0 .2rem}.brand{display:inline-flex;align-items:center;gap:.85rem;color:var(--navy)}.brand__mark{position:relative;width:1.35rem;height:1.35rem;border-radius:9px;background:linear-gradient(180deg,#2f76cef2,#75a5e1e6);box-shadow:inset 0 1px #fff6,0 10px 20px #2f76ce2e}.brand__mark:after{content:"";position:absolute;inset:3px;border-radius:6px;border:1px solid rgba(255,255,255,.45)}.brand__copy{display:grid;gap:.08rem}.brand__name{font-size:1rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.brand__meta{color:var(--text-muted);font-size:.82rem;font-weight:500}.meta-token--icon,.tag--icon,.owner-grid__value{display:inline-flex;align-items:center;gap:.42rem}.topnav,.inline-meta,.meta-line,.service-card__meta,.tags-row,.legend,.monitor-meta{display:flex;flex-wrap:wrap;gap:.55rem}.chip,.button,.topnav__item,.toggle,.text-link,.meta-token,.tag,.legend__item,.monitor-pill,.meta-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2rem;padding:0 .85rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffffd6;color:var(--navy);font-size:.84rem;font-weight:600;letter-spacing:-.01em;backdrop-filter:blur(10px)}.topnav__item,.toggle,.meta-token,.monitor-pill,.meta-pill,.tag,.legend__item,.chip{box-shadow:inset 0 1px #ffffff8c}.button{min-height:2.6rem;padding:0 1rem;background:linear-gradient(180deg,var(--navy-soft),var(--navy));border-color:#0f2345e6;color:#fff;box-shadow:0 12px 28px #0f23452e}.button:hover{transform:translateY(-1px)}.button--secondary,.toggle,.topnav__item{background:linear-gradient(180deg,#ffffffeb,#f6f9fceb);color:var(--navy)}.text-link{width:max-content;min-height:unset;padding:0;border:0;background:transparent;color:var(--blue-strong);font-weight:600}.text-link:hover{color:var(--navy)}.panel,.service-card,.metric-card,.incident-card,.filter-shell,.table-shell,.empty-state,.error-state,.wallboard-card,.subpanel{background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.panel{position:relative;padding:clamp(1rem,2vw,1.6rem);overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(47,118,206,.22),transparent)}.panel+.panel{margin-top:1rem}.subpanel,.service-card,.metric-card,.incident-card,.filter-shell,.empty-state,.error-state,.wallboard-card{padding:1rem}.service-card,.metric-card,.incident-card,.monitor-card,.owner-grid,.wallboard-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-card:hover,.metric-card:hover,.incident-card:hover,.wallboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.hero,.stack,.group-stack,.service-grid,.metric-grid,.filters-grid,.incident-list,.monitor-list,.info-grid,.wallboard-grid,.hero__grid{display:grid;gap:1rem}.hero__title{margin:0;color:var(--navy);font-size:clamp(2.2rem,3vw,3.4rem);font-weight:800;line-height:.98;letter-spacing:-.05em;max-width:14ch}.hero__lede,.copy-muted,.service-card__note,.small{margin:0;line-height:1.65;color:var(--text-muted)}h1,h2,h3,h4{margin:0;color:var(--navy);letter-spacing:-.03em}h2{font-size:1.15rem;font-weight:700}h3{font-size:1rem;font-weight:700}h4{font-size:.92rem;font-weight:700}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:0 .85rem;border-radius:var(--radius-pill);border:1px solid rgba(47,118,206,.16);background:#ffffffb3;color:var(--blue-strong);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.eyebrow:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:linear-gradient(180deg,var(--blue),#7db2f1);box-shadow:0 0 0 4px #2f76ce14}.status-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:0 .85rem;border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;border:1px solid transparent;white-space:nowrap;letter-spacing:-.01em}.status-pill:before{content:"";width:.42rem;height:.42rem;border-radius:999px;background:currentColor;opacity:.92}.status-pill--compact{min-height:1.8rem;padding:0 .72rem;font-size:.78rem}.status-pill--good{background:var(--green-soft);color:var(--green);border-color:#177c5733}.status-pill--warn{background:var(--amber-soft);color:var(--amber);border-color:#8b670633}.status-pill--bad{background:var(--red-soft);color:var(--red);border-color:#b24b4b38}.status-pill--maintenance{background:#2f76ce1c;color:var(--blue);border-color:#2f76ce2e}.status-pill--muted{background:var(--slate-soft);color:var(--slate);border-color:#7a8da32e}.metric-card{background:linear-gradient(180deg,#fffffffa,#f6f9fcf5)}.metric-card__value{margin:.3rem 0 0;color:var(--navy);font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.05em}.metric-card__hint{margin:.42rem 0 0;color:var(--text-muted);font-size:.9rem}.input,.select{width:100%;min-height:2.9rem;border-radius:16px;border:1px solid var(--border-strong);padding:0 .95rem;color:var(--text);background:#fffffff5;box-shadow:inset 0 1px #ffffffa6}.input:focus,.select:focus{outline:none;border-color:#2f76ce73;box-shadow:0 0 0 4px #2f76ce1a,inset 0 1px #ffffffa6}.label{display:grid;gap:.45rem;font-size:.84rem;font-weight:700;color:var(--navy)}.table-shell{overflow:auto}.status-table{width:100%;border-collapse:collapse;min-width:980px}.status-table th,.status-table td{padding:.95rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.status-table th{color:var(--text-muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-table td{color:var(--text-soft)}.status-table tbody tr:hover{background:#2f76ce08}.status-table tr:last-child td{border-bottom:0}.monitor-card{border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,#f8fbfdf5,#f2f7fbf5);padding:.9rem;box-shadow:var(--shadow-sm)}.monitor-card h4,.monitor-card p,.wallboard-card h3,.wallboard-card p{margin:0}.wallboard-card{min-height:172px;display:grid;align-content:space-between;background:linear-gradient(180deg,#fffffffa,#f3f8fcf5)}.wallboard-card__state{font-size:2rem;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.05em}kbd{display:inline-flex;align-items:center;min-height:1.65rem;padding:0 .5rem;border:1px solid var(--border);border-radius:10px;background:#fffffff5;color:var(--navy);font-size:.76rem;font-weight:700;box-shadow:inset 0 -1px #0f23450f}.owner-grid{display:grid;gap:.5rem;padding:.95rem;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,#f6f9fcf5,#f1f6fbf5);box-shadow:inset 0 1px #fff9}.owner-grid__row{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center}.owner-grid__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.owner-grid__value{color:var(--text-soft);font-weight:600}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:12px;border:1px solid rgba(47,118,206,.14);background:linear-gradient(180deg,#ffffffeb,#e7f0fbe6);color:var(--blue-strong);box-shadow:var(--shadow-sm)}.icon-inline{display:inline-flex;align-items:center;justify-content:center;width:.95rem;height:.95rem;color:currentColor;flex:0 0 auto}.icon-inline svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.section-title{display:inline-flex;align-items:flex-start;gap:.7rem}.section-title__copy{display:grid;gap:.2rem}.section-title .icon-badge{margin-top:.05rem}.section-divider{height:1px;border:0;background:linear-gradient(90deg,transparent,rgba(15,35,69,.1),transparent);margin:.4rem 0 .2rem}.is-hidden{display:none!important}@media(min-width:720px){.hero__grid,.service-grid,.footer__grid,.metric-grid,.info-grid,.filters-grid,.wallboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:980px){.hero__grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.82fr)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-grid,.footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-grid{grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}.wallboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}