chore: tweak text style (#500)

Author: boojack

src/components/pages/home/hero/hero.tsx

@@ -30,7 +30,7 @@ const Hero = ({ latestVersion }: { latestVersion: { number: string; slug: string
           </Link>
         )}
         <header className="relative mt-4 xl:mt-3.5 sm:mt-3">
-          <h1 className="mx-auto mt-3 max-w-4xl text-center font-title text-108 font-semibold leading-none xl:text-80 xl:leading-none md:text-48 md:leading-none sm:text-48 sm:leading-95">
+          <h1 className="mx-auto mt-3 max-w-4xl text-balance text-center font-title text-108 font-semibold leading-none xl:text-80 xl:leading-none md:text-48 md:leading-none sm:text-48 sm:leading-95">
             Database CI/CD and Security{' '}
             <mark className="whitespace-nowrap bg-transparent text-center text-primary-1">
               at Scale

src/components/pages/pricing/hero/card/card.tsx

@@ -64,7 +64,7 @@ const Card = ({
         <span
           className={clsx(
             'relative mt-4 font-title text-104 font-semibold leading-none tracking-tighter text-gray-15 lg:text-72 lg:tracking-normal md:mt-3 md:text-56',
-            { 'text-primary-1 lg:-ml-11 sm:ml-0': planTitle.toLowerCase() === 'enterprise' },
+            { 'text-primary-1': planTitle.toLowerCase() === 'enterprise' },
           )}
         >
           {typeof price === 'number' ? `$${price}` : price}