/* AVIX Water v104 — final mobile/desktop visual refinement requested 13 Aug 2026.
   Loaded last. Keeps Home submenu treatment unchanged. */

:root{
  --v104-ink:#12272e;
  --v104-body:#42575e;
  --v104-brand:#4bc8ef;
  --v104-brand-text:#147c9d;
  --v104-line:#d9e3e6;
  --v104-soft:#f7f9fa;
  --v104-dark:#09191e;
}

/* --------------------------------------------------------------------------
   01. MOBILE CHROME — larger status tokens + remove the accidental white gap
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.home-v8 .av5-topline{
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
  }
  html body.home-v8 .av5-topline .av5-topline-centre{
    min-height:34px!important;
    height:34px!important;
    padding-inline:10px!important;
    gap:7px!important;
  }
  html body.home-v8 .av5-topline span{
    display:inline!important;
    font-size:clamp(8.4px,2.6vw,10px)!important;
    line-height:1!important;
    letter-spacing:.065em!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  html body.home-v8 .av5-topline i{
    width:3px!important;
    height:3px!important;
    flex:0 0 3px!important;
  }
  /* v93 had both top AND margin-top = 34px, creating a second 34px blank band. */
  html body.home-v8 .av5-header{
    top:34px!important;
    margin-top:0!important;
  }
}
@media(max-width:340px){
  html body.home-v8 .av5-topline .av5-topline-centre{gap:5px!important;padding-inline:6px!important}
  html body.home-v8 .av5-topline span{font-size:8.25px!important;letter-spacing:.045em!important}
}

/* --------------------------------------------------------------------------
   02. HOME HERO — make the four proof points readable on phones
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.avix-home-page .sr-hero-proof-grid>div{
    min-height:92px!important;
    padding:16px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  html body.avix-home-page .sr-hero-proof-grid strong{
    font-size:16px!important;
    line-height:1.15!important;
    letter-spacing:-.015em!important;
  }
  html body.avix-home-page .sr-hero-proof-grid span{
    margin-top:5px!important;
    font-size:13px!important;
    line-height:1.32!important;
  }
}

/* --------------------------------------------------------------------------
   03. INTERNAL PAGE SUBMENU — one aligned mobile component; Home unchanged.
       Four-or-fewer items become a clean 2-column grid. Commercial keeps a
       compact swipe row because seven sticky cells would consume the viewport.
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.avix-principal-page .avix-section-nav{
    top:98px!important;
    height:auto!important;
    min-height:0!important;
    background:#fff!important;
    border-top:1px solid rgba(18,39,46,.08)!important;
    border-bottom:1px solid rgba(18,39,46,.10)!important;
  }
  html body.avix-principal-page .avix-section-nav__viewport{
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.avix-principal-page .avix-section-nav__inner{
    width:calc(100% - 32px)!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto!important;
    padding:12px 0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:22px!important;
    row-gap:0!important;
  }
  html body.avix-principal-page .avix-section-nav__link{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    font-size:11.5px!important;
    line-height:1.05!important;
    letter-spacing:.045em!important;
    overflow:hidden!important;
  }
  html body.avix-principal-page .avix-section-nav__num{
    flex:0 0 auto!important;
    min-width:19px!important;
    color:var(--v104-brand)!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1!important;
  }
  html body.avix-principal-page .avix-section-nav__label{
    min-width:0!important;
    color:#52676d!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.avix-principal-page .avix-section-nav__link.is-active .avix-section-nav__label{
    color:var(--v104-brand-text)!important;
  }
  html body.avix-principal-page .avix-section-nav__link::after{bottom:2px!important}

  /* Seven-item commercial submenu: same typography/baseline, compact horizontal rail. */
  html body.co18-page .avix-section-nav__viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.co18-page .avix-section-nav__inner{
    width:max-content!important;
    min-width:100%!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:max-content!important;
    gap:22px!important;
    padding-inline:16px!important;
    margin:0!important;
  }
  html body.co18-page .avix-section-nav__link{width:auto!important;min-width:max-content!important}
}

