About Mission & Vision

<section class="mx-auto w-full max-w-6xl bg-white px-4 py-12 md:px-6 md:py-16 dark:bg-gray-900" aria-labelledby="abt-mv-title">
  <p class="text-xs font-bold uppercase tracking-widest text-blue-700 dark:text-blue-400">Our purpose</p>
  <h2 id="abt-mv-title" class="mt-3 text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl dark:text-gray-100">
    Why we exist and where we are headed
  </h2>

  <!-- Two panels stack on a phone and sit side by side from md. -->
  <div class="mt-10 grid gap-6 md:grid-cols-2">
    <div class="rounded-2xl border border-gray-200 bg-gray-50 p-6 md:p-8 dark:border-gray-800 dark:bg-gray-800/50">
      <span class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-300" aria-hidden="true">
        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" focusable="false">
          <circle cx="12" cy="12" r="9" /><circle cx="12" cy="12" r="5" /><circle cx="12" cy="12" r="1" />
        </svg>
      </span>
      <p class="mt-4 text-xs font-bold uppercase tracking-widest text-blue-700 dark:text-blue-400">Mission</p>
      <h3 class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">Make good decisions cheap to make</h3>
      <p class="mt-2 leading-relaxed text-gray-600 dark:text-gray-400">
        We help teams turn slow, expensive judgement calls into fast, repeatable habits - and let the software fall out of that.
      </p>
    </div>
    <div class="rounded-2xl border border-gray-200 bg-gray-50 p-6 md:p-8 dark:border-gray-800 dark:bg-gray-800/50">
      <span class="inline-flex h-11 w-11 items-center justify-center rounded-xl bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-300" aria-hidden="true">
        <svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" focusable="false">
          <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z" /><circle cx="12" cy="12" r="3" />
        </svg>
      </span>
      <p class="mt-4 text-xs font-bold uppercase tracking-widest text-blue-700 dark:text-blue-400">Vision</p>
      <h3 class="mt-1 text-lg font-semibold text-gray-900 dark:text-gray-100">A world with less shelfware</h3>
      <p class="mt-2 leading-relaxed text-gray-600 dark:text-gray-400">
        Software that ships, gets used and gets owned - not another platform that arrives late and pleases nobody.
      </p>
    </div>
  </div>
</section>