/* Haunted Real Estate website: the same night-purple palette as the game. */
:root {
  --bg: #1b1424;
  --panel: #2a2035;
  --text: #e8e0f0;
  --dim: #b3a8c2;
  --ecto: #9be7c4;
  --gold: #ffd34d;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  background: radial-gradient(ellipse at 50% 0%, #3a2a52 0%, var(--bg) 60%) no-repeat;
  color: var(--text);
  font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.wrap { max-width: 860px; margin: 0 auto; padding: 0 16px; }
a { color: var(--ecto); }
.hero { text-align: center; padding: 48px 0 20px; }
.logo { border-radius: 20px; }
h1 { font-size: clamp(2rem, 6vw, 3.2rem); margin: 12px 0 4px; letter-spacing: -0.02em; }
.tagline { color: var(--dim); font-size: 1.15rem; margin: 0; }
.shot {
  display: block; width: 100%; height: auto; margin: 24px 0;
  border-radius: 14px; border: 2px solid #3b2d4f;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}
.pitch { background: var(--panel); border-radius: 14px; padding: 8px 24px; }
.pitch ul { padding-left: 1.2em; }
.pitch li { margin: 4px 0; }
.download { text-align: center; padding: 32px 0 8px; }
.button {
  display: inline-block; padding: 14px 32px; border-radius: 12px;
  background: var(--ecto); color: var(--bg); font-weight: 700; font-size: 1.15rem;
  text-decoration: none; box-shadow: 0 0 24px rgba(155, 231, 196, 0.35);
}
.button:hover, .button:focus-visible { background: #c4f5df; }
.button-alt { background: transparent; color: var(--ecto); border: 2px solid var(--ecto); box-shadow: none; margin-left: 8px; }
.button-alt:hover, .button-alt:focus-visible { background: rgba(155, 231, 196, 0.12); }
@media (max-width: 520px) { .button-alt { margin: 12px 0 0; } }
.small { color: var(--dim); font-size: 0.9rem; }
.soon { color: var(--gold); font-weight: 600; }
.footer { text-align: center; color: var(--dim); font-size: 0.9rem; padding: 32px 16px 48px; }

/* Privacy policy and terms pages */
.doc { background: var(--panel); border-radius: 14px; padding: 8px 28px 24px; margin: 32px auto; }
.doc h1 { font-size: 2rem; }
.doc h2 { font-size: 1.25rem; margin-top: 1.6em; color: var(--ecto); }
.back { display: inline-block; margin-top: 24px; }