<!DOCTYPE html>

<html lang="ru">

<head>

  <meta charset="UTF-8">

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

  <title>СИЯЙ — Вокальный рэк VST</title>

  <meta name="description" content="СИЯЙ — профессиональный вокальный рэк для обработки голоса. VST3 и AU для Windows и macOS.">

  <link rel="preconnect" href="https://fonts.googleapis.com">

  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="style.css">

</head>

<body>

  <header class="header">

    <nav class="nav">

      <a href="#" class="logo">СИЯЙ</a>

      <ul class="nav-links">

        <li><a href="#features">Возможности</a></li>

        <li><a href="#pricing">Цена</a></li>

        <li><a href="#requirements">Требования</a></li>

      </ul>

    </nav>

  </header>

  <section class="hero">

    <div class="hero-content">

      <p class="hero-badge">VST3 · AU · Вокальный рэк</p>

      <h1 class="hero-title">СИЯЙ</h1>

      <p class="hero-subtitle">Профессиональная обработка вокала — в одном плагине.</p>

      <div class="hero-actions">

        <a href="#pricing" class="btn btn-primary">Купить за $199</a>

        <a href="#features" class="btn btn-ghost">Узнать больше</a>

      </div>

    </div>

    <div class="hero-glow"></div>

  </section>

  <section class="about">

    <div class="container">

      <h2 class="section-title">Всё, что нужно вокалу</h2>

      <p class="section-text">

        СИЯЙ — это вокальный рэк, объединяющий все необходимые инструменты для обработки голоса

        в одном плагине. От коррекции интонации до финального полировки — без лишних цепочек эффектов.

      </p>

    </div>

  </section>

  <section id="features" class="features">

    <div class="container">

      <h2 class="section-title">Возможности</h2>

      <div class="features-grid">

        <div class="feature-card">

          <div class="feature-icon">🎙️</div>

          <h3>Коррекция интонации</h3>

          <p>Точная настройка высоты тона с естественным звучанием.</p>

        </div>

        <div class="feature-card">

          <div class="feature-icon">🎚️</div>

          <h3>Многополосный компрессор</h3>

          <p>Контроль динамики по частотам — вокал всегда на своём месте.</p>

        </div>

        <div class="feature-card">

          <div class="feature-icon">✨</div>

          <h3>Реверберация и дилей</h3>

          <p>Пространственные эффекты студийного качества прямо в рэке.</p>

        </div>

        <div class="feature-card">

          <div class="feature-icon">🎛️</div>

          <h3>Эквалайзер</h3>

          <p>Параметрический EQ для удаления резонансов и формирования тембра.</p>

        </div>

        <div class="feature-card">

          <div class="feature-icon">🔥</div>

          <h3>Сатурация</h3>

          <p>Добавьте теплоты и характера вокальной партии.</p>

        </div>

        <div class="feature-card">

          <div class="feature-icon">⚡</div>

          <h3>Пресеты</h3>

          <p>Готовые настройки для быстрого старта — от поп до рока.</p>

        </div>

      </div>

    </div>

  </section>

  <section id="pricing" class="pricing">

    <div class="container">

      <h2 class="section-title">Цена</h2>

      <div class="pricing-card">

        <p class="pricing-name">СИЯЙ — Вокальный рэк</p>

        <p class="pricing-price">$199</p>

        <ul class="pricing-features">

          <li>✅ VST3 и AU форматы</li>

          <li>✅ Windows и macOS</li>

          <li>✅ Все будущие обновления бесплатно</li>

          <li>✅ Пожизненная лицензия</li>

          <li>✅ Поддержка по электронной почте</li>

        </ul>

        <button class="btn btn-primary btn-block" id="buy-btn">Купить за $199</button>

        <p class="pricing-note">Скоро в продаже</p>

      </div>

    </div>

  </section>

  <section id="requirements" class="requirements">

    <div class="container">

      <h2 class="section-title">Системные требования</h2>

      <div class="req-grid">

        <div class="req-card">

          <h3>🪟 Windows</h3>

          <ul>

            <li>Windows 10 (64-bit) или новее</li>

            <li>VST3-совместимая DAW</li>

            <li>4 ГБ RAM минимум</li>

          </ul>

        </div>

        <div class="req-card">

          <h3>🍎 macOS</h3>

          <ul>

            <li>macOS 11 (Big Sur) или новее</li>

            <li>AU / VST3-совместимая DAW</li>

            <li>Нативная поддержка Apple Silicon</li>

            <li>4 ГБ RAM минимум</li>

          </ul>

        </div>

      </div>

    </div>

  </section>

  <footer class="footer">

    <div class="container">

      <p class="footer-logo">СИЯЙ</p>

      <p class="footer-text">© 2026 СИЯЙ. Все права защищены.</p>

    </div>

  </footer>

  <div class="modal-overlay" id="modal">

    <div class="modal">

      <h3>Скоро в продаже! 🔜</h3>

      <p>Плагин ещё не доступен для покупки. Следите за обновлениями.</p>

      <button class="btn btn-primary" id="modal-close">Понятно</button>

    </div>

  </div>

  <script src="script.js"></script>

</body>

</html>