:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#000;--surface:#1c1c1e;--surface-hover:#242426;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#6e6e73;--accent:#0a84ff;--accent-hover:#198cff;--online:#30d158;--degraded:#ffd60a;--offline:#ff453a;--hairline:#ffffff14;--content-width:1200px}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;font:inherit;border:0;margin:0}::selection{color:var(--text-primary);background:#0a84ff59}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.appShell{min-height:100vh;background:var(--background);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.siteHeader{z-index:20;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:saturate(140%)blur(18px);backdrop-filter:saturate(140%)blur(18px);background:#000000c7;position:sticky;top:0}.headerInner,.footerInner{width:min(100%, var(--content-width));margin:0 auto;padding-inline:clamp(20px,4vw,48px)}.headerInner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.wordmark{letter-spacing:-.025em;border-radius:6px;font-size:17px;font-weight:600;line-height:1}.siteNav{align-items:center;gap:clamp(20px,3vw,32px);display:flex}.headerLink{min-height:44px;color:var(--text-secondary);border-radius:8px;align-items:center;font-size:14px;line-height:1;transition:color .18s;display:inline-flex}.headerLink:hover{color:var(--text-primary)}.mainContent{min-width:0}.hero{text-align:center;place-items:center;min-height:calc(100svh - 136px);padding:clamp(72px,11vh,120px) 20px clamp(96px,15vh,152px);display:grid}.heroContent{width:min(100%,720px);transform:translateY(-2vh)}h1{color:var(--text-primary);letter-spacing:-.055em;margin:0;font-size:clamp(56px,7vw,80px);font-weight:650;line-height:.98}.serviceDescription{color:var(--text-secondary);letter-spacing:-.018em;margin:18px 0 0;font-size:clamp(19px,2.2vw,23px);font-weight:400;line-height:1.35}.primaryActions{justify-content:center;align-items:center;gap:10px;margin-top:38px;display:flex}.button{letter-spacing:-.01em;border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:550;line-height:1;transition:background-color .18s,color .18s,opacity .18s,transform .18s;display:inline-flex}.buttonPrimary{background:var(--accent);color:#fff}.buttonPrimary:hover{background:var(--accent-hover)}.buttonSecondary{color:var(--text-primary)}.buttonSecondary:hover{background:#ffffff14}.button:active,.statusTrigger:active,.closeButton:active,.statusPopoverActions button:active,.statusPopoverActions a:active{transform:scale(.98)}.statusControl{justify-content:center;width:fit-content;margin:24px auto 0;display:flex;position:relative}.statusTrigger{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:13px;line-height:1;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.statusTrigger:hover,.statusTrigger[aria-expanded=true]{color:var(--text-secondary);background:#ffffff0e}.statusDot{background:var(--text-muted);border-radius:50%;flex:none;width:7px;height:7px}.statusDot[data-state=online]{background:var(--online)}.statusDot[data-state=degraded]{background:var(--degraded)}.statusDot[data-state=offline]{background:var(--offline)}.statusDot[data-state=checking],.statusDot[data-state=reconnecting]{animation:1.5s ease-in-out infinite statusPulse}.statusPopover{z-index:30;border:1px solid var(--hairline);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1c1ef5;border-radius:16px;width:280px;animation:.18s ease-out popoverIn;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 22px 70px #0000006b}.statusPopoverHeader{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;min-height:50px;padding:0 10px 0 16px;font-size:14px;font-weight:600;display:flex}.closeButton{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9px;place-items:center;font-size:21px;font-weight:300;line-height:1;transition:background-color .18s,color .18s,transform .18s;display:grid}.closeButton:hover{color:var(--text-primary);background:#ffffff13}.statusSummary{align-items:flex-start;gap:10px;padding:18px 16px;display:flex}.statusSummary .statusDot{margin-top:5px}.statusSummary p{margin:0;font-size:14px;font-weight:550}.statusSummary span:not(.statusDot){color:var(--text-secondary);margin-top:5px;font-size:12px;line-height:1.4;display:block}.statusPopoverActions{border-top:1px solid var(--hairline);justify-content:flex-end;gap:6px;padding:9px;display:flex}.statusPopoverActions button,.statusPopoverActions a{min-height:36px;color:var(--accent);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:500;transition:background-color .18s,transform .18s;display:inline-flex}.statusPopoverActions button:hover,.statusPopoverActions a:hover{background:#ffffff12}.siteFooter{color:var(--text-muted)}.footerInner{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;min-height:72px;font-size:12px;display:flex}.footerInner a{border-radius:6px;align-items:center;min-height:44px;transition:color .18s;display:inline-flex}.footerInner a:hover{color:var(--text-secondary)}@keyframes statusPulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes popoverIn{0%{opacity:0;transform:translate(-50%,-5px)scale(.985)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:560px){.headerInner,.footerInner{padding-inline:20px}.siteNav{gap:18px}.hero{min-height:calc(100svh - 128px);padding:68px 20px 92px}.heroContent{transform:translateY(-1vh)}h1{font-size:clamp(52px,16vw,64px)}.serviceDescription{margin-top:14px;font-size:19px}.primaryActions{width:min(100%,320px);margin:34px auto 0;display:grid}.button{width:100%;min-height:50px}.statusControl{margin-top:20px;position:static}.statusPopover{border-radius:18px;width:auto;animation-name:sheetIn;position:fixed;inset:auto 12px 12px;transform:none}.statusPopoverActions button,.statusPopoverActions a{min-height:44px}}@media (max-height:620px) and (orientation:landscape){.hero{min-height:480px;padding-block:64px 80px}.heroContent{transform:none}}@keyframes sheetIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
