Responsive Hero Header with Tag Labels

<div class="md:w-2/3">
  <div class="inline-flex items-center gap-2 text-xs text-neutral-500 mb-2">
    <span class="inline-flex h-6 items-center rounded-full border border-neutral-200 bg-neutral-50 px-2.5 tracking-tight">NovaWatch</span>
    <span class="text-neutral-300">/</span>
    <span class="inline-flex h-6 items-center rounded-full border border-neutral-200 bg-white px-2.5">Realtime Insights</span>
  </div>
  <h1 class="text-neutral-800 text-2xl md:text-3xl font-semibold tracking-tight mb-1" style="line-height: 1.2;">
    NovaWatch finds issues
    <span class="hidden md:inline-block">—</span>
    <span class="block md:inline-block">then fixes them automatically</span>
  </h1>
  <p class="text-sm text-neutral-600 md:w-11/12">
    Autonomic monitoring across API, edge, and data layers. Alerts, root-cause, and remediation in one place.
  </p>
</div>