/* =============================================================
   AEROSOFT CAYMAN — TCS-LEVEL DESIGN UPGRADE v3 (FIXED)
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

/* ---- OVERRIDE ROOT VARIABLES ---- */
:root {
  --primary:        #0066CC !important;
  --primary-2:      #3399FF !important;
  --primary-dark:   #004999 !important;
  --accent:         #0066CC !important;
  --accent-2:       #3399FF !important;
  --bg:             #FFFFFF !important;
  --soft:           #F0F6FF !important;
  --soft-2:         #E8F0FE !important;
  --ink:            #0A0F1E !important;
  --body:           #1A2035 !important;
  --muted:          #5A6480 !important;
  --line:           #D0DCF0 !important;
  --line-2:         #B8CCE8 !important;
  --tint:           #EAF3FF !important;
  --tint-2:         #F5F9FF !important;
  --ink-grad:       linear-gradient(118deg,#3399FF 0%,#0066CC 55%,#004999 100%) !important;
  --shadow-s:       0 2px 8px rgba(0,102,204,.10),0 1px 3px rgba(0,0,0,.06) !important;
  --shadow-m:       0 8px 30px rgba(0,102,204,.14),0 4px 10px rgba(0,0,0,.08) !important;
  --shadow-l:       0 20px 60px rgba(0,102,204,.18),0 8px 24px rgba(0,0,0,.12) !important;
  --radius:         12px !important;
  --radius-lg:      20px !important;
}

/* ============================================================
   BASE TYPOGRAPHY
   ============================================================ */

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
}

/* ============================================================
   EYEBROW / LABEL FIX — change red to blue everywhere
   ============================================================ */

.eyebrow,
.page-hero .eyebrow,
.section .eyebrow,
.sec-head .eyebrow,
[class*="eyebrow"],
.overline,
.label-tag {
  color: var(--primary) !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: .78rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.eyebrow::before,
.page-hero .eyebrow::before,
[class*="eyebrow"]::before {
  background: var(--primary) !important;
}

/* Hero eyebrow — bright on dark background */
.page-hero .eyebrow,
.hero .eyebrow {
  color: #7EC8FF !important;
}
.page-hero .eyebrow::before,
.hero .eyebrow::before {
  background: #7EC8FF !important;
}

/* ============================================================
   NAVIGATION — clean white bar, NO override on dark-nav pages
   ============================================================ */

/* Only style nav elements that aren't already dark-themed */
.site-head,
.nm-wrap {
  transition: box-shadow .3s ease !important;
}

/* Nav link base color — only on light nav */
.site-head .nav-link,
.site-head .main-nav a,
.nm-nav a,
.primary-menu > li > a,
#main-navigation a {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .01em !important;
  transition: color .2s, background .2s !important;
}

/* Contact us / CTA button in nav */
.head-cta a,
.nav-cta,
.header-cta,
.nm-cta {
  background: var(--primary) !important;
  color: #fff !important;
  border-radius: 100px !important;
  padding: 10px 24px !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(0,102,204,.35) !important;
  transition: all .2s ease !important;
}
.head-cta a:hover,
.nav-cta:hover,
.header-cta:hover {
  background: var(--primary-dark) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(0,102,204,.45) !important;
  color: #fff !important;
}

/* Dropdown menus */
.sub-menu,
.dropdown-menu,
.nm-dropdown {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-l) !important;
  border: 1px solid var(--line) !important;
  padding: 10px !important;
  background: #fff !important;
}
.sub-menu a,
.dropdown-menu a {
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-size: .9rem !important;
  transition: all .15s !important;
}
.sub-menu a:hover,
.dropdown-menu a:hover {
  background: var(--soft) !important;
  color: var(--primary) !important;
}

/* ============================================================
   PAGE HERO — fix text visibility WITHOUT overriding bg colors
   The theme sets its own hero backgrounds. We only ensure text
   is always white and eyebrows are visible.
   ============================================================ */

.page-hero {
  position: relative !important;
  overflow: hidden !important;
}

/* Ensure ALL text in hero is white */
.page-hero h1,
.page-hero h2,
.page-hero h3 {
  color: #fff !important;
  font-weight: 800 !important;
  font-family: 'Manrope', sans-serif !important;
  text-shadow: none !important;
}

.page-hero p,
.page-hero .lead {
  color: rgba(255,255,255,.82) !important;
}

