.mobile-pipe{display:none}
@media(max-width:650px){
  .hero__content,.services__inner,.cases__inner,.method__inner,.faq__inner,.contact__inner{padding-right:34px}
  .hero h1{font-size:clamp(58px,15vw,78px)}
  .mobile-pipe{display:block;position:fixed;z-index:6;top:86px;bottom:104px;right:-8px;width:70px;pointer-events:none;filter:drop-shadow(0 7px 12px #0009)}
  .mobile-pipe__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
  .mobile-pipe__shell,.mobile-pipe__flow{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
  .mobile-pipe__shell{stroke:url(#pipeMetal);stroke-width:16}
  .mobile-pipe__flow{stroke:#68c5ff;stroke-width:3.5;filter:drop-shadow(0 0 6px #2b97f4)}
  .mobile-pipe__junctions circle{fill:#0c2b43;stroke:#7baccb;stroke-width:2;transition:fill .25s,stroke .25s}
  .mobile-pipe__junctions circle.is-active{fill:#6fc6ff;stroke:#def7ff;filter:drop-shadow(0 0 6px #3baaff)}
  .mobile-pipe__probe{position:absolute;left:15.27%;top:0;width:18px;height:18px;transform:translate(-50%,-50%);border:4px solid #def6ff;border-radius:50%;background:#278cff;box-shadow:0 0 0 3px #0b2b42,0 0 16px #278cff}
  .float-actions{z-index:50}
}
@media(max-width:380px){
  .hero__content,.services__inner,.cases__inner,.method__inner,.faq__inner,.contact__inner{padding-right:31px}
  .mobile-pipe{right:-12px;width:65px}
  .hero h1{font-size:clamp(55px,14.7vw,62px)}
}
@media(prefers-reduced-motion:reduce){
  .mobile-pipe__flow{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .mobile-pipe__probe{display:none}
  .mobile-pipe__junctions circle{transition:none}
}