:root { color-scheme: dark; }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body { background: #0d0d0f; color: #f5f2ea; font-family: Arial, Helvetica, sans-serif; min-height: 100vh; display: flex; flex-direction: column; }
  header { padding: 28px 24px 0; }
  .wordmark { font-size: 20px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; }
  .wordmark .bar { display: block; width: 72px; height: 5px; margin-top: 10px; background: linear-gradient(90deg, #ff004c, #ff8a00, #ffee00, #00c853, #2979ff, #aa00ff); border-radius: 3px; }
  main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 48px 24px; max-width: 760px; }
  h1 { font-size: 52px; line-height: 1.05; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
  .tagline { font-size: 24px; font-weight: 700; margin-top: 20px; }
  .body-copy { font-size: 18px; line-height: 1.55; margin-top: 16px; color: #d8d3c8; }
  .cta { display: inline-block; margin-top: 32px; background: #f5f2ea; color: #0d0d0f; font-weight: 900; font-size: 18px; text-decoration: none; padding: 16px 28px; border-radius: 999px; text-transform: uppercase; letter-spacing: 1px; }
  .soon { margin-top: 20px; font-size: 15px; color: #9a958a; }
  footer { padding: 24px; font-size: 13px; color: #9a958a; border-top: 1px solid #26262b; }
  @media (max-width: 560px) { h1 { font-size: 38px; } .tagline { font-size: 20px; } }