/* Small render-blocking style for the server-visible HTML before React mounts. */
html, body { margin: 0; min-height: 100%; background: #07090e; color: #f4f4f5; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
.public-shell { max-width: 100%; }
.public-shell-hero { min-height: 100vh; min-height: 100svh; display: flex; align-items: center; justify-content: center; padding: 4rem 1.5rem; text-align: center; background: radial-gradient(ellipse at 50% 30%, #352510 0%, #141311 37%, #07090e 72%); }
.public-shell-hero-inner { width: min(100%, 47rem); }
.public-shell-mark { display: block; width: 5rem; height: 5rem; margin: 0 auto 1.75rem; object-fit: contain; }
.public-shell-eyebrow { margin: 0 0 1rem; color: #fbbf24; font-size: .8rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.public-shell h1 { margin: 0; font-size: clamp(2.1rem, 7vw, 4.5rem); line-height: 1.06; letter-spacing: -.04em; }
.public-shell-intro { max-width: 40rem; margin: 1.4rem auto 0; color: #d4d4d8; font-size: clamp(1rem, 2.5vw, 1.2rem); line-height: 1.65; }
.public-shell-cue { margin: 2rem 0 0; color: #a1a1aa; font-size: .85rem; }
.public-shell-cue::before { content: ""; display: inline-block; width: .6rem; height: .6rem; margin-right: .6rem; border-radius: 50%; background: #fbbf24; box-shadow: 0 0 1rem #fbbf2477; }
.public-shell-skip { display: inline-block; margin-top: 1.5rem; color: #fcd34d; text-underline-offset: .2em; }
.public-shell-details { width: min(100% - 3rem, 58rem); margin: 0 auto; padding: 3rem 0 5rem; line-height: 1.7; }
.public-shell-details h2 { margin-top: 2.5rem; color: #fcd34d; }
.public-shell-details a { color: #fcd34d; }
.public-shell-details ul, .public-shell-details ol { padding-left: 1.4rem; }
.public-shell-details li { margin: .35rem 0; }
.public-shell-details nav ul { columns: 2; column-gap: 2rem; }
@media (max-width: 40rem) { .public-shell-details nav ul { columns: 1; } }