refactor(styles): move component-specific CSS into Astro component style blocks

Relocates HomeHero, HomeServicesIntro, HomeBenefits, HomeSkills,
HomeInsurance, HomeEsa, and HomeDirector styles from the global
components.css into each component's own <style> block. Removes the
now-empty 480px media query and trims the 760px media query to only
global rules. Build verified at 97 pages.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

www/src/components/home/HomeBenefits.astro

@@ -4,6 +4,13 @@ import VideoCard from '../VideoCard.astro';
 interface Props { section: BenefitsSection }
 const { section } = Astro.props;
 ---
+<style>
+  .benefit-grid { grid-template-columns: 1.1fr .9fr; }
+  @media (max-width: 760px) {
+    .benefit-grid { grid-template-columns: 1fr; }
+  }
+</style>
+
 <section class="section cream-section">
   <div class="container feature-grid benefit-grid">
     <div>