/* AVIX Water v102 — pending polish round, loaded LAST. */
:root{
  --avix-brand:#4BC8EF;
  --avix-brand-announcement:#1FA0C8;
  --avix-brand-text:#147C9D;
  --avix-navy:#071C22;
  --avix-ink:#12272E;
  --avix-body:#26383E;
  --avix-muted:#4A5B60;
  --avix-white:#FFFFFF;
  --avix-warm:#F7F6F2;
  --avix-card:#F7F9FA;
  --avix-line:#E2E8E9;
}

/* ========================================================================== 
   1. TOP ANNOUNCEMENT — same light background, slightly darker AVIX text
   ========================================================================== */
html body:not(.page-diagram) :is(.av5-topline,.top-strip),
html body:not(.page-diagram) :is(.av5-topline .av5-topline-centre,.top-strip .container),
html body:not(.page-diagram) :is(.av5-topline span,.top-strip span){
  color:var(--avix-brand-announcement)!important;
  -webkit-text-fill-color:var(--avix-brand-announcement)!important;
}
html body:not(.page-diagram) :is(.av5-topline i,.top-strip i){
  background:rgba(31,160,200,.62)!important;
}

/* ========================================================================== 
   2. NORMAL LIGHT SECTIONS — true white, no dotted/grid texture.
      Pre-footer stays warm white. Dark authored sections are excluded.
   ========================================================================== */
html body:not(.page-diagram) main :is(
  .sr-home-scientific-need,
  .sr-standard,
  .sr-market,
  .sr-science-profile,
  .s12-gap,
  .s12-manufacturing,
  .s12-value,
  .s12-sources,
  .sr-avix-science,
  .sr-product-range,
  .sr-product-platform,
  .sr-portfolio,
  .co18-section--soft,
  .co18-section--upside,
  .team9-founder-section,
  .team9-build,
  .fp2-profile,
  .fp2-water,
  .fp-ventures,
  .tc-contact-path,
  .tc-contact-main,
  .avix-utility-body,
  .avix-404-parent
){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
}
/* Neutralise decorative dot overlays only on the normal light surfaces above. */
html body:not(.page-diagram) main :is(
  .sr-home-scientific-need,
  .sr-standard,
  .sr-market,
  .sr-science-profile,
  .s12-gap,
  .s12-manufacturing,
  .s12-value,
  .s12-sources,
  .sr-avix-science,
  .sr-product-range,
  .sr-product-platform,
  .sr-portfolio,
  .co18-section--soft,
  .co18-section--upside,
  .team9-founder-section,
  .team9-build,
  .fp2-profile,
  .fp2-water,
  .fp-ventures,
  .tc-contact-path,
  .tc-contact-main,
  .avix-utility-body,
  .avix-404-parent
)::before,
html body:not(.page-diagram) main :is(
  .sr-home-scientific-need,
  .sr-standard,
  .sr-market,
  .sr-science-profile,
  .s12-gap,
  .s12-manufacturing,
  .s12-value,
  .s12-sources,
  .sr-avix-science,
  .sr-product-range,
  .sr-product-platform,
  .sr-portfolio,
  .co18-section--soft,
  .co18-section--upside,
  .team9-founder-section,
  .team9-build,
  .fp2-profile,
  .fp2-water,
  .fp-ventures,
  .tc-contact-path,
  .tc-contact-main,
  .avix-utility-body,
  .avix-404-parent
)::after{
  background-image:none!important;
}
/* Keep nested panels visible on white. */
html body main :is(
  .sr-standard-grid,
  .team9-build-card,
  .co18-proof-card,
  .co18-partner-grid article,
  .fp2-profile-card,
  .fp2-water-grid article,
  .avix-source-entry
){
  background-color:var(--avix-card)!important;
}

/* ========================================================================== 
   3. FOOTER — strict left edges + clean contact rhythm
   ========================================================================== */
html body .avix-global-footer :is(
  .avix-footer-column,
  .avix-footer-contact,
  .avix-footer-column h2,
  .avix-footer-contact h2,
  .avix-footer-column a,
  .avix-footer-contact-block,
  .avix-footer-contact-block span,
  .avix-footer-contact-block a,
  .avix-footer-linkedin
){
  text-align:left!important;
}
html body .avix-global-footer :is(.avix-footer-column,.avix-footer-contact){
  align-items:flex-start!important;
  justify-items:start!important;
}
html body .avix-global-footer .avix-footer-column a{
  align-self:flex-start!important;
  width:auto!important;
  transform:none!important;
  margin-left:0!important;
  padding-left:0!important;
}
html body .avix-global-footer .avix-footer-contact-block,
html body .avix-global-footer .avix-footer-linkedin{
  margin-left:0!important;
  padding-left:0!important;
}

