Process Step Card with Numbered Indicator

<article class="sm:p-6 bg-zinc-900/70 border-zinc-800 border rounded-2xl pt-5 pr-5 pb-5 pl-5 backdrop-blur">
      <div class="grid grid-cols-1 sm:grid-cols-[1fr_auto_1fr] items-center gap-4 sm:gap-6">
        <div>
          <p class="text-xl sm:text-2xl text-zinc-100 font-geist font-medium tracking-tighter">Kickoff &amp; Discovery</p>
        </div>
        <div class="flex flex-col items-center">
          <span class="text-xs text-indigo-400 font-geist">01</span>
          <span class="inline-flex h-7 w-7 items-center justify-center rounded-full ring-2 ring-indigo-400/60 bg-zinc-950 mt-1">
            <span class="h-2 w-2 rounded-full bg-white/90"></span>
          </span>
        </div>
        <div class="text-left">
          <p class="text-sm text-zinc-400 font-geist">Clarify goals, scope, and success metrics</p>
        </div>
      </div>
    </article>