/* ==========================================================================
   Dark mode — follows the visitor's browser / OS setting.
   --------------------------------------------------------------------------
   There is no toggle: everything below only applies while the browser
   reports `prefers-color-scheme: dark`, and switches live if the setting
   changes. Light mode is untouched.

   Loaded last (see neosalpha_enqueue_dark_mode() in functions.php).
   Several templates print <style> blocks inside <body>, after this file, so
   selectors here are prefixed with :root to out-rank them without needing
   !important everywhere. Where the original rule uses !important, so does
   the override.

   1.  Tokens
   2.  Base + Bootstrap utilities
   3.  Header, mega menu, mobile menu, search overlay
   4.  Modals (exit-intent + demo request)
   5.  Forms + Select2
   6.  Homepage sections
   7.  Blog / single pages
   8.  Contact section
   9.  Images
   10. About page
   11. Agentic AI page
   ========================================================================== */

@media (prefers-color-scheme: dark) {

/* ==========================================================================
   1. TOKENS
   ========================================================================== */
:root {
	color-scheme: dark;

	--na-bg: #0e131a;
	--na-surface: #151c26;
	--na-surface-2: #1b2431;
	--na-border: #2a3546;
	--na-text: #e4e9f0;
	--na-text-strong: #f4f7fb;
	--na-muted: #9aa8ba;
	--na-link: #5cb8ff;
	--na-link-hover: #8fd0ff;

	/* Bootstrap 5.3 (data-bs-theme="dark" is set by the inline script) */
	--bs-body-bg: var(--na-bg);
	--bs-body-bg-rgb: 14, 19, 26;
	--bs-body-color: var(--na-text);
	--bs-body-color-rgb: 228, 233, 240;
	--bs-border-color: var(--na-border);
	--bs-link-color: var(--na-link);
	--bs-link-color-rgb: 92, 184, 255;
	--bs-link-hover-color: var(--na-link-hover);
	--bs-link-hover-color-rgb: 143, 208, 255;

	/* blog-single.css tokens */
	--bs-ink: var(--na-text);
	--bs-muted: var(--na-muted);
	--bs-accent: #5aa2ff;
	--bs-accent-soft: var(--na-surface-2);
	--bs-rule: var(--na-border);
	--bs-hairline: var(--na-border);
}

/* ==========================================================================
   2. BASE + BOOTSTRAP UTILITIES
   Bootstrap's dark theme does not flip these "fixed colour" utilities.
   ========================================================================== */
body {
	background-color: var(--na-bg);
	color: var(--na-text);
}

.bg-white { background-color: var(--na-surface) !important; }
.bg-light { background-color: var(--na-surface-2) !important; }
.text-dark:not(.btn) { color: var(--na-text) !important; }
.text-muted { color: var(--na-muted) !important; }
.border-secondary-subtle { border-color: var(--na-border) !important; }

/* Headings + body copy. Elementor's kit and the parent theme colour these with
   higher specificity than a bare `body`, so match them with `:root body`.
   Components with their own colour (hero text, white-on-blue cards) set it on a
   class or inline, which still wins over this. */
:root body { color: var(--na-text); }
:root body h1,
:root body h2,
:root body h3,
:root body h4,
:root body h5,
:root body h6 { color: var(--na-text-strong); }
:root body .blog-content p,
:root body .blog-content li,
:root body .blog-content td,
:root body .blog-content th,
:root body .blog-content strong,
:root body .blog-content b,
:root body .blog-content em { color: var(--na-text); }
/* Plain text links in articles. Button-style links (.btn) keep their own colours. */
:root body .blog-content a:not(.btn) { color: var(--na-link); }
:root body .blog-content a:not(.btn):hover { color: var(--na-link-hover); }
.table { --bs-table-color: var(--na-text); --bs-table-striped-color: var(--na-text); --bs-table-striped-bg: rgba(255, 255, 255, .04); }

.card {
	--bs-card-bg: var(--na-surface);
	--bs-card-color: var(--na-text);
	--bs-card-border-color: var(--na-border);
}

.accordion {
	--bs-accordion-bg: var(--na-surface);
	--bs-accordion-color: var(--na-text);
	--bs-accordion-border-color: var(--na-border);
	--bs-accordion-btn-bg: var(--na-surface);
	--bs-accordion-btn-color: var(--na-text);
	--bs-accordion-active-bg: var(--na-surface-2);
	--bs-accordion-active-color: var(--na-link);
}

table { --bs-table-color: var(--na-text); --bs-table-bg: transparent; --bs-table-border-color: var(--na-border); }

code { color: #ffb86b; }

/* ==========================================================================
   3. HEADER, MEGA MENU, MOBILE MENU, SEARCH OVERLAY
   ========================================================================== */

/* Logo: the uploaded logo is dark artwork on transparent, so flip it to white.
   Replace with a dedicated light-on-dark logo later if a full-colour one is wanted. */
:root .navbar-brand img,
:root .custom-logo,
:root .mobile-logo-wrapper img {
	filter: brightness(0) invert(1);
}

:root .navbar.bg-white {
	background-color: var(--na-surface) !important;
	border-bottom-color: var(--na-border);
	box-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .35);
}
:root .navbar-nav .nav-link { color: var(--na-text); }
/* "[Agentic AI]" item is #6014cf !important in navigation.php: unreadable on dark */
:root .sp-class { color: #b794ff !important; }
:root .navbar-nav > .nav-item > .nav-link:hover,
:root .navbar-nav > .nav-item > .nav-link.show { color: var(--na-link) !important; }

/* Hamburger: its light background is set via a class in mega-menu.css */
:root .navbar .navbar-toggler {
	background: transparent !important;
	color: var(--na-text) !important;
}

/* Dropdown / mega menu panels */
:root .dropdown-menu,
:root .mega-menu {
	--bs-dropdown-bg: var(--na-surface);
	--bs-dropdown-color: var(--na-text);
	--bs-dropdown-link-color: var(--na-text);
	--bs-dropdown-border-color: var(--na-border);
	background-color: var(--na-surface);
	border-color: var(--na-border);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
}
:root .mega-menu-featured {
	background: var(--na-surface-2);
	border-left-color: var(--na-border);
}
:root .featured-description { color: #e0a0a0; }
:root .submenu-description { color: #7fa6d1 !important; }
:root .submenu-item .nav-link i { color: var(--na-link); }

/* Text inside the mega menu: panel headings, card labels, company links, help text.
   The company links carry an inline style="color:#222", so they need an
   attribute selector with !important. */
:root .dropdown-menu h1,
:root .dropdown-menu h2,
:root .dropdown-menu h3,
:root .dropdown-menu h4,
:root .dropdown-menu h5,
:root .dropdown-menu h6,
:root .dropdown-menu .card-title:not(.text-white),
:root .dropdown-menu .nav-service-card-title,
:root .dropdown-menu .company-link,
:root .dropdown-menu .list-unstyled a,
:root .dropdown-menu .col-md-3 a,
:root .dropdown-menu .col-md-4 a:not(.nav-service-card),
:root .dropdown-menu span:not(.text-white):not(.submenu-arrow),
:root .dropdown-menu .view-all { color: var(--na-text); }
:root .dropdown-menu .text-muted,
:root .dropdown-menu .small.text-muted { color: var(--na-muted) !important; }
.dropdown-menu [style*="color:#222"],
.dropdown-menu [style*="color:#333"] { color: var(--na-text) !important; }
:root .dropdown-menu .company-link:hover,
:root .dropdown-menu .view-all:hover { color: var(--na-link) !important; }

/* Inline-styled side panels in the mega menu (style="background:#F6F6F6") */
[style*="background:#F6F6F6"] { background: var(--na-surface-2) !important; }
[style*="color: #003D84"] { color: var(--na-link) !important; }
[style*="color:#999"] { color: var(--na-muted) !important; }

/* Services list (left column) */
:root #services-submenu-list .nav-link { color: var(--na-muted) !important; }
:root #services-submenu-list .nav-link:hover,
:root #services-submenu-list .nav-link.active {
	color: var(--na-text-strong) !important;
	background-color: var(--na-surface);
}
:root #services-submenu-list .nav-link:before { background-color: var(--na-link); }
:root #services-submenu-list .nav-link .submenu-arrow { color: var(--na-link); }

/* Grandchild / company / list links (their hover colour is navy, unreadable on dark) */
:root .services-grandchild-panel .col-md-4 a:hover,
:root .dropdown-menu .list-unstyled a:hover,
:root .company-menu-item.has-children > .company-link:hover + .ms-2,
:root .company-grandchild-item.has-children > .company-link:hover + .ms-2 {
	color: var(--na-link) !important;
}
:root .dropdown-menu .list-unstyled a:after { background-color: var(--na-link); }
:root .newsroom-link { color: var(--na-text) !important; }
:root .company-menu-item.has-children:hover > .company-grandchild-list,
:root .company-grandchild-item.has-children:hover > .company-greatgrandchild-list {
	background: var(--na-surface);
	box-shadow: 0 4px 16px rgba(0, 0, 0, .5);
}
:root .underline::before { background-color: var(--na-border); }

/* Service cards inside the mega menu */
:root .nav-service-card { background: var(--na-surface-2); }
:root .nav-service-card:hover { background: #243043; }
:root .nav-service-card-description { color: var(--na-muted); }
:root .nav-service-card-fallback { color: var(--na-link); }

/* Mobile menu (offcanvas) */
:root .offcanvas {
	--bs-offcanvas-bg: var(--na-surface);
	--bs-offcanvas-color: var(--na-text);
	background-color: var(--na-surface);
}
:root .offcanvas-header,
:root .mobile-submenu,
:root .menu-level { background-color: var(--na-surface); }
:root .offcanvas-header,
:root .mobile-nav-item { border-bottom-color: var(--na-border); }
:root .mobile-submenu-item { border-bottom-color: var(--na-border); }
:root .mobile-nav-link,
:root .mobile-nav-link i,
:root .back-button,
:root .mobile-nav-toggle,
:root .mob-gc-list .mobile-nav-link,
:root .mob-flat-panel .mobile-nav-item.has-gc > .mobile-nav-link { color: var(--na-text) !important; }
:root .mobile-nav-link:hover { background-color: var(--na-surface-2); }
:root .offcanvas-body .nav-link:hover,
:root .offcanvas-body .accordion-button:hover,
:root .offcanvas-body .accordion-body a:hover {
	color: var(--na-link) !important;
	background-color: rgba(92, 184, 255, .12);
}
.offcanvas [style*="color:#222"],
.offcanvas [style*="color:#333"],
.offcanvas [style*="color:#000"] { color: var(--na-text) !important; }
:root .mob-flat-panel { scrollbar-color: #5aa2ff var(--na-surface-2); }
:root .mob-flat-panel::-webkit-scrollbar-track { background: var(--na-surface-2); }

/* Search overlay */
:root .mega-search-menu { background: rgba(14, 19, 26, .97); }
:root .mega-search-close,
:root .mega-search-close .text-dark { color: var(--na-text) !important; }
:root .mega-search-close:hover { background: rgba(255, 255, 255, .08); color: #fff !important; }
:root .mega-search-form .form-control {
	background-color: var(--na-surface-2);
	border-color: var(--na-border);
	color: var(--na-text);
}
:root .mega-search-form .form-control::placeholder { color: var(--na-muted); }
.mega-search-form [style*="background: #ccc"] { background: var(--na-surface-2) !important; border-color: var(--na-border); }

/* ==========================================================================
   4. MODALS
   ========================================================================== */
:root .neos-exit-modal,
:root .neos-exit-modal .right,
:root .neos-demo-modal { background: var(--na-surface); }

:root .neos-exit-intro,
:root .neos-demo-intro,
:root .neos-exit-agree,
:root .neos-demo-agree,
:root .neos-demo-thanks p { color: var(--na-muted); }
:root .neos-exit-trusted-title,
:root .neos-demo-heading,
:root .neos-demo-thanks h3 { color: var(--na-text-strong); }
:root .neos-exit-trusted { border-top-color: var(--na-border); }
:root .neos-demo-for,
:root .neos-exit-agree a,
:root .neos-demo-agree a { color: var(--na-link); }

:root .neos-demo-close {
	background: var(--na-surface) !important;
	color: var(--na-text) !important;
}

:root .neos-exit-modal input[type=text],
:root .neos-exit-modal input[type=email],
:root .neos-exit-modal textarea,
:root .neos-exit-modal .neos-exit-cc,
:root .neos-demo-modal input[type=text],
:root .neos-demo-modal input[type=email],
:root .neos-demo-modal textarea,
:root .neos-demo-phone-group {
	background-color: var(--na-surface-2);
	border-color: var(--na-border);
	color: var(--na-text);
}
:root .neos-demo-modal .neos-demo-phone-group input,
:root .neos-demo-modal .neos-demo-country select { color: var(--na-text); }
:root .neos-exit-modal input::placeholder,
:root .neos-exit-modal textarea::placeholder,
:root .neos-demo-modal input::placeholder,
:root .neos-demo-modal textarea::placeholder { color: var(--na-muted); }

:root .neos-demo-thanks-icon { background: rgba(53, 166, 92, .18); }
:root .neos-exit-form-msg.success,
:root .neos-demo-msg.success { color: #4ade80; }
:root .neos-exit-form-msg.error,
:root .neos-demo-msg.error { color: #f87171; }

/* The exit modal's trusted-by logos: light chips rather than inverted marks */
:root .neos-exit-trusted-logos img {
	background: #f3f6fa;
	border-radius: 8px;
	padding: 4px 8px;
	box-sizing: content-box;
	opacity: 1;
}

/* ==========================================================================
   5. FORMS + SELECT2
   ========================================================================== */
/* Select2 (contact form country code). The contact form's own .contact-input
   fields sit on a blue card and stay white on purpose. */
.select2-container--default .select2-dropdown {
	background-color: var(--na-surface);
	border-color: var(--na-border);
	color: var(--na-text);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: var(--na-surface-2);
	border-color: var(--na-border);
	color: var(--na-text);
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--selected { background-color: var(--na-surface-2); }

/* ==========================================================================
   6. HOMEPAGE SECTIONS
   The hero, features, platforms (white cards on a blue band) and the
   compliance CTA are already dark or self-contained and are left alone.
   ========================================================================== */
:root .trusted-static-section { background: var(--na-bg); }
:root .trusted-static-title { color: var(--na-text); }
:root .trusted-static-title-line-left { background: linear-gradient(to right, var(--na-bg) 40%, var(--na-border) 130%); }
:root .trusted-static-title-line-right { background: linear-gradient(to left, var(--na-bg) 40%, var(--na-border) 130%); }
:root .border-image { border-image: linear-gradient(to right, var(--na-bg), var(--na-border), var(--na-bg)) 1; }
/* Client logos come in every colour (and some with their own background), so
   inverting them turned a few into solid blocks. Show them as they are, on a
   light chip. */
:root .trusted-static-logos__track img {
	background: #f3f6fa;
	border-radius: 12px;
	padding: 12px 18px;
	box-sizing: border-box;
	max-width: 160px;
	opacity: 1;
}

/* Intro band (template-parts/home/about.php). Its light gradient is an inline
   style, so it needs !important; the headline then picks up the light heading
   colour from section 2. */
:root section[style*="EDF8FF" i] { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; }
:root .about-stat-border { border-color: var(--na-border); }

/* Industries, partners, case studies, testimonials and articles are printed
   with hard-coded white / pale-blue backgrounds, which left their (now light)
   headings unreadable. Put them on the dark surfaces instead. */
:root .industries-section,
:root .case-study-section,
:root .latest-articles-section { background: var(--na-bg); }
:root .saas-integration-section { background: var(--na-surface); }
:root .testimonials-section { background: var(--na-bg) !important; }
:root .industries-section .text-secondary,
:root .case-study-section .text-secondary,
:root .testimonials-section .text-secondary,
:root .latest-articles-section .text-secondary { color: var(--na-muted) !important; }

/* Industries carousel: the cards' hover state (dark blue) is untouched. */
:root .industry-card { background: var(--na-surface); border-color: var(--na-border); }
:root .industry-card-label { color: var(--na-text); }
:root .industry-card-icon { filter: brightness(0) invert(1); }
/* Prev/next buttons carry inline white backgrounds (here and in testimonials). */
:root .industries-arrow-btn,
:root .testimonials-section .btn-outline-secondary {
	background: var(--na-surface-2) !important;
	color: var(--na-text) !important;
	border-color: var(--na-border) !important;
}

/* Partner logos stay on their white chips; only the copy changes. */
:root .saas-integration-title { color: var(--na-text-strong); }
:root .saas-integration-desc { color: var(--na-text); }

/* Testimonial cards are already dark (bg-white -> surface); separate them from the band. */
:root .testimonial-card { border: 1px solid var(--na-border); }

/* Article cards are dark too; the category chip has an inline pale-blue fill. */
:root .article-card .badge {
	background: rgba(92, 184, 255, .15) !important;
	color: var(--na-link) !important;
}

/* ==========================================================================
   7. BLOG / SINGLE PAGES
   Most of blog-single.css runs off the tokens above; these are its literals.
   ========================================================================== */
:root .blog-content blockquote { background: var(--na-surface-2); }
:root .blog-content { color: var(--na-text); }
/* FAQ questions. single.php forces these buttons to background:#fff !important. */
:root .page-faqs-section .accordion-button,
:root .page-faqs-section .accordion-button:not(.collapsed) {
	background-color: var(--na-surface) !important;
	color: var(--na-text-strong) !important;
}
:root .page-faqs-section .accordion-button::after { filter: invert(1) brightness(1.3); }
:root .page-faqs-section .accordion-item { border-color: var(--na-border); }
:root .page-faqs-section .accordion-button:focus { border-color: var(--na-border); }
:root .entry-card {
	background: var(--na-surface);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .35);
}
:root .entry-card__badge { background-color: var(--na-surface-2); color: var(--na-muted); }
:root .linkedin-btn { background: var(--na-surface-2); }
/* Listen / translate / share row: the divider under it is #f5f5f5 in single.php,
   which is a bright white line on a dark page. */
:root .blog-tools { border-bottom-color: var(--na-border); }
:root .tool-divider { background: var(--na-border); }

/* Table of contents. single.php prints its own #dynamic-toc rules (#000 links,
   light active background) in <body>, so the ID selector is repeated here. */
:root #dynamic-toc,
:root #dynamic-toc li,
:root #dynamic-toc a {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}
:root #dynamic-toc a { color: var(--na-text) !important; }
:root #dynamic-toc a:hover,
:root #dynamic-toc a.active {
	color: var(--na-link) !important;
	background: var(--na-surface-2) !important;
	border-left-color: var(--na-link);
}
/* The TOC card's border is an inline style="border:1px solid #e0e0e0" */
.sticky-sidebar [style*="border:1px solid #e0e0e0"] { border-color: var(--na-border) !important; }
:root #dynamic-toc .text-muted { color: var(--na-muted) !important; }
:root .sticky-sidebar .card,
:root .sticky-sidebar .card-body { background-color: var(--na-surface); color: var(--na-text); }
/* Author page (/author/<name>/): white hero + article cards with navy titles.
   Turned into dark surfaces so the name and titles stay readable. */
:root .author-hero,
:root .author-post-card {
	background: var(--na-surface);
	box-shadow: 0 12px 40px rgba(0, 0, 0, .4);
}
:root .author-hero-copy h1,
:root .author-posts-header h2,
:root .author-card-body h3 a { color: var(--na-text-strong); }
:root .author-label { color: var(--na-link); }
:root .author-meta-row,
:root .author-post-count,
:root .author-card-meta { color: var(--na-muted); }
:root .author-description,
:root .author-card-body p { color: var(--na-text); }
:root .author-read-more { color: var(--na-link); }
:root .author-pagination a,
:root .author-pagination span { background: var(--na-surface-2); color: var(--na-text); }
:root .author-pagination a:hover { background: #243043; }
:root .author-pagination .current { background: #1e7be7; color: #fff; }
:root .author-no-posts { background: var(--na-surface); color: var(--na-muted); }

/* Blogs listing page (template-blog.php). Its cards keep their white
   background, so their titles and text go back to dark. */
:root body .blog-card,
:root body .featured-blog-card,
:root body .latest-posts-panel { color: #212529; }
:root body .blog-card h1,
:root body .blog-card h2,
:root body .blog-card h3,
:root body .blog-card h4,
:root body .blog-card h5,
:root body .featured-blog-card h2,
:root body .featured-blog-card h3,
:root body .latest-posts-panel h3 { color: #111; }
:root .event-card,
:root .featured-card { background: var(--na-surface); }
:root .event-card h5 { color: var(--na-text-strong); }
:root .related-blogs .card-title { color: var(--na-text-strong); }
:root .breadcrumb-item a { color: var(--na-link); }
:root #dynamic-toc { scrollbar-color: #3a4a60 var(--na-surface-2); }
:root #dynamic-toc::-webkit-scrollbar-thumb { background: #3a4a60; }
:root #dynamic-toc::-webkit-scrollbar-thumb:hover { background: #55698a; }
:root .case-study-item { background: var(--na-surface); border-color: var(--na-border); }
:root .case-study-excerpt { color: var(--na-muted); }

/* ==========================================================================
   8. CONTACT SECTION
   Only the white top band of the gradient changes; the blue form card and
   navy footer are already dark.
   ========================================================================== */
:root .contact-section { background: linear-gradient(0deg, #052a57 35%, var(--na-bg) 20%) !important; }

/* Contact form (homepage + shared partial). The card is blue and its inputs are
   white by design; Bootstrap's dark theme turned only the textarea/checkbox dark
   and made every placeholder near-white on white. Keep every field consistent. */
:root .contact-form-bg .form-control,
:root .contact-form-bg .form-select,
:root .contact-form-bg textarea,
:root .contact-input {
	background-color: #fff;
	color: #212529;
	border-color: #dee2e6;
}
:root .contact-form-bg .form-control::placeholder,
:root .contact-form-bg textarea::placeholder,
:root .contact-input::placeholder { color: #6c757d; opacity: 1; }
:root .contact-form-bg .form-check-input {
	background-color: #fff;
	border-color: #adb5bd;
}
:root .contact-form-bg .form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}

/* Testimonials page (testimonial.php). Cards and video footers stay light so the
   client logos (designed for white) stay visible; only the text needs to go back
   to dark. `:not(.bg-white)` keeps the homepage carousel, which reuses the class
   .testimonial-card on a dark surface, unaffected. */
:root .testimonial-card:not(.bg-white) { color: #212529; }
:root .testimonial-card:not(.bg-white) .testimonial-name { color: #111; }
:root .video-card-footer .text-dark,
:root .video-card-footer .video-name { color: #111 !important; }
:root .video-card-footer .text-muted { color: #6c757d !important; }
:root .testimonial-modal .modal-content {
	--bs-modal-bg: #fff;
	--bs-modal-color: #212529;
	background-color: #fff;
	color: #212529;
}
:root .testimonial-modal .modal-name { color: #111; }

/* ==========================================================================
   8b. CAREERS PAGE + light sections with an inline white background
   ========================================================================== */
/* Any <section style="background:#fff">: e.g. "Insights & Resources" */
section[style*="background:#fff"],
section[style*="background: #fff"] { background: var(--na-bg) !important; }

/* "Why work with NeosAlpha" cards. Hover state (blue) is left as designed. */
:root .hover-why { background: var(--na-surface); }
:root .hover-why:hover { background: #003D84; }
:root .na-why-work-section .hover-why h6 { color: var(--na-text-strong); }
:root .na-why-work-section .hover-why:not(:hover) p[style*="#666"] { color: var(--na-muted) !important; }
/* Icons are line art on a white tile: invert the tile, keep the line colours,
   and let `screen` blending drop the (now black) tile so only the lines show. */
:root .na-why-work-section .hover-why img {
	filter: invert(1) hue-rotate(180deg);
	mix-blend-mode: screen;
}

/* Employee testimonial: white text panel next to the photo */
:root .emp-content { background: var(--na-surface); color: var(--na-text); }
:root .emp-content h3 { color: var(--na-text-strong); }
:root .emp-content span { color: var(--na-muted); }
:root .emp-content p { color: var(--na-text); }

/* Open positions */
:root .na-career-section { background: transparent; }
:root .na-job-card {
	background: var(--na-surface);
	border: 1px solid var(--na-border);
}
:root .na-job-card:hover {
	border-color: var(--na-link);
	box-shadow: 0 8px 28px rgba(0, 0, 0, .45);
}
:root .na-job-title { color: var(--na-text-strong); }
:root .na-job-meta { color: var(--na-muted); }
/* Job icons are single-colour navy silhouettes: show them white */
:root .na-job-icon img { filter: brightness(0) invert(1); opacity: .85; }

/* ==========================================================================
   9. IMAGES
   Slight dim so bright photos don't glare against the dark page.
   Logos are handled per-component above.
   ========================================================================== */
:root .blog-content img,
:root .entry-card img { filter: brightness(.92); }

/* ==========================================================================
   10. ABOUT PAGE
   about.php hard-codes a pale-blue "Who We Are" band and forces the stat
   labels to #000 !important, which left light text on light blue and black
   text on the dark stats card.
   ========================================================================== */
:root .about-who { background-color: var(--na-surface-2); }
:root .stat-bg { background: linear-gradient(to bottom, var(--na-surface-2) 50%, var(--na-bg) 50%); }
:root .stat-bg .bg-white { border: 1px solid var(--na-border); }
:root .stat-box { color: var(--na-text) !important; }
:root #v-pills-tab .active { color: var(--na-text-strong) !important; }
:root .commitment-btn { color: var(--na-muted); }
:root .commitment-btn:hover { color: var(--na-text-strong); }

/* ==========================================================================
   11. AGENTIC AI PAGE (agentic-ai.php, pages/agentic-ai*.css)
   The page pins text to black / near-black with !important and paints several
   sections white or pale blue, so some copy was dark-on-dark and some was
   light-on-light. Bands below are moved onto the dark surfaces, except the
   agent-suite band, which sits on a light photo and keeps dark text.
   ========================================================================== */

/* Intro paragraph: turns #1b1b1b !important once it scrolls into view. */
:root .animated-heading.in-view h3 { color: var(--na-text-strong) !important; }

/* "Agentic AI Ecosystem" accordion: collapsed titles and the +/- icon are #000 !important. */
:root #agenticAccordion .accordion-header .accordion-button.collapsed,
:root #agenticAccordion .accordion-button:hover,
:root #agenticAccordion .accordion-button:focus { color: var(--na-text) !important; }
:root #agenticAccordion .accordion-header .accordion-button:not(.collapsed) { color: var(--na-link) !important; }
:root #agenticAccordion .accordion-button::after { border-color: currentColor; color: inherit; }
:root #agenticAccordion .accordion-item { border-bottom-color: var(--na-border) !important; }

/* FAQ: heading and questions are dark on the dark page. */
:root #section7 h2 { color: var(--na-text-strong) !important; }
:root #accordionExample button.accordion-button { color: var(--na-text) !important; }

/* Industries tabs (white section + white tab strip; shared with the Boomi pages). */
:root body.page-template-agentic-ai .boomi-solutions-section { background: var(--na-bg); }
:root body.page-template-agentic-ai .boomi-solutions-tabs .nav-link { background: transparent; color: var(--na-muted); }
/* The tabs are <button>s and boomi-integration-partner.min.css fills them with
   `#boomiSolutionsTabs button.nav-link { background:#fff !important }`. */
:root body.page-template-agentic-ai #boomiSolutionsTabs button.nav-link { background: transparent !important; }
:root body.page-template-agentic-ai #boomiSolutionsTabs.boomi-solutions-tabs .nav-link.active,
:root body.page-template-agentic-ai #boomiSolutionsTabs.boomi-solutions-tabs .nav-link:focus,
:root body.page-template-agentic-ai #boomiSolutionsTabs.boomi-solutions-tabs .nav-link:hover { color: var(--na-text-strong) !important; }

/* "Powered by the Best in AI" (inline #EBF6FF) and the closing CTA (inline #DDEDFF). */
:root section[style*="EBF6FF" i] { background: var(--na-surface) !important; }
:root div[style*="DDEDFF" i] { background: var(--na-surface-2) !important; }

/* Intelligent Agent Suite: light photo backdrop + white cards, so restore dark copy. */
:root #neosalphas-intelligent h2,
:root #neosalphas-intelligent h4 { color: #111827 !important; }
:root #neosalphas-intelligent p,
:root #neosalphas-intelligent .text-dark { color: #374151 !important; }

/* ==========================================================================
   12. SERVICE + CONTENT PAGES
   Many templates keep a white / pale-blue section or card (hard-coded in the
   page) next to blocks that section 2 turned dark. The generated rules further
   down keep those light sections light and give them dark text tokens; a dark
   block nested inside one (.bg-white / .bg-light / .card) needs the light
   tokens back, otherwise its text goes dark-on-dark.
   ========================================================================== */
:root .bg-white,
:root .bg-light,
:root .card {
	--na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546;
	color: var(--na-text);
}

/* ==== 12. SERVICE + CONTENT PAGES: BEGIN (generated by a contrast audit, one block per page template) ==== */
/* Each block is scoped to one page template (body class). "Light surface" rules keep a
   white / pale-blue section or card light and restore dark text tokens inside it; the
   remaining rules fix text those pages pin to near-black on the dark page. */
/* body.page-template-Modern-Slavery-Statement */
:root body.page-template-Modern-Slavery-Statement #policies h2:not(#_),
:root body.page-template-Modern-Slavery-Statement #policies h3:not(#_),
:root body.page-template-Modern-Slavery-Statement div.elementor-widget-container h2:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-Modern-Slavery-Statement #policies b:not(#_),
:root body.page-template-Modern-Slavery-Statement #policies li:not(#_),
:root body.page-template-Modern-Slavery-Statement #policies p:not(#_),
:root body.page-template-Modern-Slavery-Statement #policies span:not(#_),
:root body.page-template-Modern-Slavery-Statement #policies strong:not(#_),
:root body.page-template-Modern-Slavery-Statement div.elementor-widget-container b:not(#_),
:root body.page-template-Modern-Slavery-Statement div.elementor-widget-container span:not(#_) { color: var(--na-text) !important; }
/* body.page-template-agentic-ai */
:root body.page-template-agentic-ai #multi-cloud-expertise div.card-inner.gcp-card h3:not(#_) { color: #fff !important; }
/* body.page-template-apache-camel */
:root body.page-template-apache-camel #camelai div.camel-card p:not(#_),
:root body.page-template-apache-camel #faq0 div.accordion-body:not(#_),
:root body.page-template-apache-camel #faqAccordion button.accordion-button:not(#_),
:root body.page-template-apache-camel #migration-paths div.migration-card p:not(#_),
:root body.page-template-apache-camel #neosai article.ai-usecase-card p.ai-usecase-card__subtitle:not(#_),
:root body.page-template-apache-camel #neosai-agents div.ai-card li:not(#_),
:root body.page-template-apache-camel #neosai-agents div.ai-card p:not(#_),
:root body.page-template-apache-camel #services div.service-card p:not(#_),
:root body.page-template-apache-camel div.camel-cta-content p:not(#_),
:root body.page-template-apache-camel div.event-card p:not(#_),
:root body.page-template-apache-camel div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-apigee */
:root body.page-template-apigee #section2 div.feature-card {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-apigee #ecosystem-section div.ecosystem-card h5:not(#_),
:root body.page-template-apigee #ecosystem-section h2.ecosystem-title:not(#_),
:root body.page-template-apigee #section1 h2:not(#_),
:root body.page-template-apigee #section2 h2:not(#_),
:root body.page-template-apigee > section:nth-child(15) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h5:nth-child(1):not(#_),
:root body.page-template-apigee > section:nth-child(21) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h5:nth-child(1):not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-apigee #ecosystem-section div.ecosystem-card p:not(#_),
:root body.page-template-apigee #ecosystem-section p.ecosystem-desc:not(#_),
:root body.page-template-apigee #ecosystem-section span.ecosystem-label:not(#_),
:root body.page-template-apigee #section2 p:not(#_),
:root body.page-template-apigee #v-tabs-mapping-tab:not(#_),
:root body.page-template-apigee #v-tabs-sync-tab:not(#_),
:root body.page-template-apigee #v-tabs-sync-tab1:not(#_),
:root body.page-template-apigee #v-tabs-visibility-tab:not(#_),
:root body.page-template-apigee #v-tabs-workflows-tab:not(#_),
:root body.page-template-apigee div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-azure */
:root body.page-template-azure #our-approach div.ecosystem-card h5:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-azure #finance-tab:not(#_),
:root body.page-template-azure #our-approach div.ecosystem-card p:not(#_),
:root body.page-template-azure #why-neosalpha div.why-card p:not(#_),
:root body.page-template-azure div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-azure-cloud */
:root body.page-template-azure-cloud #tab4 div.benefits-card,
:root body.page-template-azure-cloud > section:nth-child(20) {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-azure-cloud #our-process div.ecosystem-card h5:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-azure-cloud #cloud-services div.why-card p:not(#_),
:root body.page-template-azure-cloud #finance-tab:not(#_),
:root body.page-template-azure-cloud #our-process div.ecosystem-card p:not(#_),
:root body.page-template-azure-cloud div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-azure-data-services */
:root body.page-template-azure-data-services #our-process div.ecosystem-card h5:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-azure-data-services #finance-tab:not(#_),
:root body.page-template-azure-data-services #our-process div.ecosystem-card p:not(#_),
:root body.page-template-azure-data-services div.stat-box div:not(#_),
:root body.page-template-azure-data-services section.ecosystem span.ecosystem-label:not(#_) { color: var(--na-text) !important; }
/* body.page-template-boomi-integration-partner */
:root body.page-template-boomi-integration-partner #services {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-boomi-integration-partner div.boomi-banner-section h4.boomi-banner-heading:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-boomi-integration-partner div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-case-study-home */
:root body.page-template-case-study-home #mainAccordion div.accordion-item button.accordion-button.industry-btn:not(#_),
:root body.page-template-case-study-home #mainAccordion div.accordion-item button.accordion-button.platform-btn:not(#_) { color: var(--na-text) !important; }
/* body.page-template-celigo */
:root body.page-template-celigo #integration-services div.service-card p:not(#_),
:root body.page-template-celigo #integrationCarousel div.sf-card p.sf-desc:not(#_),
:root body.page-template-celigo #our-services div.why-card p:not(#_),
:root body.page-template-celigo div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-contact-page */
:root body.page-template-contact-page div.contact-form-section p:not(#_),
:root body.page-template-contact-page div.office-card div.office-card-title:not(#_) { color: var(--na-text) !important; }
/* body.page-template-data-and-analytics */
:root body.page-template-data-and-analytics #customer-success div.cs-content-wrap p.cs-desc:not(#_),
:root body.page-template-data-and-analytics #customer-success div.cs-content-wrap span:not(#_),
:root body.page-template-data-and-analytics #delivery-framework div.journey-card p:not(#_),
:root body.page-template-data-and-analytics #faq0 div.accordion-body:not(#_),
:root body.page-template-data-and-analytics #faqAccordion button.accordion-button:not(#_),
:root body.page-template-data-and-analytics #solutions div.ai-slide-card li:not(#_),
:root body.page-template-data-and-analytics div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-databricks */
:root body.page-template-databricks #our-services div.why-card p:not(#_),
:root body.page-template-databricks div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-digital-integration */
:root body.page-template-digital-integration #integration-accelarator div.ai-slide-card li:not(#_),
:root body.page-template-digital-integration #integration-approach p:not(#_),
:root body.page-template-digital-integration #journey div.journey-card p:not(#_),
:root body.page-template-digital-integration #journey p:not(#_),
:root body.page-template-digital-integration div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-enterprise-applications */
:root body.page-template-enterprise-applications div.di-feature-card {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-enterprise-applications section.di-features p.di-features-desc:not(#_) { color: var(--na-text) !important; }
/* body.page-template-gai */
:root body.page-template-gai section.boomi-solutions-section {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-gai #frameworks-tools div.why-card h5:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-gai > section:nth-child(19) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h5:nth-child(1):not(#_) { color: #fff !important; }
:root body.page-template-gai #frameworks-tools div.why-card p:not(#_),
:root body.page-template-gai #v-tabs-mapping-tab:not(#_),
:root body.page-template-gai #v-tabs-sync-tab:not(#_),
:root body.page-template-gai #v-tabs-sync-tab1:not(#_),
:root body.page-template-gai #v-tabs-visibility-tab:not(#_),
:root body.page-template-gai #v-tabs-workflows-tab:not(#_),
:root body.page-template-gai div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-intap-service */
:root body.page-template-intap-service #section4,
:root body.page-template-intap-service #section6 div.service-card {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-intap-service #section1 h2:not(#_),
:root body.page-template-intap-service #section5 h2:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-intap-service #business-development-tab:not(#_),
:root body.page-template-intap-service #content-management-tab:not(#_),
:root body.page-template-intap-service #financial-management-tab:not(#_),
:root body.page-template-intap-service #hr-talent-management-tab:not(#_),
:root body.page-template-intap-service #risk-compliance-tab:not(#_),
:root body.page-template-intap-service #section2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > p:nth-child(3):not(#_),
:root body.page-template-intap-service #section2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > p:nth-child(3):not(#_),
:root body.page-template-intap-service #section2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > p:nth-child(3):not(#_),
:root body.page-template-intap-service #section2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) > p:nth-child(3):not(#_),
:root body.page-template-intap-service #section2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(5) > div:nth-child(1) > p:nth-child(3):not(#_),
:root body.page-template-intap-service #section2 > div:nth-child(1) > div:nth-child(2) > div:nth-child(6) > div:nth-child(1) > p:nth-child(3):not(#_) { color: var(--na-text) !important; }
/* body.page-template-intapp-managed-services */
:root body.page-template-intapp-managed-services #faq0 div.accordion-body:not(#_),
:root body.page-template-intapp-managed-services #faqAccordion button.accordion-button:not(#_),
:root body.page-template-intapp-managed-services #integration-services div.service-card p:not(#_),
:root body.page-template-intapp-managed-services div.challenge-card-inner p:not(#_),
:root body.page-template-intapp-managed-services div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-kong */
:root body.page-template-kong div.feature-card-kong li:not(#_),
:root body.page-template-kong section.kong-section p:not(#_) { color: var(--na-text) !important; }
/* body.page-template-netsuit-implementation */
:root body.page-template-netsuit-implementation #approach h2:not(#_),
:root body.page-template-netsuit-implementation #section1 h2:not(#_),
:root body.page-template-netsuit-implementation > section:nth-child(20) > h2:nth-child(1):not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-netsuit-implementation div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-qa-testing */
:root body.page-template-qa-testing #delivery-framework,
:root body.page-template-qa-testing #mainAccordion button.accordion-button {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-qa-testing #customer-success div.cs-content-wrap p.cs-desc:not(#_),
:root body.page-template-qa-testing #customer-success div.cs-content-wrap span:not(#_),
:root body.page-template-qa-testing #customer-success div.cs-content-wrap strong:not(#_),
:root body.page-template-qa-testing #faq0 div.accordion-body:not(#_),
:root body.page-template-qa-testing #faqAccordion button.accordion-button:not(#_),
:root body.page-template-qa-testing #tools-platforms p.section-desc:not(#_),
:root body.page-template-qa-testing div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-salesforce */
:root body.page-template-salesforce #heading1 button.accordion-button,
:root body.page-template-salesforce #heading2 button.accordion-button,
:root body.page-template-salesforce #heading3 button.accordion-button,
:root body.page-template-salesforce #heading4 button.accordion-button,
:root body.page-template-salesforce #heading5 button.accordion-button,
:root body.page-template-salesforce #heading6 button.accordion-button,
:root body.page-template-salesforce #heading7 button.accordion-button,
:root body.page-template-salesforce #heading8 button.accordion-button {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-salesforce #our-expertise div.why-card p:not(#_),
:root body.page-template-salesforce #platforms div.sf-card p.sf-desc:not(#_),
:root body.page-template-salesforce #v-tabs-migration-to-salesforce-tab:not(#_),
:root body.page-template-salesforce #v-tabs-salesforce-administration-tab:not(#_),
:root body.page-template-salesforce #v-tabs-salesforce-customization-tab:not(#_),
:root body.page-template-salesforce #v-tabs-salesforce-implementation-tab:not(#_),
:root body.page-template-salesforce #v-tabs-salesforce-integration-tab:not(#_),
:root body.page-template-salesforce #v-tabs-salesforce-lightning-development-tab:not(#_),
:root body.page-template-salesforce #v-tabs-salesforce-managed-services-tab:not(#_),
:root body.page-template-salesforce div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.page-template-template-blog */
:root body.page-template-template-blog div.category-dropdown {
	--na-text: #212529; --na-text-strong: #111827; --na-muted: #5b6672; --na-link: #0b5ed7; --na-border: #dee2e6;
	color: #212529;
}
:root body.page-template-template-blog div.blog-card h3:not(#_),
:root body.page-template-template-blog div.featured-blog-card h2:not(#_),
:root body.page-template-template-blog div.latest-posts-panel h3.latest-posts-title:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-template-blog div.blog-card p:not(#_),
:root body.page-template-template-blog div.featured-blog-card p:not(#_),
:root body.page-template-template-blog div.featured-blog-card p.featured-meta:not(#_),
:root body.page-template-template-blog div.latest-posts-panel a:not(#_) { color: var(--na-text) !important; }
/* body.page-template-testimonial */
:root body.page-template-testimonial div.testimonial-card div.testimonial-name:not(#_),
:root body.page-template-testimonial div.testimonial-card p.testimonial-text.testimonial-quote-icon:not(#_),
:root body.page-template-testimonial div.video-card-footer div.video-name:not(#_) { color: var(--na-text) !important; }
/* body.page-template-workato */
:root body.page-template-workato #ecosystem-section div.ecosystem-card h5:not(#_),
:root body.page-template-workato #section1 h2:not(#_),
:root body.page-template-workato #section2 h2:not(#_) { color: var(--na-text-strong) !important; }
:root body.page-template-workato #Boomi-Data-Hubs-tab:not(#_),
:root body.page-template-workato #Boomi-Flows-tab:not(#_),
:root body.page-template-workato #app-tab:not(#_),
:root body.page-template-workato #ecosystem-section div.ecosystem-card p:not(#_),
:root body.page-template-workato #ecosystem-section p.ecosystem-desc:not(#_),
:root body.page-template-workato #ecosystem-section span.ecosystem-label:not(#_),
:root body.page-template-workato #infra-tab:not(#_),
:root body.page-template-workato #runtime-tab:not(#_),
:root body.page-template-workato #section2 div.feature-box p:not(#_),
:root body.page-template-workato #section2 p:not(#_),
:root body.page-template-workato div.stat-box div:not(#_) { color: var(--na-text) !important; }
/* body.single-case_study */
:root body.single-case_study #main-content h6:not(#_) { color: var(--na-text-strong) !important; }
:root body.single-case_study #main-content div.cs-testimonial-name:not(#_),
:root body.single-case_study #main-content div.cs-testimonial-title:not(#_),
:root body.single-case_study div.cs-testimonial-text p:not(#_) { color: var(--na-text) !important; }
/* body.single-post */
:root body.single-post #blog-content div.event-cta-box p:not(#_) { color: #fff !important; }
:root body.single-post section.about-author-section div:not(#_) { color: var(--na-text) !important; }
/* ==== 12. SERVICE + CONTENT PAGES: END ==== */

/* ==========================================================================
   16. LOCKED LIGHT BACKGROUNDS + SOLUTION TABS
   A few bands carry an inline `background… !important`, which no stylesheet
   can override. Paint a dark layer behind their content instead (a positioned
   ::before at z-index -1 inside its own stacking context), and give the
   content the dark text tokens back.
   ========================================================================== */
:root body.page-template-boomi-integration-partner #services,
:root body.page-template-intap-service #section2,
:root body.page-template-intap-service #section4,
:root body.page-template-apigee #section2 div.feature-card {
	position: relative;
	isolation: isolate;
	--na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546;
	color: var(--na-text);
}
:root body.page-template-boomi-integration-partner #services::before,
:root body.page-template-intap-service #section2::before,
:root body.page-template-intap-service #section4::before,
:root body.page-template-apigee #section2 div.feature-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	border-radius: inherit;
	background: var(--na-bg);
}
:root body.page-template-intap-service #section4::before,
:root body.page-template-apigee #section2 div.feature-card::before { background: var(--na-surface); }

/* the pages pin dark colours on the copy inside these blocks; the text sits on the dark layer now */
:root :is(body.page-template-boomi-integration-partner #services, body.page-template-intap-service #section2, body.page-template-intap-service #section4, body.page-template-apigee #section2 div.feature-card) :is(h1, h2, h3, h4, h5, h6):not(#_) { color: var(--na-text-strong) !important; }
:root :is(body.page-template-boomi-integration-partner #services, body.page-template-intap-service #section2, body.page-template-intap-service #section4, body.page-template-apigee #section2 div.feature-card) :is(p, li, small, .text-secondary, .text-muted, .text-dark):not(#_) { color: var(--na-text) !important; }

/* Solutions tab strip (min.css fills the tab buttons white with !important): inactive tabs sit on the dark band;
   the active tab keeps the page's own blue. */
:root #boomiSolutionsTabs button.nav-link:not(.active):not(:hover) { background: transparent !important; color: var(--na-muted); }
/* ==== 14. LIGHT SURFACES TURNED DARK: BEGIN (generated) ==== */
/* body.page-id-526 */
:root body.page-id-526 #application-data-integration,
:root body.page-id-526 #data-and-analytics { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-apache-camel */
:root body.page-template-apache-camel #camelai div.camel-card:not(:hover):not(.active),
:root body.page-template-apache-camel #migration-paths div.migration-card,
:root body.page-template-apache-camel #neosai article.ai-usecase-card,
:root body.page-template-apache-camel #neosai-agents div.ai-card,
:root body.page-template-apache-camel #pricing div.pricing-card,
:root body.page-template-apache-camel #services div.service-card,
:root body.page-template-apache-camel div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-apache-camel #camelai,
:root body.page-template-apache-camel #migration-paths,
:root body.page-template-apache-camel div.camel-cta-content { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-apache-camel #services { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-apache-camel #pricing div.pricing-header,
:root body.page-template-apache-camel #pricing div.pricing-total { background: var(--na-surface-2) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-apigee */
:root body.page-template-apigee #ecosystem-section > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-apigee div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-apigee #section3,
:root body.page-template-apigee > section:nth-child(15),
:root body.page-template-apigee > section:nth-child(21) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-azure */
:root body.page-template-azure #our-approach > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-azure #tab4 div.benefits-card,
:root body.page-template-azure div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-azure #why-neosalpha { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-azure #why-neosalpha div.why-card:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
:root body.page-template-azure #industries { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-azure-cloud */
:root body.page-template-azure-cloud #our-process > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-azure-cloud #tab4 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-azure-cloud #tab4 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),
:root body.page-template-azure-cloud #tab4 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1),
:root body.page-template-azure-cloud #tab4 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) > div:nth-child(1),
:root body.page-template-azure-cloud div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-azure-cloud #cloud-services,
:root body.page-template-azure-cloud #why-neosalpha { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-azure-cloud #cloud-services div.why-card:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
:root body.page-template-azure-cloud #industries { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-azure-data-services */
:root body.page-template-azure-data-services #our-process > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-azure-data-services div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-azure-data-services #azure-data-expertise,
:root body.page-template-azure-data-services section.ecosystem { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-azure-data-services #azure-data-expertise div.why-card-top { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
:root body.page-template-azure-data-services #industries { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-boomi-integration-partner */
:root body.page-template-boomi-integration-partner div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-boomi-integration-partner div.boomi-banner-section { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-boomi-integration-partner #boomiSolutions { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-celigo */
:root body.page-template-celigo #integration-services div.service-card,
:root body.page-template-celigo div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-celigo #celigo-integrations,
:root body.page-template-celigo #integration-services,
:root body.page-template-celigo #our-services { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-celigo #integrationCarousel > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-celigo #integrationCarousel > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),
:root body.page-template-celigo #integrationCarousel > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1),
:root body.page-template-celigo #our-services div.why-card:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
/* body.page-template-client */
:root body.page-template-client #testimonial-carousel-track div.testimonial-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
/* body.page-template-contact-page */
:root body.page-template-contact-page #contact-page-form div.phone-group { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
:root body.page-template-contact-page div.office-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-crm-integration */
:root body.page-template-crm-integration > section:nth-child(10),
:root body.page-template-crm-integration > section:nth-child(13),
:root body.page-template-crm-integration > section:nth-child(15) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-crm-integration div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-csr */
:root body.page-template-csr section.csr-strategy { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-csr #csrCarousel > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1),
:root body.page-template-csr div.csr-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-data-and-analytics */
:root body.page-template-data-and-analytics #capabilities div.problem-grid,
:root body.page-template-data-and-analytics #delivery-framework div.journey-card:not(:hover):not(.active),
:root body.page-template-data-and-analytics #solutions div.ai-slide-card,
:root body.page-template-data-and-analytics div.case-study-card,
:root body.page-template-data-and-analytics div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-data-and-analytics #capabilities,
:root body.page-template-data-and-analytics #customer-success div.cs-content-wrap,
:root body.page-template-data-and-analytics #our-services { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-data-and-analytics #capabilities div.problem-card { background: var(--na-surface-2) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-data-and-analytics #delivery-framework,
:root body.page-template-data-and-analytics #our-platforms { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-databricks */
:root body.page-template-databricks #cloud-gcp div.cloud-feature,
:root body.page-template-databricks div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-databricks #integration-approach,
:root body.page-template-databricks #our-services,
:root body.page-template-databricks #platforms,
:root body.page-template-databricks > section:nth-child(13) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-databricks #integration-approach div.process-card,
:root body.page-template-databricks #our-services div.why-card:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
:root body.page-template-databricks #industries { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-digital-integration */
:root body.page-template-digital-integration #integration-accelarator div.ai-slide-card,
:root body.page-template-digital-integration #journey div.journey-card:not(:hover):not(.active),
:root body.page-template-digital-integration div.case-study-card,
:root body.page-template-digital-integration div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-digital-integration #our-experties,
:root body.page-template-digital-integration #solutions { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-digital-integration #journey,
:root body.page-template-digital-integration > section:nth-child(24) { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-ecom-integration */
:root body.page-template-ecom-integration > section:nth-child(10),
:root body.page-template-ecom-integration > section:nth-child(13),
:root body.page-template-ecom-integration > section:nth-child(15) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-ecom-integration div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-enterprise-applications */
:root body.page-template-enterprise-applications #integration-services div.service-card,
:root body.page-template-enterprise-applications div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-enterprise-applications section.di-features { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-finance-integration */
:root body.page-template-finance-integration > section:nth-child(10),
:root body.page-template-finance-integration > section:nth-child(13),
:root body.page-template-finance-integration > section:nth-child(15) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-finance-integration div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-gai */
:root body.page-template-gai #development-process > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2):not(:hover):not(.active),
:root body.page-template-gai #development-process > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3):not(:hover):not(.active),
:root body.page-template-gai #development-process > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4):not(:hover):not(.active),
:root body.page-template-gai #development-process > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(5):not(:hover):not(.active),
:root body.page-template-gai div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-gai #boomiSolutions,
:root body.page-template-gai #section3 { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-gai #frameworks-tools div.why-card:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
/* body.page-template-hris-integration */
:root body.page-template-hris-integration > section:nth-child(10),
:root body.page-template-hris-integration > section:nth-child(13),
:root body.page-template-hris-integration > section:nth-child(15) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-hris-integration div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-intap-service */
:root body.page-template-intap-service #section6 > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1),
:root body.page-template-intap-service #section6 div.service-card.main-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-intapp-managed-services */
:root body.page-template-intapp-managed-services #capabilities div.problem-card,
:root body.page-template-intapp-managed-services #integration-services div.service-card,
:root body.page-template-intapp-managed-services article.challenge-card,
:root body.page-template-intapp-managed-services div.case-study-card,
:root body.page-template-intapp-managed-services div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-intapp-managed-services section.challenge-section { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-intapp-managed-services div.challenge-card-inner { background: var(--na-surface-2) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-intapp-managed-services #capabilities { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-kong */
:root body.page-template-kong #integration-services div.service-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-kong section.kong-section { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-kong div.feature-card-kong:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
/* body.page-template-netsuit-implementation */
:root body.page-template-netsuit-implementation #ai-powered div.why-card-gai:not(:hover):not(.active),
:root body.page-template-netsuit-implementation #tab2,
:root body.page-template-netsuit-implementation div.iPass-platforms-logo.iPass-platforms-logo-1:not(:hover):not(.active),
:root body.page-template-netsuit-implementation div.iPass-platforms-logo.iPass-platforms-logo-2:not(:hover):not(.active),
:root body.page-template-netsuit-implementation div.iPass-platforms-logo.iPass-platforms-logo-3:not(:hover):not(.active),
:root body.page-template-netsuit-implementation div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-netsuit-implementation #ai-powered,
:root body.page-template-netsuit-implementation #approach,
:root body.page-template-netsuit-implementation #capabilities,
:root body.page-template-netsuit-implementation #industries { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-qa-testing */
:root body.page-template-qa-testing #capabilities div.problem-grid,
:root body.page-template-qa-testing div.case-study-card,
:root body.page-template-qa-testing div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-qa-testing #customer-success div.cs-content-wrap,
:root body.page-template-qa-testing #our-services { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-qa-testing #capabilities,
:root body.page-template-qa-testing #tools-platforms { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-qa-testing #capabilities div.problem-card { background: var(--na-surface-2) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-qa-testing #delivery-framework div.new-card:not(:hover):not(.active) { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
/* body.page-template-salesforce */
:root body.page-template-salesforce div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-salesforce #integration-approach,
:root body.page-template-salesforce #our-expertise,
:root body.page-template-salesforce #section3,
:root body.page-template-salesforce > section:nth-child(12) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-salesforce #integration-approach div.process-card,
:root body.page-template-salesforce #our-expertise div.why-card,
:root body.page-template-salesforce #platforms div.sf-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
:root body.page-template-salesforce #industries,
:root body.page-template-salesforce > section:nth-child(21) { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-schedule-appointment */
:root body.page-template-schedule-appointment div.overlay-footer { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-snowflakes */
:root body.page-template-snowflakes #integration-services div.service-card,
:root body.page-template-snowflakes div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-template-blog */
:root body.page-template-template-blog div.blog-card,
:root body.page-template-template-blog div.featured-blog-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-template-blog div.latest-posts-panel { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); border-top-color: var(--na-border) !important; border-right-color: var(--na-border) !important; border-bottom-color: var(--na-border) !important; border-left-color: var(--na-border) !important; }
/* body.page-template-template-home */
:root body.page-template-template-home div.case-study-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-testimonial */
:root body.page-template-testimonial div.case-study-card,
:root body.page-template-testimonial div.testimonial-card,
:root body.page-template-testimonial div.video-card { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-testimonial div.video-card-footer { background: var(--na-surface-2) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.page-template-workato */
:root body.page-template-workato #ecosystem-section > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1),
:root body.page-template-workato #tab2,
:root body.page-template-workato #tab4 div.benefits-card,
:root body.page-template-workato div.stat-box { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
:root body.page-template-workato #capabilities,
:root body.page-template-workato #industries { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.single-case_study */
:root body.single-case_study #main-content > section:nth-child(3) { background: var(--na-bg) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* body.single-post */
:root body.single-post section.about-author-section { background: var(--na-surface) !important; --na-text: #e4e9f0; --na-text-strong: #f4f7fb; --na-muted: #9aa8ba; --na-link: #5cb8ff; --na-border: #2a3546; color: var(--na-text); }
/* ==== 14. LIGHT SURFACES TURNED DARK: END ==== */
/* ==== 15. IMAGES THAT NEED A LIGHT CHIP OR INVERTING: BEGIN (generated) ==== */
/* body.page-id-526 */
:root body.page-id-526 img[src$="azure-2.svg"],
:root body.page-id-526 img[src$="boomi-7.svg"],
:root body.page-id-526 img[src$="celigo.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-apache-camel */
:root body.page-template-apache-camel img[src$="integration-testing-qa-icon.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-azure */
:root body.page-template-azure img[src$="azure-data-factory.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-azure-data-services */
:root body.page-template-azure-data-services img[src$="azure-data-factory.svg"],
:root body.page-template-azure-data-services img[src$="profisee.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-celigo */
:root body.page-template-celigo img[src$="consulting.svg"],
:root body.page-template-celigo img[src$="customer-360°.svg"],
:root body.page-template-celigo img[src$="edi-integration.svg"],
:root body.page-template-celigo img[src$="implementation.svg"],
:root body.page-template-celigo img[src$="lead-lifecycle-management.svg"],
:root body.page-template-celigo img[src$="order-to-cash.svg"] { filter: brightness(0) invert(1); }
:root body.page-template-celigo img[src$="architecture.svg"],
:root body.page-template-celigo img[src$="ecommerce-marketing.svg"],
:root body.page-template-celigo img[src$="financial-planning-and-analysis.svg"],
:root body.page-template-celigo img[src$="procure-to-pay.svg"],
:root body.page-template-celigo img[src$="support.svg"],
:root body.page-template-celigo img[src$="warehouse.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-client */
:root body.page-template-client img[src$="inenco-icon.svg"],
:root body.page-template-client img[src$="inenco-logo.svg"],
:root body.page-template-client img[src$="westcoast.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-contact-page */
:root body.page-template-contact-page img[src$="auss.webp"],
:root body.page-template-contact-page img[src$="ind.webp"],
:root body.page-template-contact-page img[src$="uks.webp"],
:root body.page-template-contact-page img[src$="uss.webp"] { filter: brightness(0) invert(1); }
/* body.page-template-data-and-analytics */
:root body.page-template-data-and-analytics img[src$="ai-advanced-analytics.svg"],
:root body.page-template-data-and-analytics img[src$="allsaints-logo.svg"],
:root body.page-template-data-and-analytics img[src$="cloud-data-platforms.svg"],
:root body.page-template-data-and-analytics img[src$="data-architecture.svg"],
:root body.page-template-data-and-analytics img[src$="data-fabric.svg"],
:root body.page-template-data-and-analytics img[src$="data-modernization.svg"],
:root body.page-template-data-and-analytics img[src$="data-strategy.svg"],
:root body.page-template-data-and-analytics img[src$="real-time-analytics.svg"],
:root body.page-template-data-and-analytics img[src$="vector-databases.svg"] { filter: brightness(0) invert(1); }
/* body.page-template-databricks */
:root body.page-template-databricks img[src$="1.svg"],
:root body.page-template-databricks img[src$="5.svg"] { filter: brightness(0) invert(1); }
:root body.page-template-databricks img[src$="2.svg"],
:root body.page-template-databricks img[src$="3.svg"],
:root body.page-template-databricks img[src$="4.svg"],
:root body.page-template-databricks img[src$="6.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-enterprise-applications */
:root body.page-template-enterprise-applications img[src$="enterprise-app-integration.png"] { filter: brightness(0) invert(1); }
/* body.page-template-intapp-managed-services */
:root body.page-template-intapp-managed-services img[src$="cloud-and-platform-modernization.svg"],
:root body.page-template-intapp-managed-services img[src$="data-validation.svg"],
:root body.page-template-intapp-managed-services img[src$="dedicated-support-model.svg"],
:root body.page-template-intapp-managed-services img[src$="integration-monitoring.svg"],
:root body.page-template-intapp-managed-services img[src$="reporting-dashboard-improvements.svg"],
:root body.page-template-intapp-managed-services img[src$="workflow-enhancement-backlog.svg"] { filter: brightness(0) invert(1); }
:root body.page-template-intapp-managed-services img[src$="data-management.svg"],
:root body.page-template-intapp-managed-services img[src$="move-off-legacy.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-kong */
:root body.page-template-kong img[src$="enterprise-app-integration.png"] { filter: brightness(0) invert(1); }
/* body.page-template-netsuit-implementation */
:root body.page-template-netsuit-implementation img[src$="boomi.svg"],
:root body.page-template-netsuit-implementation img[src$="celigo.svg"] { filter: brightness(0) invert(1); }
:root body.page-template-netsuit-implementation img[src$="services-1.svg"],
:root body.page-template-netsuit-implementation img[src$="services-2.svg"],
:root body.page-template-netsuit-implementation img[src$="services-3.svg"],
:root body.page-template-netsuit-implementation img[src$="services-4.svg"],
:root body.page-template-netsuit-implementation img[src$="services-5.svg"],
:root body.page-template-netsuit-implementation img[src$="services-6.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-qa-testing */
:root body.page-template-qa-testing img[src$="ai-augmented-testing.svg"],
:root body.page-template-qa-testing img[src$="ai-system-validation.svg"],
:root body.page-template-qa-testing img[src$="api-led-integration.svg"],
:root body.page-template-qa-testing img[src$="continuous-testing-cicd.svg"],
:root body.page-template-qa-testing img[src$="performance-engineering.svg"],
:root body.page-template-qa-testing img[src$="test-automation-engineering.svg"],
:root body.page-template-qa-testing img[src$="test-data-environment-management.svg"],
:root body.page-template-qa-testing img[src$="test-strategy-advisory.svg"] { filter: brightness(0) invert(1); }
:root body.page-template-qa-testing img[src$="convex-logo.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-salesforce */
:root body.page-template-salesforce img[src$="data-cloud.svg"],
:root body.page-template-salesforce img[src$="salesforce-cpq.svg"],
:root body.page-template-salesforce img[src$="service-cloud.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-snowflakes */
:root body.page-template-snowflakes img[src$="enterprise-app-integration.png"] { filter: brightness(0) invert(1); }
/* body.page-template-testimonial */
:root body.page-template-testimonial img[src$="OKA-logo.svg"],
:root body.page-template-testimonial img[src$="Triumph-1.svg"],
:root body.page-template-testimonial img[src$="Vivo-Barefoot-logo.svg"],
:root body.page-template-testimonial img[src$="iconic-offices-logo.svg"] { filter: brightness(0) invert(1); }
:root body.page-template-testimonial img[src$="Coadjute-logo-01.svg"],
:root body.page-template-testimonial img[src$="Forth-Port-logo-01.svg"],
:root body.page-template-testimonial img[src$="convexin-logo.svg"],
:root body.page-template-testimonial img[src$="inenco-logo.svg"],
:root body.page-template-testimonial img[src$="westcoast-1.svg"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* body.page-template-workato */
:root body.page-template-workato img[src$="Customize.png"],
:root body.page-template-workato img[src$="Union.png"],
:root body.page-template-workato img[src$="automation.png"],
:root body.page-template-workato img[src$="collaboration.png"],
:root body.page-template-workato img[src$="integration.png"],
:root body.page-template-workato img[src$="performance.png"],
:root body.page-template-workato img[src$="security.png"],
:root body.page-template-workato img[src$="time.png"] { background: #f3f6fa; border-radius: 8px; padding: 6px; box-sizing: content-box; }
/* ==== 15. IMAGES THAT NEED A LIGHT CHIP OR INVERTING: END ==== */



/* ==========================================================================
   13. CLOUD-NATIVE PAGE (cloud-native.php, pages/cloud-native.css)
   The services list, capabilities, CTA banner, process and technology bands
   are painted white / pale blue (some inline). Real dark treatment: bands on
   the dark surfaces, cards one step lighter, copy on the dark text tokens.
   The blue hover / active state of the cards is left to the page's own CSS,
   hence the :not(:hover):not(.active) guards. Logo tiles stay light chips
   because several logos are dark artwork.
   ========================================================================== */
/* Services list */
:root body.page-template-cloud-native .integration-expertise { background: var(--na-bg); }
:root body.page-template-cloud-native .sticky-box p,
:root body.page-template-cloud-native .expertise-item p,
:root body.page-template-cloud-native #cloud-native-services p,
:root body.page-template-cloud-native #industries .col-md-6.text-start p { color: var(--na-muted); }
:root body.page-template-cloud-native .expertise-item { border-bottom-color: var(--na-border); }
:root body.page-template-cloud-native .expertise-item h3 { color: var(--na-text-strong); }

/* Bands with an inline pale gradient: capabilities, process, technologies */
:root body.page-template-cloud-native [style*="E3F8FF" i] { background: linear-gradient(0deg, var(--na-surface-2), var(--na-bg)) !important; }

/* Intro paragraphs of those two bands (the cards below keep their own hover colours) */
:root body.page-template-cloud-native #our-capabilities p,
:root body.page-template-cloud-native #our-process p { color: var(--na-muted); }
:root body.page-template-cloud-native #our-capabilities .integration-card:hover p,
:root body.page-template-cloud-native #our-capabilities .integration-card.active p,
:root body.page-template-cloud-native #our-process .journey-card:hover p { color: #fff; }

/* Capabilities cards + process cards */
:root body.page-template-cloud-native .integration-card:not(:hover):not(.active),
:root body.page-template-cloud-native .journey-card:not(:hover) {
	background: var(--na-surface);
	border-color: var(--na-border);
}
:root body.page-template-cloud-native .integration-card:not(:hover):not(.active) h3,
:root body.page-template-cloud-native .integration-card:not(:hover):not(.active) h5 { color: var(--na-text-strong); }
:root body.page-template-cloud-native .integration-card:not(:hover):not(.active) p,
:root body.page-template-cloud-native .journey-card:not(:hover) p { color: var(--na-muted); }
:root body.page-template-cloud-native .journey-card:not(:hover) .journey-number { color: var(--na-border); }

/* CTA banner: swap the pale photo for a dark panel with the same soft glow */
:root body.page-template-cloud-native #section4 {
	background: radial-gradient(circle at 100% 0%, rgba(92, 120, 255, .40), transparent 45%), var(--na-surface-2) !important;
}

/* Technology logo tiles */
:root body.page-template-cloud-native .di-platform-card {
	background: #f3f6fa !important;
	border: 1px solid var(--na-border);
}

}

/* ==========================================================================
   LAYOUT FIXES — apply in BOTH light and dark mode (not inside the @media above)
   Careers page. The page prints its own inline <style> in <body>, so selectors
   are prefixed with :root to out-rank it.
   ========================================================================== */

/* "Why work with NeosAlpha": make the cards in a row the same height. The
   card is a flex box, but its column wasn't, so it only grew to its own text. */
:root .na-why-work-section .row > [class*="col-"] { display: flex; }
:root .na-why-work-section .row > [class*="col-"] > .hover-why { width: 100%; }

/* Open positions: the 4-column grid (.5fr .5fr 1fr auto) squeezed long job
   titles into 4 lines and left big gaps. Fixed icon, flexible title, then meta
   and button sized to their content. Below 769px the page's own stacked layout
   is kept. */
@media (min-width: 769px) {
	:root .na-job-card {
		grid-template-columns: 72px minmax(0, 1fr) auto auto;
		gap: 28px;
		padding: 20px 28px;
	}
	:root .na-job-icon { width: 72px; height: 60px; padding: 6px; margin: 0; }
	:root .na-job-title { line-height: 1.4; }
	:root .na-job-meta,
	:root .apply-btn { grid-column: auto; margin-bottom: 0; }
	:root .na-job-meta { justify-self: end; }
	:root .apply-btn { white-space: nowrap; }
}