/* AVIX Water v103 — story-led prefooter + pricing/footer polish. Loaded last. */
:root{
  --v103-ink:#12272E;
  --v103-body:#40545A;
  --v103-brand:#4BC8EF;
  --v103-brand-text:#147C9D;
  --v103-soft:#F7F9FA;
  --v103-warm:#F7F6F2;
  --v103-line:#DCE5E7;
}

/* --------------------------------------------------------------------------
   FOOTER — heading and link left edges must be identical.
   -------------------------------------------------------------------------- */
html body:not(.page-diagram) .avix-global-footer :is(.avix-footer-column,.avix-footer-contact) > h2{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  text-align:left!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}
html body:not(.page-diagram) .avix-global-footer :is(.avix-footer-column,.avix-footer-contact){
  text-align:left!important;
  justify-items:start!important;
  align-items:start!important;
}
html body:not(.page-diagram) .avix-global-footer .avix-footer-column a,
html body:not(.page-diagram) .avix-global-footer .avix-footer-contact :is(.avix-footer-contact-block,.avix-footer-linkedin){
  margin-left:0!important;
  transform:none!important;
  text-align:left!important;
  justify-self:start!important;
  align-self:start!important;
}

/* --------------------------------------------------------------------------
   STORY PRE-FOOTER — every principal page hands the narrative to the next.
   -------------------------------------------------------------------------- */
html body:not(.page-diagram) main .story-prefooter{
  position:relative!important;
  overflow:hidden!important;
  margin:0!important;
  padding:72px 0 70px!important;
  border-top:1px solid rgba(18,39,46,.08)!important;
  background:var(--v103-warm)!important;
  background-image:none!important;
  color:var(--v103-ink)!important;
}
html body:not(.page-diagram) main .story-prefooter::before{
  content:"";
  position:absolute;
  left:32px;
  right:32px;
  top:0;
  height:2px;
  max-width:1280px;
  margin-inline:auto;
  background:linear-gradient(90deg,var(--v103-brand) 0 76px,rgba(75,200,239,.16) 76px 100%);
  pointer-events:none;
}
html body:not(.page-diagram) main .story-prefooter-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) auto!important;
  gap:64px!important;
  align-items:end!important;
}
html body:not(.page-diagram) main .story-prefooter-copy{
  min-width:0!important;
  max-width:900px!important;
}
html body:not(.page-diagram) main .story-prefooter-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 15px!important;
  color:var(--v103-brand-text)!important;
  -webkit-text-fill-color:var(--v103-brand-text)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
}
html body:not(.page-diagram) main .story-prefooter-eyebrow::before{
  content:"";
  flex:0 0 26px;
  width:26px;
  height:2px;
  background:var(--v103-brand)!important;
}
html body:not(.page-diagram) main .story-prefooter h2{
  margin:0!important;
  max-width:900px!important;
  color:var(--v103-ink)!important;
  -webkit-text-fill-color:var(--v103-ink)!important;
  font-size:clamp(38px,3.4vw,56px)!important;
  font-weight:760!important;
  line-height:.99!important;
  letter-spacing:-.045em!important;
}
html body:not(.page-diagram) main .story-prefooter h2>span{
  display:block!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
html body:not(.page-diagram) main .story-prefooter-body{
  max-width:760px!important;
  margin:18px 0 0!important;
  color:var(--v103-body)!important;
  font-size:16px!important;
  line-height:1.55!important;
}
html body:not(.page-diagram) main .story-prefooter-action{
  display:inline-flex!important;
  min-width:228px!important;
  min-height:52px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:26px!important;
  margin:0!important;
  padding:0 22px!important;
  justify-self:end!important;
  align-self:end!important;
  white-space:nowrap!important;
}
html body:not(.page-diagram) main .story-prefooter-arrow{
  display:inline-block!important;
  font-size:18px!important;
  line-height:1!important;
  transition:transform .18s ease!important;
}
@media(hover:hover){
  html body:not(.page-diagram) main .story-prefooter-action:hover .story-prefooter-arrow{transform:translateX(4px)!important}
  html body:not(.page-diagram) main .story-prefooter--contact .story-prefooter-action:hover .story-prefooter-arrow{transform:translateY(-3px)!important}
}

/* --------------------------------------------------------------------------
   HOME COMMERCIAL ARCHITECTURE — one standard -> two clear commercial roles.
   -------------------------------------------------------------------------- */
html body.avix-home-page #market-opportunity .v76-format-architecture{
  margin-top:44px!important;
  border-top:1px solid var(--v103-line)!important;
  border-bottom:1px solid var(--v103-line)!important;
}
html body.avix-home-page #market-opportunity .v76-format-heading{
  padding:28px 20px 26px!important;
}
html body.avix-home-page #market-opportunity .v76-format-heading>span{
  color:var(--v103-brand-text)!important;
  font-size:11px!important;
}
html body.avix-home-page #market-opportunity .v76-format-heading h3{
  margin-top:9px!important;
  color:var(--v103-ink)!important;
  font-size:30px!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
}
html body.avix-home-page #market-opportunity .v76-format-heading p{
  margin-top:8px!important;
  color:var(--v103-body)!important;
  font-size:14px!important;
}
html body.avix-home-page #market-opportunity .v76-format-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--v103-line)!important;
}
html body.avix-home-page #market-opportunity .v76-format-standard{
  grid-column:1/-1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.45fr)!important;
  gap:34px!important;
  align-items:center!important;
  min-height:0!important;
  padding:22px 38px!important;
  border:0!important;
  border-bottom:1px solid var(--v103-line)!important;
  background:linear-gradient(90deg,#F8FAFB 0%,#F4F8F9 100%)!important;
  text-align:left!important;
}
html body.avix-home-page #market-opportunity .v76-format-standard::before{display:none!important}
html body.avix-home-page #market-opportunity .v103-standard-copy{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
html body.avix-home-page #market-opportunity .v103-standard-copy>span{
  color:var(--v103-brand-text)!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body.avix-home-page #market-opportunity .v103-standard-copy>strong{
  margin:0!important;
  color:var(--v103-ink)!important;
  font-size:18px!important;
  line-height:1.18!important;
  letter-spacing:-.022em!important;
}
html body.avix-home-page #market-opportunity .v103-standard-points{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  min-width:0!important;
}
html body.avix-home-page #market-opportunity .v103-standard-points>span{
  position:relative!important;
  min-width:0!important;
  padding:4px 22px 4px 30px!important;
  border-left:1px solid #D5E0E3!important;
  color:#385159!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
