style: standardize heading sizes and add responsive text scaling across components

src/components/DownloadHero.tsx

@@ -36,12 +36,12 @@ export default function DownloadHero() {
     <div className=" py-24 sm:py-32">
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:mx-0">
-          <h2 className="text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl">
+          <h2 className="text-5xl lg:text-6xl font-medium tracking-tight text-gray-900">
             Download Mycelium
           </h2>
           <p className="mt-6 text-lg/8 text-gray-600">
             Get Mycelium for Android, Windows, macOS, and iOS to securely connect, store, and interact with the decentralized network—seamlessly and efficiently. Not sure how it works?{' '}
-            <a href="https://docs.ourworld.tf/mycelium_cloud/docs/" className="text-cyan-500 hover:text-cyan-500">
+            <a href="https://docs.ourworld.tf/mycelium_cloud/docs/" className="text-cyan-500 hover:text-cyan-600 font-semibold underline">
               Read the manual.
             </a>
           </p>