diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index e02313b..d39ffdc 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -48,7 +48,7 @@ function MobileNavLink(
   return (
     <PopoverButton
       as={Link}
-      className="block text-base/7 tracking-tight text-[#2F3178]"
+      className="block text-base/7 tracking-tight text-white"
       {...props}
     />
   )
@@ -72,7 +72,7 @@ export function Header() {
               {({ open }) => (
                 <>
                   <PopoverButton
-                    className="relative z-10 -m-2 inline-flex items-center rounded-lg stroke-gray-900 p-2 hover:bg-gray-200/50 hover:stroke-gray-600 focus:not-data-focus:outline-hidden active:stroke-gray-900"
+                    className="relative z-10 -m-2 inline-flex items-center rounded-lg stroke-white p-2 hover:bg-gray-200/50 hover:stroke-gray-400 focus:not-data-focus:outline-hidden active:stroke-white"
                     aria-label="Toggle site navigation"
                   >
                     {({ open }) =>
@@ -104,7 +104,7 @@ export function Header() {
                             y: -32,
                             transition: { duration: 0.2 },
                           }}
-                          className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-white px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20"
+                          className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-gray-900 px-6 pt-32 pb-6 shadow-2xl shadow-gray-900/20"
                         >
                           <div className="space-y-4">
                             <MobileNavLink href="/#about">
diff --git a/src/components/HomeHero.tsx b/src/components/HomeHero.tsx
index 613e81a..206f2b4 100644
--- a/src/components/HomeHero.tsx
+++ b/src/components/HomeHero.tsx
@@ -32,26 +32,43 @@ export function HomeHero() {
         <div className="absolute inset-0 bg-black/60" />
       </div>
       <div className="relative px-6 lg:px-8">
-        <div className="relative -top-15  mx-auto max-w-8xl h-screen flex items-center justify-center">
-          <div className="text-center max-w-5xl">
-            <H1 color="light">
-              <TypeAnimation
-                sequence={[
-                  'Decentralized Autonomous Agentic Cloud.',
-                  1000,
-                ]}
-                wrapper="span"
-                speed={50}
-                repeat={0}
-              />
-            </H1>
+        <div className="relative -top-15 mx-auto flex h-screen max-w-8xl items-center justify-center">
+          <div className="text-center">
+            <div className="max-w-5xl">
+              <H1 color="light">
+                <TypeAnimation
+                  sequence={[
+                    'Decentralized Autonomous Agentic Cloud.',
+                    1000,
+                  ]}
+                  wrapper="span"
+                  speed={50}
+                  repeat={0}
+                />
+              </H1>
+            </div>
+
+            {/* Mobile-only PL */}
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              transition={{ duration: 1, delay: 1 }}
+              className="lg:hidden"
+            >
+              <PL className="mt-8 max-w-xl text-center text-gray-100" color="light">
+                Mycelium's advancements in Agentic infrastructure supports private, secure and autonomous Agents that connect, learn and grow with you.
+              </PL>
+            </motion.div>
           </div>
+
+          {/* Desktop-only PL */}
           <motion.div
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
             transition={{ duration: 1, delay: 1 }}
+            className="hidden lg:block"
           >
-            <PL className="absolute bottom-0 left-0 max-w-xl text-left text-gray-100" color="light">
+            <PL className="absolute -bottom-8 left-0 max-w-xl text-left text-gray-100" color="light">
               Mycelium's advancements in Agentic infrastructure supports private, secure and autonomous Agents that connect, learn and grow with you.
             </PL>
           </motion.div>