html body.avix-home-page #market-opportunity .v103-standard-points>span::before{
  content:"";
  position:absolute;
  left:16px;
  top:50%;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--v103-brand)!important;
  transform:translateY(-50%);
}
html body.avix-home-page #market-opportunity .v76-format-offer{
  grid-row:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding:34px 44px 36px!important;
  background:#FFFFFF!important;
  text-align:left!important;
}
html body.avix-home-page #market-opportunity .v76-format-offer--right{
  border-left:1px solid var(--v103-line)!important;
}
html body.avix-home-page #market-opportunity .v76-format-label{
  color:var(--v103-brand-text)!important;
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:.12em!important;
}
html body.avix-home-page #market-opportunity .v103-format-role{
  display:block!important;
  margin-top:7px!important;
  color:#687B81!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
html body.avix-home-page #market-opportunity .v76-format-price{
  margin:17px 0 19px!important;
  color:var(--v103-ink)!important;
  font-size:52px!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
}
html body.avix-home-page #market-opportunity .v76-format-offer ul{
  display:grid!important;
  width:100%!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
html body.avix-home-page #market-opportunity .v76-format-offer li,
html body.avix-home-page #market-opportunity .v76-format-offer--right li{
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding-left:16px!important;
  color:#334A52!important;
  font-size:14px!important;
  line-height:1.35!important;
  text-align:left!important;
}
html body.avix-home-page #market-opportunity .v76-format-offer li::before,
html body.avix-home-page #market-opportunity .v76-format-offer--right li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.62em!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:var(--v103-brand)!important;
  transform:none!important;
}

/* Slightly cleaner rhythm into the next commercial band. */
html body.avix-home-page #market-opportunity .v76-positioning-band{
  margin-top:38px!important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE QA
   -------------------------------------------------------------------------- */
