Enterprise Contact Banner

<!-- The buttons stack under the copy at phone widths (flex-col) and move beside
     it from sm up; the panel never forces a horizontal scroll. -->
<section class="mx-auto w-full max-w-4xl px-4" aria-labelledby="enterprise-cta-heading">
  <div class="flex flex-col gap-6 rounded-2xl border border-gray-200 bg-gray-50 p-6 sm:flex-row sm:items-center sm:justify-between sm:p-8 dark:border-gray-800 dark:bg-gray-900">
    <div class="min-w-0">
      <p class="text-xs font-semibold uppercase tracking-wide text-blue-700 dark:text-blue-400">Enterprise</p>
      <h2 class="mt-2 text-xl font-bold tracking-tight text-gray-900 sm:text-2xl dark:text-gray-100" id="enterprise-cta-heading">
        Need a plan for your whole company?
      </h2>
      <p class="mt-2 max-w-xl text-sm leading-relaxed text-gray-600 dark:text-gray-400">
        Custom volume pricing, SSO, a dedicated success manager and a 99.9% uptime SLA. Tell us what you need and we will size a plan to fit.
      </p>
    </div>
    <div class="flex flex-col gap-3 sm:flex-none">
      <a href="#" class="inline-flex w-full items-center justify-center rounded-lg bg-blue-600 px-5 py-2.5 text-sm font-semibold text-white transition-colors hover:bg-blue-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-50 motion-reduce:transition-none sm:w-auto dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-900">Contact sales</a>
      <a href="#" class="inline-flex w-full items-center justify-center rounded-lg border border-gray-300 px-5 py-2.5 text-sm font-semibold text-gray-700 transition-colors hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-50 motion-reduce:transition-none sm:w-auto dark:border-gray-700 dark:text-gray-300 dark:hover:bg-gray-800 dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-900">View docs</a>
    </div>
  </div>
</section>