Improve home page intro wording and styles

Author: webstackdev

src/components/Home/Intro/index.astro

@@ -12,10 +12,10 @@
         Building the Future of Software Development
       </h2>
       <p class="text-xl text-content-active leading-relaxed mb-8">
-        I'm a solo software development agency specializing in platform engineering, cloud
+        I'm a freelance software engineer specializing in platform engineering, cloud
         architecture, and developer experience optimization. With deep expertise in modern
         technologies and a focus on scalable solutions, I help businesses transform their
-        technical infrastructure and accelerate development workflows. SOC-2 ready
+        technical infrastructure and accelerate development workflows. SOC-2 ready.
       </p>
     </div>
 
@@ -39,9 +39,9 @@
               d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
           </svg>
         </div>
-        <h3 class="text-lg font-semibold mb-2">Platform Engineering</h3>
-        <p class="text-content-active text-sm">
-          Scalable infrastructure and developer-first platforms
+        <h3 class="mb-2 font-semibold text-content-active">Platform Engineering</h3>
+        <p class="text-content">
+          Scalable infrastructure, internal developer platforms, and CI/CD pipelines built for rapid, reliable iteration
         </p>
       </li>
 
@@ -64,9 +64,9 @@
               d="M13 10V3L4 14h7v7l9-11h-7z"></path>
           </svg>
         </div>
-        <h3 class="text-lg font-semibold mb-2">Cloud Architecture</h3>
-        <p class="text-content-active text-sm">
-          Azure-focused solutions that scale with your business
+        <h3 class="mb-2 font-semibold text-content-active">Cloud Architecture</h3>
+        <p class="text-content">
+          Cloud-native architectures across AWS, Azure, GCP, and beyond that scale with your business and budget
         </p>
       </li>
 
@@ -88,8 +88,10 @@
               d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
           </svg>
         </div>
-        <h3 class="text-lg font-semibold mb-2">Developer Experience</h3>
-        <p class="text-content-active text-sm">Tools and workflows that empower development teams</p>
+        <h3 class="mb-2 font-semibold text-content-active">Developer Experience</h3>
+        <p class="text-content">
+          Purpose-built toolchains, automated workflows, and developer documentation that remove friction and boost velocity
+        </p>
       </li>
     </ul>
   </div>

src/styles/themes/a11y.css

@@ -9,7 +9,7 @@
    * can reuse them without duplicating hex values.
    */
   --a11y-theme-color-primary: #000;
-  --a11y-theme-color-primary-offset: #111827;
+  --a11y-theme-color-primary-offset: #374151;
   --a11y-theme-color-primary-inverse: #fff;
   --a11y-theme-color-secondary: #000;
   --a11y-theme-color-secondary-offset: #111827;
@@ -25,7 +25,7 @@
   --a11y-theme-color-content-inverse: #fff;
   --a11y-theme-color-content-inverse-active: #d1d5db;
   --a11y-theme-color-trim: #111827;
-  --a11y-theme-color-spotlight: #374151;
+  --a11y-theme-color-spotlight: #d1d5db;
   --a11y-theme-color-spotlight-offset: #111827;
   --a11y-theme-color-success: #16a34a;
   --a11y-theme-color-success-offset: #22c55e;

src/styles/typography.css

@@ -112,7 +112,7 @@
     * Help prevent overflow of long words/names/URLs
     * (Enhancement not in Tailwind Preflight)
     */
-    hyphens: auto;
+    hyphens: manual;
   }
 
   /** Blockquote styling */