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

@@ -51,3 +51,15 @@ const activeShort = langMeta[activeCode]?.short ?? 'EN';
     ))}
   </ul>
 </nav>
+
+<style>
+  .lang-switcher { position: relative; }
+  .lang-switcher__trigger { align-items: center; color: var(--color-primary); cursor: pointer; display: flex; font-size: .85rem; font-weight: 700; gap: .35rem; }
+  .lang-switcher__trigger svg { flex-shrink: 0; }
+  .lang-switcher__menu { background: white; box-shadow: var(--shadow-md); display: none; left: 50%; list-style: none; margin: 0; min-width: 110px; padding: .5rem 0 .4rem; position: absolute; top: 100%; transform: translateX(-50%); z-index: 10; }
+  .lang-switcher__menu a { color: rgb(83 83 91); display: block; font-size: .85rem; padding: .4rem .9rem; text-decoration: none; white-space: nowrap; }
+  .lang-switcher__menu a:hover { background: var(--color-primary); color: white; }
+  .lang-switcher__menu a[aria-current="page"] { color: var(--color-accent); font-weight: 700; }
+  .lang-switcher:hover .lang-switcher__menu,
+  .lang-switcher:focus-within .lang-switcher__menu { display: block; }
+</style>