.page-hero .crumb,
.page-hero [class*="crumb"] {
  color: rgba(255,255,255,.55) !important;
}
.page-hero .crumb a,
.page-hero [class*="crumb"] a {
  color: rgba(255,255,255,.7) !important;
}
.page-hero .crumb a:hover,
.page-hero [class*="crumb"] a:hover {
  color: #fff !important;
}

/* Page hero eyebrow on dark bg */
.page-hero .eyebrow {
  color: #7EC8FF !important;
  background: rgba(51,153,255,.15) !important;
  border: 1px solid rgba(51,153,255,.3) !important;
  border-radius: 100px !important;
  padding: 4px 14px !important;
  font-size: .77rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}
.page-hero .eyebrow::before {
  display: none !important;
}

/* ============================================================
   HOME HERO (cinematic standalone) — text visibility
   ============================================================ */

.hero,
.hero-section,
[class*="cine-hero"],
.cin-hero {
  position: relative !important;
}

.hero h1,
.hero h2,
.cin-hero h1,
.cin-hero h2,
.hero-section h1 {
  color: #fff !important;
  font-weight: 800 !important;
  font-family: 'Manrope', sans-serif !important;
}

.hero p,
.hero .lead,
.cin-hero p {
  color: rgba(255,255,255,.82) !important;
}

/* Hero badge/eyebrow on home */
.hero .eyebrow,
.hero-badge,
.cin-hero .eyebrow {
  color: #7EC8FF !important;
  background: rgba(51,153,255,.18) !important;
  border: 1px solid rgba(51,153,255,.35) !important;
  border-radius: 100px !important;
  padding: 5px 16px !important;
}
.hero .eyebrow::before,
.cin-hero .eyebrow::before {
  display: none !important;
}

/* ============================================================
   BUTTONS — bright blue, always visible
   ============================================================ */

.btn {
  font-family: 'Manrope', 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  border-radius: 100px !important;
  transition: all .25s ease !important;
  text-decoration: none !important;
}

.btn-primary {
  background: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary) !important;
  box-shadow: 0 6px 20px rgba(0,102,204,.35) !important;
}
.btn-primary:hover {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(0,102,204,.45) !important;
  color: #fff !important;
}

.btn-light {
  background: #fff !important;
  color: var(--primary) !important;
  border-color: var(--line-2) !important;
}
.btn-light:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-m) !important;
}

.btn-white {
  background: #fff !important;
  color: var(--primary) !important;
}
.btn-white:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.2) !important;
  color: var(--primary) !important;
}

.btn-ghost-light {
  background: transparent !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.45) !important;
}
.btn-ghost-light:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: #fff !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   CTA SECTIONS — fix dark-on-dark text issue
   ============================================================ */

.cta,
.cta.rv,
[class*="cta-section"] {
  position: relative !important;
  overflow: hidden !important;
}

/* CTA with dark/ink background — force white text */
.cta h2,
.cta.rv h2,
.cta h3 {
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
}

.cta p,
.cta.rv p {
  color: rgba(255,255,255,.78) !important;
}

.cta-call,
.cta-call small {
  color: rgba(255,255,255,.8) !important;
}

/* ============================================================
   SECTION TEXT — ensure body text is always visible
   ============================================================ */

/* White/light sections */
.section,
.section-light,
section {
  /* Keep text dark on light backgrounds */
}

.section h2,
.section h3,
.section h4,
.sec-title,
[class*="sec-title"] {
  color: var(--ink) !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
}

.section p,
.section li {
  color: var(--body) !important;
  line-height: 1.75 !important;
}

/* Dark sections — force white text */
.section.dark,
.section-dark,
[class*="bg-ink"],
[class*="bg-dark"],
[class*="dark-section"],
.rv {
  color: #fff !important;
}
.section.dark h2,
.section.dark h3,
.section-dark h2,
.section-dark h3,
.rv h2,
.rv h3,
.rv h4 {
  color: #fff !important;
}
.section.dark p,
.section-dark p,
.rv p {
  color: rgba(255,255,255,.8) !important;
}

/* Stats / numbers on dark bg */
.stats,
.stat,
[class*="stat"],
.numbers-row [class*="num"],
.numbers-row strong {
  color: #fff !important;
}
.numbers-row span,
.stat-label,
[class*="stat"] p {
  color: rgba(255,255,255,.72) !important;
}

/* ============================================================
   CARDS — bright borders, hover lift
   ============================================================ */

.card,
.service-card,
.insight-card,
.case-card,
.ind-card,
[class*="-card"]:not(.navbar-brand):not(.no-card) {
  border-radius: var(--radius-lg) !important;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s !important;
  overflow: hidden !important;
}

