/* AVIX Water v80 global brand typography + colour system
   Brand accent: #4BC8EF. Loaded last across every HTML page. */
:root{
  --avix-brand:#4BC8EF;
  --avix-brand-rgb:75,200,239;
  --avix-brand-deep:#147F9E;
  --avix-brand-ink:#102A33;
  --avix-brand-tint:rgba(75,200,239,.10);
  --avix-brand-line:rgba(75,200,239,.34);
  --avix-heading:#14282F;
  --avix-copy:#385F6B;

  /* Existing project variables now point at the canonical brand accent. */
  --aqua:#4BC8EF;
  --avix-aqua:#4BC8EF;
  --avix-teal:#4BC8EF;
  --av6-aqua:#4BC8EF;
  --s12-aqua:#4BC8EF;
  --p3-aqua:#4BC8EF;
  --co18-aqua:#4BC8EF;
  --co2-aqua:#4BC8EF;
  --sr-aqua:#4BC8EF;

  /* Canonical overrides for every legacy gold/champagne token still referenced by older page CSS. */
  --avix-hero-eyebrow:#4BC8EF;
  --avix-gold:#4BC8EF;
  --av6-gold:#4BC8EF;
  --av6-gold-light:#4BC8EF;
  --gold:#4BC8EF;
  --gold-light:#4BC8EF;
  --co18-gold:#4BC8EF;
  --co18-gold-deep:#4BC8EF;
  --avix-footer-heading:#4BC8EF;
  --avix-footer-accent:#4BC8EF;
}

