/* AVIX Water homepage polish v3 — approved 07 August 2026 */
:root{
  --home-dark:#14292f;
  --home-dark-deep:#112227;
  --home-dark-text:#dde2e4;
  --home-dark-muted:#bdc8cc;
}

/* The proof rail is part of the hero, with four equal, desktop-readable cells. */
.av5-hero{padding-bottom:0;background:var(--home-dark-deep)}
.sr-hero-proof{position:relative;z-index:3;margin-top:-1px;border-top:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg, rgba(2,16,20,.94) 0%, rgba(6,27,34,.93) 42%, rgba(11,43,25,.92) 100%);backdrop-filter:none}
.sr-hero-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0;padding-bottom:0}
.sr-hero-proof-grid>div{min-width:0;padding:22px 28px 24px;border-left:1px solid rgba(255,255,255,.16)}
.sr-hero-proof-grid>div:first-child{border-left:0;padding-left:0}
.sr-hero-proof-grid>div:last-child{padding-right:0}
.sr-hero-proof-grid strong,.sr-hero-proof-grid span{display:block;white-space:nowrap}
.sr-hero-proof-grid strong{color:#ffffff;font-size:clamp(18px,1.45vw,23px);font-weight:750;letter-spacing:-.018em;line-height:1.15}
.sr-hero-proof-grid span{margin-top:6px;color:#b9c4c8;font-size:clamp(11px,.78vw,13px);font-weight:650;letter-spacing:.055em;line-height:1.2}

/* Dark homepage sections use one coherent palette and stronger text contrast. */
.av5-bangladesh,.av5-products,.sr-readiness{background-color:var(--home-dark)!important}
.av5-bangladesh .av5-section-head>p,.av5-products-copy>p:not(.av5-eyebrow),.sr-readiness .av5-section-head>p{color:var(--home-dark-text)!important}
.av5-bangladesh h2,.av5-products h2,.sr-readiness h2,.av5-founder h2{color:#ffffff!important}
.av5-bangladesh .av5-eyebrow,.av5-products .av5-eyebrow,.sr-readiness .av5-eyebrow,.av5-founder .av5-eyebrow{color:#42bbd3!important}
.av5-products .av5-platform-line strong,.av5-products .av5-product-list small{color:#c5cfd2!important}
.av5-products .av5-product-list strong{color:#ffffff!important}
.sr-readiness-track article{background:rgba(255,255,255,.035)}
.sr-readiness-track article.is-done{background:rgba(49,180,207,.14)}
.sr-readiness-track article>span{color:#c6cfd2;border-color:rgba(255,255,255,.22);font-weight:650}
.sr-readiness-track article.is-done>span{color:#49bdd4;border-color:rgba(49,180,207,.55)}
.sr-readiness-track b{color:rgba(255,255,255,.24)}
.sr-readiness-track h3{color:#ffffff;font-size:19px;white-space:nowrap;letter-spacing:-.012em}
.sr-readiness-track p{color:#ccd4d7;font-size:14px;line-height:1.52}

/* Readiness and founder flow as one continuous dark chapter. */
.av5-founder{background:var(--home-dark)!important;padding-top:0!important}
.av5-founder-shell{border-radius:0;background:var(--home-dark)!important;border-top:0}
.av5-founder-copy>p:not(.av5-eyebrow){color:#d6dcde!important}
.av5-founder-stats span{color:#bdc8cc!important}

/* Bangladesh mineral comparison: desktop-first readability without becoming bulky. */
.av5-mineral-panel{border-color:rgba(255,255,255,.2)}
.av5-mineral-panel header{padding:29px 30px}
.av5-mineral-panel header>div>small{color:#c6cfd2;font-size:.82rem}
.av5-mineral-panel header strong{color:#c0cace;font-size:.8rem}
.av5-bar-row{grid-template-columns:minmax(188px,1fr) minmax(150px,1.18fr) 136px;min-height:108px;padding:20px 29px}
.av5-bar-row b{font-size:1.05rem;color:#ffffff}
.av5-bar-row>div:first-child>small{font-size:.78rem;color:#acbcc1}
.av5-bar{height:8px}
.av5-bar em{width:4px;top:-8px;bottom:-8px}
.av5-bar-row>strong{font-size:1.78rem;line-height:1;color:#ffffff;text-align:right}
.av5-bar-row--alert>strong{color:#5ac3d8}
.av5-bar-row>strong small{display:block;max-width:none;margin-top:8px;color:#c6cfd2;font-size:.68rem;line-height:1.12;white-space:nowrap}
.av5-bar-row--alert>strong small{color:#d7cbb5}

/* Light sections share cleaner edges; section rhythm, not hard borders, separates them. */
.sr-home-scientific-need,.sr-standard,.sr-market{border-top:0!important;border-bottom:0!important}
.sr-standard{background:#f9fafa!important}
.sr-market{background:#f7f7f7!important}

/* Better dark hero/body readability. */
.av5-hero-lead{color:#dce1e3!important}

/* Global button typography: semibold, consistent and clear. */
button,.btn,.btn-small,.av5-button,[class*="button"]{font-weight:600!important}

@media(max-width:1120px){
  .sr-hero-proof-grid strong,.sr-hero-proof-grid span{white-space:normal}
  .sr-readiness-track h3{white-space:normal}
  .av5-bar-row{grid-template-columns:minmax(150px,1fr) minmax(110px,1fr) 126px}
}
@media(max-width:860px){
  .sr-hero-proof-grid{grid-template-columns:repeat(2,1fr)}
  .sr-hero-proof-grid>div{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.12)}
  .sr-hero-proof-grid>div:nth-child(odd){border-left:0;padding-left:0}
  .sr-hero-proof-grid>div:nth-child(even){padding-right:0}
  .av5-founder{padding-top:68px!important}
  .av5-founder-shell{border-radius:22px 22px 0 0}
}
@media(max-width:620px){
  .sr-hero-proof-grid{grid-template-columns:1fr}
  .sr-hero-proof-grid>div,.sr-hero-proof-grid>div:nth-child(even),.sr-hero-proof-grid>div:nth-child(odd){padding:15px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .sr-hero-proof-grid>div:last-child{border-bottom:0}
  .sr-hero-proof-grid strong{font-size:18px}.sr-hero-proof-grid span{font-size:11px}
  .av5-bar-row{grid-template-columns:1fr 88px;padding:18px 20px;min-height:96px}
  .av5-bar-row>strong{font-size:1.42rem}
  .av5-bar-row>strong small{font-size:.61rem;white-space:normal}
}