:root{--orange: #eb7546;--orange-hover: #f97449;--ink: #191e23;--bg: #f5f7fa;--bg-alt: #ffffff;--muted: #5c6470;--line: rgba(25, 30, 35, .07);--border: rgba(25, 30, 35, .08);--radius: 16px;--font: "Roboto", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.grid-backdrop{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 32%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 32%,#000 55%,transparent 100%)}.grid-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 10%,rgba(235,117,70,.16),transparent 70%)}.hero{min-height:100%;display:grid;place-items:center;padding:6vh 20px}.panel{width:100%;max-width:620px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(28px,5vw,52px);box-shadow:0 1px 2px #191e230a,0 24px 60px -28px #191e2347;text-align:center}.kicker{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--orange)}.title{margin:0;font-size:clamp(40px,8vw,68px);font-weight:900;letter-spacing:-.02em;line-height:1.02}.tagline{margin:18px auto 0;max-width:46ch;font-size:clamp(15px,2.4vw,18px);color:var(--muted);line-height:1.55}.status{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:8px 16px;border-radius:999px;border:1px solid rgba(25,30,35,.1);background:var(--bg);font-size:14px;font-weight:500}.status__dot{width:9px;height:9px;border-radius:50%;background:#c9ced6}.status[data-state=checking] .status__dot{background:#e0a23c;animation:pulse 1.2s ease-in-out infinite}.status[data-state=online] .status__dot{background:#2fae66}.status[data-state=offline] .status__dot{background:#d6493b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.stack{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);text-align:left}.chip__label{font-size:13px;font-weight:700}.chip__note{font-size:11px;color:var(--muted)}.footnote{margin:30px auto 0;max-width:48ch;font-size:13px;line-height:1.6;color:var(--muted)}@media(prefers-reduced-motion:reduce){.status[data-state=checking] .status__dot{animation:none}}