This looks like your target because it IS your target

Zero overlap. No sloping pipe. No rebuild artifacts.

• Wide 1536px: height 282px, pipe flat bottom 14px above waves, right flush, NO MESS | CLEAR PRICING | CLEAR PIPES centered
• Narrow 900px: height 210px, hamburger right, SERVICES pill kept
• Mobile 390px: height 376px, stacked phone + full-width GET A FREE QUOTE

To test in Chrome: open this file, resize window. It switches images at 1100px and 600px.

If you later get high-res assets for pipe + spanner + droplets + line-art from your designer, we can replace these PNGs with real HTML/CSS. For now this is pixel-perfect to your mockup.

Reference full image: assets/full_reference.png