.card:hover,
.service-card:hover,
.insight-card:hover,
.case-card:hover,
.ind-card:hover,
[class*="-card"]:not(.navbar-brand):not(.no-card):hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--shadow-l) !important;
}

/* Section headings */
.sec-head h2,
.sec-head .sec-title {
  color: var(--ink) !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 800 !important;
}

.sec-head p,
.sec-desc {
  color: var(--muted) !important;
}

/* ============================================================
   TLINK — text arrow links
   ============================================================ */

.tlink {
  color: var(--primary) !important;
  font-weight: 600 !important;
  font-family: 'Manrope', sans-serif !important;
  transition: gap .2s, color .2s !important;
}
.tlink:hover {
  color: var(--primary-dark) !important;
}
.tlink svg {
  transition: transform .2s !important;
}
.tlink:hover svg {
  transform: translateX(4px) !important;
}

/* ============================================================
   FORMS & INPUTS
   ============================================================ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select,
.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select,
.field input,
.field textarea {
  background: #fff !important;
  border: 1.5px solid var(--line-2) !important;
  border-radius: var(--radius) !important;
  color: var(--ink) !important;
  font-family: 'Inter', sans-serif !important;
  padding: 12px 16px !important;
  transition: border-color .2s, box-shadow .2s !important;
  outline: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 4px rgba(0,102,204,.12) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--muted) !important;
}

label,
.field label {
  font-weight: 600 !important;
  font-size: .88rem !important;
  color: var(--ink) !important;
}

/* Submit buttons */
.wpcf7-submit,
input[type="submit"],
button[type="submit"],
.form-submit button {
  background: var(--primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 13px 32px !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(0,102,204,.35) !important;
  transition: all .25s ease !important;
}
.wpcf7-submit:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background: var(--primary-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 30px rgba(0,102,204,.45) !important;
}

/* ============================================================
   FOOTER — always dark with white text
   ============================================================ */

.site-foot,
footer,
.site-footer,
#colophon {
  color: rgba(255,255,255,.75) !important;
}

.site-foot h4,
.site-foot h5,
.site-foot .foot-head,
footer h4,
footer h5,
.widget-title {
  color: #fff !important;
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
}

.site-foot a,
.foot-nav a,
footer a {
  color: rgba(255,255,255,.62) !important;
  transition: color .2s !important;
}
.site-foot a:hover,
.foot-nav a:hover,
footer a:hover {
  color: var(--primary-2) !important;
}

