.subnav{
  background:rgba(5,15,24,.95);
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05)
}
.subnav .container{
  display:flex;gap:22px;overflow-x:auto;padding-top:14px;padding-bottom:14px;
  scrollbar-width:none
}
.subnav .container::-webkit-scrollbar{display:none}
.subnav a{white-space:nowrap;color:#93a8b8;font-size:11px;font-weight:800;letter-spacing:.02em}
.subnav a:hover{color:#fff}
.service-intro{background:#f5f8fb;color:#0a1520}
.service-section{background:#08131d}
.service-section.light{background:#f0f4f8;color:#0a1520}
.cta-split{padding:58px 0}
.cta-split-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}
.cta-split h2{margin:0 0 8px;font-size:36px}
.cta-split p{margin:0;color:#deedfb}
@media(max-width:800px){.cta-split-inner{flex-direction:column;align-items:flex-start}}

/* V10 teal brand */
:root{--brand-teal:#12c9bf;--brand-teal-dark:#078b84;--brand-teal-light:#45ddd5}


/* =========================================================
   V11 — ALL-PAGES TEAL / SILVER / BLACK BRAND SYSTEM
   ========================================================= */
:root{
  --leap-teal:#12c9bf;
  --leap-teal-dark:#078b84;
  --leap-teal-deep:#045d59;
  --leap-teal-soft:#45ddd5;
  --leap-silver:#cbd0d5;
  --leap-black:#020b0b;
  --leap-panel:#061716;
  --leap-line:rgba(18,201,191,.32);
}

/* Common page atmosphere */
body{
  background:
    radial-gradient(circle at 85% 12%,rgba(18,201,191,.08),transparent 26%),
    #020b0b !important;
}
.site-header{
  background:rgba(2,11,11,.90)!important;
  border-bottom:1px solid rgba(18,201,191,.14)!important;
}
.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(18,201,191,.55),transparent);
  pointer-events:none
}

/* Interior hero backgrounds */
.service-hero,.contact-hero{
  background:
    linear-gradient(90deg,rgba(2,11,11,.96) 0%,rgba(2,17,16,.90) 45%,rgba(2,16,15,.68) 100%),
    url("page-bg-teal.jpg") center right/cover no-repeat !important;
  border-bottom:1px solid rgba(18,201,191,.25)!important;
}
.service-hero:before,.contact-hero:before{
  opacity:.46!important;
  background-image:
    linear-gradient(rgba(18,201,191,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(18,201,191,.045) 1px,transparent 1px)!important;
}
.service-hero h1 span,.contact-hero h1 span,.hero h1 span{
  background:linear-gradient(90deg,#f3f6f7,#12c9bf)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important
}
.eyebrow,.eyebrow.blue{color:#2cd8ce!important}

/* Glass panels */
.platform-panel,.contact-hero-card,.about-panel,.resource-card{
  background:linear-gradient(145deg,rgba(5,31,29,.88),rgba(3,18,17,.82))!important;
  border:1px solid rgba(18,201,191,.28)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 0 30px rgba(18,201,191,.025)!important;
}
.platform-tags span{
  background:rgba(18,201,191,.055)!important;
  border-color:rgba(18,201,191,.20)!important;
}

/* Dark content sections with teal circuit texture */
.service-section:not(.light),.about,.resources,.contact-main,.portal,.pain-points{
  background:
    linear-gradient(rgba(2,11,11,.94),rgba(2,11,11,.94)),
    url("circuit-bg-teal.jpg") center/cover fixed !important;
}
.dark-card,.service-card{
  background:linear-gradient(145deg,#071c1a,#031211)!important;
  border-color:rgba(18,201,191,.20)!important;
}
.dark-card:hover,.service-card:hover{
  border-color:rgba(18,201,191,.60)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 28px rgba(18,201,191,.08)!important
}
.service-icon{
  background:linear-gradient(145deg,#087f79,#16d2c7)!important;
}
.dark-card .num,.service-card a,.text-link{color:#35d9cf!important}

/* Light content sections keep contrast but use teal framing */
.service-intro,.service-section.light,.intro,.solutions,.industries,.contact-services,.contact{
  background:
    radial-gradient(circle at 85% 0%,rgba(18,201,191,.06),transparent 30%),
    #f3f7f7!important;
}
.feature-item,.industry-grid>div,.contact-service-grid>div{
  border-color:#dce9e8!important;
  border-top:3px solid #12c9bf!important;
}
.process-step{border-left-color:#12c9bf!important}

/* CTAs */
.button,.v8-primary,.v8-contact-btn{
  background:linear-gradient(135deg,#078b84,#12c9bf)!important;
  border-color:#31d9d0!important;
  box-shadow:0 10px 28px rgba(18,201,191,.16)!important
}
.button:hover,.v8-primary:hover,.v8-contact-btn:hover{
  box-shadow:0 15px 36px rgba(18,201,191,.28)!important
}
.button-outline,.v8-secondary{
  border-color:#1fd2c8!important
}
.support-banner,.cta-split,.service-area{
  background:linear-gradient(105deg,#045d59,#0a9d95 55%,#12c9bf)!important
}

/* Footer */
.site-footer{
  background:
    linear-gradient(rgba(2,10,10,.96),rgba(2,10,10,.96)),
    url("circuit-bg-teal.jpg") center/cover!important;
  border-top:1px solid rgba(18,201,191,.18)
}

/* Forms */
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  border-color:#12c9bf!important;
  box-shadow:0 0 0 4px rgba(18,201,191,.12)!important
}

/* Product cards and strips */
.product-card{
  background:linear-gradient(145deg,#071c1a,#031211)!important;
  border-color:rgba(18,201,191,.22)!important
}
.product-card-top{
  background:radial-gradient(circle at 50% 40%,rgba(18,201,191,.17),transparent 52%)!important
}
.product-card-copy small,.product-card-copy a{color:#35d9cf!important}
.vendor-strip{
  border-color:rgba(18,201,191,.16)!important;
  background:#020e0d!important
}

/* Mobile */
@media(max-width:900px){
  .service-hero,.contact-hero{
    background:
      linear-gradient(rgba(2,11,11,.86),rgba(2,11,11,.94)),
      url("page-bg-teal.jpg") center/cover no-repeat!important
  }
  .service-section:not(.light),.about,.resources,.contact-main,.portal,.pain-points{
    background:#031211!important
  }
}


/* V12 FORCE TEAL — prevents old blue rules from winning */
:root{
  --blue:#12c9bf!important;
  --blue-2:#45ddd5!important;
  --blue-deep:#078b84!important;
  --brand-teal:#12c9bf;
}
.eyebrow,.eyebrow.blue,
.service-card a,.dark-card .num,.text-link,
.contact-info-panel>div>span,
.quick-contact span,
.service-icon,
.platform-tags span,
.metric strong{
  color:#12c9bf!important;
}
.button,.button-small,.submit-button{
  background:linear-gradient(135deg,#078b84,#12c9bf)!important;
  border-color:#2ad7cd!important;
}
.button-outline{
  background:rgba(2,15,14,.35)!important;
  border-color:#12c9bf!important;
}
.service-hero,.contact-hero{
  background:
    linear-gradient(90deg,rgba(2,11,11,.96),rgba(3,20,18,.78)),
    url("page-bg-teal.jpg") center right/cover no-repeat!important;
}
.platform-panel,.contact-hero-card,.about-panel{
  background:linear-gradient(145deg,rgba(4,30,28,.91),rgba(2,16,15,.88))!important;
  border-color:rgba(18,201,191,.35)!important;
}
.service-section:not(.light),.contact-main,.about,.resources,.portal,.pain-points{
  background:
    linear-gradient(rgba(2,11,11,.94),rgba(2,11,11,.94)),
    url("circuit-bg-teal.jpg") center/cover!important;
}
.dark-card,.service-card{
  background:linear-gradient(145deg,#071c1a,#031211)!important;
  border-color:rgba(18,201,191,.28)!important;
}
.cta-split,.support-banner,.service-area{
  background:linear-gradient(105deg,#045d59,#078b84 55%,#12c9bf)!important;
}
.site-header{
  background:rgba(2,11,11,.94)!important;
  border-bottom-color:rgba(18,201,191,.20)!important;
}