center the pricing card

index.html

@@ -258,8 +258,8 @@
       </div>
 
       <div class="mt-10 overflow-hidden">
-        <div class="scrollbar-thin scrollbar-track-transparent scrollbar-thumb-slate-300 hover:scrollbar-thumb-slate-400 flex gap-6 overflow-x-auto pb-4">
-          <!-- Starter -->
+        <div class="scrollbar-thin scrollbar-track-transparent scrollbar-thumb-slate-300 hover:scrollbar-thumb-slate-400 flex gap-6 overflow-x-auto pb-4 pricing-cards">
+<!-- Starter -->
           <div class="w-80 flex-shrink-0 rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
             <h3 class="text-lg font-semibold text-slate-900">Starter</h3>
             <p class="mt-1 text-sm text-slate-600">For individuals and small projects.</p>

style.css

@@ -50,8 +50,7 @@
   0%, 100% { transform: translateY(0); opacity: .5; }
   50% { transform: translateY(-12px); opacity: .8; }
 }
-
-/* Custom Utilities */
-.text-balance {
-  text-wrap: balance;
-}
+/* Center pricing cards */
+.pricing-cards {
+  justify-content: center;
+}