/* --------------------------------------------------------------------------
   04. HOME — two pricing formats in one compact mobile comparison row
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.avix-home-page #market-opportunity .v76-format-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    border-top:1px solid var(--v104-line)!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-standard{
    grid-column:1/-1!important;
    grid-row:1!important;
    padding:18px!important;
    border:1px solid var(--v104-line)!important;
    border-radius:14px!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-offer,
  html body.avix-home-page #market-opportunity .v76-format-offer--right{
    grid-column:auto!important;
    grid-row:2!important;
    min-width:0!important;
    min-height:0!important;
    padding:18px 14px 19px!important;
    border:1px solid var(--v104-line)!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-offer--right{grid-column:2!important}
  html body.avix-home-page #market-opportunity .v76-format-offer:not(.v76-format-offer--right){grid-column:1!important}
  html body.avix-home-page #market-opportunity .v76-format-label{
    min-height:28px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.09em!important;
  }
  html body.avix-home-page #market-opportunity .v103-format-role{
    min-height:15px!important;
    margin-top:5px!important;
    font-size:11px!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-price{
    margin:12px 0 14px!important;
    font-size:clamp(32px,9.5vw,42px)!important;
    line-height:.94!important;
    white-space:nowrap!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-offer ul{
    gap:7px!important;
    padding:0!important;
  }
  html body.avix-home-page #market-opportunity .v76-format-offer li,
  html body.avix-home-page #market-opportunity .v76-format-offer--right li{
    padding-left:13px!important;
    font-size:11.5px!important;
    line-height:1.3!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{
    width:4px!important;height:4px!important;top:.58em!important;
  }
}
@media(max-width:350px){
  html body.avix-home-page #market-opportunity .v76-format-offer,
  html body.avix-home-page #market-opportunity .v76-format-offer--right{padding:16px 11px 17px!important}
  html body.avix-home-page #market-opportunity .v76-format-label{font-size:9.5px!important}
  html body.avix-home-page #market-opportunity .v76-format-price{font-size:30px!important}
  html body.avix-home-page #market-opportunity .v76-format-offer li{font-size:10.5px!important}
}

/* --------------------------------------------------------------------------
   05. HOME FOUNDER PORTRAIT — eliminate the 1px white Safari clipping seam
   -------------------------------------------------------------------------- */
html body.avix-home-page #scientific-leadership .av5-founder-image{
  line-height:0!important;
  background:#10282f!important;
  isolation:isolate!important;
}
html body.avix-home-page #scientific-leadership .av5-founder-image img{
  display:block!important;
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:-1px!important;
  vertical-align:top!important;
}

/* --------------------------------------------------------------------------
   06. SCIENCE PROFILE — tighter cards, stronger stage labels and cleaner arrows
   -------------------------------------------------------------------------- */
