/* omnigaugeos.ai while the app fits out: the app's own ship in fine lines on Void black, its own faces (Chakra Petch,
   Geist), one lamp in its amber, and nothing loaded from anywhere else. One theme on purpose: the ship is drawn for
   black. */
@font-face { font-family: "Chakra Petch"; src: url(fonts/ChakraPetch-SemiBold.ttf) format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Chakra Petch"; src: url(fonts/ChakraPetch-Medium.ttf) format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Geist"; src: url(fonts/Geist.ttf) format("truetype"); font-weight: 100 900; font-display: swap; }
:root { --ground: #06070a; --ink: #eef1f6; --muted: #8a92a4; --dim: #565d6e; --amber: #ffb02e; --rule: rgba(238, 241, 246, .09); color-scheme: dark; }
html, body { height: 100%; margin: 0; background: var(--ground); color: var(--ink); }
body { overflow: hidden; font: 400 16px/1.5 "Geist", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
#ship { position: fixed; inset: 0; width: 100%; height: 100%; display: block; }
/* a dark band where the words sit, so the ship's lines never cross them */
body::after { content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 48vh; background: linear-gradient(to top, rgba(6, 7, 10, .94) 30%, rgba(6, 7, 10, 0)); pointer-events: none; }
main { position: fixed; z-index: 1; left: clamp(20px, 6vw, 96px); bottom: clamp(72px, 12vh, 132px); max-width: min(680px, calc(100vw - 40px)); }
.eye { display: flex; align-items: center; gap: 11px; margin: 0 0 16px; font: 600 12px/1 "Chakra Petch", system-ui, sans-serif; letter-spacing: .3em; text-transform: uppercase; color: var(--amber); }
.lamp { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 3px rgba(255, 176, 46, .16), 0 0 16px rgba(255, 176, 46, .55); animation: lamp 2.6s ease-in-out infinite; }
@keyframes lamp { 50% { opacity: .38; box-shadow: 0 0 0 3px rgba(255, 176, 46, .05), 0 0 4px rgba(255, 176, 46, .2); } }
h1 { margin: 0; font: 600 clamp(46px, 9.4vw, 112px)/.94 "Chakra Petch", system-ui, sans-serif; letter-spacing: -.012em; text-wrap: balance; }
.line { margin: 20px 0 0; font-size: clamp(16px, 1.55vw, 19px); color: var(--dim); }
/* each stage of the teaser lights as the ship reaches it (launch.js); the last one in the lamp's amber */
.line [data-stage] { transition: color .9s ease; }
.line [data-stage].on { color: var(--ink); }
.line [data-stage]:last-child.on { color: var(--amber); }
footer { position: fixed; z-index: 1; left: clamp(20px, 6vw, 96px); right: clamp(20px, 6vw, 96px); bottom: 22px; display: flex; justify-content: space-between; gap: 16px; padding-top: 14px; border-top: 1px solid var(--rule);
  font: 500 11px/1 "Chakra Petch", system-ui, sans-serif; letter-spacing: .24em; text-transform: uppercase; color: var(--dim); }
@media (prefers-reduced-motion: reduce) { .lamp { animation: none; } }