style: enhance mobile nav menu with blur backdrop and improve heading semantics

src/components/HomeHero.tsx

@@ -43,14 +43,15 @@ export function HomeHero() {
               repeat={0}
             />
           </div>
-          <motion.p
+          <motion.div
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             transition={{ duration: 1, delay: 1 }}
-            className="absolute bottom-12 left-0 max-w-xl text-left text-2xl font-medium text-pretty leading-[1.2] text-[#2F3178] lg:text-3xl"
           >
-            Building the infrastructure where AI agents can live, communicate, and evolve with complete sovereignty.
-          </motion.p>
+            <p className="absolute bottom-12 left-0 max-w-xl text-left text-2xl font-medium text-pretty leading-[1.2] text-[#2F3178] lg:text-3xl">
+              Building the infrastructure where AI agents can live, communicate, and evolve with complete sovereignty.
+            </p>
+          </motion.div>
           <a href="#about" className="absolute bottom-24 right-0 flex items-center gap-x-2 text-2xl font-medium text-[#2F3178] lg:text-3xl animate-bounce-y">
             <span>scroll</span>
             <ChevronDoubleDownIcon className="h-6 w-6" />