:root { color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh; min-height: 100svh;
  background: #0d0d0f; color: #d6d6dc;
  font: clamp(1rem, 0.9rem + 0.5vw, 1.25rem)/1.5 system-ui, -apple-system, sans-serif;
  display: grid; place-items: center;
}
main {
  width: 100%; max-width: 44.5rem;
  padding: clamp(1rem, 4vw, 3rem) 1rem;
  text-align: center;
}
.hero { margin: 0 0 clamp(1.25rem, 4vw, 2.5rem); }
.hero img {
  display: block; width: 100%; height: auto;
  border-radius: 4px;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 0.6);
}
.tagline { margin: 0; letter-spacing: 0.04em; color: #b9b9c2; }