/* ============================================================
   PRIVA SOLUTIONS — WEB CENTRIX VISUAL SYSTEM
   White / Navy / Blue / Cyan / Yellow. No black surfaces.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root{
  --wc-navy:#1d293d;
  --wc-navy-2:#1a3073;
  --wc-blue:#2463eb;
  --wc-blue-2:#1877f2;
  --wc-cyan:#0ea5e9;
  --wc-cyan-2:#06b6d4;
  --wc-orange:#fc4800;
  --wc-orange-soft:#fff1eb;
  --wc-ink:#1d293d;
  --wc-muted:#52627a;
  --wc-border:#dbe5f1;
  --wc-soft:#f6f9fd;
  --wc-white:#ffffff;
  --wc-radius:18px;
  --wc-shadow:0 14px 40px rgba(29,41,61,.08);
  --wc-shadow-lg:0 24px 70px rgba(29,41,61,.12);
}

html{scroll-behavior:smooth}
body{
  font-family:'Plus Jakarta Sans',Arial,sans-serif!important;
  background:#fff!important;
  color:var(--wc-ink)!important;
  overflow-x:hidden;
}
body *{box-sizing:border-box}
a{color:inherit}
button,input,textarea,select{font-family:inherit!important}

/* Remove the Priva dark announcement strip: Web Centrix uses a clean white header. */
.top-announcement-bar{display:none!important}

