.xc-landing .xc-status{position:relative;min-height:100vh}.xc-landing .xc-st-hero{position:relative;overflow:hidden;padding:140px 0 50px;border-bottom:1px solid var(--xc-line);background:linear-gradient(180deg,#08060d,#050507)}.xc-landing .xc-st-hero-inner{position:relative;z-index:1}.xc-landing .xc-st-overall{display:flex;align-items:center;gap:18px;margin-top:18px;padding:24px 26px;border-radius:20px;border:1px solid var(--xc-line-2);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.xc-landing .xc-st-overall h1{margin:0;font-size:clamp(22px,3vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.1}.xc-landing .xc-st-overall p{margin:6px 0 0;color:var(--xc-fg-2);font-size:14.5px}.xc-landing .xc-st-overall-dot{flex:none;width:18px;height:18px;border-radius:50%;position:relative}.xc-landing .xc-st-overall-dot:after{content:"";position:absolute;inset:0;border-radius:50%;animation:xc-st-ping 2s cubic-bezier(.4,0,.2,1) infinite}.xc-landing .xc-st-overall.ok .xc-st-overall-dot{background:#3fc168}.xc-landing .xc-st-overall.ok .xc-st-overall-dot:after{box-shadow:0 0 #3fc16899}.xc-landing .xc-st-overall.ok{border-color:#3fc16859}.xc-landing .xc-st-overall.warn .xc-st-overall-dot{background:#edb417}.xc-landing .xc-st-overall.warn .xc-st-overall-dot:after{box-shadow:0 0 #edb41799}.xc-landing .xc-st-overall.warn{border-color:#edb41759}.xc-landing .xc-st-overall.down .xc-st-overall-dot{background:#fd393f}.xc-landing .xc-st-overall.down .xc-st-overall-dot:after{box-shadow:0 0 #fd393f99}.xc-landing .xc-st-overall.down{border-color:#fd393f66}.xc-landing .xc-st-overall.unknown .xc-st-overall-dot{background:var(--xc-fg-3)}.xc-landing .xc-st-overall.unknown .xc-st-overall-dot:after{box-shadow:none}@keyframes xc-st-ping{0%{box-shadow:0 0 0 0 currentColor;opacity:.7}70%{box-shadow:0 0 0 12px transparent;opacity:0}to{box-shadow:0 0 0 0 transparent;opacity:0}}.xc-landing .xc-st-updated{margin-top:16px;font-family:var(--xc-font-mono);font-size:12px;color:var(--xc-fg-3)}.xc-landing .xc-st-section{padding-top:48px}.xc-landing .xc-st-group{margin-bottom:36px}.xc-landing .xc-st-group-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.xc-landing .xc-st-group-head h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.xc-landing .xc-st-group-head .count{font-family:var(--xc-font-mono);font-size:12px;color:var(--xc-fg-3)}.xc-landing .xc-st-group-body{display:grid;gap:14px}.xc-landing .xc-st-monitor{border:1px solid var(--xc-line);border-radius:18px;padding:20px 22px;background:linear-gradient(180deg,#ffffff08,#ffffff02);transition:border-color .25s ease}.xc-landing .xc-st-monitor:hover{border-color:var(--xc-line-2)}.xc-landing .xc-st-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.xc-landing .xc-st-monitor-name{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:600;color:var(--xc-fg-0)}.xc-landing .xc-st-monitor-right{display:flex;align-items:center;gap:10px}.xc-landing .xc-st-latency{font-family:var(--xc-font-mono);font-size:12px;color:var(--xc-fg-3)}.xc-landing .xc-st-dot{width:9px;height:9px;border-radius:50%;flex:none}.xc-landing .xc-st-pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:100px;font-size:11.5px;font-weight:600;letter-spacing:.01em;border:1px solid transparent}.xc-landing .ok{color:#5fd37f}.xc-landing .xc-st-dot.ok{background:#3fc168;box-shadow:0 0 8px #3fc168b3}.xc-landing .xc-st-pill.ok{background:#3fc16824;color:#6de18b;border-color:#3fc1684d}.xc-landing .xc-st-dot.warn{background:#edb417;box-shadow:0 0 8px #edb417b3}.xc-landing .xc-st-pill.warn{background:#edb41724;color:#fec84b;border-color:#edb4174d}.xc-landing .xc-st-dot.down{background:#fd393f;box-shadow:0 0 8px #fd393fb3}.xc-landing .xc-st-pill.down{background:#fd393f29;color:oklch(.75 .2 25);border-color:#fd393f59}.xc-landing .xc-st-dot.unknown{background:var(--xc-fg-3)}.xc-landing .xc-st-pill.unknown{background:#ffffff0d;color:var(--xc-fg-2);border-color:var(--xc-line-2)}.xc-landing .xc-st-bar{display:flex;gap:2px;align-items:stretch;height:38px}.xc-landing .xc-st-bar-day{flex:1 1 0;min-width:0;border-radius:2px;background:var(--xc-fg-4);transition:transform .12s ease,filter .12s ease}.xc-landing .xc-st-bar-day:hover{transform:scaleY(1.12);filter:brightness(1.25)}.xc-landing .xc-st-bar-day.ok{background:#1eab53}.xc-landing .xc-st-bar-day.good{background:#25984d}.xc-landing .xc-st-bar-day.warn{background:oklch(.78 .16 85)}.xc-landing .xc-st-bar-day.bad{background:#ee343b}.xc-landing .xc-st-bar-day.nodata{background:#ffffff0f}.xc-landing .xc-st-bar-legend{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-family:var(--xc-font-mono);font-size:11px;color:var(--xc-fg-3)}.xc-landing .xc-st-bar-legend .xc-st-90{color:var(--xc-fg-1)}.xc-landing .xc-st-windows{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--xc-line)}.xc-landing .xc-st-win{text-align:center}.xc-landing .xc-st-win .v{font-family:var(--xc-font-mono);font-size:17px;font-weight:600;color:var(--xc-fg-0);letter-spacing:-.01em}.xc-landing .xc-st-win .l{margin-top:2px;font-size:11.5px;color:var(--xc-fg-3)}.xc-landing .xc-st-skeleton,.xc-landing .xc-st-foot{color:var(--xc-fg-3);font-size:13.5px}.xc-landing .xc-st-skeleton{padding:40px 0;text-align:center}.xc-landing .xc-st-foot{margin-top:28px;max-width:640px;line-height:1.6}@media (max-width: 640px){.xc-landing .xc-st-hero{padding:116px 0 40px}.xc-landing .xc-st-overall{flex-direction:row;align-items:flex-start}.xc-landing .xc-st-windows{grid-template-columns:repeat(2,1fr)}.xc-landing .xc-st-bar{height:32px}}@media (prefers-reduced-motion: reduce){.xc-landing .xc-st-overall-dot:after{animation:none}}
