:root { --bg: #121212; --fg: #f4f0f6; --muted: #9a94a0; --purple: #b06cae; }
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  margin: 0; min-height: 100vh; display: flex; flex-direction: column;
  background: radial-gradient(ellipse at 50% 0%, #2b1e30, var(--bg) 65%) no-repeat;
  color: var(--fg); font: 1.0625rem/1.6 system-ui, sans-serif; text-align: center;
}
main {
  flex: 1; display: flex; flex-direction: column; align-items: center;
  justify-content: center; padding: 3rem 1.5rem;
}
img { width: 96px; height: auto; }
h1 {
  margin: 1.5rem 0 .25rem; font: 400 clamp(2.5rem, 9vw, 4rem)/1.1 Georgia, "Times New Roman", serif;
}
.tagline { margin: 0 0 2rem; color: var(--purple); font: italic 1.25rem Georgia, serif; }
p { max-width: 32rem; margin: 0 0 2.5rem; color: #cfc9d4; }
.soon { margin-bottom: 1rem; color: var(--muted); font-size: .95rem; }
.stores { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: center; }
.store {
  display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1.25rem;
  border: 1px solid #3a3440; border-radius: .75rem; color: var(--fg); opacity: .85;
}
.store svg { width: 1.4rem; height: 1.4rem; fill: currentColor; }
footer { padding: 1.5rem; color: var(--muted); font-size: .85rem; }