@media(max-width:900px){
  html body:not(.page-diagram) main .story-prefooter{
    padding:58px 0 56px!important;
  }
  html body:not(.page-diagram) main .story-prefooter-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
    align-items:start!important;
  }
  html body:not(.page-diagram) main .story-prefooter h2{
    max-width:700px!important;
    font-size:clamp(34px,6vw,48px)!important;
    line-height:1.02!important;
  }
  html body:not(.page-diagram) main .story-prefooter-body{
    max-width:680px!important;
    font-size:15px!important;
  }
  html body:not(.page-diagram) main .story-prefooter-action{
    justify-self:start!important;
    align-self:start!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-standard{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:22px 26px!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-points>span:first-child{
    border-left:0!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-points>span:first-child::before{
    left:0!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-points>span:first-child{
    padding-left:14px!important;
  }
}
@media(max-width:767px){
  html body:not(.page-diagram) main .story-prefooter{
    padding:50px 0 48px!important;
  }
  html body:not(.page-diagram) main .story-prefooter::before{
    left:32px!important;
    right:32px!important;
  }
  html body:not(.page-diagram) main .story-prefooter-eyebrow{
    margin-bottom:12px!important;
    font-size:10.5px!important;
  }
  html body:not(.page-diagram) main .story-prefooter-eyebrow::before{
    flex-basis:20px!important;
    width:20px!important;
  }
  html body:not(.page-diagram) main .story-prefooter h2{
    font-size:clamp(30px,9vw,40px)!important;
    line-height:1.02!important;
    letter-spacing:-.038em!important;
  }
  html body:not(.page-diagram) main .story-prefooter-body{
    margin-top:15px!important;
    font-size:14px!important;
    line-height:1.52!important;
  }
  html body:not(.page-diagram) main .story-prefooter-action{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-architecture{
    margin-top:32px!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-heading{
    padding:21px 0 20px!important;
    text-align:left!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-heading h3{
    font-size:24px!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-heading p{
    max-width:32em!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-grid{
    grid-template-columns:1fr!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-standard{
    grid-column:1!important;
    padding:20px 18px!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-copy>strong{
    font-size:16px!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-points{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-points>span{
    border-left:0!important;
    padding:0 0 0 14px!important;
    font-size:11.5px!important;
  }
  html body.avix-home-page #market-opportunity .v103-standard-points>span::before{
    left:0!important;
    top:.57em!important;
    transform:none!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-offer,
  html body.avix-home-page #market-opportunity .v76-format-offer--right{
    grid-row:auto!important;
    padding:24px 18px 26px!important;
    border-left:0!important;
    border-top:1px solid var(--v103-line)!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-price{
    margin:13px 0 15px!important;
    font-size:42px!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-offer li,
  html body.avix-home-page #market-opportunity .v76-format-offer--right li{
    font-size:12px!important;
  }
  html body.avix-home-page #market-opportunity .v76-positioning-band{
    margin-top:28px!important;
  }
}
@media(max-width:360px){
  html body:not(.page-diagram) main .story-prefooter h2{font-size:29px!important}
  html body.avix-home-page #market-opportunity .v76-format-price{font-size:39px!important}
}

/* Narrow phones: do not compress prices into two tiny cards. */
@media(max-width:520px){
  html body.home-v8.avix-home-page #market-opportunity .v76-format-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body.home-v8.avix-home-page #market-opportunity .v76-format-standard{
    grid-column:1!important;
    grid-row:auto!important;
    padding:20px 18px!important;
  }
  html body.home-v8.avix-home-page #market-opportunity .v76-format-offer,
  html body.home-v8.avix-home-page #market-opportunity .v76-format-offer--right{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    padding:22px 18px 24px!important;
    border-left:1px solid var(--v103-line)!important;
    border-right:1px solid var(--v103-line)!important;
    border-top:1px solid var(--v103-line)!important;
    border-bottom:1px solid var(--v103-line)!important;
    border-radius:14px!important;
  }
  html body.home-v8.avix-home-page #market-opportunity .v76-format-price{
    white-space:nowrap!important;
  }
}
@media(max-width:520px){
  html body.home-v8.avix-home-page #market-opportunity .v76-format-standard{grid-row:1!important}
  html body.home-v8.avix-home-page #market-opportunity .v76-format-offer:not(.v76-format-offer--right){grid-row:2!important}
  html body.home-v8.avix-home-page #market-opportunity .v76-format-offer--right{grid-row:3!important}
}