AI Audio Processing Feature Card

<aside
  class="relative overflow-hidden sm:rounded-3xl flex flex-col bg-zinc-950 border-zinc-900 border rounded-2xl pt-5 pr-5 pb-5 pl-5 max-w-md">
  <div class="flex items-center justify-between text-xs sm:text-sm text-zinc-400">
    <span class="">Audio &amp; AI Tools</span>
    <span class="">Pro</span>
  </div>
  <h4 class="sm:mt-4 sm:text-3xl md:text-4xl text-2xl font-semibold text-zinc-100 tracking-tight mt-3">
    Smart audio processing with AI-powered enhancement
  </h4>
  <p class="md:text-base text-sm text-zinc-300 mt-3">
    Advanced dialogue enhancement, noise reduction, and spatial audio mixing—all powered by machine learning algorithms
    for broadcast-quality results.
  </p>

  <!-- Audio Visualization -->
  <div class="mt-6 md:mt-8">
    <div class="grid grid-cols-12 gap-2 h-16 items-end">
      <span class="h-4 bg-emerald-500 rounded-2xl"></span>
      <span class="h-6 bg-emerald-500/80 rounded-2xl"></span>
      <span class="h-8 bg-emerald-500/60 rounded-2xl"></span>
      <span class="h-12 bg-emerald-500 rounded-2xl"></span>
      <span class="h-10 bg-emerald-400 rounded-2xl"></span>
      <span class="h-14 bg-emerald-500 rounded-2xl"></span>
      <span class="h-6 bg-emerald-500/80 rounded-2xl"></span>
      <span class="h-9 bg-emerald-500/60 rounded-2xl"></span>
      <span class="h-5 bg-emerald-500 rounded-2xl"></span>
      <span class="h-11 bg-emerald-400 rounded-2xl"></span>
      <span class="h-7 bg-emerald-500/80 rounded-2xl"></span>
      <span class="h-3 bg-emerald-500/60 rounded-2xl"></span>
    </div>
  </div>

  <div class="mt-6 flex items-center gap-2 text-zinc-300 text-sm">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
      stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4 text-emerald-500">
      <path d="M2 10v3" class=""></path>
      <path d="M6 6v11" class=""></path>
      <path d="M10 3v18" class=""></path>
      <path d="M14 8v7" class=""></path>
      <path d="M18 5v13" class=""></path>
      <path d="M22 10v3" class=""></path>
    </svg>
    <span class="font-medium">Clean, enhance, and perfect your audio.</span>
  </div>
</aside>