:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: #0b0b0b;
  color: #f3efe7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.landing {
  display: grid;
  min-height: 100vh;
  min-height: 100svh;
  place-items: center;
  padding: 40px 24px;
  text-align: center;
}
.content { width: min(100%, 480px); }
h1 { margin: 0; line-height: 0; }
h1 img {
  display: block;
  width: min(100%, 390px);
  height: auto;
  margin: 0 auto;
}
.subtitle {
  margin: 4px 0 0;
  font-size: clamp(18px, 3.5vw, 22px);
  font-weight: 500;
  letter-spacing: .015em;
}
.status {
  margin: 24px 0 0;
  color: #a7a19a;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .12em;
}
@media (max-width: 480px) {
  h1 img { width: min(100%, 320px); }
  .status { margin-top: 20px; }
}