html,body,button,input,select,textarea{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

/* --------------------------------------------------------------------------
   EYEBROWS: one unmistakable AVIX Water signature
   -------------------------------------------------------------------------- */
.av5-eyebrow,
.eyebrow,
.s12-eyebrow,
.p3-eyebrow,
.tc-eyebrow,
.fp2-profile-kicker,
.tc-kicker,
.team9-accent,
.co18-section-head > span,
.v76-format-heading > span{
  color:var(--avix-brand) !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  letter-spacing:.105em !important;
  text-transform:uppercase !important;
}

/* No more gold/champagne eyebrow overrides on dark sections. */
.av5-eyebrow--light,
.eyebrow.light,
.av5-hero .av5-eyebrow,
.avix-principal-hero .av5-eyebrow,
.co18-section--dark .av5-eyebrow,
.sr-readiness .av5-eyebrow,
.av5-products .av5-eyebrow,
.av5-founder .av5-eyebrow,
.tc-prefooter .av5-eyebrow,
.fp-cta .av5-eyebrow,
.av5-cta .av5-eyebrow{
  color:var(--avix-brand) !important;
}

/* --------------------------------------------------------------------------
   HEADINGS: restrained dark typography, brand line rather than blue overload
   -------------------------------------------------------------------------- */
h1,h2,h3{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

.av5-section h2,
.co18-section h2,
.tc-contact-main h2,
.tc-prefooter h2,
.fp-page main h2,
.team9-founder-section h2,
.team9-avix-team h2,
.team9-build h2{
  font-weight:660 !important;
  letter-spacing:-.035em !important;
}

.av5-section h3,
.co18-section h3,
.tc-contact-main h3,
.fp-page main h3,
.team9-founder-section h3,
.team9-avix-team h3,
.team9-build h3{
  font-weight:650 !important;
  letter-spacing:-.022em !important;
}

/* Short brand rule gives each major section title a consistent AVIX signature. */
.sr-need-head h2::after,
.av5-section-head h2::after,
.s12-section-head h2::after,
.co18-section-head h2::after,
.fp2-section-intro h2::after,
.team9-build > .av5-container > .av5-section-head h2::after,
.tc-contact-main .av5-section-head h2::after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:var(--avix-brand);
}

/* On genuinely dark editorial sections, the second authored line can carry the brand. */
.av5-section-head--light h2 > span:last-child,
.co18-section--dark .co18-section-head h2 > span:last-child,
.sr-readiness .av5-section-head h2 > span:last-child,
.av5-products-copy h2 > span:last-child,
.av5-founder-copy h2 > span:last-child,
.fp-cta h2 > span:last-child,
.tc-prefooter h2 > span:last-child,
.av5-cta h2 > span:last-child{
  color:var(--avix-brand) !important;
}

/* Explicit hero accent words */
.hero-teal,
.avix-home-hero h1 .hero-teal,
.tc-contact-page .hero-teal{
  color:var(--avix-brand) !important;
}

/* --------------------------------------------------------------------------
   SECTION NUMBERS, LABELS, ICONS, LINKS
   -------------------------------------------------------------------------- */
.avix-section-nav__num,
.sr-need-number,
.sr-standard-grid article > b,
.sr-water-journey article > b,
.sr-three-ideas > b,
.sr-product-number,
.v76-commercial-pathway article > span,
.co18-backbone-step > span,
.co18-market-stage > span,
.co18-proof-card > span,
.co18-checkpoints article > span,
.co18-milestones article > span,
.fp-science-step > span,
.fp-career-track article > span,
.sr-contact-choices article > span{
  color:var(--avix-brand) !important;
}

.sr-icon,
.sr-protect-grid .sr-icon,
.sr-standard-grid .sr-icon{
  color:var(--avix-brand) !important;
  border-color:var(--avix-brand-line) !important;
  background:var(--avix-brand-tint) !important;
}

.av5-text-link,
.sr-scientific-references a,
.tc-direct h3 a,
.fp2-profile-card a:not(.av5-button),
.co18-page main a:not(.av5-button),
.products-v3 main a:not(.av5-button),
.science-v12 main a:not(.av5-button){
  color:var(--avix-brand-deep) !important;
}
.av5-text-link::after,
.sr-scientific-references a::after{
  color:var(--avix-brand) !important;
}

/* --------------------------------------------------------------------------
   BUTTONS: exact brand fill, dark ink for contrast
   -------------------------------------------------------------------------- */
.av5-button--aqua,
.btn-primary,
button[type="submit"].av5-button,
.tc-form-submit .av5-button{
  background:var(--avix-brand) !important;
  border-color:var(--avix-brand) !important;
  color:var(--avix-brand-ink) !important;
  font-weight:700 !important;
}
.av5-button--aqua:hover,
.av5-button--aqua:focus-visible,
.btn-primary:hover,
button[type="submit"].av5-button:hover{
  background:#72D5F4 !important;
  border-color:#72D5F4 !important;
  color:#0C242C !important;
}

.av5-button--aqua-outline,
.av5-button--linkedin{
  border-color:var(--avix-brand) !important;
  box-shadow:none !important;
}
.av5-button--aqua-outline{
  background:transparent !important;
  color:var(--avix-brand) !important;
}
.av5-button--aqua-outline:hover,
.av5-button--aqua-outline:focus-visible,
.av5-button--linkedin:hover,
.av5-button--linkedin:focus-visible{
  background:rgba(var(--avix-brand-rgb),.12) !important;
  border-color:var(--avix-brand) !important;
}

/* Light-surface outlined CTAs use the deeper companion for readable text. */
.av5-section:not(.av5-products):not(.sr-readiness) .av5-button--aqua-outline,
.tc-contact-main .av5-button--aqua-outline{
  color:var(--avix-brand-deep) !important;
}

/* --------------------------------------------------------------------------
   CARDS / DATA ACCENTS
   -------------------------------------------------------------------------- */
.av5-bar i,
.sr-meter i,
.sr-backbone-line,
.co18-backbone-line,
.co18-bridge-arrow,
.fp-science-flow{
  background-color:var(--avix-brand) !important;
}

.sr-guardrail,
.sr-mini-note,
.sr-confidentiality,
.sr-claims-note,
.sr-data-note,
.fp2-water-callout{
  border-left-color:var(--avix-brand) !important;
}

.sr-readiness-track article.is-done > span,
.sr-packaging-facts span,
.sr-market-label,
.fp2-perspective-tags span,
.team9-founder-tags span,
.fp2-tags span{
  color:var(--avix-brand-deep) !important;
  border-color:var(--avix-brand-line) !important;
}

/* --------------------------------------------------------------------------
   TOP STATUS STRIP: dark neutral surface + brand typography accents
   -------------------------------------------------------------------------- */
.av5-topline,
.top-strip{
  background:#102A33 !important;
  color:#F7FCFD !important;
}
.av5-topline i,
.top-strip i{
  background:var(--avix-brand) !important;
}

/* --------------------------------------------------------------------------
   GLOBAL FOOTER: exact #4BC8EF for headings, neutral body text
   -------------------------------------------------------------------------- */
.avix-global-footer{
  --avix-footer-heading:var(--avix-brand) !important;
  --avix-footer-accent:var(--avix-brand) !important;
}

.avix-global-footer .avix-footer-column h2,
.avix-global-footer .avix-footer-contact h2,
.avix-global-footer .avix-footer-office h2{
  color:var(--avix-brand) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  letter-spacing:.105em !important;
  text-transform:uppercase !important;
}

.avix-global-footer .avix-footer-contact-block span,
.avix-global-footer .avix-footer-phones b{
  color:var(--avix-brand) !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
}

.avix-global-footer .avix-footer-contact-block a,
.avix-global-footer .avix-footer-phones a,
.avix-global-footer .avix-footer-column a,
.avix-global-footer .avix-footer-bottom a{
  transition:color .18s ease !important;
}
.avix-global-footer .avix-footer-contact-block a:hover,
.avix-global-footer .avix-footer-contact-block a:focus-visible,
.avix-global-footer .avix-footer-phones a:hover,
.avix-global-footer .avix-footer-phones a:focus-visible,
.avix-global-footer .avix-footer-column a:hover,
.avix-global-footer .avix-footer-column a:focus-visible,
.avix-global-footer .avix-footer-bottom a:hover,
.avix-global-footer .avix-footer-bottom a:focus-visible{
  color:var(--avix-brand) !important;
}

/* Standalone plant diagram uses the same brand system. */
.page-diagram{
  --blue:#4BC8EF;
  --blue-lt:#4BC8EF;
  --cyan:#4BC8EF;
  --red:#4BC8EF;
}
.page-diagram .num{
  background:#17353E !important;
  color:var(--avix-brand) !important;
}
.page-diagram .box h3{
  background:#17353E !important;
  color:var(--avix-brand) !important;
}

@media(max-width:767px){
  .av5-eyebrow,
  .eyebrow,
  .s12-eyebrow,
  .p3-eyebrow,
  .tc-eyebrow,
  .fp2-profile-kicker,
  .tc-kicker,
  .team9-accent{
    font-size:12px !important;
    letter-spacing:.09em !important;
  }

  .sr-need-head h2::after,
  .av5-section-head h2::after,
  .s12-section-head h2::after,
  .co18-section-head h2::after,
  .fp2-section-intro h2::after,
  .tc-contact-main .av5-section-head h2::after{
    width:40px;
    height:3px;
    margin-top:14px;
  }
}


/* ========================================================================== */
/* V80 GLOBAL ENFORCEMENT — loaded LAST on every HTML page.                   */
/* This block deliberately outranks older hero/page rules that used gold.      */
/* ========================================================================== */
html body .avix-home-hero :is(.av5-eyebrow,.eyebrow,[class*="eyebrow"]),
html body .avix-principal-hero :is(.av5-eyebrow,.eyebrow,[class*="eyebrow"]),
html body .avix-utility-hero :is(.av5-eyebrow,.eyebrow,[class*="eyebrow"]),
html body main :is(.av5-eyebrow,.eyebrow,[class*="eyebrow"]),
html body main :is(.fp2-profile-kicker,.tc-kicker,.team9-accent,.co18-section-head > span,.v76-format-heading > span){
  color:#4BC8EF !important;
}

/* Keep the brand token identical on light and dark surfaces. */
html body :is(.av5-eyebrow--light,.eyebrow.light),
html body :is(.co18-section--dark,.sr-readiness,.av5-products,.av5-founder,.tc-prefooter,.fp-cta,.av5-cta) .av5-eyebrow{
  color:#4BC8EF !important;
}

/* Footer hierarchy: headings use the exact brand colour everywhere. */
html body .avix-global-footer :is(.avix-footer-column,.avix-footer-contact,.avix-footer-office) > h2,
html body .avix-global-footer :is(.avix-footer-column,.avix-footer-contact,.avix-footer-office) h2{
  color:#4BC8EF !important;
}

/* Major section identity accents stay brand blue, never gold. */
html body main :is(.avix-section-nav__num,.sr-need-number,.sr-standard-grid article > b,.sr-product-number,.v76-commercial-pathway article > span,.co18-backbone-step > span,.co18-market-stage > span,.co18-proof-card > span,.co18-checkpoints article > span,.co18-milestones article > span,.fp-science-step > span,.fp-career-track article > span,.sr-contact-choices article > span){
  color:#4BC8EF !important;
}