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

@@ -65,3 +65,21 @@ const groups = [
     </div>
   </section>
 </article>
+
+<style>
+  .team-intro { padding-block: 4rem; text-align: center; }
+  .team-intro .script-label { font-size: 1.8rem; }
+  .team-group { padding-block: 2rem 4rem; text-align: center; }
+  .team-group > h2 { margin: 0 auto 2.5rem; max-width: 760px; }
+  .team-grid { display: grid; gap: 2rem 1.5rem; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: center; }
+  .team-member img { aspect-ratio: 1 / 1.08; border: 5px solid var(--color-primary-dark); border-radius: 15px; object-fit: cover; width: 100%; }
+  .team-member h3 { font-size: 1.1rem; margin-bottom: .25rem; }
+  .team-member p { margin: 0; }
+  .team-careers { background: var(--color-tint); padding-block: 5rem; text-align: center; }
+  @media (max-width: 950px) {
+    .team-grid { grid-template-columns: 1fr; }
+  }
+  @media (min-width: 761px) and (max-width: 1050px) {
+    .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  }
+</style>