:root{color-scheme:dark;--bg:#070910;--panel:rgba(255,255,255,0.055);--panel-border:rgba(255,255,255,0.11);--text:#f6f7fb;--muted:#9ea6ba;--accent:#8c7cff;--accent-soft:rgba(140,124,255,0.16);--ok:#84e8ba}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(140,124,255,.16),transparent 36rem),radial-gradient(circle at 88% 86%,rgba(80,205,190,.08),transparent 32rem),var(--bg)}button{font:inherit}.fallback-shell,.shell{min-height:100vh;display:grid;place-items:center;padding:32px}.hero{width:min(100%,980px);padding:clamp(28px,5vw,64px);border:1px solid var(--panel-border);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 30px 100px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-row{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:var(--accent-soft);color:#cfc8ff;font-weight:750}.brand-name{font-size:1.05rem;font-weight:720;letter-spacing:-.02em}.environment-badge{margin-left:auto;padding:7px 10px;border:1px solid var(--panel-border);border-radius:999px;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.hero-copy{max-width:760px;padding:88px 0 56px}.eyebrow{margin:0 0 16px;color:#b7adff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.96;letter-spacing:-.055em}.lede{max-width:690px;margin:28px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.status-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--panel-border);border-radius:18px;background:var(--panel-border)}.status-card>div{min-width:0;padding:18px;background:rgba(7,9,16,.78)}.status-label{display:block;margin-bottom:7px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.status-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.status-ok{color:var(--ok)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:500}.truth-note{margin:20px 0 0;color:#747d91;font-size:.82rem}.error-card,.fallback-shell{width:min(100%,680px)}.error-card h1,.fallback-shell h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1}.error-card p,.fallback-shell p{color:var(--muted);line-height:1.6}.error-card button,.fallback-shell button{margin-top:12px;padding:11px 16px;border:1px solid var(--panel-border);border-radius:12px;background:var(--accent-soft);color:var(--text);cursor:pointer}@media (max-width:720px){.shell{padding:16px}.hero{border-radius:22px}.hero-copy{padding:64px 0 44px}.status-card{grid-template-columns:1fr}}