:root {
  --bg: #17140f;
  --ink: #f4eee4;
  --muted: #a89f92;
  --gold: #d6a65a;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); }
body {
  font-family: "Heebo", system-ui, sans-serif; min-height: 100dvh;
  display: flex; align-items: center; justify-content: center;
  padding: env(safe-area-inset-top) 16px env(safe-area-inset-bottom); text-align: center;
}
main { max-width: 560px; }
h1 { margin: 0; color: var(--ink); font-size: clamp(52px, 13vw, 92px); line-height: 1.1; }
.logo { font-family: "Poppins", "Heebo", sans-serif; font-weight: 800; letter-spacing: -0.045em; }
.tagline { margin: 18px 0 28px; font-size: clamp(20px, 5vw, 26px); font-weight: 300; }
.about { margin: 0 0 32px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.note { margin: 0; color: var(--gold); font-size: 14px; opacity: .85; }