Grid 3 colunas com ícones

<section class="bg-white py-20 px-6">
  <div class="max-w-6xl mx-auto">
    <div class="text-center mb-14">
      <h2 class="text-3xl font-bold text-gray-900 mb-3">Tudo o que precisa, num só sítio</h2>
      <p class="text-gray-500">Ferramentas pensadas para equipas rápidas.</p>
    </div>
    <div class="grid md:grid-cols-3 gap-8">
      <div class="p-6">
        <div class="w-11 h-11 bg-orange-100 text-orange-600 rounded-xl flex items-center justify-center mb-4">
          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
        </div>
        <h3 class="font-semibold text-gray-900 mb-2">Rápido</h3>
        <p class="text-sm text-gray-500">Latência mínima, resultados instantâneos em qualquer escala.</p>
      </div>
      <div class="p-6">
        <div class="w-11 h-11 bg-blue-100 text-blue-600 rounded-xl flex items-center justify-center mb-4">
          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
        </div>
        <h3 class="font-semibold text-gray-900 mb-2">Seguro</h3>
        <p class="text-sm text-gray-500">Encriptação end-to-end e conformidade com os padrões da indústria.</p>
      </div>
      <div class="p-6">
        <div class="w-11 h-11 bg-green-100 text-green-600 rounded-xl flex items-center justify-center mb-4">
          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"/></svg>
        </div>
        <h3 class="font-semibold text-gray-900 mb-2">Escalável</h3>
        <p class="text-sm text-gray-500">Cresce com o seu negócio sem precisar reescrever nada.</p>
      </div>
    </div>
  </div>
</section>