<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex" />
<title>Quietlytic</title>
<style>
  :root {
    color-scheme: dark;
    --color-paper: #10100E;
    --color-ink: #F1EEE6;
    --color-graphite: #AAA69D;
    --color-muted: #77736B;
    --color-rule: #302E29;
    --color-signal: #D05A45;
  }
  * { box-sizing: border-box; }
  html, body {
    margin: 0;
    height: 100%;
    background: var(--color-paper);
    color: var(--color-ink);
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  }
  body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
  }
  .card {
    max-width: 440px;
    width: 100%;
    text-align: center;
  }
  h1 {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 0 12px;
  }
  p {
    font-size: 0.9375rem;
    line-height: 1.55;
    color: var(--color-graphite);
    margin: 0;
  }
  .rule {
    width: 32px;
    height: 2px;
    background: var(--color-signal);
    margin: 0 auto 20px;
  }
</style>
</head>
<body>
  <div class="card">
    <div class="rule"></div>
    <h1>Quietlytic</h1>
    <p>Something new is on the way.</p>
  </div>
</body>
</html>