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/Hero.astro

@@ -13,3 +13,12 @@ const { title, eyebrow, description, image, alt = '' } = Astro.props;
     {image && <img src={image} alt={alt} loading="eager" />}
   </div>
 </section>
+
+<style>
+  .hero { background: var(--color-tint); overflow: hidden; padding-block: clamp(3rem, 7vw, 5rem); }
+  .hero-grid { align-items: center; display: grid; gap: var(--space-xl); grid-template-columns: 1.05fr .95fr; }
+  .hero img { max-height: 430px; object-fit: contain; width: 100%; }
+  @media (max-width: 950px) {
+    .hero-grid { grid-template-columns: 1fr; }
+  }
+</style>