/* ---------- Header ---------- */
.main-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  height:68px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e4eaf2!important;
  box-shadow:0 2px 10px rgba(29,41,61,.06)!important;
  backdrop-filter:blur(12px);
}
.main-header .container-custom{max-width:1700px!important;height:100%!important;padding:0 30px!important}
.nav-container{
  min-height:68px!important;
  height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.brand-logo-wrap{
  display:flex!important;align-items:center!important;gap:11px!important;
  text-decoration:none!important;color:var(--wc-ink)!important;
  font-size:22px!important;font-weight:800!important;white-space:nowrap;
}
.brand-icon-box{
  width:38px!important;height:38px!important;border-radius:11px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;
  background:var(--wc-blue)!important;color:#fff!important;
  box-shadow:0 7px 18px rgba(36,99,235,.22)!important;
  font-size:20px!important;font-weight:900!important;
  line-height:1!important;overflow:hidden!important;padding-right:2px!important;
}
.brand-icon-box span,
.brand-icon-box .logo-dot{
  position:absolute!important;bottom:6px!important;right:6px!important;
  width:6px!important;height:6px!important;border-radius:50%!important;
  background:var(--wc-orange)!important;color:transparent!important;
  font-size:0!important;line-height:0!important;display:block!important;
}
.nav-links-desktop{gap:28px!important;align-items:center!important}
.nav-item-link{
  color:var(--wc-navy)!important;
  font-size:15px!important;font-weight:600!important;
  text-decoration:none!important;
  transition:.2s ease!important;
}
.nav-item-link:hover,.nav-item-link.active{color:var(--wc-blue)!important}
.nav-dropdown-menu{
  border:1px solid var(--wc-border)!important;
  border-radius:14px!important;
  box-shadow:var(--wc-shadow-lg)!important;
  background:#fff!important;
}
.nav-dropdown-item:hover{background:#f3f7ff!important}
.nav-actions{gap:10px!important}
.btn-secondary-purple,
.btn-solid-green,
.btn-outline-purple,
.btn-dark-navy{
  border-radius:999px!important;
  min-height:44px!important;
  padding:0 22px!important;
  font-weight:800!important;
  border:1px solid transparent!important;
}
.btn-secondary-purple{
  background:var(--wc-blue)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(36,99,235,.18)!important;
}
.btn-secondary-purple:hover{background:#1d56d2!important}
.btn-solid-green{
  background:var(--wc-orange)!important;color:var(--wc-navy)!important;
  box-shadow:0 10px 24px rgba(252,72,0,.20)!important;
}
.btn-solid-green:hover{background:#e43f00!important}
.btn-outline-purple{
  background:#fff!important;color:var(--wc-blue)!important;
  border-color:var(--wc-blue)!important;
}
.btn-outline-purple:hover{background:#eff5ff!important}
.btn-dark-navy{background:var(--wc-blue)!important;color:#fff!important}

/* ---------- Global sections ---------- */
.container-custom{max-width:1700px!important;padding-left:6vw!important;padding-right:6vw!important}
.section-padding{padding-top:92px!important;padding-bottom:92px!important}
.section-header-center{max-width:900px!important;margin:0 auto 48px!important}
.section-eyebrow{
  display:inline-flex!important;align-items:center!important;
  padding:8px 14px!important;border-radius:999px!important;
  background:#edf4ff!important;color:var(--wc-blue)!important;
  border:1px solid #d6e5ff!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:.08em!important;
}
.section-header-center h2,
.section-header h2{
  color:var(--wc-navy)!important;
  font-weight:850!important;
  letter-spacing:-.04em!important;
}
.section-header-center p,
.section-header p{color:var(--wc-muted)!important}
.text-green-highlight,.text-blue-highlight{
  color:var(--wc-blue)!important;
  background:none!important;
}
.text-cyan-highlight{color:var(--wc-cyan)!important}

/* dotted / airy Web Centrix style backgrounds */
.hero-outer-wrapper,
.page-header-hero{
  background:
    radial-gradient(circle at 7% 20%, rgba(14,165,233,.10), transparent 28%),
    radial-gradient(circle at 94% 10%, rgba(36,99,235,.08), transparent 32%),
    radial-gradient(#dce9f8 1.1px, transparent 1.1px)!important;
  background-size:auto,auto,18px 18px!important;
  background-position:center!important;
  color:var(--wc-navy)!important;
  border-bottom:1px solid #e6edf6!important;
}

/* ---------- Home hero ---------- */
.hero-outer-wrapper{padding:34px 0 78px!important}
.hero-slide-nav{
  border-bottom:1px solid #dbe5f1!important;
  padding-bottom:16px!important;margin-bottom:38px!important;
}
.hero-slide-pill{
  background:#fff!important;color:var(--wc-navy)!important;
  border:1px solid #d8e2ef!important;border-radius:999px!important;
  font-weight:700!important;padding:9px 17px!important;
}
.hero-slide-pill:hover{border-color:#a8c6f6!important}
.hero-slide-pill.active{
  background:var(--wc-blue)!important;color:#fff!important;
  border-color:var(--wc-blue)!important;
  box-shadow:0 7px 18px rgba(36,99,235,.18)!important;
}
.hero-arrow-btn{
  background:#fff!important;border:1px solid #d5dfec!important;
  color:var(--wc-navy)!important;border-radius:50%!important;
}
.hero-arrow-btn:hover{border-color:var(--wc-blue)!important;color:var(--wc-blue)!important}
.hero-grid{
  align-items:center!important;
  gap:68px!important;
}
.hero-headline{
  color:var(--wc-navy)!important;
  font-size:clamp(3rem,5.1vw,5.4rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  font-weight:900!important;
}
.hero-subhead{color:var(--wc-muted)!important;font-size:18px!important;line-height:1.7!important}
.hero-badge-tag{
  background:#edf4ff!important;color:var(--wc-blue)!important;
  border:1px solid #cfe0ff!important;border-radius:999px!important;
  font-weight:800!important;
}
.hero-image-slides-wrap{min-height:480px!important}
.hero-dashboard-card,
.spotlight-card{
  background:#fff!important;
  border:1px solid #d8e3f0!important;
  border-radius:22px!important;
  box-shadow:var(--wc-shadow-lg)!important;
}
.dashboard-header-bar{border-bottom:1px solid #e2e9f2!important}
.metric-mini-box{
  background:#f8fbff!important;border:1px solid #d9e7f6!important;
  border-radius:15px!important;
}
.metric-mini-value{color:var(--wc-blue)!important}
.metric-mini-label{color:var(--wc-muted)!important}
.dashboard-play-trigger{
  background:linear-gradient(135deg,var(--wc-blue),#178fd5)!important;
  border-radius:16px!important;
}
.window-dot{box-shadow:none!important}

/* ---------- Stats strip ---------- */
.stats-section{
  background:var(--wc-blue)!important;
  color:#fff!important;
  padding:80px 0!important;
}
.stats-section .section-header-center h2{
  color:#fff!important;
}
.stats-section .section-header-center p{
  color:#f1f5f9!important;
  opacity:0.95!important;
}
.stats-section .section-eyebrow{
  background:rgba(255,255,255,0.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,0.35)!important;
}
.stat-card-solid{
  background:#fff!important;
  color:var(--wc-navy)!important;
  border-radius:20px!important;
  padding:2.5rem 2rem!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 16px 40px rgba(0,0,0,0.12)!important;
}
.stat-card-solid .stat-huge-number{
  font-size:3.5rem!important;
  font-weight:900!important;
  line-height:1!important;
  margin-bottom:0.5rem!important;
}
.stat-card-solid .stat-label-text{
  color:var(--wc-navy)!important;
  font-size:1.25rem!important;
  font-weight:800!important;
  margin-bottom:1rem!important;
}
.stat-card-solid p{
  color:var(--wc-muted)!important;
  font-size:0.95rem!important;
  line-height:1.6!important;
}
.stat-card-footer-logo{
  color:var(--wc-navy)!important;
  border-top:1px solid #e2e8f0!important;
}
.stats-grid{gap:24px!important}
.stat-number{color:#fff!important;font-weight:900!important}
.stat-label{color:#d9e7ff!important}

/* ---------- Accreditations / tech / logos ---------- */
.accreditations-section,
.integrations-ecosystem-section{
  background:#f7faff!important;
}
.logo-pill,.integration-pill,.tech-pill,
.accreditation-item{
  background:#fff!important;border:1px solid #dbe5f1!important;
  color:var(--wc-navy)!important;border-radius:999px!important;
  box-shadow:none!important;
}
.logo-pill:hover,.integration-pill:hover,.tech-pill:hover{
  border-color:#a9c7f5!important;transform:translateY(-2px)
}

/* ---------- Service / work cards ---------- */
.services-carousel-section,
.working-section,
.calculator-section,
.comparison-matrix-section,
.faq-section{background:#fff!important}
.services-tabs,.service-tab-list{border:1px solid #dce6f1!important}
.service-tab,.service-tab-item{
  color:var(--wc-navy)!important;background:#fff!important;
  border-bottom:1px solid #e1e8f0!important;
}
.service-tab.active,.service-tab-item.active{
  background:var(--wc-blue)!important;color:#fff!important;
}
.service-content,
.service-panel{
  background:#fff!important;border:1px solid #dbe5f1!important;
  border-radius:20px!important;box-shadow:var(--wc-shadow)!important;
}
.working-card,.growth-story-card,.faq-item,.comparison-card,
.calculator-card{
  background:#fff!important;border:1px solid #dbe5f1!important;
  border-radius:18px!important;box-shadow:0 8px 28px rgba(29,41,61,.06)!important;
}
.working-card:hover,.growth-story-card:hover,.spotlight-card:hover{
  border-color:#b9cff2!important;transform:translateY(-3px)
}
.faq-item.active{border-color:#9fc1f6!important}
.faq-question{color:var(--wc-navy)!important}

/* Yellow should be an accent, never a surface taking over the page */
.badge-electric-blue{
  background:#edf4ff!important;color:var(--wc-blue)!important;border-color:#cfe0ff!important;
}

/* ---------- Service detail pages ---------- */
.page-header-hero{
  padding:80px 0 76px!important;
}
.page-header-hero .container-custom > div:first-child{
  max-width:1160px!important;
}
.page-header-hero h1{
  color:var(--wc-navy)!important;
  letter-spacing:-.055em!important;
}
.page-header-hero p{color:var(--wc-muted)!important}
.page-header-hero [style*="background: linear-gradient(135deg, #0B1B3D"],
.page-header-hero [style*="background:linear-gradient(135deg, #0B1B3D"]{
  background:var(--wc-blue)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 18px 45px rgba(36,99,235,.20)!important;
}
.page-header-hero [style*="color: #FFFFFF"]{color:var(--wc-navy)!important}
.page-header-hero [style*="color: #CBD5E1"]{color:var(--wc-muted)!important}
.page-header-hero [style*="color: #71eb34"]{color:var(--wc-orange)!important}
.page-header-hero [style*="color: #02dbdb"]{color:var(--wc-cyan)!important}
.page-header-hero .section-eyebrow{
  background:#edf4ff!important;color:var(--wc-blue)!important;border-color:#cfe0ff!important;
}
.page-header-hero .btn-dark-navy{background:var(--wc-blue)!important;color:#fff!important}

/* Force old Priva green/cyan/navy inline accents into Web Centrix palette */
[style*="#59d8f7"]{color:var(--wc-blue)!important;border-color:var(--wc-blue)!important;background:#edf4ff!important}
[style*="#71eb34"]{color:var(--wc-orange)!important}
[style*="#02dbdb"]{color:var(--wc-cyan)!important}
[style*="#3879f2"]{color:var(--wc-blue)!important}
[style*="#0B1B3D"]{background:var(--wc-navy-2)!important}
[style*="#0F234D"]{background:var(--wc-navy-2)!important}
[style*="#0F172A"]{color:var(--wc-navy)!important}
[style*="#475569"]{color:var(--wc-muted)!important}
[style*="#64748B"]{color:#607089!important}
[style*="#334155"]{color:#40516a!important}

/* ---------- Blog ---------- */
.blog-header-hero{
  background:
    radial-gradient(circle at 10% 15%,rgba(36,99,235,.09),transparent 30%),
    radial-gradient(#dce9f8 1px,transparent 1px)!important;
  background-size:auto,18px 18px!important;
  color:var(--wc-navy)!important;
  padding:72px 0 60px!important;
}
.blog-header-hero h1{color:var(--wc-navy)!important}
.blog-header-hero p{color:var(--wc-muted)!important}
.category-filter-btn{
  background:#fff!important;color:var(--wc-navy)!important;border-color:#dbe5f1!important;
}
.category-filter-btn.active{
  background:var(--wc-blue)!important;color:#fff!important;border-color:var(--wc-blue)!important;
}
.blog-filter-bar{box-shadow:var(--wc-shadow)!important;border-color:#dbe5f1!important}
.blog-card{
  background:#fff!important;border:1px solid #dbe5f1!important;
  border-radius:18px!important;box-shadow:0 8px 28px rgba(29,41,61,.06)!important;
}
.blog-card:hover{border-color:#a9c7f5!important}
.blog-card-title{color:var(--wc-navy)!important}
.blog-card-excerpt{color:var(--wc-muted)!important}
.blog-read-more-link{color:var(--wc-blue)!important}

/* ---------- Legal / contact ---------- */
.legal-content,.policy-content{
  color:var(--wc-muted)!important;
}
.legal-content h2,.policy-content h2,
.legal-content h3,.policy-content h3{color:var(--wc-navy)!important}
.contact-card,.contact-form-card{
  background:#fff!important;border:1px solid #dbe5f1!important;
  border-radius:20px!important;box-shadow:var(--wc-shadow)!important;
}
input,textarea,select{
  border-color:#d4dfec!important;color:var(--wc-navy)!important;
  background:#fff!important;border-radius:12px!important;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--wc-blue)!important;
  box-shadow:0 0 0 4px rgba(36,99,235,.10)!important;
}

/* ---------- Footer: Web Centrix-inspired navy, not black ---------- */
.site-footer,.main-footer{
  background:var(--wc-navy)!important;color:#fff!important;
  border-top:none!important;
}
.site-footer *,.main-footer *{border-color:rgba(255,255,255,.12)}
.site-footer a,.main-footer a{color:#c7d6ed!important}
.site-footer a:hover,.main-footer a:hover{color:#fff!important}
.site-footer h3,.site-footer h4,.main-footer h3,.main-footer h4{color:#fff!important}
.site-footer p,.main-footer p{color:#b8c9e2!important}

/* ---------- Floating assistant / modals ---------- */
.floating-assistant-trigger{
  background:var(--wc-blue)!important;color:#fff!important;
  box-shadow:0 12px 28px rgba(36,99,235,.24)!important;
}
.assistant-chat-drawer,.modal-content{
  background:#fff!important;border:1px solid #dbe5f1!important;
  box-shadow:var(--wc-shadow-lg)!important;
}
.modal-backdrop{background:rgba(29,41,61,.48)!important}
.modal-content h2,.modal-content h3{color:var(--wc-navy)!important}
.exit-intent-submit-btn{background:var(--wc-orange)!important;color:var(--wc-navy)!important}

/* ---------- Generic text cleanup ---------- */
h1,h2,h3,h4,h5,h6{color:var(--wc-navy)!important}
p,li{color:inherit}
strong{color:inherit}
hr{border-color:#dbe5f1!important}
::selection{background:#cfe1ff;color:var(--wc-navy)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#f2f6fb}
::-webkit-scrollbar-thumb{background:#b8c9df;border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:#91a9c7}

/* ---------- Mobile ---------- */
@media(max-width:900px){
  .main-header,.nav-container{height:64px!important;min-height:64px!important}
  .main-header .container-custom{padding:0 18px!important}
  .brand-logo-wrap{font-size:18px!important}
  .nav-links-desktop{display:none!important}
  .hero-outer-wrapper{padding:25px 0 55px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:36px!important}
  .hero-headline{font-size:clamp(2.55rem,11vw,4.2rem)!important}
  .hero-image-slides-wrap{min-height:360px!important}
  .page-header-hero{padding:55px 0!important}
  .container-custom{padding-left:20px!important;padding-right:20px!important}
  .section-padding{padding-top:64px!important;padding-bottom:64px!important}
}
@media(max-width:600px){
  .nav-actions .btn-secondary-purple{display:none!important}
  .hero-slide-nav{gap:12px!important}
  .hero-slide-pills{overflow:auto!important;max-width:100%!important;padding-bottom:5px}
  .hero-slide-pill{flex:0 0 auto!important}
  .page-header-hero h1{font-size:2.55rem!important}
}


/* Structural compatibility layer for the supplied Priva HTML */
.container-custom{width:100%;margin:0 auto}
.nav-links-desktop{display:flex;list-style:none;margin:0;padding:0}
.nav-links-desktop>li{list-style:none}
.nav-dropdown-wrapper{position:relative}
.nav-dropdown-menu{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);
  min-width:310px;padding:10px;display:none;
}
.nav-dropdown-wrapper:hover .nav-dropdown-menu{display:block}
.nav-dropdown-item{display:flex;gap:12px;padding:12px 14px;text-decoration:none;border-radius:10px}
.nav-dropdown-item-icon{width:32px;flex:0 0 32px;text-align:center}
.hero-slide-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-slide-pills,.hero-slide-arrows{display:flex;align-items:center;gap:8px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr)}
.hero-text-slides-wrap,.hero-image-slides-wrap{position:relative}
.hero-text-slide,.hero-image-slide{display:none}
.hero-text-slide.active,.hero-image-slide.active{display:block}
.hero-cta-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero-headline{margin:18px 0 22px}
.hero-subhead{max-width:720px;margin:0}
.hero-dashboard-card{padding:22px}
.dashboard-header-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}
.window-dots{display:flex;gap:6px}.window-dot{width:8px;height:8px;border-radius:50%}
.live-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.metric-mini-box{padding:24px}
.metric-mini-value{font-size:2.3rem;font-weight:900}
.metric-mini-label{font-size:.75rem;text-transform:uppercase;font-weight:800}
.dashboard-play-trigger{min-height:180px;margin-top:16px;display:grid;place-items:center;color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.accreditations-grid,.integrations-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}
.services-carousel-inner{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0}
.working-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stories-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.footer-grid-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px}
.footer-link-list{list-style:none;padding:0;margin:0}
.footer-link-list li{margin:8px 0}
.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px}
.modal-backdrop{
  position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px;
}
.modal-backdrop.open{display:flex}
.modal-card,.exit-intent-card{width:min(680px,100%);border-radius:20px;padding:28px}
.modal-header{display:flex;justify-content:space-between;align-items:center}
.modal-close-btn,.exit-intent-close-btn{border:0;background:#eef4fb;color:var(--wc-navy);width:38px;height:38px;border-radius:50%;cursor:pointer}
.audit-form{display:grid;gap:16px}
.form-group{display:grid;gap:7px}
.form-group label{font-weight:700;color:var(--wc-navy)}
.floating-assistant-trigger{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;z-index:1500;display:grid;place-items:center;cursor:pointer}
.assistant-chat-drawer{position:fixed;right:22px;bottom:92px;width:min(380px,calc(100vw - 44px));z-index:1500;border-radius:18px;display:none;overflow:hidden}
.assistant-chat-drawer.open{display:block}
.chat-drawer-header{padding:16px;border-bottom:1px solid #dbe5f1}
.chat-drawer-body{padding:18px}
@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .working-grid-4{grid-template-columns:repeat(2,1fr)}
  .stories-grid-3{grid-template-columns:1fr}
  .footer-grid-top{grid-template-columns:repeat(2,1fr)}
  .services-carousel-inner{grid-template-columns:1fr}
}
@media(max-width:650px){
  .stats-grid,.working-grid-4,.footer-grid-top{grid-template-columns:1fr}
  .live-metrics-row{grid-template-columns:1fr}
  .footer-bottom-bar{flex-direction:column}
}


/* Detail-page hero: convert the supplied centered hero into the same split composition
   used by the Web Centrix reference: content left, proof/metrics visual right. */
.page-header-hero .container-custom > div:first-child{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.82fr)!important;
  column-gap:70px!important;
  align-items:center!important;
  max-width:1280px!important;
  text-align:left!important;
}
.page-header-hero .container-custom > div:first-child > span,
.page-header-hero .container-custom > div:first-child > h1,
.page-header-hero .container-custom > div:first-child > p,
.page-header-hero .container-custom > div:first-child > div:not([style*="display: grid"]){
  grid-column:1!important;
  text-align:left!important;
}
.page-header-hero .container-custom > div:first-child > div[style*="display: grid"]{
  grid-column:2!important;
  grid-row:1 / span 4!important;
  align-self:center!important;
}
.page-header-hero .container-custom > div:first-child > div[style*="display: flex"]{
  margin-bottom:0!important;
}
.page-header-hero .container-custom > div:first-child > div[style*="display: grid"] > div{
  background:rgba(255,255,255,.92)!important;
}
.page-header-hero .container-custom > div:first-child > div[style*="display: grid"] > div div[style*="font-size: 2rem"]{
  color:var(--wc-blue)!important;
}
@media(max-width:900px){
  .page-header-hero .container-custom > div:first-child{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .page-header-hero .container-custom > div:first-child > span,
  .page-header-hero .container-custom > div:first-child > h1,
  .page-header-hero .container-custom > div:first-child > p,
  .page-header-hero .container-custom > div:first-child > div{
    grid-column:1!important;grid-row:auto!important;
  }
}


/* ============================================================
   FINAL WEB-CENTRIX HERO OVERRIDES
   Restore the original multi-file layout and make the hero
   composition spacious instead of collapsing the integration row.
   ============================================================ */

:root{
  --wc-orange:#FC4800;
  --wc-blue:#2463EB;
  --wc-cyan:#02C4EB;
  --wc-navy:#14213D;
  --wc-ink:#14213D;
  --wc-muted:#52627A;
  --wc-border:#DDE6F0;
}

/* No black surfaces anywhere. */
body, main, section, article, .page-content{color:var(--wc-ink);}

/* Primary actions: orange, not yellow. */
.btn-solid-green,
.hero-cta-group .btn-solid-green,
.btn-primary{
  background:var(--wc-orange)!important;
  color:#fff!important;
  border-color:var(--wc-orange)!important;
  box-shadow:0 10px 24px rgba(252,72,0,.18)!important;
}
.btn-solid-green:hover,
.hero-cta-group .btn-solid-green:hover,
.btn-primary:hover{background:#E43F00!important;}

/* Secondary CTA stays Web-Centrix blue outlined. */
.btn-outline-purple{background:#fff!important;color:var(--wc-blue)!important;border-color:var(--wc-blue)!important;}

/* Hero guide and integration row: two balanced columns with real breathing room. */
.hero-bottom-bar{
  display:grid!important;
  grid-template-columns:minmax(360px, 1fr) minmax(460px, 1.15fr)!important;
  align-items:center!important;
  gap:72px!important;
  width:100%!important;
  margin-top:46px!important;
  padding-top:26px!important;
  border-top:1px solid #DDE6F0!important;
}
.hero-guide-card{
  min-height:112px!important;
  padding:22px 26px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  border:1px solid #DDE6F0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(20,33,61,.06)!important;
}
.hero-guide-badge{
  flex:0 0 auto!important;
  padding:9px 13px!important;
  border-radius:9px!important;
  background:var(--wc-orange)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
}
.hero-guide-card strong{font-size:1rem!important;color:var(--wc-ink)!important;}
.hero-guide-card span:not(.hero-guide-badge){font-size:.82rem!important;color:var(--wc-muted)!important;line-height:1.5!important;}

.hero-integrations-stack{
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  padding:20px 26px!important;
  border:1px solid #DDE6F0!important;
  border-radius:18px!important;
  background:#fff!important;
}
.avatar-stack-icons{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}
.avatar-icon-circle{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #DDE6F0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(20,33,61,.06)!important;
  overflow:hidden!important;
}
.avatar-icon-circle img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
}
.hero-integrations-stack > span{
  font-size:1rem!important;
  color:var(--wc-ink)!important;
  white-space:nowrap!important;
}
.hero-integrations-stack > span strong{color:var(--wc-orange)!important;font-size:1.15rem!important;}

/* Remove old lime/green inline styling visually. */
.text-green-highlight,.text-yellow-highlight{color:var(--wc-blue)!important;}
.hero-text-slide .hero-badge-tag{background:#EDF4FF!important;color:var(--wc-blue)!important;border-color:#D5E5FF!important;}
.hero-text-slide .hero-badge-tag[style]{background:#EDF4FF!important;color:var(--wc-blue)!important;border-color:#D5E5FF!important;}

/* Dashboard accents: orange + cyan, never black. */
.dashboard-header-bar span[style]{color:var(--wc-cyan)!important;}
.metric-mini-value[style]{color:var(--wc-blue)!important;}
.dashboard-play-trigger{background:linear-gradient(135deg,var(--wc-blue),var(--wc-cyan))!important;}

@media (max-width: 980px){
  .hero-bottom-bar{grid-template-columns:1fr!important;gap:18px!important;}
  .hero-integrations-stack{justify-content:flex-start!important;}
}
@media (max-width: 640px){
  .hero-bottom-bar{gap:14px!important;margin-top:30px!important;}
  .hero-integrations-stack{flex-direction:column!important;align-items:flex-start!important;}
  .avatar-stack-icons{flex-wrap:wrap!important;gap:10px!important;}
  .avatar-icon-circle{width:58px!important;height:58px!important;flex-basis:58px!important;}
  .avatar-icon-circle img{width:38px!important;height:38px!important;}
}

/* Safe Mobile Override Layer */
@media (max-width: 800px) {
  .hero-image-slides-wrap {
    min-height: auto !important;
  }
  .hero-dashboard-card, .spotlight-card {
    padding: 16px !important;
    border-radius: 16px !important;
  }
  .hero-grid {
    gap: 24px !important;
  }
  .floating-assistant-trigger {
    bottom: 78px !important;
    right: 16px !important;
    width: 48px !important;
    height: 48px !important;
  }
  .assistant-prompt-bubble {
    display: none !important;
  }
}

/* ==========================================================================
   GLOBAL TEXT CONTRAST SYSTEM FOR BLUE & DARK NAVY CONTAINERS (#FFFFFF)
   ========================================================================== */
.bg-navy-main,
.bg-purple-dark,
.bg-dark-navy,
.bg-navy-2,
.bg-navy,
.bg-blue,
.bg-brand-blue,
.bg-blue-gradient,
.bg-blue-dark,
.bg-blue-card,
.stats-section,
.site-footer,
.main-footer,
footer,
.sticky-bottom-bar,
.hero-guide-card,
.cta-banner-card,
.cta-section,
.cta-blue-card,
.cta-box,
[style*="background: #0B1B3D"],
[style*="background: #0F234D"],
[style*="background: #0F172A"],
[style*="background: #14213D"],
[style*="background: #1D293D"],
[style*="background: #1E40AF"],
[style*="background: #2563EB"],
[style*="background: #2463EB"],
[style*="background-color: #0B1B3D"],
[style*="background-color: #0F234D"],
[style*="background-color: #0F172A"],
[style*="background-color: #14213D"],
[style*="background-color: #1D293D"],
[style*="background-color: #1E40AF"],
[style*="background-color: #2563EB"],
[style*="background-color: #2463EB"],
[style*="linear-gradient(135deg, #1E40AF"],
[style*="linear-gradient(180deg, #0B1B3D"],
[style*="linear-gradient(145deg, #0B1B3D"],
[style*="linear-gradient(135deg, #0B1B3D"] {
  color: #FFFFFF !important;
}

/* Ensure all headings inside blue/navy backgrounds are pure white (#FFFFFF) */
.bg-navy-main h1, .bg-navy-main h2, .bg-navy-main h3, .bg-navy-main h4, .bg-navy-main h5, .bg-navy-main h6,
.bg-purple-dark h1, .bg-purple-dark h2, .bg-purple-dark h3, .bg-purple-dark h4, .bg-purple-dark h5, .bg-purple-dark h6,
.bg-dark-navy h1, .bg-dark-navy h2, .bg-dark-navy h3, .bg-dark-navy h4, .bg-dark-navy h5, .bg-dark-navy h6,
.bg-navy-2 h1, .bg-navy-2 h2, .bg-navy-2 h3, .bg-navy-2 h4, .bg-navy-2 h5, .bg-navy-2 h6,
.bg-navy h1, .bg-navy h2, .bg-navy h3, .bg-navy h4, .bg-navy h5, .bg-navy h6,
.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6,
.bg-brand-blue h1, .bg-brand-blue h2, .bg-brand-blue h3, .bg-brand-blue h4, .bg-brand-blue h5, .bg-brand-blue h6,
.stats-section .section-header-center h1,
.stats-section .section-header-center h2,
.stats-section .section-header-center h3,
.stats-section .section-header-center h4,
.cta-banner-card h1, .cta-banner-card h2, .cta-banner-card h3, .cta-banner-card h4,
.cta-section h1, .cta-section h2, .cta-section h3, .cta-section h4,
.hero-guide-card h1, .hero-guide-card h2, .hero-guide-card h3, .hero-guide-card h4,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6,
.main-footer h1, .main-footer h2, .main-footer h3, .main-footer h4, .main-footer h5, .main-footer h6,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
[style*="background: #0B1B3D"] h1, [style*="background: #0B1B3D"] h2, [style*="background: #0B1B3D"] h3, [style*="background: #0B1B3D"] h4,
[style*="background: #0F234D"] h1, [style*="background: #0F234D"] h2, [style*="background: #0F234D"] h3, [style*="background: #0F234D"] h4,
[style*="background: #0F172A"] h1, [style*="background: #0F172A"] h2, [style*="background: #0F172A"] h3, [style*="background: #0F172A"] h4,
[style*="background: #14213D"] h1, [style*="background: #14213D"] h2, [style*="background: #14213D"] h3, [style*="background: #14213D"] h4,
[style*="background: #1D293D"] h1, [style*="background: #1D293D"] h2, [style*="background: #1D293D"] h3, [style*="background: #1D293D"] h4,
[style*="background: #1E40AF"] h1, [style*="background: #1E40AF"] h2, [style*="background: #1E40AF"] h3, [style*="background: #1E40AF"] h4,
[style*="background: #2563EB"] h1, [style*="background: #2563EB"] h2, [style*="background: #2563EB"] h3, [style*="background: #2563EB"] h4,
[style*="background: #2463EB"] h1, [style*="background: #2463EB"] h2, [style*="background: #2463EB"] h3, [style*="background: #2463EB"] h4,
[style*="background-color: #0B1B3D"] h1, [style*="background-color: #0B1B3D"] h2, [style*="background-color: #0B1B3D"] h3, [style*="background-color: #0B1B3D"] h4,
[style*="background-color: #0F234D"] h1, [style*="background-color: #0F234D"] h2, [style*="background-color: #0F234D"] h3, [style*="background-color: #0F234D"] h4,
[style*="background-color: #0F172A"] h1, [style*="background-color: #0F172A"] h2, [style*="background-color: #0F172A"] h3, [style*="background-color: #0F172A"] h4,
[style*="background-color: #14213D"] h1, [style*="background-color: #14213D"] h2, [style*="background-color: #14213D"] h3, [style*="background-color: #14213D"] h4,
[style*="background-color: #1D293D"] h1, [style*="background-color: #1D293D"] h2, [style*="background-color: #1D293D"] h3, [style*="background-color: #1D293D"] h4,
[style*="background-color: #1E40AF"] h1, [style*="background-color: #1E40AF"] h2, [style*="background-color: #1E40AF"] h3, [style*="background-color: #1E40AF"] h4,
[style*="background-color: #2563EB"] h1, [style*="background-color: #2563EB"] h2, [style*="background-color: #2563EB"] h3, [style*="background-color: #2563EB"] h4,
[style*="background-color: #2463EB"] h1, [style*="background-color: #2463EB"] h2, [style*="background-color: #2463EB"] h3, [style*="background-color: #2463EB"] h4,
[style*="linear-gradient(135deg, #1E40AF"] h1, [style*="linear-gradient(135deg, #1E40AF"] h2, [style*="linear-gradient(135deg, #1E40AF"] h3,
[style*="linear-gradient(180deg, #0B1B3D"] h1, [style*="linear-gradient(180deg, #0B1B3D"] h2, [style*="linear-gradient(180deg, #0B1B3D"] h3,
[style*="linear-gradient(145deg, #0B1B3D"] h1, [style*="linear-gradient(145deg, #0B1B3D"] h2, [style*="linear-gradient(145deg, #0B1B3D"] h3 {
  color: #FFFFFF !important;
}

/* Ensure all paragraph, list, span, label, and helper text inside blue/navy backgrounds are pure white (#FFFFFF) */
.bg-navy-main p, .bg-navy-main span:not(.badge-exempt), .bg-navy-main li, .bg-navy-main label, .bg-navy-main strong, .bg-navy-main small,
.bg-purple-dark p, .bg-purple-dark span, .bg-purple-dark li, .bg-purple-dark strong,
.bg-dark-navy p, .bg-dark-navy span, .bg-dark-navy li, .bg-dark-navy strong,
.bg-navy-2 p, .bg-navy-2 span, .bg-navy-2 li, .bg-navy-2 strong,
.bg-navy p, .bg-navy span, .bg-navy li, .bg-navy strong,
.bg-blue p, .bg-blue span, .bg-blue li, .bg-blue strong,
.bg-brand-blue p, .bg-brand-blue span, .bg-brand-blue li, .bg-brand-blue strong,
.stats-section .section-header-center p,
.stats-section .section-header-center span:not(.stat-card-solid *),
.cta-banner-card p, .cta-banner-card span:not(.badge),
.cta-section p, .cta-section span,
.hero-guide-card p, .hero-guide-card span,
.sticky-bottom-bar p, .sticky-bottom-bar span, .sticky-bottom-bar strong,
.site-footer p, .site-footer li, .site-footer span:not(.badge-exempt),
.main-footer p, .main-footer li, .main-footer span:not(.badge-exempt),
footer p, footer li, footer span:not(.badge-exempt),
[style*="background: #0B1B3D"] p, [style*="background: #0B1B3D"] span:not(.badge),
[style*="background: #0F234D"] p, [style*="background: #0F234D"] span:not(.badge),
[style*="background: #0F172A"] p, [style*="background: #0F172A"] span:not(.badge),
[style*="background: #14213D"] p, [style*="background: #14213D"] span:not(.badge),
[style*="background: #1D293D"] p, [style*="background: #1D293D"] span:not(.badge),
[style*="background: #1E40AF"] p, [style*="background: #1E40AF"] span:not(.badge),
[style*="background: #2563EB"] p, [style*="background: #2563EB"] span:not(.badge),
[style*="background: #2463EB"] p, [style*="background: #2463EB"] span:not(.badge),
[style*="background-color: #0B1B3D"] p, [style*="background-color: #0B1B3D"] span:not(.badge),
[style*="background-color: #0F234D"] p, [style*="background-color: #0F234D"] span:not(.badge),
[style*="background-color: #0F172A"] p, [style*="background-color: #0F172A"] span:not(.badge),
[style*="background-color: #14213D"] p, [style*="background-color: #14213D"] span:not(.badge),
[style*="background-color: #1D293D"] p, [style*="background-color: #1D293D"] span:not(.badge),
[style*="background-color: #1E40AF"] p, [style*="background-color: #1E40AF"] span:not(.badge),
[style*="background-color: #2563EB"] p, [style*="background-color: #2563EB"] span:not(.badge),
[style*="background-color: #2463EB"] p, [style*="background-color: #2463EB"] span:not(.badge),
[style*="linear-gradient(135deg, #1E40AF"] p,
[style*="linear-gradient(180deg, #0B1B3D"] p,
[style*="linear-gradient(145deg, #0B1B3D"] p {
  color: #FFFFFF !important;
}