/**
 * Shared site theme — used on home + SEO pages
 * Palette: ink / navy / teal / amber
 */
:root {
  --tc-ink: #07111f;
  --tc-navy: #0c1f3a;
  --tc-teal: #1a8a8c;
  --tc-amber: #d4a017;
  --tc-sand: #f3efe6;
  --tc-mist: #e8eef4;
  --tc-muted: #5c6b7a;
  --tc-white: #fafbfc;
  --tc-font-display: "Unbounded", system-ui, sans-serif;
  --tc-font-body: "Manrope", system-ui, sans-serif;
}

body.home-page,
body.seo-page {
  font-family: var(--tc-font-body);
  color: var(--tc-ink);
}

body.home-page h1,
body.home-page h2,
body.home-page h3,
body.home-page .home-brand,
body.seo-page h1,
body.seo-page h2,
body.seo-page h3,
body.seo-page .h1,
body.seo-page .h2,
body.seo-page .h3,
body.seo-page .h4,
body.seo-page .h5 {
  font-family: var(--tc-font-display);
  text-transform: none;
  letter-spacing: -0.02em;
}

/* —— Shared light navbar (same as /services) —— */
body.home-page .site-navbar,
body.seo-page .site-navbar,
body.home-page .sticky-wrapper .site-navbar,
body.seo-page .sticky-wrapper .site-navbar,
body.home-page .sticky-wrapper.is-sticky .site-navbar,
body.seo-page .sticky-wrapper.is-sticky .site-navbar {
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(7, 17, 31, 0.08);
}

body.home-page .site-navbar,
body.seo-page .site-navbar {
  padding: 0.65rem 0 !important;
}

body.home-page .site-navbar .site-menu > li > a,
body.seo-page .site-navbar .site-menu > li > a,
body.home-page .sticky-wrapper .site-navbar ul li a,
body.seo-page .sticky-wrapper .site-navbar ul li a,
body.home-page .sticky-wrapper.is-sticky .site-navbar ul li a,
body.seo-page .sticky-wrapper.is-sticky .site-navbar ul li a {
  color: var(--tc-navy) !important;
  font-family: var(--tc-font-body);
  font-weight: 600;
  font-size: 0.9rem;
}

body.home-page .site-navbar .site-menu > li > a:hover,
body.seo-page .site-navbar .site-menu > li > a:hover,
body.home-page .sticky-wrapper.is-sticky .site-navbar ul li a:hover,
body.seo-page .sticky-wrapper.is-sticky .site-navbar ul li a:hover,
body.home-page .sticky-wrapper.is-sticky .site-navbar ul li a.active,
body.seo-page .sticky-wrapper.is-sticky .site-navbar ul li a.active {
  color: var(--tc-teal) !important;
}

body.home-page .site-menu-toggle,
body.seo-page .site-menu-toggle,
body.home-page .site-menu-toggle .icon-menu,
body.seo-page .site-menu-toggle .icon-menu {
  color: var(--tc-navy) !important;
}

body.home-page .site-logo a,
body.seo-page .site-logo a,
body.home-page .sticky-wrapper .site-navbar .site-logo a,
body.seo-page .sticky-wrapper .site-navbar .site-logo a,
body.home-page .sticky-wrapper.is-sticky .site-navbar .site-logo a,
body.seo-page .sticky-wrapper.is-sticky .site-navbar .site-logo a {
  color: var(--tc-navy) !important;
}

body.home-page .brand-logo--nav,
body.seo-page .brand-logo--nav {
  filter: none;
}

/* Dropdowns */
body.home-page .site-navbar .site-navigation .site-menu .has-children .dropdown,
body.seo-page .site-navbar .site-navigation .site-menu .has-children .dropdown {
  border-top-color: var(--tc-amber);
}

body.home-page .site-navbar .dropdown a,
body.seo-page .site-navbar .dropdown a {
  color: var(--tc-ink) !important;
  font-family: var(--tc-font-body);
}

body.home-page .site-navbar .dropdown a:hover,
body.seo-page .site-navbar .dropdown a:hover {
  color: var(--tc-teal) !important;
}

/* Mobile drawer — light/consistent */
body.home-page .site-mobile-menu,
body.seo-page .site-mobile-menu {
  background: #fff;
  color: var(--tc-ink);
}

body.home-page .site-mobile-menu .site-mobile-menu-close span,
body.seo-page .site-mobile-menu .site-mobile-menu-close span,
body.home-page .site-mobile-menu .site-nav-wrap a,
body.seo-page .site-mobile-menu .site-nav-wrap a {
  color: var(--tc-navy) !important;
}

body.home-page .site-mobile-menu .site-nav-wrap a:hover,
body.seo-page .site-mobile-menu .site-nav-wrap a:hover {
  color: var(--tc-teal) !important;
}

body.home-page .site-mobile-menu .arrow-collapse:before,
body.seo-page .site-mobile-menu .arrow-collapse:before {
  color: var(--tc-teal);
}

/* Shared footer headings */
body.home-page .site-footer .footer-heading,
body.seo-page .site-footer .footer-heading,
body.seo-page .seo-footer .footer-heading {
  font-family: var(--tc-font-display);
  text-transform: none;
}