@media(min-width:768px){
  /* Contact label/value grouping. */
  html body .avix-global-footer .avix-footer-contact h2{
    margin-bottom:18px!important;
  }
  html body .avix-global-footer .avix-footer-contact-block:first-of-type{
    margin-bottom:18px!important;
  }
  html body .avix-global-footer .avix-footer-contact-block span{
    margin:0 0 6px!important;
  }
  html body .avix-global-footer .avix-footer-contact-block a{
    margin:0!important;
  }
  html body .avix-global-footer .avix-footer-linkedin{
    margin-top:26px!important;
  }
}

/* ========================================================================== 
   4. CONTACT PAGE — T-Booster-like typography/geometry, AVIX colours retained
   ========================================================================== */
@media(min-width:901px){
  html body.tc-contact-page .tc-contact-shell{
    grid-template-columns:minmax(0,1.34fr) minmax(350px,.66fr)!important;
    border-radius:28px!important;
  }
  html body.tc-contact-page .tc-form{
    padding:58px 60px 56px!important;
  }
  html body.tc-contact-page .tc-form-grid{
    gap:18px 24px!important;
  }
  html body.tc-contact-page .tc-field label{
    margin-bottom:8px!important;
    color:#233B43!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:760!important;
    letter-spacing:-.005em!important;
  }
  html body.tc-contact-page .tc-form :is(input,select){
    min-height:58px!important;
    height:58px!important;
    padding:0 17px!important;
    border-radius:14px!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  html body.tc-contact-page .tc-form textarea{
    min-height:170px!important;
    padding:15px 17px!important;
    border-radius:14px!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  html body.tc-contact-page .tc-form-submit{
    gap:24px!important;
    padding-top:2px!important;
  }
  html body.tc-contact-page .tc-consent{
    font-size:12.5px!important;
    line-height:1.42!important;
  }
  html body.tc-contact-page .tc-form-submit .av5-button{
    min-height:50px!important;
    padding:0 28px!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }
  html body.tc-contact-page .tc-contact-aside>article{
    padding:42px 40px!important;
  }
  html body.tc-contact-page .tc-contact-aside .tc-kicker{
    margin:0 0 18px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
  }
  html body.tc-contact-page .tc-contact-aside h3{
    margin:0 0 18px!important;
    color:#F7F6F2!important;
    font-size:27px!important;
    line-height:1.08!important;
    font-weight:760!important;
    letter-spacing:-.025em!important;
  }
  html body.tc-contact-page .tc-direct h3 a{
    color:#F7F6F2!important;
    font:inherit!important;
  }
  html body.tc-contact-page .tc-direct>p:not(.tc-kicker){
    margin:0 0 24px!important;
    color:#C7D0D3!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  html body.tc-contact-page .tc-socials{
    gap:10px!important;
  }
  html body.tc-contact-page .tc-socials a{
    width:40px!important;
    height:40px!important;
    font-size:13px!important;
  }
  html body.tc-contact-page .tc-office-card address{
    margin:0 0 22px!important;
    color:#C7D0D3!important;
    font-size:14px!important;
    line-height:1.48!important;
  }
  html body.tc-contact-page .tc-phone-list a{
    min-height:40px!important;
    padding:10px 0!important;
  }
  html body.tc-contact-page .tc-phone-list span{
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.1em!important;
  }
  html body.tc-contact-page .tc-phone-list strong{
    font-size:13px!important;
    line-height:1.2!important;
  }
}

/* Mobile keeps the same typographic hierarchy but without oversized controls. */
@media(max-width:900px){
  html body.tc-contact-page .tc-field label{font-size:12.5px!important;font-weight:750!important}
  html body.tc-contact-page .tc-contact-aside h3{font-size:24px!important}
  html body.tc-contact-page .tc-contact-aside .tc-kicker{font-size:10.5px!important}
  html body.tc-contact-page .tc-direct>p:not(.tc-kicker),
  html body.tc-contact-page .tc-office-card address{font-size:13px!important;line-height:1.5!important}
}

/* ========================================================================== 
   5. COMMERCIAL — Operating leverage: remove the giant cyan slab
   ========================================================================== */
html body.co18-page #shared-platform .co18-backbone{
  background:#FFFFFF!important;
  border:1px solid #DCE4E6!important;
  box-shadow:0 14px 34px rgba(18,39,46,.045)!important;
}
html body.co18-page #shared-platform .co18-backbone-line{
  position:relative!important;
  padding:26px 24px!important;
  border:1px solid #E0E7E9!important;
  border-radius:20px!important;
  background:#F8FAFB!important;
}
html body.co18-page #shared-platform .co18-backbone-step{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  color:var(--avix-ink)!important;
}
html body.co18-page #shared-platform .co18-backbone-step b{
  width:48px!important;
  height:48px!important;
  margin:0 auto 14px!important;
  border:1px solid rgba(31,160,200,.42)!important;
  background:#FFFFFF!important;
  color:var(--avix-brand-text)!important;
  box-shadow:0 4px 14px rgba(31,160,200,.08)!important;
}
html body.co18-page #shared-platform .co18-backbone-step strong{
  color:var(--avix-ink)!important;
}
html body.co18-page #shared-platform .co18-backbone-arrow{
  color:var(--avix-brand-text)!important;
  opacity:.7!important;
}
html body.co18-page #shared-platform .co18-backbone-strip{
  margin-top:20px!important;
  background:#132E35!important;
}
html body.co18-page #shared-platform .co18-backbone-note{
  margin-top:18px!important;
  color:#40545A!important;
}
@media(max-width:767px){
  html body.co18-page #shared-platform .co18-backbone-line{
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html body.co18-page #shared-platform .co18-backbone-step{
    background:#F8FAFB!important;
  }
}

