Stats Mobile App Dark

                <!--
@type: Stats
@industry: Mobile App
@style: Dark
@category: Page Section, Social Proof
@framework: Tailwind
@license: Free
-->

<section class="bg-zinc-950 py-20 px-6">
  <div class="max-w-7xl mx-auto">

    <div class="text-center mb-16">
      <p class="text-lime-400 font-bold tracking-widest uppercase text-xs mb-3">Global Impact</p>
      <h2 class="text-3xl md:text-4xl font-extrabold text-white">Numbers that speak for themselves.</h2>
    </div>

    <div class="grid grid-cols-2 lg:grid-cols-4 gap-y-12 gap-x-6 border-y border-zinc-900 py-16">

      <div class="text-center md:border-r border-zinc-900 last:border-0">
        <div class="flex items-center justify-center gap-2 mb-2">
          <span class="text-5xl md:text-6xl font-black text-white tracking-tighter">50k</span>
          <span class="text-xs font-bold text-lime-400 bg-lime-400/10 px-2 py-1 rounded-full">+12%</span>
        </div>
        <p class="text-zinc-500 font-medium uppercase tracking-widest text-[10px]">Active Creators</p>
      </div>

      <div class="text-center lg:border-r border-zinc-900 last:border-0">
        <div class="flex items-center justify-center gap-2 mb-2">
          <span class="text-5xl md:text-6xl font-black text-white tracking-tighter">12m</span>
        </div>
        <p class="text-zinc-500 font-medium uppercase tracking-widest text-[10px]">Tasks Completed</p>
      </div>

      <div class="text-center md:border-r border-zinc-900 last:border-0">
        <div class="flex items-center justify-center gap-2 mb-2">
          <span class="text-5xl md:text-6xl font-black text-white tracking-tighter">99.9</span>
          <span class="text-white font-bold text-2xl mb-4">%</span>
        </div>
        <p class="text-zinc-500 font-medium uppercase tracking-widest text-[10px]">Uptime SLA</p>
      </div>

      <div class="text-center last:border-0">
        <div class="flex items-center justify-center gap-2 mb-2">
          <span class="text-5xl md:text-6xl font-black text-white tracking-tighter">24</span>
          <span class="text-zinc-500 font-bold text-2xl mb-4">/7</span>
        </div>
        <p class="text-zinc-500 font-medium uppercase tracking-widest text-[10px]">Expert Support</p>
      </div>

    </div>

    <div class="mt-12 text-center">
      <p class="text-zinc-600 text-sm">
        Data verified as of <span class="text-zinc-400">January 2026</span>
      </p>
    </div>
  </div>
</section>