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

- relocate header, footer, nav, hero, and page-hero styles into their owning components
- move blog index, blog post, team, video, insurance, CTA, and home-section styles out of the global sheet
- keep  focused on shared primitives such as buttons, cards, links, and list styling
- preserve existing layout and responsive behavior while reducing global CSS scope

www/src/components/InsuranceStrip.astro

@@ -4,3 +4,10 @@ const logos = ['aetna.png', 'bluecrossblueshield-logo-1.webp', 'logo-ahcccs.webp
 <section class="insurance-strip" aria-labelledby="insurance-title">
   <div class="container"><h2 id="insurance-title">Insurance partners</h2><div class="logo-row">{logos.map((logo) => <img src={`/assets/images/${logo}`} alt="" loading="lazy" />)}</div></div>
 </section>
+
+<style>
+  .insurance-strip { background: white; border-block: 1px solid var(--color-border); padding-block: var(--space-lg); text-align: center; }
+  .insurance-strip h2 { font-size: 1.4rem; }
+  .logo-row { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-around; }
+  .logo-row img { filter: grayscale(1); max-height: 55px; max-width: 130px; }
+</style>