/* Nabtech 2026, contrast-safe surface refinement and form experience.
 * Loaded after base, dual-theme and story CSS so each surface owns its text colors.
 * Official brand files are not modified. */

/* Header interaction: the theme control follows the primary action and has no icon padding. */
.nav-shell > .theme-toggle{padding:0!important;margin:0;flex:0 0 39px;width:39px;height:39px;border-radius:12px;line-height:1;align-self:center}
.nav-shell > .theme-toggle .theme-icon{display:block;width:21px;height:21px;pointer-events:none}
.nav-links .nav-dropdown >button .nav-chevron{font-size:10px;margin-inline-start:6px;transition:transform .22s ease;vertical-align:middle;line-height:1;font-style:normal}
.nav-dropdown.is-open >button .nav-chevron{transform:rotate(180deg)}
.nav-links .nav-dropdown >button{display:inline-flex;align-items:center;gap:5px}
.site-header .btn-nav{white-space:nowrap}

/* Keep major sections intentional, with readable text against their actual surfaces. */
.section-intro .split-heading h2,.section-intro .statement-grid h2{overflow-wrap:normal;line-height:1.2;padding-bottom:.07em}
.section-intro .section-aside p,.section-intro .statement-details p{max-width:620px}
.hero-home .btn-outline{border-color:rgba(173,206,228,.4)}
.hero-home .btn-outline:hover{border-color:#98ead2}
.product-feature-copy>p,.opsiq-section .product-feature-copy>p{color:#c0d7e8}
.opsiq-section .opsiq-pills span{color:#d0e7f1;border-color:#bad9e062}
.process-section .section-heading-centered>p,.sectors-preview .section-heading-centered>p,.faq-preview .section-heading-centered>p{color:#bfd0e1}
.process-step p,.process-step span,.human-section .human-copy p{color:#bed1e2}

/* Explicit visual contracts: pale sections use dark ink; dark sections keep bright ink. */
:root[data-theme="light"] .site-header{background:rgba(249,253,255,.98);backdrop-filter:blur(14px)}
:root[data-theme="light"] .nav-links>a,:root[data-theme="light"] .nav-dropdown>button{color:#253f57}
:root[data-theme="light"] .hero-home .btn-outline{color:#1c5066!important;background:rgba(255,255,255,.91);border-color:#a2bacd}
:root[data-theme="light"] .hero-home .btn-outline .play-circle{border-color:#9fbfcc;color:#1c536a}
:root[data-theme="light"] .hero-home .hero-lede{color:#3c5971}
:root[data-theme="light"] .section-intro{background:radial-gradient(ellipse at 90% 0%,#e6f5f8 0%,transparent 54%),#f5f9fc;color:#192e48}
:root[data-theme="light"] .section-intro h2,
:root[data-theme="light"] .section-intro h3{color:#18324c}
:root[data-theme="light"] .section-intro .split-heading h2 em{color:#215f9a}
:root[data-theme="light"] .section-intro .section-aside p,
:root[data-theme="light"] .section-intro .statement-details p{color:#435d73}
:root[data-theme="light"] .section-intro .decorative-asterisk{color:#147d76}
:root[data-theme="light"] .section-intro .eyebrow{color:#176b64}

/* AI integration spotlight remains cinematic navy in both themes. */
:root[data-theme="light"] .africa-ai-section{background:radial-gradient(ellipse at 90% 15%,#275b744a,transparent 55%),#091c2a;color:#effaff}
:root[data-theme="light"] .africa-ai-section .africa-ai-lead h2,
:root[data-theme="light"] .africa-ai-showcase .africa-ai-details h3,
:root[data-theme="light"] .africa-ai-showcase .africa-ai-details > p{color:#effaff}
:root[data-theme="light"] .africa-ai-section .africa-ai-lead>p,
:root[data-theme="light"] .africa-ai-showcase .africa-ai-details>p{color:#c2d8e8}
:root[data-theme="light"] .africa-ai-showcase .eyebrow,
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail>span,
:root[data-theme="light"] .africa-ai-section .africa-ai-lead .eyebrow{color:#a2f2ce}
:root[data-theme="light"] .africa-ai-showcase .ai-usecases>button:not(.is-active){color:#cfe3ee;background:#ffffff10;border-color:#b6e3e14f}
:root[data-theme="light"] .africa-ai-showcase .ai-usecases>button:not(.is-active):hover{background:#d8ffef19}
:root[data-theme="light"] .africa-ai-showcase .ai-usecases>button.is-active{color:#fff;background:#0e6d79;border-color:#8cd4c26e}
/* The use-case panel is deliberately a LIGHT inset inside the dark stage. */
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail{background:#f8fcff;border:1px solid #c4dbe5;border-radius:18px;padding:23px 24px 20px;margin-bottom:17px;box-shadow:0 10px 28px #04172820}
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail>span{color:#11796b}
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail h4{color:#183349}
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail p{color:#415b70}
:root[data-theme="light"] .africa-ai-bottom{background:linear-gradient(90deg,#143b4c,#12334b);border-color:#b4e9d54a}
:root[data-theme="light"] .africa-ai-bottom>span{color:#a0f4c8}
:root[data-theme="light"] .africa-ai-bottom>strong{color:#f0fbff}
:root[data-theme="light"] .africa-ai-bottom>a{color:#baf9df}

/* Dark editorial panels keep their contrast even when light mode is enabled. */
:root[data-theme="light"] .opsiq-section,
:root[data-theme="light"] .process-section,
:root[data-theme="light"] .sectors-preview,
:root[data-theme="light"] .faq-preview{color:#f3f9ff}
:root[data-theme="light"] .opsiq-section h2,
:root[data-theme="light"] .opsiq-section h3,
:root[data-theme="light"] .process-section h2,
:root[data-theme="light"] .process-section h3,
:root[data-theme="light"] .sectors-preview h2,
:root[data-theme="light"] .faq-preview h2{color:#f3f9ff}
:root[data-theme="light"] .opsiq-section p,
:root[data-theme="light"] .process-section p,
:root[data-theme="light"] .sectors-preview p,
:root[data-theme="light"] .faq-preview p{color:#c2d8e8}
:root[data-theme="light"] .opsiq-section .product-feature-copy h2 em{color:#e7f6ff}
:root[data-theme="light"] .opsiq-section .opsiq-pills span{color:#d4e9f4;background:#ffffff12;border-color:#abdedf64}
:root[data-theme="light"] .process-step h3,
:root[data-theme="light"] .process-step strong{color:#effaff}
:root[data-theme="light"] .process-step p,
:root[data-theme="light"] .sectors-preview .section-heading-centered>p,
:root[data-theme="light"] .faq-preview .section-heading-centered>p{color:#c3d6e9}
:root[data-theme="light"] .sectors-preview .btn-outline,
:root[data-theme="light"] .faq-preview .btn-outline,
:root[data-theme="light"] .opsiq-section .btn-outline{color:#f1faff;background:rgba(255,255,255,.09);border-color:#badce66f}
:root[data-theme="light"] .opsiq-section .product-kicker,
:root[data-theme="light"] .sectors-preview .eyebrow,
:root[data-theme="light"] .faq-preview .eyebrow{color:#a8f4d5}

/* Products and other PALE content must never inherit dark-background typography. */
:root[data-theme="light"] .products-section{background:#f6f9fc;color:#1a344d}
:root[data-theme="light"] .products-section h2,
:root[data-theme="light"] .products-section .section-heading-centered h2{color:#173650}
:root[data-theme="light"] .products-section .section-heading-centered>p{color:#496478}
:root[data-theme="light"] .products-section .product-card{background:#fff;color:#172e46;border-color:#cbdce8}
:root[data-theme="light"] .products-section .product-card p{color:#475e73}
:root[data-theme="light"] .human-section{background:#eef5fa;color:#183149}
:root[data-theme="light"] .human-section h2,
:root[data-theme="light"] .human-card h2{color:#172f47}
:root[data-theme="light"] .human-section .human-copy p{color:#496579}
:root[data-theme="light"] .human-section .human-card{background:linear-gradient(135deg,#fff,#e9f4f9);border-color:#c7dce7}
:root[data-theme="light"] .human-section .eyebrow{color:#186b70}
:root[data-theme="light"] .human-section .btn-quiet{color:#175d72}
:root[data-theme="light"] .section .section-heading-centered>p,
:root[data-theme="light"] .section .section-heading-line>p{line-height:1.85}
:root[data-theme="light"] .ai-possibilities-section .ai-possibility-card p,
:root[data-theme="light"] .industry-explorer .industry-tile>p{color:#476074}
:root[data-theme="light"] .ai-architecture-segment h3,
:root[data-theme="light"] .ai-architecture-notes h3{color:inherit}

/* CTA intentionally dark in light mode too: allow its own buttons and accents. */
:root[data-theme="light"] .final-cta{color:#f5fbff}
:root[data-theme="light"] .final-cta .btn-primary{background:linear-gradient(110deg,#a9f5d2,#88d6e0);color:#09243c}
:root[data-theme="light"] .final-cta .btn-quiet{color:#b8f8d9}

/* Accessible, pretty searchable select. Native select remains in document for form submission. */
.project-form .pretty-select{position:relative;display:block;width:100%;margin-top:9px;font-family:inherit}
.project-form .pretty-select-native{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)}
.project-form .pretty-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;width:100%;min-height:52px;padding:12px 16px;border:1px solid #526a866b;border-radius:10px;background:#11223a;color:#edf9ff;font-size:13px;font-weight:600;line-height:1.45;transition:border-color .2s,box-shadow .2s,background .2s}
.project-form .pretty-trigger>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.project-form .pretty-trigger .fa-chevron-down{font-size:11px;opacity:.75;transition:transform .2s;flex:0 0 auto}
.project-form .pretty-select.is-open .pretty-trigger .fa-chevron-down{transform:rotate(180deg)}
.project-form .pretty-select.is-open{z-index:25}
.project-form .pretty-select.is-open .pretty-trigger,.project-form .pretty-trigger:focus-visible{outline:none;border-color:#76d6c9;box-shadow:0 0 0 3px #7bdbba26}
.project-form .pretty-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:10px;z-index:45;border:1px solid #719bb48e;border-radius:14px;background:#101d32;box-shadow:0 24px 55px #020b20a8}
.project-form .pretty-dropdown[hidden]{display:none!important}
.project-form .pretty-search{display:block;width:100%;min-height:43px;padding:10px 12px;border:1px solid #728ba15d;border-radius:10px;background:#1c3046;color:#eaf7ff;font-size:13px;outline:none}
.project-form .pretty-search:focus{border-color:#77e0d1;box-shadow:0 0 0 3px #92ffd120}
.project-form .pretty-search::placeholder{color:#acc1d2}
.project-form .pretty-options{max-height:245px;overflow-y:auto;overscroll-behavior:contain;margin-top:7px;scrollbar-width:thin}
.project-form .pretty-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;margin:1px 0;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#d4e5f2;font-size:12px;font-weight:560;line-height:1.45;cursor:pointer}
.project-form .pretty-option:hover,.project-form .pretty-option:focus-visible,.project-form .pretty-option[aria-selected="true"]{background:#1e5066;color:#fff;outline:0}
.project-form .pretty-option[aria-selected="true"]:after{content:'✓';font-weight:900;color:#9df2d6;margin-left:8px}
.project-form .pretty-empty{padding:14px;color:#aec8d9;font-size:12px}
.project-form .pretty-select.is-invalid .pretty-trigger{border-color:#f49c9c;box-shadow:0 0 0 3px #eeb1b11a}
.project-form .captcha-field{margin:24px 0 24px;padding:18px 18px 14px;border:1px solid #9db8c450;border-radius:14px;background:#13284145;max-width:100%}
.project-form .captcha-assistance{margin:10px 0 0;color:#b7cadc;font-size:11px;line-height:1.55}
.project-form .g-recaptcha{max-width:100%;overflow:visible}
.project-form label,.project-form label>small{line-height:1.5}
.project-form input::placeholder,.project-form textarea::placeholder{color:#a1b5c6}
.project-form input:focus-visible,.project-form textarea:focus-visible{outline:none;border-color:#82dbc5;box-shadow:0 0 0 3px #71cfc72b}
:root[data-theme="light"] .form-card{background:#fff;color:#1a344c}
:root[data-theme="light"] .form-card .form-heading h2{color:#17364e}
:root[data-theme="light"] .project-form label{color:#254257}
:root[data-theme="light"] .project-form label>small{color:#5b7488}
:root[data-theme="light"] .project-form input::placeholder,
:root[data-theme="light"] .project-form textarea::placeholder{color:#647e92}
:root[data-theme="light"] .project-form .pretty-trigger{background:#fff;color:#1b3b52;border-color:#b4cddc}
:root[data-theme="light"] .project-form .pretty-dropdown{background:#fff;border-color:#bfd3de;box-shadow:0 20px 44px #183a5b26}
:root[data-theme="light"] .project-form .pretty-search{background:#f2f8fc;color:#183c53;border-color:#c0d6e2}
:root[data-theme="light"] .project-form .pretty-search::placeholder{color:#607b91}
:root[data-theme="light"] .project-form .pretty-option{color:#1c4056}
:root[data-theme="light"] .project-form .pretty-option:hover,
:root[data-theme="light"] .project-form .pretty-option:focus-visible,
:root[data-theme="light"] .project-form .pretty-option[aria-selected="true"]{background:#e0f3ee;color:#145e65}
:root[data-theme="light"] .project-form .pretty-option[aria-selected="true"]:after{color:#147a6a}
:root[data-theme="light"] .project-form .pretty-empty{color:#536f82}
:root[data-theme="light"] .project-form .captcha-field{background:#eef6fa;border-color:#cadae5}
:root[data-theme="light"] .project-form .captcha-assistance{color:#526a7c}
:root[data-theme="light"] .project-form .form-foot p{color:#4d687d}
:root[data-theme="light"] .project-form .form-foot a{color:#136871}
:root[data-theme="light"] .form-card .form-kicker{color:#157971}

@media(max-width:980px){
 .nav-shell{gap:10px}
 .nav-shell > .theme-toggle{width:37px;height:37px;flex-basis:37px}
 .nav-links .nav-dropdown >button .nav-chevron{margin-left:auto}
}
@media(max-width:520px){
 .nav-shell > .theme-toggle{width:35px;height:35px;flex-basis:35px}
 .project-form .captcha-field{padding:12px 8px}
 .project-form .pretty-dropdown{padding:8px}
 .project-form .pretty-trigger{min-height:48px}
 :root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail{padding:20px 17px}
}
@media(prefers-reduced-motion:reduce){.nav-links .nav-dropdown >button .nav-chevron{transition:none}}

/* Small captions should remain legible on white cards at ordinary zoom levels. */
:root[data-theme="light"] .ai-possibility-card>small,
:root[data-theme="light"] .ai-possibility-card>span:last-child,
:root[data-theme="light"] .capability-card .cap-label,
:root[data-theme="light"] .capability-card .cap-tags span,
:root[data-theme="light"] .industry-tile-tags span{color:#13665f}
:root[data-theme="light"] .ai-possibility-card .ai-possibility-icon{color:#16776a;border-color:#b5ded3;background:#e8f6f1}
:root[data-theme="light"] .ai-possibility-card h3{color:#18374e}
:root[data-theme="light"] .ai-possibility-card p{color:#455f73}
:root[data-theme="light"] .industry-tile-tags span{background:#e9f5f1;border-color:#bcddd4}
/* Better readable secondary copy in the original dark presentation. */
:root:not([data-theme="light"]) .africa-ai-showcase .ai-usecase-detail p,
:root:not([data-theme="light"]) .section-intro .section-aside p,
:root:not([data-theme="light"]) .products-section .section-heading-centered>p{color:#bfd1e1}


/* =====================================================================
   Nabtech v4 | contrast and navigation release
   Each light-surface element owns dark typography; dark presentation
   surfaces retain their bright typography, irrespective of theme.
   Kept last in the load order to correct inherited legacy rules.
   ===================================================================== */

/* The requested switch is an ICON ONLY. Keep an accessible pointer target,
   but remove all visual button padding, border, fill and shadow. */
.site-header .nav-shell > .theme-toggle,
:root[data-theme="light"] .site-header .nav-shell > .theme-toggle{
  -webkit-appearance:none;appearance:none;box-sizing:border-box;
  display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;
  min-width:36px;min-height:36px;padding:0!important;margin:0;
  border:0!important;border-radius:0;background:transparent!important;
  box-shadow:none!important;outline:none;
  color:var(--ink);line-height:1;
}
:root:not([data-theme="light"]) .site-header .nav-shell > .theme-toggle{color:#d5ecff}
:root[data-theme="light"] .site-header .nav-shell > .theme-toggle{color:#1a4765}
.site-header .nav-shell > .theme-toggle:hover{transform:none;opacity:.75}
.site-header .nav-shell > .theme-toggle:focus-visible{
  outline:2px solid #359687!important;outline-offset:3px;border-radius:4px;
}
.site-header .nav-shell > .theme-toggle .theme-icon{width:24px;height:24px}
/* Distinctly larger primary navigation without making it overly heavy. */
@media(min-width:861px){
 .site-header .nav-links>a,.site-header .nav-links .nav-dropdown>button{
   font-size:clamp(12.6px,1vw,13.8px);font-weight:650;letter-spacing:.003em;
 }
 .site-header .nav-links{gap:clamp(10px,1.32vw,22px)}
 .site-header .nav-shell{gap:clamp(9px,1.28vw,20px)}
}
@media(max-width:520px){
 .site-header .nav-shell > .theme-toggle{flex-basis:32px;width:32px;height:32px;min-width:32px;min-height:32px}
 .site-header .nav-shell > .theme-toggle .theme-icon{width:23px;height:23px}
}
/* Move Back to Top to the left, away from the OpsIQ live chat. */
.back-top{left:max(18px,env(safe-area-inset-left))!important;right:auto!important;
 bottom:max(20px,env(safe-area-inset-bottom))}
@media(max-width:620px){.back-top{left:max(13px,env(safe-area-inset-left))!important;right:auto!important;bottom:max(17px,env(safe-area-inset-bottom))}}

/* LIGHT: Process cards sit on a pale blue surface. Do not apply white ink. */
:root[data-theme="light"] .process-section{
 background:radial-gradient(ellipse at 90% 36%,#dcecf7 0%,transparent 60%),#edf5fa;
 color:#172f46;
}
:root[data-theme="light"] .process-section .section-heading-line h2,
:root[data-theme="light"] .process-section .process-step h3,
:root[data-theme="light"] .process-section .process-step strong{color:#152e46}
:root[data-theme="light"] .process-section .section-heading-line>p,
:root[data-theme="light"] .process-section .process-step p{color:#456176}
:root[data-theme="light"] .process-section .process-number{color:#2d667e}
:root[data-theme="light"] .process-section .eyebrow{color:#136b67}
:root[data-theme="light"] .process-section .process-grid{
 border-color:#b9cfde;background:rgba(255,255,255,.3)}
:root[data-theme="light"] .process-section .process-step{
 border-color:#b9cfde}
:root[data-theme="light"] .process-section .gradient-type{
 background:linear-gradient(100deg,#087c7d,#245fa1 65%,#5b5a9f);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* DARK: The metric ribbon stays navy even while the rest is light. */
:root[data-theme="light"] .credibility-bar{background:#08182b;color:#f1f8ff;border-color:#233c57}
:root[data-theme="light"] .credibility-line,
:root[data-theme="light"] .credibility-items span:not(.tiny-plus){color:#b4cbdf}
:root[data-theme="light"] .credibility-items strong{color:#eff8ff}
:root[data-theme="light"] .credibility-items strong .tiny-plus{color:#83efd0}

/* LIGHT: Expertise pages have a pale main surface. */
:root[data-theme="light"] .page-services #our-capabilities,
:root[data-theme="light"] .page-services .service-detail-list{color:#1b344b}
:root[data-theme="light"] .page-services .service-detail-main h3,
:root[data-theme="light"] .page-services .section-heading-line h2{color:#182f46}
:root[data-theme="light"] .page-services .service-detail-main p,
:root[data-theme="light"] .page-services .section-heading-line>p{color:#466277}
:root[data-theme="light"] .page-services .service-detail-number{color:#35697e}
:root[data-theme="light"] .page-services .service-tags span{
 color:#2f5368;background:#eaf3f9;border-color:#cbdfe9}
:root[data-theme="light"] .page-services .service-icon{
 color:#177b73;background:#e7f4f0;border-color:#bddfd6}
:root[data-theme="light"] .page-services .service-detail{border-color:#c9d9e4}
:root[data-theme="light"] .page-services .service-detail:hover{background:#e1f0f739}

/* LIGHT: People section combines a dark photograph and white story card. */
:root[data-theme="light"] .human-section{background:#eaf2f8;color:#1b344a}
:root[data-theme="light"] .human-section .human-card{
 background:linear-gradient(130deg,#f8fcff,#e9f3f9);border-color:#bcd3e1}
:root[data-theme="light"] .human-section .human-content h2{color:#172e45}
:root[data-theme="light"] .human-section .human-content>p{color:#425e75}
:root[data-theme="light"] .human-section .human-quote{
 color:#31516b;border-color:#61c69c}
:root[data-theme="light"] .human-section .human-content .eyebrow{color:#166f6b}
:root[data-theme="light"] .human-section .human-content .text-link{color:#135e6d}

/* General pale headings, descriptions and chips inside all service sections. */
:root[data-theme="light"] .page-services .service-detail .text-link{color:#145b6e}
:root[data-theme="light"] .page-services .service-detail .text-link:hover{color:#0a756c}
:root[data-theme="light"] .page-services .service-detail .service-tags span:hover{border-color:#85bcb5}

/* DARK consistency: increase secondary copy contrast without changing panels. */
:root:not([data-theme="light"]) .human-content>p,
:root:not([data-theme="light"]) .service-detail-main p,
:root:not([data-theme="light"]) .process-step p{color:#bccfe2}
:root:not([data-theme="light"]) .human-quote{color:#d5e9f6}
:root:not([data-theme="light"]) .credibility-items strong{color:#eff8ff}

/* Location details in the site-wide footer and contact page. */
.footer-office{display:flex;align-items:flex-start;gap:10px;margin:18px 0 10px;
 font-style:normal;font-size:12px;line-height:1.7;color:#bbd3e3;max-width:350px}
.footer-office strong{font-size:12px;color:#e9f7ff;font-weight:750}
.footer-office .footer-origin-dot{flex:0 0 7px;margin-top:8px}
:root[data-theme="light"] .footer-office{color:#435e73}
:root[data-theme="light"] .footer-office strong{color:#1b3f52}
.contact-info-row strong{display:block;line-height:1.65}
:root[data-theme="light"] .contact-info-row strong{color:#1b3c56}

/* Additional light-mode repairs from the full-page contrast audit.
   These panels deliberately remain navy, so invert their inherited ink. */
:root[data-theme="light"] .ai-service-promo h2,
:root[data-theme="light"] .vision-band h2,
:root[data-theme="light"] .ai-leadership-band h2,
:root[data-theme="light"] .ai-integration-architecture h2,
:root[data-theme="light"] .ai-integration-architecture .ai-architecture-segment h3,
:root[data-theme="light"] .ai-our-process h2,
:root[data-theme="light"] .ai-our-process .ai-process-steps h3,
:root[data-theme="light"] .industry-manifesto h2,
:root[data-theme="light"] .industry-outcomes h2,
:root[data-theme="light"] .industry-last-word .industry-last-word-inner h2{
  color:#f1f9ff;
}
:root[data-theme="light"] .ai-service-promo .eyebrow,
:root[data-theme="light"] .vision-band .eyebrow,
:root[data-theme="light"] .ai-leadership-band .eyebrow,
:root[data-theme="light"] .ai-integration-architecture .eyebrow,
:root[data-theme="light"] .ai-our-process .eyebrow,
:root[data-theme="light"] .industry-manifesto .eyebrow,
:root[data-theme="light"] .industry-outcomes .eyebrow,
:root[data-theme="light"] .industry-last-word .industry-last-word-inner .eyebrow{
  color:#a8f5d8;
}
:root[data-theme="light"] .ai-leadership-band p,
:root[data-theme="light"] .ai-integration-architecture .section-heading-line>p,
:root[data-theme="light"] .ai-our-process .section-heading-line>p,
:root[data-theme="light"] .industry-manifesto p,
:root[data-theme="light"] .industry-outcomes p,
:root[data-theme="light"] .industry-last-word .industry-last-word-inner p{
  color:#c4d9e7;
}
:root[data-theme="light"] .ai-integration-architecture .ai-architecture-segment p,
:root[data-theme="light"] .ai-our-process .ai-process-steps article p{color:#bbd1df}
:root[data-theme="light"] .ai-integration-architecture .ai-architecture-notes b{color:#eafbf5}
:root[data-theme="light"] .industry-last-word .industry-last-word-inner .btn-outline{
  color:#effaff;background:rgba(255,255,255,.09);border-color:rgba(187,228,230,.5)
}
/* Pale contact area: never use the old dark-theme, low-opacity captions. */
:root[data-theme="light"] .contact-information>p{color:#405a70}
:root[data-theme="light"] .contact-info-row small{color:#326276}
:root[data-theme="light"] .contact-info-row a,
:root[data-theme="light"] .contact-info-row strong{color:#173f57}
:root[data-theme="light"] .contact-note{color:#375a6e}
:root[data-theme="light"] .contact-info-icon{color:#18716c;border-color:#bedbd6;background:#e5f4f0}

/* White product cards: use saturated identifiers rather than pastel-blue text. */
:root[data-theme="light"] .products-section .project-kicker{color:#155d70}
:root[data-theme="light"] .footer-vision .footer-vision-copy>p{color:#3b586e}
:root[data-theme="light"] .footer-vision .footer-next-card>p{color:#425e73}
/* Ensure process and solutions headings remain legible even at low brightness. */
:root[data-theme="light"] .ai-sync-core>small{color:#082c3e;font-weight:850;text-shadow:none}
/* Light mode also needs a visible selected tab and headings on the white panels. */
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail h4{color:#183349}
:root[data-theme="light"] .africa-ai-showcase .ai-usecase-detail p{color:#405c70}

/* The capabilities cards inside the navy Industries section are deliberately
   light in light mode, unlike their dark enclosing section. */
:root[data-theme="light"] .industry-outcomes .industry-capabilities-row article p{
 color:#415c70;
}
:root[data-theme="light"] .industry-outcomes .industry-capabilities-row article h3{
 color:#17354c;
}
:root[data-theme="light"] .industry-outcomes .industry-capabilities-row article>span{
 color:#176b71;
}
:root[data-theme="light"] .ai-proof-section .ai-proof-name small,
:root[data-theme="light"] .ai-proof-section .eyebrow{color:#31677b}
:root[data-theme="light"] .ai-integrate-hero .ai-hero-core>small{color:#e9fff5;text-shadow:0 1px 6px #061c2ba3}
/* Tiny instrument labels must not vanish over gradients in either theme. */
.ai-sync-core>small{font-size:clamp(8px,.72vw,10px);letter-spacing:.045em;font-weight:850}
:root:not([data-theme="light"]) .ai-sync-core>small{color:#062331;text-shadow:0 1px 4px #b9fff79a}
:root[data-theme="light"] .ai-sync-core>small{color:#041d2d}
/* Gentle contrast increase for editorial eyebrow labels on already pale blocks. */
.light-section .eyebrow,
:root[data-theme="light"] .light-section .eyebrow{color:#21685e}


/* v4 final visual review: photo overlays and small instrument labels. */
.human-image-tag{color:#effbff!important;text-shadow:0 1px 4px #031321}
:root:not([data-theme="light"]) .ai-sync-core>small{color:#041b28}
:root:not([data-theme="light"]) .ai-hero-core>small{color:#effff4;text-shadow:0 1px 4px #061525}
.founder-portrait-label span,.founder-portrait-label small{color:#d8faf6}
.photo-counter small{color:#e7f4fb}


/* v5: Benin head office and Lagos branch. Keep both visible on all themes. */
.footer-office-locations{margin:20px 0 13px;display:grid;gap:16px}
.footer-office-locations .footer-office{margin:0;max-width:370px}
.footer-office-locations .footer-office--lagos{padding-top:16px;border-top:1px solid rgba(153,197,214,.23)}
.footer-office-kind{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;color:#8beac4;margin-bottom:7px}
.footer-office-map{display:inline-flex;align-items:center;gap:6px;color:#a8eeda;margin-top:7px;font-weight:730;text-decoration:underline;text-underline-offset:4px}
.footer-office-map:hover{color:#fff}
:root[data-theme="light"] .footer-office-kind{color:#176e60}
:root[data-theme="light"] .footer-office-map{color:#195f64}
:root[data-theme="light"] .footer-office-map:hover{color:#0c4855}
:root[data-theme="light"] .footer-office-locations .footer-office--lagos{border-color:#c5d9e3}
.contact-office-row strong{font-weight:710;line-height:1.65}
.contact-map-link{display:inline-flex!important;align-items:center;gap:7px;margin-top:10px!important;font-size:12px!important;font-weight:760;color:#a6ebd6;text-decoration:underline;text-underline-offset:4px}
.contact-map-link:hover{color:#fff}
:root[data-theme="light"] .contact-map-link{color:#136a67}
:root[data-theme="light"] .contact-map-link:hover{color:#083e51}
.contact-map-section{padding:30px 0 112px;background:linear-gradient(180deg,#0a1323,#0b192b);color:#eaf5ff}
.contact-map-card{overflow:hidden;border:1px solid rgba(141,204,206,.31);border-radius:28px;background:#13253b;box-shadow:0 22px 70px rgba(2,10,25,.23)}
.contact-map-header{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px clamp(24px,3.5vw,55px)}
.contact-map-title-group{min-width:0}
.contact-map-header h2{font-size:clamp(27px,3vw,46px);letter-spacing:-.055em;line-height:1.13;margin:15px 0 12px;color:#f5fbff}
.contact-map-header h2 em{font-style:normal;color:#9de8c8}
.contact-map-header p{color:#c8d9e8;max-width:760px;line-height:1.75;font-size:14px;margin:0}
.contact-map-cta{flex:0 0 auto;max-width:100%}
.contact-map-embed{background:#d9e3e8;min-height:330px}
.contact-map-embed iframe{width:100%;height:clamp(330px,40vw,500px);display:block;border:0;filter:saturate(.94)}
.contact-map-bottom{padding:17px clamp(24px,3.5vw,55px);display:flex;justify-content:space-between;gap:12px;align-items:center;background:#101f33;border-top:1px solid rgba(171,203,220,.15);font-size:12px;color:#d0e3ee}
.contact-map-bottom a{font-size:12px;font-weight:750;color:#9febce;white-space:nowrap}
.contact-map-bottom a:hover{color:#fff}
.contact-map-pin{color:#8af2cc;margin-right:7px;font-size:17px}
.contact-map-help{font-size:13px;line-height:1.8;text-align:center;max-width:830px;margin:21px auto 0;color:#b7cddb}
.contact-map-help strong{color:#f0fcff}
:root[data-theme="light"] .contact-map-section{background:linear-gradient(180deg,#ebf3f9,#e2eef5);color:#1c3950}
:root[data-theme="light"] .contact-map-card{background:#fff;border-color:#c6dae4;box-shadow:0 16px 48px rgba(43,72,97,.11)}
:root[data-theme="light"] .contact-map-header h2{color:#173248}
:root[data-theme="light"] .contact-map-header h2 em{color:#136e69}
:root[data-theme="light"] .contact-map-header p{color:#486479}
:root[data-theme="light"] .contact-map-bottom{background:#f0f7fb;border-color:#ccdae5;color:#2d4d63}
:root[data-theme="light"] .contact-map-bottom a{color:#17676a}
:root[data-theme="light"] .contact-map-pin{color:#137b6f}
:root[data-theme="light"] .contact-map-help{color:#4b6478}
:root[data-theme="light"] .contact-map-help strong{color:#153e50}
@media(max-width:850px){.contact-map-header{align-items:flex-start;flex-direction:column;gap:23px}.contact-map-cta{width:auto}.contact-map-section{padding:16px 0 75px}}
@media(max-width:600px){.contact-map-card{border-radius:20px}.contact-map-header{padding:27px 19px}.contact-map-header h2{font-size:clamp(29px,8vw,40px)}.contact-map-header p{font-size:13px}.contact-map-cta{width:100%}.contact-map-embed,.contact-map-embed iframe{height:340px;min-height:340px}.contact-map-bottom{padding:17px 19px;align-items:flex-start;flex-direction:column;gap:9px}.contact-map-help{font-size:12px}}