Stats Band CTA

<!--
  Each metric is a <dl> pair with the value shown first via order-* while the
  DOM keeps dt-then-dd, so it still reads correctly to a screen reader. The grid
  is two columns on phones and four from sm: up, so four big numbers never get
  crushed into one unreadable row.
-->
<section class="mx-auto w-full max-w-5xl px-4 py-14 sm:px-6 sm:py-20">
  <div class="flex flex-col items-center gap-8 text-center">
    <div>
      <h2 class="text-2xl font-bold tracking-tight text-gray-900 sm:text-4xl dark:text-gray-100">
        Trusted by teams that ship
      </h2>
      <p class="mx-auto mt-4 max-w-xl text-base leading-relaxed text-gray-600 dark:text-gray-400">
        Join thousands of teams already building on the platform.
      </p>
      <div class="mt-7">
        <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-white motion-reduce:transition-none sm:w-auto dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-900"
        >
          Get started
        </a>
      </div>
    </div>

    <dl class="grid w-full grid-cols-2 gap-6 border-t border-gray-200 pt-8 sm:grid-cols-4 dark:border-gray-800">
      <div class="flex flex-col">
        <dt class="order-2 text-sm text-gray-600 dark:text-gray-400">Active teams</dt>
        <dd class="order-1 text-2xl font-bold text-gray-900 sm:text-3xl dark:text-gray-100">12k+</dd>
      </div>
      <div class="flex flex-col">
        <dt class="order-2 text-sm text-gray-600 dark:text-gray-400">Uptime</dt>
        <dd class="order-1 text-2xl font-bold text-gray-900 sm:text-3xl dark:text-gray-100">99.99%</dd>
      </div>
      <div class="flex flex-col">
        <dt class="order-2 text-sm text-gray-600 dark:text-gray-400">Deploys / day</dt>
        <dd class="order-1 text-2xl font-bold text-gray-900 sm:text-3xl dark:text-gray-100">2.4M</dd>
      </div>
      <div class="flex flex-col">
        <dt class="order-2 text-sm text-gray-600 dark:text-gray-400">Countries</dt>
        <dd class="order-1 text-2xl font-bold text-gray-900 sm:text-3xl dark:text-gray-100">90+</dd>
      </div>
    </dl>
  </div>
</section>