/* The apex coming-soon page: the lockup on the green ground (tokens.css ground scheme: --color-bg #073827,
   --color-text-primary #e6f1eb), nothing else. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: grid;
  place-items: center;
  padding: 24px;
  background: #073827;
  color: #e6f1eb;
  font: 400 1.125rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { display: grid; justify-items: center; gap: 20px; text-align: center; }
h1 { margin: 0 0 8px; }
h1 img { display: block; width: min(320px, 72vw); height: auto; }
p { margin: 0; }
.soon { font-size: clamp(1.25rem, 3.4vw, 1.75rem); letter-spacing: -0.01em; }
.mail a { color: #e6f1eb; text-underline-offset: 4px; }
.mail a:hover { text-decoration-thickness: 2px; }
.mail a:focus-visible { outline: 2px solid #e6f1eb; outline-offset: 4px; }