.foot-bottom,
.site-foot .foot-bottom {
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
.foot-bottom p,
.foot-bottom span,
.copyright {
  color: rgba(255,255,255,.38) !important;
  font-size: .82rem !important;
}

/* Social icons */
.aerosoft-foot-social a,
.foot-social a,
.social-links a {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 50% !important;
  transition: all .2s !important;
}
.aerosoft-foot-social a:hover,
.foot-social a:hover,
.social-links a:hover {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   UTILITY BAR — keep the links visible
   ============================================================ */

.utility,
.head-util,
.util-bar {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.utility a,
.head-util a,
.util-bar a {
  color: rgba(255,255,255,.72) !important;
  font-size: .82rem !important;
  transition: color .2s !important;
}
.utility a:hover,
.head-util a:hover {
  color: #fff !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */

.pagination a,
.page-numbers a,
.page-numbers span {
  border-radius: 10px !important;
  transition: all .2s !important;
}
.pagination a:hover,
.page-numbers a:hover,
.pagination .current,
.page-numbers .current {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}

/* ============================================================
   GRAD TEXT — blue gradient
   ============================================================ */

.grad-text {
  background: var(--ink-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* ============================================================
   SCROLLBAR
   ============================================================ */

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--soft); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-dark); }

/* ============================================================
   FOCUS — accessibility
   ============================================================ */

:focus-visible {
  outline: 3px solid var(--primary) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {
  .eyebrow, [class*="eyebrow"] {
    font-size: .72rem !important;
  }
}

/* ============================================================
   CRITICAL EYEBROW COLOR FIX — override any red !important
   Uses multiple selectors for maximum specificity cascade
   ============================================================ */

/* On white/light sections — vivid blue */
body .eyebrow,
body [class*="eyebrow"],
html body .eyebrow,
.section .eyebrow,
.section-content .eyebrow,
.sec-head .eyebrow,
.split .eyebrow,
.grid-2 .eyebrow,
.grid-3 .eyebrow {
  color: #0066CC !important;
}

/* On dark/hero sections — bright light blue */
body .page-hero .eyebrow,
body .hero .eyebrow,
body .page-hero [class*="eyebrow"],
html body .page-hero .eyebrow {
  color: #7EC8FF !important;
  background: rgba(51,153,255,.15) !important;
  border: 1px solid rgba(51,153,255,.3) !important;
  border-radius: 100px !important;
  padding: 4px 14px !important;
}
body .page-hero .eyebrow::before,
body .hero .eyebrow::before {
  display: none !important;
}


/* ==========================================================

/* ==========================================================
   FULL-WIDTH LAYOUT FIX v2 — surgical, non-destructive
   Makes image cards and content sections span full page width
   ========================================================== */

/* 1. Override the CSS variable controlling max container width */
:root {
  --maxw: 100% !important;
}

/* 2. Main page content containers — full width, keep horizontal padding */
.container {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 3. Article/single post narrow container — full width */
.container.narrow {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 4. Prose content area in articles */
.prose {
  max-width: 100% !important;
}

/* 5. Fix article content column to use full width */
.entry-content {
  max-width: 100% !important;
  width: 100% !important;
}

/* 6. Restore nav list styling that may break due to --maxw change */
.main-nav,
.main-nav ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.main-nav li {
  list-style: none !important;
  list-style-type: none !important;
}

/* 7. Card images — make taller for a big, hero feel */
.post .pmedia {
  height: 260px !important;
}

/* 8. Mobile padding stays comfortable */
@media (max-width: 640px) {
  .container,
  .container.narrow {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* NAV FIX — ensure nav links are dark/visible on white header */
.site-head .main-nav a,
.site-head .main-nav li a,
.head-in .main-nav a,
.head-in .main-nav li a {
  color: var(--ink) !important;
}

.site-head .main-nav a:hover,
.head-in .main-nav a:hover {
  color: var(--primary) !important;
  background: rgba(0,0,0,0.05) !important;
}

/* Also fix the nav dropdown arrow/indicator color */
.site-head .main-nav .has-children > a::after,
.site-head .main-nav .menu-item-has-children > a::after {
  border-color: var(--ink) !important;
}


/* CARD TEXT FIX — ensure post/insight card body text is dark/readable */
.post .pbody,
.post .pbody h3,
.post .pbody h2,
.post .pbody p,
.post .pbody .date,
.post .pbody * {
  color: var(--ink) !important;
}

/* Make the "Read more" link use primary brand color */
.post .pbody .tlink,
.post .pbody a {
  color: var(--primary) !important;
}

/* Logo visibility in header */
.site-head .custom-logo-link,
.head-in .custom-logo-link {
  opacity: 1 !important;
  visibility: visible !important;
}


/* ============================================================
   DARK SECTION WHITE TEXT OVERRIDE — v2 fix
   All dark-background sections/cards need white text.
   These rules override the generic dark-text rules above.
   ============================================================ */

/* Define the list of dark containers — all text inside must be white/light */
.sec.black *,
#solutions *,
.bigc *,
.bigc-body *,
.hero *,
#home *,
.sec.hp-tech *,
#technologies-preview *,
.tt-card *,
.sec.recog *,
#recognition *,
.longrun *,
#contact *,
.why-card *,
.svc-band .svc-item *,
.dark-band *,
.black-band * {
  color: #ffffff !important;
}

/* Keep links inside dark sections readable with brand blue */
.sec.black a:not(.btn),
#solutions a:not(.btn),
.bigc a:not(.btn),
.sec.hp-tech a:not(.btn),
#technologies-preview a:not(.btn),
.sec.recog a:not(.btn),
#recognition a:not(.btn),
.why-card a:not(.btn) {
  color: #7EC8FF !important;
}

/* Footer — keep existing white text (it was already working) */
.foot *,
footer.foot *,
.fbot * {
  color: #ffffff !important;
}
.foot a,
footer.foot a,
.fbot a {
  color: rgba(255,255,255,0.75) !important;
}
.foot .fleg,
footer .fleg {
  color: rgba(255,255,255,0.45) !important;
}

/* Eyebrow badge on DARK sections — use white text */
.sec.black .eyebrow,
#solutions .eyebrow,
.hero .eyebrow,
#home .eyebrow,
.sec.hp-tech .eyebrow,
.sec.recog .eyebrow,
.longrun .eyebrow,
.why-card .eyebrow {
  color: #7EC8FF !important;
  background: rgba(51, 153, 255, 0.25) !important;
}

/* Eyebrow badge on LIGHT sections — dark text */
.eyebrow.lt {
  color: #003d80 !important;
  background: rgba(0, 102, 204, 0.12) !important;
}

/* Fix: Hero h1, eyebrow — keep white */
.hero h1,
.hero h2,
.hero p,
.hero .eyebrow,
#home h1,
#home h2,
#home p {
  color: #ffffff !important;
}

/* Tech section — keep white for tt-nm and .sec.hp-tech headings */
.sec.hp-tech h1,
.sec.hp-tech h2,
.sec.hp-tech h3,
.sec.hp-tech p,
.sec.hp-tech span,
.tt-card .tt-nm,
.tt-card p,
.tt-card span {
  color: #ffffff !important;
}

/* Recognition section */
.sec.recog h1,
.sec.recog h2,
.sec.recog h3,
.sec.recog p,
.sec.recog span,
.sec.recog .eyebrow {
  color: #ffffff !important;
}

/* CTA / Longrun section */
.longrun h1,
.longrun h2,
.longrun h3,
.longrun p,
.longrun span {
  color: #ffffff !important;
}

/* Why-card dark navy — white text */
.why-card h1,
.why-card h2,
.why-card h3,
.why-card h4,
.why-card p,
.why-card span {
  color: #ffffff !important;
}

/* ============================================================
   NAV LOCALE / OTHER SMALL FIXES
   ============================================================ */

/* Fix nav-locale Cayman Islands text on dark scrolled nav */
.nav.scrolled .nav-locale,
.nav-in .nav-locale {
  color: rgba(255,255,255,0.75) !important;
}

/* Floating action buttons label — fix "Email us" / "Call us" on dark bg */
.fab-lbl {
  color: #ffffff !important;
}

/* ============================================================
   LIGHT SECTIONS — dark text (in case any got overridden above)
   These have higher specificity for light backgrounds.
   ============================================================ */

/* Light/white section text — keep dark */
.ncard h1, .ncard h2, .ncard h3, .ncard h4, .ncard h5, .ncard h6,
.ncard p, .ncard span, .ncard li, .ncard a,
.geo-card h1, .geo-card h2, .geo-card h3, .geo-card p, .geo-card span,
.post.ncard *, .pbody *, .pbody h1, .pbody h2, .pbody h3, .pbody p {
  color: #212529 !important;
}

/* FYF quiz section - dark gradient bg, needs white text */
.fyf-band *:not(.btn):not(button) {
  color: rgba(255,255,255,0.9) !important;
}

/* Why section outer container — light bg, dark text for heading/intro */
.sec:not(.black):not(.hp-tech):not(.recog) > .wrap > h2,
.sec:not(.black):not(.hp-tech):not(.recog) > .wrap > p,
.sec:not(.black):not(.hp-tech):not(.recog) > .wrap > .sec-title,
.sec:not(.black):not(.hp-tech):not(.recog) > .wrap > .eyebrow:not(.lt) {
  color: #212529 !important;
}

/* geo-card — white bg cards, dark text */
.geo-card,
.geo-card * {
  color: #212529 !important;
}

/* Clients section — light, dark text */
.sec.clients *:not(.btn):not(button) {
  color: #212529 !important;
}


/* ============================================================
   TCARD & REMAINING DARK ELEMENTS — final fixes v6
   ============================================================ */

/* tcard (news cards with dark bg) inside insights, stories etc */
.tcard h1, .tcard h2, .tcard h3, .tcard h4, .tcard h5, .tcard h6,
.tcard-title, .tcard .tcard-tag { color: #ffffff !important; }
.tcard p, .tcard li, .tcard span, .tcard .rd { color: rgba(255,255,255,0.8) !important; }

/* Industries preview cards */
#industries-preview .ind-card h1, #industries-preview .ind-card h2, 
#industries-preview .ind-card h3, #industries-preview .ind-card h4 { color: #ffffff !important; }
#industries-preview .ind-card p, #industries-preview .ind-card span { color: rgba(255,255,255,0.85) !important; }
#industries-preview h4 { color: #ffffff !important; }
#industries-preview p { color: rgba(255,255,255,0.85) !important; }

/* Stories/case study cards */
#stories h4, #stories h3, #stories h2 { color: #ffffff !important; }
#stories p, #stories span { color: rgba(255,255,255,0.85) !important; }

/* Careers section eyebrow */
#careers .eyebrow, #careers .eyebrow.lt { color: #7EC8FF !important; background: rgba(51,153,255,0.2) !important; }