<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>PictoEQ | AI-Powered Acoustic Analysis & Calibration</title>

  <style>

    * {

      box-sizing: border-box;

      margin: 0;

      padding: 0;

    }

    body {

      background-color: #121212;

      color: #FFFFFF;

      font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;

      display: flex;

      justify-content: center;

      align-items: center;

      min-height: 100vh;

      padding: 20px;

      text-align: center;

    }

    .card {

      background-color: #1F1F1F;

      border: 1px solid #2D2D2D;

      border-radius: 12px;

      padding: 40px 30px;

      max-width: 520px;

      width: 100%;

      box-shadow: 0 10px 30px rgba(0,0,0,0.5);

    }

    .logo {

      width: 70px;

      height: auto;

      margin-bottom: 16px;

    }

    .brand-title {

      font-size: 26px;

      font-weight: 700;

      letter-spacing: 2px;

      margin-bottom: 6px;

    }

    .brand-title span {

      color: #FFD400;

    }

    .subtitle {

      font-size: 12px;

      color: #FFD400;

      text-transform: uppercase;

      letter-spacing: 1.5px;

      margin-bottom: 24px;

      font-weight: 600;

    }

    p.description {

      font-size: 14px;

      line-height: 1.6;

      color: #A0A0A0;

      margin-bottom: 30px;

    }

    form {

      display: flex;

      flex-direction: column;

      gap: 12px;

    }

    input[type="email"] {

      padding: 14px 16px;

      background-color: #121212;

      border: 1px solid #333333;

      border-radius: 6px;

      color: #FFFFFF;

      font-size: 14px;

      outline: none;

      transition: border-color 0.2s;

    }

    input[type="email"]:focus {

      border-color: #FFD400;

    }

    button {

      padding: 14px;

      background-color: #FFD400;

      color: #121212;

      font-weight: 700;

      font-size: 14px;

      border: none;

      border-radius: 6px;

      cursor: pointer;

      text-transform: uppercase;

      letter-spacing: 1px;

      transition: opacity 0.2s;

    }

    button:hover {

      opacity: 0.9;

    }

    .footer-note {

      font-size: 11px;

      color: #666666;

      margin-top: 24px;

    }

  </style>

</head>

<body>

  <div class="card">

    <img src="pictoeq_logo.png" alt="PictoEQ Logo" class="logo" onerror="this.style.display='none'">

    <div class="brand-title"><span>PICTO</span>EQ</div>

    <div class="subtitle">Acoustic Analysis & DSP Calibration</div>

    <p class="description">

      AI-driven room acoustics analysis. Transform 4 photos into a commercial-grade DSP correction report for low-frequency room modes (&lt;200 Hz) in seconds.

    </p>

    <form action="#" method="POST">

      <input type="email" placeholder="Enter your email address" required>

      <button type="submit">Get Early Access</button>

    </form>

    <div class="footer-note">

      Coming Soon. Designed for independent producers and studio engineers.

    </div>

  </div>

</body>

</html>