:root{--bg0:#070A14;--bg1:#0B1020;--bg2:#0E1630;--text:#EAF0FF;--muted:rgba(234,240,255,.7);--faint:rgba(234,240,255,.5);--glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.08);--border:rgba(255,255,255,.1);--ok:#35D07F;--warn:#F7C948;--bad:#FF5D5D;--shadow: 0 10px 35px rgba(0,0,0,.35);--radius: 18px;--radius-sm: 14px;--max: 1120px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 800px at 20% 0%,rgba(124,92,255,.18),transparent 50%),radial-gradient(1000px 700px at 80% 10%,rgba(53,208,127,.14),transparent 55%),radial-gradient(900px 600px at 40% 90%,rgba(247,201,72,.12),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0));background-blend-mode:screen;background-size:cover;background-attachment:fixed;overflow-x:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.orb{position:absolute;width:520px;height:520px;border-radius:999px;filter:blur(35px);opacity:.55;transform:translateZ(0)}.orb-a{left:-180px;top:-190px;background:radial-gradient(circle at 30% 30%,rgba(124,92,255,.8),rgba(124,92,255,0) 60%)}.orb-b{right:-210px;top:-120px;background:radial-gradient(circle at 40% 40%,rgba(53,208,127,.75),rgba(53,208,127,0) 62%)}.orb-c{left:10%;bottom:-260px;background:radial-gradient(circle at 40% 40%,rgba(247,201,72,.75),rgba(247,201,72,0) 62%)}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;-webkit-mask-image:radial-gradient(700px 520px at 50% 0%,rgba(0,0,0,.95),transparent 70%);mask-image:radial-gradient(700px 520px at 50% 0%,rgba(0,0,0,.95),transparent 70%);opacity:.55}.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.icon{width:18px;height:18px}.glass{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.05));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.topbar{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(7,10,20,.85),rgba(7,10,20,.35));border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark img{width:38px;height:38px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-weight:700;letter-spacing:.2px}.brand-sub{font-weight:500;color:var(--muted);font-size:12px}.topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.status-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--text);font-weight:600;font-size:13px}.status-pill .dot{width:9px;height:9px;border-radius:999px;background:var(--muted);box-shadow:0 0 #fff0}.status-pill.ok{border-color:#35d07f4d}.status-pill.ok .dot{background:var(--ok)}.status-pill.degraded{border-color:#f7c94859}.status-pill.degraded .dot{background:var(--warn)}.status-pill.down{border-color:#ff5d5d59}.status-pill.down .dot{background:var(--bad)}.status-pill.is-loading{color:var(--muted)}.status-pill.is-loading .dot{background:rgba(255,255,255,.45);animation:pulse 1.25s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffff38}70%{box-shadow:0 0 0 9px #fff0}to{box-shadow:0 0 #fff0}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.2px;text-decoration:none;border:1px solid rgba(255,255,255,.1);color:var(--text);background:rgba(255,255,255,.05);transition:transform .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:#ffffff29}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,rgba(124,92,255,.9),rgba(53,208,127,.55));border-color:#ffffff29}.btn-primary:hover{background:linear-gradient(135deg,rgba(124,92,255,1),rgba(53,208,127,.65))}.btn-secondary{background:rgba(53,208,127,.1);border-color:#35d07f40}.btn-secondary:hover{background:rgba(53,208,127,.14);border-color:#35d07f59}.btn-ghost{background:rgba(255,255,255,.04)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:34px 0 22px}.hero-title{font-size:clamp(28px,3.2vw,44px);line-height:1.1;margin:12px 0 0;letter-spacing:-.6px}.hero-lead{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6;max-width:58ch}.badge-row{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--text);font-weight:700;font-size:12px}.badge.subtle{color:var(--muted);font-weight:600}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.meta-item{padding:12px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.meta-label{display:block;font-size:12px;color:var(--faint);font-weight:600}.meta-value{display:block;margin-top:4px;font-weight:700;font-size:13px}.hero-card{padding:16px 16px 14px;border-radius:22px}.hero-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.hero-card-title{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.mini-dot{width:10px;height:10px;border-radius:999px;background:rgba(124,92,255,.8);box-shadow:0 0 0 5px #7c5cff1f}.hero-card-stat .label{display:block;font-size:12px;color:var(--faint);font-weight:600;text-align:right}.hero-card-stat .value{display:block;font-size:18px;font-weight:800;text-align:right;letter-spacing:-.2px}.chart-wrap{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);padding:10px 10px 6px}.hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.kpi{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);padding:12px}.kpi-label{display:block;font-size:12px;color:var(--faint);font-weight:600}.kpi-value{display:block;margin-top:4px;font-weight:800;font-size:15px}.highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 20px}.highlight{padding:14px 14px 13px;border-radius:var(--radius)}.h-icon{width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.highlight h3{margin:10px 0 0;font-size:14px;letter-spacing:-.2px}.highlight p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.section{padding:10px 0 18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:10px 0 12px}.section-head h2{margin:0;font-size:18px;letter-spacing:-.2px}.section-head p{margin:0;color:var(--muted);font-size:13px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service{padding:14px;border-radius:var(--radius);min-height:96px}.service .row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-name{font-weight:800;letter-spacing:-.2px}.service-meta{margin-top:6px;color:var(--muted);font-size:12px;font-weight:600}.service-status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-weight:800;font-size:12px;white-space:nowrap}.service-status .s-dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.45)}.service-status.online{border-color:#35d07f4d}.service-status.online .s-dot{background:var(--ok)}.service-status.degraded{border-color:#f7c94859}.service-status.degraded .s-dot{background:var(--warn)}.service-status.down{border-color:#ff5d5d59}.service-status.down .s-dot{background:var(--bad)}.incidents{padding:14px 14px 16px;position:relative;overflow:hidden}.incident-empty{padding:18px 14px;border-radius:14px;border:1px dashed rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:var(--muted);text-align:center;font-weight:700;font-size:13px}.incident-list{display:flex;flex-direction:column;gap:10px}.incident-item{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18);padding:12px;position:relative;overflow:hidden}.incident-item:before{content:"";position:absolute;inset:0 0 0 auto;width:4px;background:rgba(255,255,255,.06)}.incident-item.active:before{background:linear-gradient(180deg,rgba(255,93,93,.9),rgba(247,201,72,.6))}.incident-item.resolved:before{background:linear-gradient(180deg,rgba(53,208,127,.9),rgba(53,208,127,.5))}.incident-title{font-weight:900;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.incident-badge{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}.incident-badge.active{border-color:#f7c94859;color:var(--text)}.incident-badge.resolved{border-color:#35d07f59;color:var(--text)}.incident-meta{margin-top:8px;color:var(--muted);font-size:12px;font-weight:600}.incident-time{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.25);font-weight:900;font-size:11px}.tech{padding:14px}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tech-item{padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.tech-item span{display:block;font-size:12px;color:var(--faint);font-weight:600}.tech-item b{display:block;margin-top:4px;font-size:13px}.footer{margin-top:10px;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.footer-pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text);font-weight:800;font-size:12px}.skeleton{position:relative;color:transparent!important;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.14),rgba(255,255,255,.08));background-size:220% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width: 960px){.hero{grid-template-columns:1fr;padding-top:22px}.highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.services,.tech-grid,.hero-meta{grid-template-columns:1fr}.incidents-bar{gap:7px}.inc-pill{width:16px;height:40px}.incidents-pct{font-size:42px}.incident-popover{width:325px}}@media (max-width: 520px){.zzz{display:none}.container{width:min(var(--max),calc(100% - 28px))}.topbar-inner{padding:12px 0}.hero-kpis{grid-template-columns:1fr}.incidents-bar{gap:6px}.inc-pill{width:14px;height:38px}.incidents-pct{font-size:40px}.incident-popover{width:315px}}.incidents-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.incidents-link{display:inline-flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.25px;color:var(--text);text-decoration:none;font-size:14px;opacity:.95}.incidents-link span{opacity:.55}.incidents-link:hover{opacity:1}.incident-live-dot{width:14px;height:14px;border-radius:999px;background:rgba(148,163,184,.22);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 6px #ffffff08}.incident-live-dot.is-ok{background:rgba(53,208,127,.92);border-color:#35d07f8c;box-shadow:0 0 0 6px #35d07f1a}.incident-live-dot.is-warn{background:rgba(247,201,72,.92);border-color:#f7c9488c;box-shadow:0 0 0 6px #f7c9481a}.incident-live-dot.is-bad{background:rgba(255,93,93,.92);border-color:#ff5d5d8c;box-shadow:0 0 0 6px #ff5d5d1a}.incidents-bar{margin-top:12px;display:flex;align-items:flex-end;gap:8px;padding:6px 4px 0;min-height:44px}.inc-pill{width:12px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff26;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;position:relative;flex:0 0 auto}.inc-pill:hover{transform:translateY(-1px);filter:brightness(1.03)}.inc-pill:active{transform:translateY(0)}.inc-pill:focus-visible{outline:2px solid rgba(124,92,255,.7);outline-offset:2px}.inc-pill.is-today{box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #ffffff38,0 0 0 5px #7c5cff1a}.inc-pill.is-unknown{background:rgba(148,163,184,.18);border-color:#94a3b838}.inc-pill.is-ok{background:rgba(53,208,127,.8);border-color:#35d07f8c}.inc-pill.is-warn{background:rgba(247,201,72,.78);border-color:#f7c9488c}.inc-pill.is-bad{background:rgba(255,93,93,.76);border-color:#ff5d5d8c}.incidents-foot{margin-top:10px}.incidents-pct{font-size:44px;line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--text)}.incidents-pct.is-ok{color:var(--ok)}.incidents-pct.is-warn{color:var(--warn)}.incidents-pct.is-bad{color:var(--bad)}.incidents-pct.is-unknown{color:#94a3b8cc}.incidents-sub{margin-top:6px;font-size:12px;color:var(--muted);font-weight:650}.incidents-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px;font-weight:650}.legend{display:inline-flex;align-items:center;gap:8px}.lg{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(148,163,184,.22);display:inline-block}.lg-unknown{background:rgba(148,163,184,.22)}.lg-ok{background:rgba(53,208,127,.85);border-color:#35d07f8c}.lg-warn{background:rgba(247,201,72,.85);border-color:#f7c9488c}.lg-bad{background:rgba(255,93,93,.85);border-color:#ff5d5d8c}.incident-popover{position:absolute;left:12px;top:12px;width:340px;max-width:calc(100% - 24px);background:rgba(10,14,28,.92);border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 28px 70px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px;z-index:30}.incident-popover:before{content:"";position:absolute;width:14px;height:14px;background:rgba(10,14,28,.92);border-left:1px solid rgba(255,255,255,.14);border-top:1px solid rgba(255,255,255,.14);transform:rotate(45deg);left:var(--arrow-x, 50%);margin-left:-7px;top:100%;margin-top:-7px}.incident-popover.is-below:before{top:0%;margin-top:-7px;transform:rotate(225deg)}.ip-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ip-date{font-weight:950;letter-spacing:-.02em;font-size:18px;color:#eaf0ffeb}.ip-close{width:32px;height:32px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#eaf0ffeb;cursor:pointer;font-size:18px;line-height:1;display:grid;place-items:center;transition:filter .12s ease,transform .12s ease}.ip-close:hover{filter:brightness(1.05);transform:translateY(-1px)}.ip-close:active{transform:translateY(0)}.ip-score{margin-top:10px}.ip-score-pct{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.04em;color:var(--text)}.ip-score-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:650}.ip-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-weight:900;color:var(--text)}.ip-badge.is-ok{border-color:#35d07f66}.ip-badge.is-warn{border-color:#f7c94866}.ip-badge.is-bad{border-color:#ff5d5d66}.ip-badge.is-unknown{border-color:#94a3b84d;color:#eaf0ffcc}.ip-divider{height:1px;background:rgba(255,255,255,.1);margin:12px 0}.ip-section-title{font-size:12px;color:#eaf0ffcc;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ip-list{margin-top:10px;display:flex;flex-direction:column;gap:10px;max-height:240px;overflow:auto;padding-right:4px}.ip-empty{padding:12px;border-radius:14px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--muted);text-align:center;font-weight:800;font-size:12px}.ip-item{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:10px}.ip-item-title{font-weight:950;letter-spacing:-.2px;color:#eaf0ffeb;font-size:13px;line-height:1.25}.ip-item-meta{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45;font-weight:650}.ip-item-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 420px){.zzz{display:none}.incidents-bar{gap:6px}.inc-pill{width:10px;height:34px}.incidents-pct{font-size:38px}.incident-popover{width:300px}}.incidents{overflow:visible;isolation:isolate}.incidents-bar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}.incidents-bar::-webkit-scrollbar{display:none}.inc-pill{flex:1 1 0;width:auto;min-width:8px;max-width:14px}@media (max-width: 960px){.incidents-bar{gap:6px}.inc-pill{min-width:7px;max-width:12px;height:36px}}@media (max-width: 520px){.incidents-bar{gap:4px}.inc-pill{min-width:6px;max-width:10px;height:32px}}.incident-popover{z-index:999}@media (max-width: 520px){.incident-popover{position:fixed!important;left:14px!important;right:14px!important;bottom:14px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 120px)}.incident-popover:before{display:none}.ip-list{max-height:min(45vh,280px)}}.footer{display:flex;justify-content:center}.footer-inner{justify-content:center}.footer-pill{display:inline-block;text-align:center}.section{position:relative;z-index:0}#incidents.section{z-index:50}#incidents .incident-popover{z-index:2000}#incidents .incidents{overflow:visible}#incidents .incident-popover{width:min(320px,calc(100% - 24px));padding:12px}#incidents .ip-date{font-size:16px}#incidents .ip-score-pct{font-size:28px}#incidents .ip-list{max-height:200px}@media (max-width: 520px){#incidents .incident-popover{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto!important;max-height:55vh}#incidents .incident-popover:before{display:none}#incidents .ip-list{max-height:28vh}}