/* ========================================================================== 
   6. COMMERCIAL STAGE 01/02 — nested white proof cards must read as white cards
   ========================================================================== */
html body.co18-page .co18-unit-economics{
  background:#FFFFFF!important;
  color:var(--avix-ink)!important;
}
html body.co18-page .co18-unit-economics>span{
  color:var(--avix-brand-text)!important;
  -webkit-text-fill-color:var(--avix-brand-text)!important;
}
html body.co18-page .co18-unit-economics>strong{
  color:var(--avix-ink)!important;
  -webkit-text-fill-color:var(--avix-ink)!important;
}
html body.co18-page .co18-unit-economics>p{
  color:var(--avix-muted)!important;
  -webkit-text-fill-color:var(--avix-muted)!important;
}

/* ========================================================================== 
   7. PRODUCTS — Packaging & price architecture is a dark section.
      Protect all text from light-section colour leakage.
   ========================================================================== */
html body.products-v3 .sr-product-launch{
  color:#F7F6F2!important;
}
html body.products-v3 .sr-product-launch :is(h2,h2 span){
  color:#F7F6F2!important;
  -webkit-text-fill-color:#F7F6F2!important;
}
html body.products-v3 .sr-product-launch .av5-eyebrow,
html body.products-v3 .sr-product-launch .av5-eyebrow--light{
  color:#4BC8EF!important;
  -webkit-text-fill-color:#4BC8EF!important;
}
html body.products-v3 .sr-product-launch .v67-packaging-intro{
  color:#D8E0E2!important;
  -webkit-text-fill-color:#D8E0E2!important;
}
html body.products-v3 .sr-product-launch .v67-packaging-proofs strong{
  color:#F7F6F2!important;
  -webkit-text-fill-color:#F7F6F2!important;
}
html body.products-v3 .sr-product-launch .v67-packaging-proofs span{
  color:#C8D2D5!important;
  -webkit-text-fill-color:#C8D2D5!important;
}
html body.products-v3 .sr-product-launch .inv5-package :is(h3){
  color:#F7F6F2!important;
  -webkit-text-fill-color:#F7F6F2!important;
}
html body.products-v3 .sr-product-launch .inv5-package>span{
  color:#D8E0E2!important;
  -webkit-text-fill-color:#D8E0E2!important;
}
html body.products-v3 .sr-product-launch .inv5-package>strong{
  color:#4BC8EF!important;
  -webkit-text-fill-color:#4BC8EF!important;
}
html body.products-v3 .sr-product-launch .inv5-package-points,
html body.products-v3 .sr-product-launch .inv5-package-points li{
  color:#D8E0E2!important;
  -webkit-text-fill-color:#D8E0E2!important;
}
html body.products-v3 .sr-product-launch .inv5-package-points li::marker{
  color:#4BC8EF!important;
}

/* Keep the pre-footer as the deliberate warm-white exception. */
html body:not(.page-diagram) main :is(.av5-cta,.tc-prefooter,.fp-cta,.co18-prefooter,.avix-utility-prefooter){
  background:#F7F6F2!important;
  background-image:none!important;
}
/* Extra-specific nested proof-card protection against legacy dark-card selectors. */
html body.co18-page #bangladesh-market .co18-market-card .co18-unit-economics > span{
  color:#147C9D!important;
  -webkit-text-fill-color:#147C9D!important;
}
html body.co18-page #bangladesh-market .co18-market-card .co18-unit-economics > strong{
  color:#12272E!important;
  -webkit-text-fill-color:#12272E!important;
}
html body.co18-page #bangladesh-market .co18-market-card .co18-unit-economics > p{
  color:#4A5B60!important;
  -webkit-text-fill-color:#4A5B60!important;
}
