:root{--bg: #0c1014;--bg-elev: #141a21;--ink: #eef3f7;--ink-soft: #9aa8b5;--muted: #6d7b88;--line: rgba(238, 243, 247, .08);--line-strong: rgba(238, 243, 247, .14);--brass: #c4a35a;--teal: #2ec4b6;--teal-dim: rgba(46, 196, 182, .14);--ok: #3dcb8a;--warn: #e0a23a;--bad: #e25b4c;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--radius: 18px;--font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--display: "Sora", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font:100%/1.5 var(--font);color:var(--ink);background:linear-gradient(180deg,#0c1014eb,#0c1014f7),radial-gradient(ellipse 80% 50% at 50% -10%,rgba(46,196,182,.16),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 20%,rgba(196,163,90,.08),transparent 50%),repeating-linear-gradient(90deg,transparent,transparent 47px,rgba(238,243,247,.025) 47px,rgba(238,243,247,.025) 48px),var(--bg);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100vh}.shell{width:min(1140px,calc(100% - 1.5rem));margin:0 auto}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);background:#0c1014b8;border-bottom:1px solid transparent;transition:border-color .2s var(--ease),background .2s var(--ease)}.nav.is-scrolled{border-bottom-color:var(--line);background:#0c1014e0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:650;letter-spacing:-.03em;font-size:1.05rem}.brand-mark{width:1.45rem;height:1.45rem;border-radius:7px;background:linear-gradient(145deg,var(--teal),#1a7a8c 55%,var(--brass));box-shadow:inset 0 1px #ffffff40}.nav-right{display:flex;align-items:center;gap:.55rem}.nav-customer-btn{padding:.45rem .85rem;font-size:.85rem;white-space:nowrap}.login-card{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end;max-width:28rem;padding:1.15rem 1.2rem;margin:0 0 1.25rem;border:1px solid var(--line-strong);border-radius:1rem;background:#eef3f70a}.login-field{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:10rem}.login-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#080c1073;color:var(--ink);font:inherit;font-size:1.35rem;letter-spacing:.35em;text-align:center;border-radius:.75rem;padding:.7rem .85rem}.login-field input:focus{outline:2px solid color-mix(in srgb,var(--teal) 55%,transparent);outline-offset:1px}.lang-switch{display:inline-flex;gap:.2rem;padding:.15rem;border-radius:999px;border:1px solid var(--line-strong);background:#eef3f70a}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink-soft);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:.35rem .55rem;border-radius:999px;cursor:pointer;transition:transform .1s ease-out,background .12s ease-out,color .12s ease-out}.lang-btn:active{transform:scale(.96)}.lang-btn.is-active{background:var(--teal-dim);color:var(--teal)}.nav-links{display:flex;align-items:center;gap:.2rem}.nav-links a{text-decoration:none;color:var(--ink-soft);font-size:.9rem;font-weight:500;padding:.4rem .65rem;border-radius:999px;transition:background .12s ease-out,color .12s ease-out,transform .1s ease-out}.nav-links a:hover{color:var(--ink);background:#eef3f70f}.nav-links a:active{transform:scale(.97)}.nav-links a.is-active{color:var(--ink);background:#2ec4b61f}.page{padding:1.5rem 0 3rem}.page-head{margin-bottom:1.25rem}.page-head h1{margin:0 0 .35rem;font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.1rem);letter-spacing:-.04em;line-height:1.1}.page-sub{margin:0;color:var(--ink-soft);max-width:40rem}.hero-compact{margin-bottom:1.25rem;padding:1.1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--line);background:#141a21b8}.hero-compact .hero-line{margin:.55rem 0 .9rem;max-width:34rem}.menu-btn{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#eef3f70a;color:var(--ink);width:2.5rem;height:2.5rem;border-radius:12px;cursor:pointer;align-items:center;justify-content:center;transition:transform .1s ease-out,background .12s ease-out}.menu-btn:active{transform:scale(.96)}.menu-btn span{display:block;width:1rem;height:1.5px;background:var(--ink);position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0;width:1rem;height:1.5px;background:var(--ink)}.menu-btn span:before{top:-5px}.menu-btn span:after{top:5px}.mobile-drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.mobile-drawer.open{display:block;pointer-events:auto}.mobile-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.mobile-drawer-panel{position:absolute;top:0;right:0;width:min(300px,86vw);height:100%;background:#141a21f0;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-left:1px solid var(--line);padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;transform:translate(0)}.mobile-drawer-panel a{text-decoration:none;color:var(--ink);font-weight:550;padding:.85rem .9rem;border-radius:12px;transition:background .12s ease-out,transform .1s ease-out}.mobile-drawer-panel a:active{transform:scale(.98);background:#eef3f70f}.mobile-drawer-close{align-self:flex-end;margin-bottom:.75rem}.hero{position:relative;padding:2.25rem 0 1.75rem;overflow:clip}.hero-glow{position:absolute;right:-8%;top:-20%;width:min(70vw,420px);height:min(70vw,420px);border-radius:50%;background:radial-gradient(circle,rgba(46,196,182,.22),transparent 68%);pointer-events:none;filter:blur(4px);will-change:transform,opacity}.hero-copy{position:relative;z-index:1;max-width:36rem}.live-pill{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.32rem .7rem .32rem .42rem;border-radius:999px;background:#eef3f70d;border:1px solid var(--line);font-size:.8rem;font-weight:600;color:var(--ink-soft)}.live-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);animation:pulse 2.2s ease-out infinite}.live-dot.warn{background:var(--warn)}.live-dot.bad{background:var(--bad)}.status-banner{margin:0 0 1rem;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--line);background:#eef3f70f;font-weight:600;font-size:.95rem}.status-banner.status-ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line));color:var(--ok)}.status-banner.status-degraded{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));color:var(--warn)}.status-banner.status-outage{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad)}.row-card{padding:1rem 0;border-bottom:1px solid var(--line)}.row-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin-bottom:.35rem}.chip{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap}.muted{color:var(--ink-soft)}.list{margin-top:.5rem}@keyframes pulse{0%{box-shadow:0 0 #3dcb8a73}70%{box-shadow:0 0 0 10px #3dcb8a00}to{box-shadow:0 0 #3dcb8a00}}.hero-brand{margin:0 0 .55rem;font-family:var(--display);font-size:clamp(2.6rem,8vw,4.4rem);line-height:.96;letter-spacing:-.05em;font-weight:700}.hero-line{margin:0 0 1.15rem;color:var(--ink-soft);font-size:clamp(1rem,2.1vw,1.15rem);line-height:1.4;letter-spacing:-.01em;max-width:28rem}.cta-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-weight:600;letter-spacing:-.01em;border-radius:999px;padding:.7rem 1.05rem;transition:transform .1s ease-out,background .14s ease-out;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.btn:active{transform:scale(.97)}.btn-primary{background:var(--teal);color:#06201d}.btn-primary:hover{background:#45d4c6}.btn-ghost{background:#eef3f70d;color:var(--ink);border:1px solid var(--line-strong)}.btn-ghost:hover{background:#eef3f717}section{padding:2.75rem 0 .5rem}.section-head{margin-bottom:1.1rem}.section-head h2{margin:0 0 .3rem;font-family:var(--display);font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.035em;line-height:1.15;font-weight:650}.section-head p{margin:0;color:var(--ink-soft);max-width:36rem}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.metric{background:#141a21b8;border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem 1.05rem;box-shadow:var(--shadow);transition:transform .1s ease-out}.metric:active{transform:scale(.985)}.metric .label{color:var(--muted);font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.metric .value{margin-top:.3rem;font-family:var(--display);font-size:1.55rem;font-weight:650;letter-spacing:-.035em;line-height:1.1}.metric .hint{margin-top:.2rem;color:var(--muted);font-size:.82rem}.status-ok{color:var(--ok)}.status-degraded{color:var(--warn)}.status-outage{color:var(--bad)}.panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:.75rem}.surface{background:#141a21c7;border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);overflow:hidden}.surface-pad{padding:1.05rem 1.1rem 1.15rem}.surface h3{margin:0 0 .75rem;font-family:var(--display);font-size:.98rem;letter-spacing:-.02em}.issue-list,.device-list,.line-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.issue-list li,.device-card,.line-card{padding:.7rem .8rem;border-radius:12px;background:#eef3f708;border:1px solid var(--line)}.issue-list .title,.device-card .title{font-weight:600;letter-spacing:-.015em}.issue-list .detail,.device-card .meta,.line-card .meta{color:var(--ink-soft);font-size:.86rem;margin-top:.12rem}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.device-card{display:flex;flex-direction:column;gap:.15rem;min-height:5.5rem}.device-card.bad{border-color:#e25b4c59;background:#e25b4c0f}.device-card .kind{font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brass)}.device-card.receiver .kind{color:var(--teal)}.device-card.tower .kind{color:var(--warn)}.device-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:#eef3f708;color:var(--ink-soft);border-radius:999px;padding:.35rem .7rem;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:transform .1s ease-out,background .12s ease-out,color .12s ease-out}.chip:active{transform:scale(.97)}.chip.is-active{background:var(--teal-dim);color:var(--teal);border-color:#2ec4b659}.tech-list{display:grid;gap:.45rem}.tech-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem .8rem;border-radius:12px;background:#eef3f708;border:1px solid var(--line)}.badge{font-size:.74rem;font-weight:700;padding:.25rem .5rem;border-radius:999px}.badge-on{background:var(--teal-dim);color:var(--teal)}.badge-off{background:#eef3f70f;color:var(--muted)}#map{height:min(52vh,480px);width:100%;background:#0f151b}.leaflet-container{background:#0f151b;font:inherit}.charts{display:grid;gap:.75rem}.chart-wrap{padding:.9rem .9rem .6rem}.chart-wrap canvas{width:100%!important;max-height:200px}.join{margin:2.5rem 0 3.5rem;padding:1.35rem 1.3rem;border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg,#2ec4b61f,#c4a35a14),#141a21e6;border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.join h2{margin:0 0 .2rem;font-family:var(--display);letter-spacing:-.03em;font-size:1.35rem}.join p{margin:0;color:var(--ink-soft)}.address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;background:#00000040;border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem;color:var(--ink)}.footer{padding:1.25rem 0 2.25rem;color:var(--muted);font-size:.86rem;border-top:1px solid var(--line);margin-top:1rem}.api-error{margin:.7rem 0 0;color:var(--bad);font-size:.9rem}.empty{color:var(--muted)}@media(max-width:960px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.nav-links{display:none}.menu-btn{display:inline-flex}.device-grid{grid-template-columns:1fr}.hero{padding:1.5rem 0 1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-dot{animation:none}.hero-glow{display:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.nav,.metric,.surface,.btn-ghost,.live-pill,.join,.mobile-drawer-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141a21}}