html body.science-v12 .sr-profile-visual article{
  min-height:260px!important;
  padding:24px 26px!important;
}
html body.science-v12 .sr-profile-visual article>span{
  margin-bottom:22px!important;
  color:#5f7e87!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.11em!important;
}
html body.science-v12 .sr-profile-visual h3{
  margin:0 0 10px!important;
}
html body.science-v12 .sr-profile-visual p{
  min-height:0!important;
  margin:0!important;
}
html body.science-v12 .sr-stage-label{
  margin-top:auto!important;
  padding-top:14px!important;
  color:var(--v104-brand-text)!important;
  font-size:11.5px!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
}
html body.science-v12 .sr-profile-visual article.is-finish>span{color:#91aab1!important}
html body.science-v12 .sr-profile-visual article.is-finish .sr-stage-label{color:var(--v104-brand)!important}

@media(max-width:767px){
  html body.science-v12 .sr-profile-visual{gap:0!important}
  html body.science-v12 .sr-profile-visual article{
    min-height:0!important;
    padding:18px 18px 17px!important;
    border-radius:17px!important;
  }
  html body.science-v12 .sr-profile-visual article>span{
    margin:0 0 16px!important;
    font-size:11px!important;
  }
  html body.science-v12 .sr-profile-visual h3{
    margin:0 0 8px!important;
    font-size:21px!important;
  }
  html body.science-v12 .sr-profile-visual p{
    font-size:14px!important;
    line-height:1.45!important;
  }
  html body.science-v12 .sr-stage-label{
    margin-top:14px!important;
    padding-top:0!important;
    border-top:0!important;
    font-size:11px!important;
  }
  html body.science-v12 .sr-profile-arrow{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:54px!important;
    margin:0!important;
    padding:7px 4px!important;
    color:#607a82!important;
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:1.25!important;
    letter-spacing:.055em!important;
    text-align:left!important;
  }
  html body.science-v12 .sr-profile-arrow b{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    transform:rotate(90deg)!important;
    color:var(--v104-brand)!important;
    font-size:27px!important;
    line-height:1!important;
  }
}

/* --------------------------------------------------------------------------
   07. COMMERCIAL PROOF CARDS — body copy should never become bold on mobile
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.co18-page #investment-case .co18-proof-card p,
  html body.co18-page #investment-case .co18-proof-card p span{
    font-weight:450!important;
    font-size:13.5px!important;
    line-height:1.45!important;
    letter-spacing:0!important;
  }
}

/* --------------------------------------------------------------------------
   08. COMMERCIAL OPERATING BACKBONE — precise vertical mobile sequence
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.co18-page #shared-platform .co18-backbone{
    padding:16px!important;
    border-radius:20px!important;
  }
  html body.co18-page #shared-platform .co18-backbone-line{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  html body.co18-page #shared-platform .co18-backbone-step{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    min-height:74px!important;
    padding:12px 14px!important;
    border:1px solid var(--v104-line)!important;
    border-radius:15px!important;
    background:#f8fafb!important;
    text-align:left!important;
  }
  html body.co18-page #shared-platform .co18-backbone-step b{
    width:44px!important;
    height:44px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    font-size:13px!important;
  }
  html body.co18-page #shared-platform .co18-backbone-step strong{
    margin:0!important;
    font-size:16px!important;
    line-height:1.18!important;
    text-align:left!important;
  }
  html body.co18-page #shared-platform .co18-backbone-arrow{display:none!important}
  html body.co18-page #shared-platform .co18-backbone-strip{
    width:100%!important;
    margin-top:12px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  html body.co18-page #shared-platform .co18-backbone-strip span{
    min-width:0!important;
    padding:13px 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-right:1px solid rgba(255,255,255,.13)!important;
    border-bottom:0!important;
    font-size:10px!important;
    line-height:1.2!important;
    text-align:center!important;
  }
  html body.co18-page #shared-platform .co18-backbone-strip span:last-child{border-right:0!important}
}

/* --------------------------------------------------------------------------
   09. COMMERCIAL STAGES — tighter white proof cards on mobile
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.co18-page #bangladesh-market .co18-unit-economics{
    margin-top:16px!important;
    padding:16px 16px 15px!important;
    border-radius:15px!important;
  }
  html body.co18-page #bangladesh-market .co18-unit-economics>span{
    margin:0 0 8px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }
  html body.co18-page #bangladesh-market .co18-unit-economics>strong{
    margin:0 0 8px!important;
    font-size:17px!important;
    line-height:1.2!important;
  }
  html body.co18-page #bangladesh-market .co18-unit-economics>p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.42!important;
  }
}

/* --------------------------------------------------------------------------
   10. FOUNDER HERO PROOF — mobile only, true edge-to-edge 2 x 2 grid
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body.fp-page .fp-proof{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    height:auto!important;
    overflow:visible!important;
    background:#08171c!important;
  }
  html body.fp-page .fp-proof-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(94px,auto))!important;
    gap:0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
  }
  html body.fp-page .fp-proof-grid>div{
    min-height:94px!important;
    padding:17px 16px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.13)!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
  }
  html body.fp-page .fp-proof-grid>div:nth-child(2n){border-right:0!important}
  html body.fp-page .fp-proof-grid>div:nth-child(n+3){border-bottom:0!important}
  html body.fp-page .fp-proof-grid strong{
    font-size:16px!important;
    line-height:1.12!important;
  }
  html body.fp-page .fp-proof-grid span{
    margin-top:5px!important;
    font-size:12.5px!important;
    line-height:1.3!important;
  }
}

/* --------------------------------------------------------------------------
   11. FOUNDER/TEAM LOGO MARQUEES — larger, visible and continuously animated
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  html body :is(.fp2-logo-marquee,.team9-logo-marquee){
    width:100%!important;
    margin-top:14px!important;
    padding:14px 0!important;
    overflow:hidden!important;
    mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
  }
  html body :is(.fp2-logo-track,.team9-logo-track){
    display:flex!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    align-items:center!important;
    gap:0!important;
    transform:translate3d(0,0,0);
    will-change:transform!important;
  }
  html body :is(.fp2-logo-set,.team9-logo-set){
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:26px!important;
    padding-right:26px!important;
  }
  html body :is(.fp2-logo-set,.team9-logo-set)[aria-hidden="true"]{display:flex!important}
  html body :is(.fp2-logo-set,.team9-logo-set) img{
    width:auto!important;
    max-width:132px!important;
    height:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
    flex:0 0 auto!important;
  }
  html body :is(.fp2-logo-set,.team9-logo-set) img:nth-child(2),
  html body :is(.fp2-logo-set,.team9-logo-set) img:nth-child(7){max-width:150px!important}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
  html body.fp-page .fp2-logo-track{animation:fp2LogoLoop 25s linear infinite!important}
  html body.tc-team-page .team9-logo-track{animation:team9LogoLoop 25s linear infinite!important}
}

/* --------------------------------------------------------------------------
   12. CONTACT PAGE — remove social-icon dead space; premium compact right rail
   -------------------------------------------------------------------------- */
html body.tc-contact-page .tc-socials{display:none!important}
@media(min-width:768px){
  html body.tc-contact-page .tc-contact-aside{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    align-content:start!important;
  }
  html body.tc-contact-page .tc-contact-aside>article{
    min-height:0!important;
    height:auto!important;
    padding:28px 32px!important;
  }
  html body.tc-contact-page .tc-direct{padding-bottom:26px!important}
  html body.tc-contact-page .tc-contact-aside .tc-kicker{
    margin:0 0 10px!important;
  }
  html body.tc-contact-page .tc-contact-aside h3{
    margin:0 0 12px!important;
    font-size:25px!important;
  }
  html body.tc-contact-page .tc-direct>p:not(.tc-kicker){
    margin:0!important;
    font-size:13.5px!important;
    line-height:1.5!important;
  }
  html body.tc-contact-page .tc-office-card address{
    margin:0 0 14px!important;
    font-size:13.5px!important;
    line-height:1.42!important;
  }
  html body.tc-contact-page .tc-phone-list a{
    min-height:36px!important;
    padding:9px 0!important;
  }
}
@media(max-width:767px){
  html body.tc-contact-page .tc-contact-aside{
    gap:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:#10252b!important;
  }
  html body.tc-contact-page .tc-contact-aside>article{
    margin:0!important;
    padding:20px 18px!important;
    border:0!important;
    border-radius:0!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
    background:transparent!important;
  }
  html body.tc-contact-page .tc-contact-aside>article:last-child{border-bottom:0!important}
  html body.tc-contact-page .tc-contact-aside .tc-kicker{margin:0 0 9px!important;font-size:10px!important}
  html body.tc-contact-page .tc-contact-aside h3{margin:0 0 10px!important;font-size:23px!important}
  html body.tc-contact-page .tc-direct>p:not(.tc-kicker){margin:0!important;font-size:13px!important;line-height:1.47!important}
  html body.tc-contact-page .tc-office-card address{margin:0 0 12px!important;font-size:13px!important;line-height:1.42!important}
  html body.tc-contact-page .tc-phone-list a{min-height:34px!important;padding:8px 0!important}
  html body.tc-contact-page .tc-phone-list span{font-size:9.5px!important}
  html body.tc-contact-page .tc-phone-list strong{font-size:12.5px!important}
}

/* --------------------------------------------------------------------------
   13. GLOBAL MOBILE FOOTER — more air before nav, aligned Contact, compact
       connected office pair. Desktop heading alignment from v103 is retained.
   -------------------------------------------------------------------------- */
@media(min-width:375px) and (max-width:767px){
  html body:not(.page-diagram) .avix-global-footer{
    padding-top:34px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-top{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 24px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-brand{
    grid-column:1/-1!important;
    margin:0!important;
    padding:0 0 30px!important; /* requested breathing gap before Explore/Opportunity */
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-column{
    grid-column:auto!important;
    padding:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-column h2{
    margin-bottom:14px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-column a{
    margin-bottom:10px!important;
    line-height:1.35!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact{
    grid-column:1/-1!important;
    margin-top:24px!important;
    padding-top:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:10px 20px!important;
    align-items:end!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact>h2{
    grid-column:1/-1!important;
    grid-row:1!important;
    margin:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact-block{
    grid-row:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact-block span{
    margin:0 0 5px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-linkedin{
    grid-column:3!important;
    grid-row:2!important;
    align-self:end!important;
    justify-self:end!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 1px!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
  }

  /* One connected 2-column office panel, not two floating blocks. */
  html body:not(.page-diagram) .avix-global-footer .avix-footer-offices{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    margin:28px 0 0!important;
    padding:0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-offices::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:1px;
    background:rgba(255,255,255,.14)!important;
    pointer-events:none;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office,
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office + .avix-footer-office{
    min-width:0!important;
    margin:0!important;
    padding:18px 18px 18px 0!important;
    border:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office + .avix-footer-office{
    padding-left:22px!important;
    padding-right:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office h2{
    margin:0 0 9px!important;
    font-size:11.5px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office p{
    margin:0 0 13px!important;
    font-size:12px!important;
    line-height:1.38!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-phones{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-phones span{
    gap:3px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-phones b{font-size:9.5px!important}
  html body:not(.page-diagram) .avix-global-footer .avix-footer-phones a{font-size:11.5px!important;line-height:1.3!important}
  html body:not(.page-diagram) .avix-global-footer .avix-footer-disclaimer{
    margin-top:0!important;
    padding-top:24px!important;
  }
}

@media(max-width:374px){
  html body:not(.page-diagram) .avix-global-footer .avix-footer-brand{padding-bottom:26px!important}
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact{margin-top:20px!important}
  /* On very narrow phones stack offices rather than crushing phone numbers. */
  html body:not(.page-diagram) .avix-global-footer .avix-footer-offices{
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:24px!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-offices::after{display:none!important}
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office,
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office + .avix-footer-office{
    padding:17px 0!important;
    border-bottom:1px solid rgba(255,255,255,.14)!important;
  }
}

/* v104.1 — specificity fixes discovered in visual QA. */
@media(max-width:767px){
  /* v103 narrow-phone rules were more specific; force the approved 2 x 1 comparison. */
  html body.home-v8.avix-home-page #market-opportunity .v76-format-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  html body.home-v8.avix-home-page #market-opportunity .v76-format-standard{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  html body.home-v8.avix-home-page #market-opportunity .v76-format-offer:not(.v76-format-offer--right){
    grid-column:1!important;
    grid-row:2!important;
    width:auto!important;
  }
  html body.home-v8.avix-home-page #market-opportunity .v76-format-offer--right{
    grid-column:2!important;
    grid-row:2!important;
    width:auto!important;
  }

  /* LinkedIn sits on the baseline of the actual Email/Web values, not their labels. */
  html body.home-v8:not(.page-diagram) .avix-global-footer .avix-footer-contact .avix-footer-linkedin{
    align-self:end!important;
    justify-self:end!important;
    margin:0!important;
    transform:none!important;
  }

  /* Three-to-four larger institutional marks at a time on the founder/team rails. */
  html body :is(.fp2-logo-set,.team9-logo-set){gap:30px!important;padding-right:30px!important}
  html body :is(.fp2-logo-set,.team9-logo-set) img{
    height:54px!important;
    max-height:54px!important;
    max-width:148px!important;
  }
  html body :is(.fp2-logo-set,.team9-logo-set) img:nth-child(2),
  html body :is(.fp2-logo-set,.team9-logo-set) img:nth-child(7){max-width:166px!important}

  /* Compact office phone rows with deliberate label/value separation. */
  html body.tc-contact-page .tc-phone-list a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
  }
  html body.tc-contact-page .tc-phone-list strong{
    margin-left:auto!important;
    text-align:right!important;
  }
}

/* v104.2 — institutional marks: outrank legacy page-specific 34px mobile rule. */
@media(max-width:767px){
  html body.home-v8.fp-page .fp2-logo-set,
  html body.home-v8.tc-team-page .team9-logo-set{gap:26px!important;padding-right:26px!important}
  html body.home-v8.fp-page .fp2-logo-set img,
  html body.home-v8.tc-team-page .team9-logo-set img{
    width:auto!important;
    height:50px!important;
    max-height:50px!important;
    max-width:150px!important;
  }
  html body.home-v8.fp-page .fp2-logo-set img:nth-child(2),
  html body.home-v8.fp-page .fp2-logo-set img:nth-child(7),
  html body.home-v8.tc-team-page .team9-logo-set img:nth-child(2),
  html body.home-v8.tc-team-page .team9-logo-set img:nth-child(7){max-width:168px!important}
}

/* v104.3 — desktop contact form and information rail share a tighter premium height. */
@media(min-width:901px){
  html body.home-v8.tc-contact-page .tc-form{
    padding:44px 48px 44px!important;
  }
  html body.home-v8.tc-contact-page .tc-form-grid{
    gap:14px 20px!important;
  }
  html body.home-v8.tc-contact-page .tc-field label{
    margin-bottom:7px!important;
  }
  html body.home-v8.tc-contact-page .tc-form :is(input,select){
    min-height:52px!important;
    height:52px!important;
  }
  html body.home-v8.tc-contact-page .tc-form textarea{
    min-height:150px!important;
  }
  html body.home-v8.tc-contact-page .tc-contact-aside{
    min-height:100%!important;
    background:#10252b!important;
  }
}

/* --------------------------------------------------------------------------
   07. v111 MOBILE STICKY + FOOTER COMPACT FIXES
   Approved 13 Aug 2026.
   Goal: top announcement + header always visible on mobile, section submenu
   sticks reliably and stays left-aligned, footer contact row tighter, and the
   extra divider above office panels removed on mobile.
   -------------------------------------------------------------------------- */
@media(max-width:767px){
  :root{
    --avix-mobile-topline-h:34px;
    --avix-mobile-header-h:64px;
    --avix-mobile-chrome-h:98px;
    --avix-mobile-subnav-h:46px;
    --avix-main-chrome:98px;
    --avix-section-stick-top:98px;
    --avix-section-nav-h:46px;
  }

  html,body{
    overflow-x:clip!important;
  }

  /* Never hide the mobile chrome while scrolling. */
  html body.av5-chrome-hidden :is(.av5-topline,.av5-header),
  html body.legacy-scrolled :is(.top-strip,.site-header){
    transform:none!important;
    opacity:1!important;
  }

  /* Principal pages: announcement + header are permanently visible. */
  html body:not(.page-diagram) .av5-topline{
    position:fixed!important;
    inset:0 0 auto 0!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:140!important;
    height:var(--avix-mobile-topline-h)!important;
    min-height:var(--avix-mobile-topline-h)!important;
  }
  html body:not(.page-diagram) .av5-header{
    position:fixed!important;
    top:var(--avix-mobile-topline-h)!important;
    left:0!important;
    right:0!important;
    z-index:135!important;
    min-height:var(--avix-mobile-header-h)!important;
    margin-top:0!important;
    transform:none!important;
    will-change:auto!important;
  }
  html body:not(.page-diagram) .av5-header .av5-header-inner{
    min-height:var(--avix-mobile-header-h)!important;
  }

  /* Utility / legal pages use the same mobile chrome behaviour. */
  html body.avix-utility-page:not(.page-diagram) .top-strip,
  html body.page-references:not(.page-diagram) .top-strip,
  html body.page-legal:not(.page-diagram) .top-strip{
    position:fixed!important;
    inset:0 0 auto 0!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:140!important;
    height:var(--avix-mobile-topline-h)!important;
    min-height:var(--avix-mobile-topline-h)!important;
  }
  html body.avix-utility-page:not(.page-diagram) .site-header,
  html body.page-references:not(.page-diagram) .site-header,
  html body.page-legal:not(.page-diagram) .site-header{
    position:fixed!important;
    top:var(--avix-mobile-topline-h)!important;
    left:0!important;
    right:0!important;
    z-index:135!important;
    min-height:var(--avix-mobile-header-h)!important;
  }
  html body.avix-utility-page .header-inner,
  html body.page-references .header-inner,
  html body.page-legal .header-inner{
    height:var(--avix-mobile-header-h)!important;
    min-height:var(--avix-mobile-header-h)!important;
  }
  html body.avix-utility-page main,
  html body.page-references main,
  html body.page-legal main{
    padding-top:var(--avix-mobile-chrome-h)!important;
  }

  /* Utility/legacy mobile nav dropdown aligned below fixed chrome. */
  html body.avix-utility-page .main-nav,
  html body.page-references .main-nav,
  html body.page-legal .main-nav{
    top:calc(var(--avix-mobile-chrome-h) + 8px)!important;
    right:8px!important;
    left:8px!important;
    width:auto!important;
    max-height:calc(100dvh - var(--avix-mobile-chrome-h) - 16px)!important;
    padding:18px!important;
    border-radius:20px!important;
    overflow-y:auto!important;
  }

  /* Make section nav reliable on all main pages: one compact horizontal row,
     left-aligned to the mobile gutter, scrollable when needed. */
  html body :is(main,.avix-principal-hero,.avix-home-hero,.avix-utility-body){overflow:visible!important}
  html body :is(.science-v12,.products-v3,.co18-page,.tc-team-page,.fp-page,.tc-contact-page,.avix-home-page) main{overflow:visible!important}

  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav{
    position:sticky!important;
    top:var(--avix-mobile-chrome-h)!important;
    z-index:125!important;
    height:var(--avix-mobile-subnav-h)!important;
    min-height:var(--avix-mobile-subnav-h)!important;
    background:rgba(247,246,242,.98)!important;
    border-top:1px solid rgba(18,39,46,.08)!important;
    border-bottom:1px solid rgba(18,39,46,.10)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__viewport{
    height:var(--avix-mobile-subnav-h)!important;
    min-height:var(--avix-mobile-subnav-h)!important;
    padding:0 16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__viewport::-webkit-scrollbar{display:none!important}
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__inner{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:max-content!important;
    max-width:none!important;
    min-width:100%!important;
    height:var(--avix-mobile-subnav-h)!important;
    min-height:var(--avix-mobile-subnav-h)!important;
    margin:0!important;
    padding:0!important;
    gap:18px!important;
    grid-template-columns:none!important;
    grid-auto-flow:unset!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__link{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:max-content!important;
    width:auto!important;
    min-height:var(--avix-mobile-subnav-h)!important;
    height:var(--avix-mobile-subnav-h)!important;
    padding:0!important;
    gap:5px!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.05em!important;
    text-align:left!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__num,
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__label{
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.05em!important;
    white-space:nowrap!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__num{
    color:var(--v104-brand-text)!important;
    font-weight:850!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__label{
    color:#52676d!important;
    font-weight:800!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__link.is-active .avix-section-nav__label,
  html body :is(.avix-home-page,.avix-principal-page) .avix-section-nav__link[aria-current="location"] .avix-section-nav__label{
    color:var(--v104-brand-text)!important;
  }

  html body:has(.avix-section-nav) main [id]{
    scroll-margin-top:calc(var(--avix-mobile-chrome-h) + var(--avix-mobile-subnav-h) + 18px)!important;
  }

  /* Footer contact row: more compact and no extra divider before the offices. */
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact{
    margin-top:18px!important;
    gap:8px 18px!important;
    align-items:end!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact>h2{
    margin:0 0 2px!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact-block{
    min-height:0!important;
    gap:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact-block span{
    margin:0 0 4px!important;
    font-size:9.5px!important;
    line-height:1!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-contact-block a{
    margin:0!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-linkedin{
    align-self:end!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:12.5px!important;
    line-height:1.2!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-offices{
    margin-top:16px!important;
    border-top:0!important;
  }
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office,
  html body:not(.page-diagram) .avix-global-footer .avix-footer-office + .avix-footer-office{
    padding-top:14px!important;
  }
}