<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 880 760" role="img" aria-label="Technical elevation drawing of a variable-speed vertical in-line pump with integrated drive">
  <defs>
    <linearGradient id="steel" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#B7D2E3"/><stop offset=".32" stop-color="#F2F8FC"/>
      <stop offset=".62" stop-color="#DCE9F2"/><stop offset="1" stop-color="#A8C6DA"/>
    </linearGradient>
    <linearGradient id="steel2" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#0B4E80"/><stop offset=".34" stop-color="#1E6EA6"/>
      <stop offset=".68" stop-color="#0B4E80"/><stop offset="1" stop-color="#062F52"/>
    </linearGradient>
    <linearGradient id="tealg" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#00696B"/><stop offset=".38" stop-color="#00A2A4"/>
      <stop offset="1" stop-color="#00696B"/>
    </linearGradient>
    <pattern id="hatch" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
      <line x1="0" y1="0" x2="0" y2="8" stroke="#0B4E80" stroke-width="1" opacity=".35"/>
    </pattern>
  </defs>

  <g stroke="#0B4E80" stroke-linejoin="round">

    <!-- centre line -->
    <line x1="360" y1="40" x2="360" y2="720" stroke="#00898B" stroke-width="1" stroke-dasharray="14 5 3 5" opacity=".55"/>

    <!-- ===== base plate ===== -->
    <rect x="228" y="668" width="264" height="20" rx="3" fill="url(#steel)" stroke-width="2"/>
    <rect x="248" y="688" width="26" height="18" fill="#CFE0EC" stroke-width="2"/>
    <rect x="446" y="688" width="26" height="18" fill="#CFE0EC" stroke-width="2"/>

    <!-- ===== volute / casing ===== -->
    <path d="M228 668 L228 596 Q228 560 264 556 L456 556 Q492 560 492 596 L492 668 Z"
          fill="url(#steel)" stroke-width="2.2"/>
    <!-- suction flange (left) -->
    <rect x="128" y="580" width="26" height="72" rx="3" fill="#CFE0EC" stroke-width="2.2"/>
    <rect x="154" y="596" width="80" height="40" fill="url(#steel)" stroke-width="2.2"/>
    <circle cx="141" cy="596" r="4" fill="#EAF2F8" stroke-width="1.4"/>
    <circle cx="141" cy="636" r="4" fill="#EAF2F8" stroke-width="1.4"/>
    <!-- discharge flange (right) -->
    <rect x="566" y="580" width="26" height="72" rx="3" fill="#CFE0EC" stroke-width="2.2"/>
    <rect x="486" y="596" width="80" height="40" fill="url(#steel)" stroke-width="2.2"/>
    <circle cx="579" cy="596" r="4" fill="#EAF2F8" stroke-width="1.4"/>
    <circle cx="579" cy="636" r="4" fill="#EAF2F8" stroke-width="1.4"/>

    <!-- impeller (cutaway) -->
    <circle cx="360" cy="612" r="58" fill="#FFFFFF" stroke-width="2" opacity=".92"/>
    <circle cx="360" cy="612" r="58" fill="url(#hatch)" stroke="none"/>
    <g fill="none" stroke="#00898B" stroke-width="2.6" stroke-linecap="round">
      <path d="M360 612 q26 -14 44 -34"/>
      <path d="M360 612 q28 10 30 40"/>
      <path d="M360 612 q-2 30 -26 46"/>
      <path d="M360 612 q-28 8 -46 -14"/>
      <path d="M360 612 q-16 -26 4 -46"/>
    </g>
    <circle cx="360" cy="612" r="11" fill="#0B4E80" stroke="#0B4E80"/>

    <!-- seal / bearing housing -->
    <rect x="322" y="486" width="76" height="70" rx="4" fill="url(#steel)" stroke-width="2.2"/>
    <line x1="322" y1="508" x2="398" y2="508" stroke-width="1.4" opacity=".6"/>
    <line x1="322" y1="530" x2="398" y2="530" stroke-width="1.4" opacity=".6"/>

    <!-- lantern / coupling guard -->
    <rect x="308" y="408" width="104" height="78" rx="5" fill="#EAF2F8" stroke-width="2.2"/>
    <g stroke="#0B4E80" stroke-width="1.6" opacity=".55">
      <line x1="330" y1="420" x2="330" y2="474"/><line x1="352" y1="420" x2="352" y2="474"/>
      <line x1="374" y1="420" x2="374" y2="474"/><line x1="396" y1="420" x2="396" y2="474"/>
    </g>

    <!-- ===== permanent magnet motor ===== -->
    <rect x="284" y="212" width="152" height="196" rx="10" fill="url(#steel2)" stroke-width="2.4"/>
    <g stroke="#7FC4C5" stroke-width="1.6" opacity=".5">
      <line x1="284" y1="240" x2="436" y2="240"/><line x1="284" y1="264" x2="436" y2="264"/>
      <line x1="284" y1="288" x2="436" y2="288"/><line x1="284" y1="312" x2="436" y2="312"/>
      <line x1="284" y1="336" x2="436" y2="336"/><line x1="284" y1="360" x2="436" y2="360"/>
      <line x1="284" y1="384" x2="436" y2="384"/>
    </g>
    <rect x="284" y="212" width="152" height="24" rx="10" fill="#0B5FA5" stroke-width="2.4" opacity=".9"/>

    <!-- ===== integrated variable-speed drive ===== -->
    <rect x="256" y="86" width="208" height="126" rx="12" fill="url(#tealg)" stroke="#00696B" stroke-width="2.4"/>
    <rect x="284" y="112" width="152" height="56" rx="6" fill="#012A4E" stroke="#012A4E"/>
    <g stroke="#3FB3B4" stroke-width="2.4" fill="none" stroke-linecap="round">
      <path d="M298 152 L318 152 L326 128 L338 160 L350 118 L362 148 L374 140 L392 140"/>
    </g>
    <circle cx="410" cy="132" r="7" fill="#7FC4C5" stroke="none"/>
    <g fill="#7FC4C5" stroke="none">
      <rect x="286" y="182" width="34" height="7" rx="3.5"/>
      <rect x="328" y="182" width="34" height="7" rx="3.5" opacity=".6"/>
      <rect x="370" y="182" width="34" height="7" rx="3.5" opacity=".35"/>
    </g>
    <!-- cooling fins -->
    <g stroke="#00696B" stroke-width="2" opacity=".8">
      <line x1="256" y1="100" x2="238" y2="100"/><line x1="256" y1="116" x2="238" y2="116"/>
      <line x1="256" y1="132" x2="238" y2="132"/><line x1="256" y1="148" x2="238" y2="148"/>
      <line x1="256" y1="164" x2="238" y2="164"/><line x1="256" y1="180" x2="238" y2="180"/>
      <line x1="464" y1="100" x2="482" y2="100"/><line x1="464" y1="116" x2="482" y2="116"/>
      <line x1="464" y1="132" x2="482" y2="132"/><line x1="464" y1="148" x2="482" y2="148"/>
      <line x1="464" y1="164" x2="482" y2="164"/><line x1="464" y1="180" x2="482" y2="180"/>
    </g>

    <!-- connectivity arcs -->
    <g fill="none" stroke="#00898B" stroke-width="2.2" stroke-linecap="round" opacity=".85">
      <path d="M498 74 a44 44 0 0 1 0 62"/>
      <path d="M516 56 a68 68 0 0 1 0 98" opacity=".6"/>
      <path d="M534 38 a92 92 0 0 1 0 134" opacity=".35"/>
    </g>
  </g>

  <!-- ===== dimension + callout layer ===== -->
  <g stroke="#00898B" stroke-width="1.2" fill="none" opacity=".9">
    <!-- overall height dimension -->
    <line x1="94" y1="86" x2="94" y2="706" stroke-dasharray="0"/>
    <path d="M90 92 L94 84 L98 92" stroke-linejoin="round"/>
    <path d="M90 700 L94 708 L98 700" stroke-linejoin="round"/>
    <line x1="94" y1="86" x2="248" y2="86" stroke-dasharray="4 4" opacity=".5"/>
    <line x1="94" y1="706" x2="240" y2="706" stroke-dasharray="4 4" opacity=".5"/>
    <!-- callout leaders -->
    <line x1="464" y1="128" x2="600" y2="128"/><circle cx="464" cy="128" r="3" fill="#00898B" stroke="none"/>
    <line x1="436" y1="300" x2="600" y2="300"/><circle cx="436" cy="300" r="3" fill="#00898B" stroke="none"/>
    <line x1="418" y1="612" x2="600" y2="612"/><circle cx="418" cy="612" r="3" fill="#00898B" stroke="none"/>
  </g>
  <g font-family="'Sora',system-ui,sans-serif" font-size="15" fill="#01325D" letter-spacing="1.4">
    <text x="606" y="124">INTEGRATED DRIVE</text>
    <text x="606" y="296">PM MOTOR</text>
    <text x="606" y="608">IMPELLER</text>
  </g>
  <g font-family="'Sora',system-ui,sans-serif" font-size="13" fill="#00898B" letter-spacing="2">
    <text x="70" y="400" transform="rotate(-90 70 400)" text-anchor="middle">VERTICAL IN-LINE</text>
  </g>
</svg>
