/* AVIX Water v88 — COMMERCIAL OPPORTUNITY mobile final */
@media(max-width:767px){
  html body.co18-page{overflow-x:hidden!important}
  html body.co18-page .co18-hero{min-height:0!important;height:auto!important;padding:0 0 30px!important}
  html body.co18-page .co18-hero>.av5-container{width:calc(100% - 32px)!important;max-width:none!important}
  html body.co18-page .co18-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;min-height:0!important;align-items:start!important}
  html body.co18-page .co18-hero-copy{padding:34px 0 0!important;margin:0!important}
  html body.co18-page .co18-hero .av5-eyebrow{margin:0 0 14px!important;font-size:10px!important;line-height:1.25!important;letter-spacing:.08em!important;white-space:nowrap!important}
  html body.co18-page .co18-hero h1{margin:0!important;font-size:clamp(36px,10.4vw,48px)!important;line-height:.98!important;letter-spacing:-.043em!important}
  html body.co18-page .co18-hero .co22-hero-lead{margin:20px 0 0!important;max-width:none!important;font-size:15.5px!important;line-height:1.5!important}
  html body.co18-page .co18-hero .co22-hero-lead>span{display:inline!important}
  html body.co18-page .co18-hero .co22-hero-lead>span:not(:last-child)::after{content:" "!important}
  html body.co18-page .co18-hero .av5-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:20px 0 0!important}
  html body.co18-page .co18-hero .av5-button{width:100%!important;min-height:54px!important;border-radius:16px!important;padding:13px 18px!important;font-size:16px!important}

  /* investment bridge */
  html body.co18-page .co18-hero-visual{width:100%!important;max-width:none!important;margin:4px auto 0!important;transform:none!important}
  html body.co18-page .co18-investment-bridge{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important;padding:16px!important;border-radius:20px!important;overflow:hidden!important}
  html body.co18-page .co18-bridge-status{display:flex!important;justify-content:center!important}
  html body.co18-page .co18-bridge-status span{width:auto!important;max-width:100%!important;min-height:0!important;padding:9px 14px!important;border-radius:999px!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.08em!important;text-align:center!important;text-transform:uppercase!important;white-space:normal!important}
  html body.co18-page .co18-products-ready{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body.co18-page .co18-products-ready span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:9px!important;border-radius:14px!important;font-size:13px!important;line-height:1.2!important;text-align:center!important}
  html body.co18-page .co18-bridge-arrow{position:relative!important;min-height:38px!important;margin:2px 0!important;background:transparent!important}
  html body.co18-page .co18-bridge-arrow::before{width:78%!important;height:1px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
  html body.co18-page .co18-bridge-arrow::after{height:28px!important;top:50%!important}
  html body.co18-page .co18-bridge-arrow span{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;white-space:nowrap!important;padding:7px 12px!important;font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important}
  html body.co18-page .co18-plant-core{display:grid!important;place-items:center!important;width:236px!important;height:236px!important;min-height:236px!important;margin:0 auto!important;padding:22px!important;border-width:2px!important;border-radius:50%!important}
  html body.co18-page .co18-plant-core>div{text-align:center!important}
  html body.co18-page .co18-plant-core b{display:block!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.12em!important;text-transform:uppercase!important}
  html body.co18-page .co18-plant-core strong{display:block!important;margin:7px 0 8px!important;font-size:35px!important;line-height:.92!important;letter-spacing:-.04em!important}
  html body.co18-page .co18-plant-core small{display:block!important;font-size:12.5px!important;line-height:1.35!important}
  html body.co18-page .co18-plant-output{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:4px!important}
  html body.co18-page .co18-plant-output span{padding:10px 4px 0!important;font-size:10px!important;line-height:1.25!important;text-align:center!important}

  html body.co18-page main>.co18-section{padding:50px 0!important}
  html body.co18-page .co18-section-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:22px!important}
  html body.co18-page .co18-section-head h2{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.04!important;letter-spacing:-.035em!important}
  html body.co18-page .co18-section-head>p{margin:0!important;padding:0!important;max-width:none!important;font-size:15px!important;line-height:1.5!important}
  html body.co18-page main .av5-eyebrow{font-size:10px!important;line-height:1.25!important;letter-spacing:.08em!important;margin-bottom:10px!important}

  /* shared commercial cards */
  html body.co18-page .co18-proof-grid,
  html body.co18-page .co18-build-grid,
  html body.co18-page .co18-market-grid,
  html body.co18-page .co18-upside-stats,
  html body.co18-page .co18-partner-grid,
  html body.co18-page .co18-milestones{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body.co18-page .co18-proof-card,
  html body.co18-page .co18-build-grid article,
  html body.co18-page .co18-market-card,
  html body.co18-page .co18-upside-stats article,
  html body.co18-page .co18-partner-grid article,
  html body.co18-page .co18-milestones article{min-height:0!important;padding:17px!important;border-radius:16px!important}
  html body.co18-page .co18-proof-card strong,html body.co18-page .co18-upside-stats strong{font-size:25px!important;line-height:1.02!important}
  html body.co18-page .co18-proof-card p,html body.co18-page .co18-build-grid p,html body.co18-page .co18-market-card p,html body.co18-page .co18-upside-stats p,html body.co18-page .co18-partner-grid p{font-size:13.5px!important;line-height:1.45!important}
  html body.co18-page .co18-proof-card p>span,html body.co18-page .co18-build-grid p>span{display:inline!important}
  html body.co18-page .co18-proof-card p>span:not(:last-child)::after,html body.co18-page .co18-build-grid p>span:not(:last-child)::after{content:" "!important}

  /* backbone / pathway */
  html body.co18-page .co18-backbone-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body.co18-page .co18-backbone-arrow,html body.co18-page .co18-backbone-line{display:none!important}
  html body.co18-page .co18-backbone-step{min-height:0!important;padding:14px!important;border-radius:14px!important}
  html body.co18-page .co18-backbone-step h3{font-size:15px!important;line-height:1.15!important}
  html body.co18-page .co18-backbone-step p{font-size:12px!important;line-height:1.35!important}

  /* market cards */
  html body.co18-page .co18-market-stage{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
  html body.co18-page .co18-market-card h3{font-size:23px!important;line-height:1.05!important;margin-top:16px!important}
  html body.co18-page .co18-market-card>strong{font-size:14px!important;line-height:1.3!important}
  html body.co18-page .co18-checkpoints{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  html body.co18-page .co18-checkpoints span{padding:9px 11px!important;border-radius:12px!important;font-size:12px!important}
  html body.co18-page .co18-unit-economics{padding:14px!important;border-radius:14px!important}
  html body.co18-page .co18-unit-economics strong{font-size:16px!important;line-height:1.2!important}

  /* upside */
  html body.co18-page .co18-upside-engine{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body.co18-page .co18-upside-core,html body.co18-page .co18-upside-route{padding:17px!important;border-radius:16px!important}
  html body.co18-page .co18-upside-core strong{font-size:30px!important;line-height:1!important}
  html body.co18-page .co18-upside-route-steps{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  html body.co18-page .co18-upside-route-steps i{transform:rotate(90deg)!important;text-align:center!important}
  html body.co18-page .co18-upside-route-steps span{padding:9px 11px!important;border-radius:12px!important;font-size:12px!important;text-align:center!important}
  html body.co18-page .co18-upside-note{font-size:12px!important;line-height:1.5!important}

  html body.co18-page .co18-partner-final{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:17px!important;border-radius:16px!important}
  html body.co18-page .co18-partner-final .av5-button{width:100%!important;justify-content:center!important}
  html body.co18-page .co18-prefooter,html body.co18-page .av5-cta{padding:46px 0!important}
}
@media(max-width:370px){
  html body.co18-page .co18-products-ready,html body.co18-page .co18-backbone-strip{grid-template-columns:1fr!important}
  html body.co18-page .co18-plant-core{width:220px!important;height:220px!important;min-height:220px!important}
  html body.co18-page .co18-plant-core strong{font-size:32px!important}
}