<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 944 715" width="944" height="715" font-family="Poppins, Futura, Century Gothic, Avenir Next, sans-serif">
<defs>
<linearGradient id="card" x1="0" y1="0" x2="1" y2="1">
  <stop offset="0" stop-color="#fbfdfe"/><stop offset=".55" stop-color="#f1f6fa"/><stop offset="1" stop-color="#e7eff6"/>
</linearGradient>
<linearGradient id="badge" x1="0" y1="0" x2="1" y2="1">
  <stop offset="0" stop-color="#0e4470"/><stop offset="1" stop-color="#07304f"/>
</linearGradient>
<radialGradient id="glow" cx=".5" cy=".5" r=".5">
  <stop offset="0" stop-color="#ffffff" stop-opacity=".9"/><stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
</radialGradient>
<linearGradient id="skyPipe" x1="0" y1="0" x2="0" y2="1">
  <stop offset="0" stop-color="#b7d5e6"/><stop offset="1" stop-color="#6f9fbe"/>
</linearGradient>
<linearGradient id="mist" x1="0" y1="0" x2="0" y2="1">
  <stop offset="0" stop-color="#8fc4e6" stop-opacity=".55"/><stop offset="1" stop-color="#8fc4e6" stop-opacity="0"/>
</linearGradient>
<filter id="soft" x="-30%" y="-30%" width="160%" height="160%">
  <feDropShadow dx="0" dy="14" stdDeviation="18" flood-color="#0b3a5d" flood-opacity=".13"/>
</filter>
<filter id="soft2" x="-30%" y="-30%" width="160%" height="160%">
  <feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#0b3a5d" flood-opacity=".22"/>
</filter>
<clipPath id="cardClip"><rect x="70" y="105" width="800" height="595" rx="30"/></clipPath>
</defs>
<style>
.fan   { transform-box: fill-box; transform-origin: 50% 50%; animation: spin 2.6s linear infinite; }
.fan.b { animation-duration: 3.4s; }
.fan.c { animation-duration: 2.1s; animation-direction: reverse; }
.fan.d { animation-duration: 1.5s; }
@keyframes spin { to { transform: rotate(360deg); } }

.flow  { stroke-dasharray: 16 26; animation: dash 2.2s linear infinite; }
.flow.slow { animation-duration: 3.6s; }
.flow.fast { animation-duration: 1.4s; }
.flow.rev  { animation-direction: reverse; }
@keyframes dash { to { stroke-dashoffset: -84; } }

.node  { transform-box: fill-box; transform-origin: 50% 50%; animation: pulse 2.2s ease-in-out infinite; }
@keyframes pulse { 0%,100% { transform: scale(1); opacity:.35 } 45% { transform: scale(2.4); opacity:0 } }

.scene { animation: float 7s ease-in-out infinite; }
@keyframes float { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-6px) } }

.hum   { animation: hum 3.2s ease-in-out infinite; }
@keyframes hum { 0%,100% { opacity:.25 } 50% { opacity:.75 } }

.level { animation: level 5.5s ease-in-out infinite; }
@keyframes level { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-7px) } }

.ripple { transform-box: fill-box; transform-origin: 50% 50%; animation: ripple 2.6s ease-out infinite; }
@keyframes ripple { 0% { transform: scale(.2); opacity:.85 } 100% { transform: scale(2.8); opacity:0 } }

.chev  { animation: chev 2.4s ease-out infinite; }
@keyframes chev { 0% { opacity:0; transform: translateY(8px) } 25% { opacity:.9 } 100% { opacity:0; transform: translateY(-34px) } }

.spray { transform-box: fill-box; transform-origin: 50% 0%; animation: spray 1.9s ease-in-out infinite; }
@keyframes spray { 0%,100% { opacity:.2; transform: scaleY(.88) } 50% { opacity:.6; transform: scaleY(1) } }

.drop  { animation: drop 1.5s linear infinite; }
@keyframes drop { 0% { opacity:0; transform: translateY(0) } 18% { opacity:.9 } 100% { opacity:0; transform: translateY(52px) } }

.led   { animation: led 1.3s steps(1,end) infinite; }
@keyframes led { 0%,49% { opacity:1 } 50%,100% { opacity:.12 } }

.beam  { animation: beam 2.4s ease-in-out infinite; }
@keyframes beam { 0%,100% { opacity:.1 } 50% { opacity:.45 } }

.sun   { transform-box: fill-box; transform-origin: 50% 50%; animation: spin 14s linear infinite; }
.arrow { animation: bob 2.4s ease-in-out infinite; }
@keyframes bob { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-4px) } }
.sweep { animation: sweep 6s ease-in-out infinite; }
@keyframes sweep { 0%,100% { opacity:0 } 50% { opacity:.5 } }

@media (prefers-reduced-motion: reduce) { * { animation: none !important; } }
</style>
<rect x="70" y="105" width="800" height="595" rx="30" fill="url(#card)" stroke="#dde7ef" filter="url(#soft)"/>
<g clip-path="url(#cardClip)">
<ellipse class="sweep" cx="470" cy="430" rx="330" ry="200" fill="url(#glow)"/>
<g class="scene">
<g stroke="#c3d7e6" stroke-width="1" opacity=".65"><line x1="452.68" y1="218.00" x2="106.27" y2="418.00"/><line x1="487.32" y1="238.00" x2="140.91" y2="438.00"/><line x1="521.96" y1="258.00" x2="175.55" y2="458.00"/><line x1="556.60" y1="278.00" x2="210.19" y2="478.00"/><line x1="591.24" y1="298.00" x2="244.83" y2="498.00"/><line x1="625.88" y1="318.00" x2="279.47" y2="518.00"/><line x1="660.53" y1="338.00" x2="314.12" y2="538.00"/><line x1="695.17" y1="358.00" x2="348.76" y2="558.00"/><line x1="729.81" y1="378.00" x2="383.40" y2="578.00"/><line x1="764.45" y1="398.00" x2="418.04" y2="598.00"/><line x1="799.09" y1="418.00" x2="452.68" y2="618.00"/><line x1="452.68" y1="218.00" x2="799.09" y2="418.00"/><line x1="418.04" y1="238.00" x2="764.45" y2="438.00"/><line x1="383.40" y1="258.00" x2="729.81" y2="458.00"/><line x1="348.76" y1="278.00" x2="695.17" y2="478.00"/><line x1="314.12" y1="298.00" x2="660.53" y2="498.00"/><line x1="279.47" y1="318.00" x2="625.88" y2="518.00"/><line x1="244.83" y1="338.00" x2="591.24" y2="538.00"/><line x1="210.19" y1="358.00" x2="556.60" y2="558.00"/><line x1="175.55" y1="378.00" x2="521.96" y2="578.00"/><line x1="140.91" y1="398.00" x2="487.32" y2="598.00"/><line x1="106.27" y1="418.00" x2="452.68" y2="618.00"/></g><polygon points="452.68,218.00 799.09,418.00 452.68,618.00 106.27,418.00" fill="none" stroke="#b3ccdf" stroke-width="1.4" stroke-linejoin="round" /><ellipse cx="426.70" cy="433.00" rx="245" ry="115" fill="#0b3a5d" opacity=".045"/><polygon points="227.51,120.00 296.79,160.00 227.51,200.00 158.23,160.00" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="158.23,160.00 227.51,200.00 227.51,338.00 158.23,298.00" fill="#e3edf5" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="296.79,160.00 227.51,200.00 227.51,338.00 296.79,298.00" fill="#ccdeec" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="158.23,172.00 227.51,212.00 227.51,252.00 158.23,212.00" fill="#f4f9fc" stroke="#2a5f89" stroke-width="1.2" stroke-linejoin="round" /><polygon points="163.43,179.00 222.32,213.00 222.32,243.00 163.43,209.00" fill="#cfe6f5" stroke="#2a5f89" stroke-width="1.1" stroke-linejoin="round" /><g class="led" style="animation-delay:0.0s"><polygon points="288.13,233.00 269.08,244.00 269.08,250.00 288.13,239.00" fill="#0e8f7e" stroke="none" stroke-width="0" stroke-linejoin="round" /></g><g class="led" style="animation-delay:0.32s"><polygon points="288.13,245.00 269.08,256.00 269.08,262.00 288.13,251.00" fill="#4fb3e8" stroke="none" stroke-width="0" stroke-linejoin="round" /></g><g class="led" style="animation-delay:0.64s"><polygon points="288.13,257.00 269.08,268.00 269.08,274.00 288.13,263.00" fill="#0e8f7e" stroke="none" stroke-width="0" stroke-linejoin="round" /></g><g class="led" style="animation-delay:0.96s"><polygon points="288.13,269.00 269.08,280.00 269.08,286.00 288.13,275.00" fill="#4fb3e8" stroke="none" stroke-width="0" stroke-linejoin="round" /></g><path d="M 260.42 257.00 L 289.87 314.00 L 220.58 354.00 L 277.74 387.00 L 305.46 371.00 L 426.70 441.00 L 470.00 416.00 L 565.26 361.00 L 669.19 421.00 L 686.51 411.00" fill="none" stroke="#0a6d60" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M 260.42 257.00 L 289.87 314.00 L 220.58 354.00 L 277.74 387.00 L 305.46 371.00 L 426.70 441.00 L 470.00 416.00 L 565.26 361.00 L 669.19 421.00 L 686.51 411.00" fill="none" stroke="#0e8f7e" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path class="flow fast" d="M 260.42 257.00 L 289.87 314.00 L 220.58 354.00 L 277.74 387.00 L 305.46 371.00 L 426.70 441.00 L 470.00 416.00 L 565.26 361.00 L 669.19 421.00 L 686.51 411.00" fill="none" stroke="#5fd8c4" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" style="animation-delay:0s"/><circle class="node" cx="277.74" cy="387.00" r="7" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:0s"/><circle cx="277.74" cy="387.00" r="6" fill="#ffffff" stroke="#2a5f89" stroke-width="2"/><circle class="node" cx="426.70" cy="441.00" r="7" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:0.7s"/><circle cx="426.70" cy="441.00" r="6" fill="#ffffff" stroke="#2a5f89" stroke-width="2"/><circle class="node" cx="565.26" cy="361.00" r="7" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:1.4s"/><circle cx="565.26" cy="361.00" r="6" fill="#ffffff" stroke="#2a5f89" stroke-width="2"/><path d="M 294.43 349.00 L 294.43 393.00 A 11.02 6.36 0 0 0 316.48 393.00 L 316.48 349.00 A 11.02 6.36 0 0 0 294.43 349.00 Z" fill="#e1edf6" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="305.46" cy="349.00" rx="11.02" ry="6.36" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6"/><ellipse cx="305.46" cy="349.00" rx="25.72" ry="14.85" fill="#ffffff" stroke="#2a5f89" stroke-width="1.5" /><ellipse cx="305.46" cy="346.00" rx="15.92" ry="9.19" fill="#d5f0e9" stroke="#0e8f7e" stroke-width="1.4" /><ellipse cx="305.46" cy="343.00" rx="6.74" ry="3.89" fill="#0f8f7d" stroke="#0a6d60" stroke-width="1.2" /><ellipse class="ripple" cx="305.46" cy="347.00" rx="31.84" ry="18.38" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:0.0s;animation-duration:2.6s"/><ellipse class="ripple" cx="305.46" cy="347.00" rx="31.84" ry="18.38" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:1.3s;animation-duration:2.6s"/><path d="M 458.98 394.00 L 458.98 438.00 A 11.02 6.36 0 0 0 481.02 438.00 L 481.02 394.00 A 11.02 6.36 0 0 0 458.98 394.00 Z" fill="#e1edf6" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="470.00" cy="394.00" rx="11.02" ry="6.36" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6"/><ellipse cx="470.00" cy="394.00" rx="25.72" ry="14.85" fill="#ffffff" stroke="#2a5f89" stroke-width="1.5" /><ellipse cx="470.00" cy="391.00" rx="15.92" ry="9.19" fill="#d5f0e9" stroke="#0e8f7e" stroke-width="1.4" /><ellipse cx="470.00" cy="388.00" rx="6.74" ry="3.89" fill="#0f8f7d" stroke="#0a6d60" stroke-width="1.2" /><ellipse class="ripple" cx="470.00" cy="392.00" rx="31.84" ry="18.38" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:0.55s;animation-duration:2.6s"/><ellipse class="ripple" cx="470.00" cy="392.00" rx="31.84" ry="18.38" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:1.85s;animation-duration:2.6s"/><path d="M 675.48 389.00 L 675.48 433.00 A 11.02 6.36 0 0 0 697.53 433.00 L 697.53 389.00 A 11.02 6.36 0 0 0 675.48 389.00 Z" fill="#e1edf6" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="686.51" cy="389.00" rx="11.02" ry="6.36" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6"/><ellipse cx="686.51" cy="389.00" rx="25.72" ry="14.85" fill="#ffffff" stroke="#2a5f89" stroke-width="1.5" /><ellipse cx="686.51" cy="386.00" rx="15.92" ry="9.19" fill="#d5f0e9" stroke="#0e8f7e" stroke-width="1.4" /><ellipse cx="686.51" cy="383.00" rx="6.74" ry="3.89" fill="#0f8f7d" stroke="#0a6d60" stroke-width="1.2" /><ellipse class="ripple" cx="686.51" cy="387.00" rx="31.84" ry="18.38" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:1.1s;animation-duration:2.6s"/><ellipse class="ripple" cx="686.51" cy="387.00" rx="31.84" ry="18.38" fill="none" stroke="#0e8f7e" stroke-width="2" style="animation-delay:2.4s;animation-duration:2.6s"/><path d="M 401.31 460.00 L 401.31 534.00 A 9.80 5.66 0 0 0 420.91 534.00 L 420.91 460.00 A 9.80 5.66 0 0 0 401.31 460.00 Z" fill="#e1edf6" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round"/><ellipse cx="411.11" cy="460.00" rx="9.80" ry="5.66" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6"/><polygon points="412.84,415.00 440.56,431.00 412.84,447.00 385.13,431.00" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="385.13,431.00 412.84,447.00 412.84,477.00 385.13,461.00" fill="#dceaf3" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="440.56,431.00 412.84,447.00 412.84,477.00 440.56,461.00" fill="#c6dcea" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="435.36,442.00 416.31,453.00 416.31,469.00 435.36,458.00" fill="#e8a56d" stroke="#2a5f89" stroke-width="1.2" stroke-linejoin="round" /><circle class="beam" cx="397.25" cy="452.00" r="30" fill="#f2a86b" opacity=".26"/><circle class="beam" cx="397.25" cy="452.00" r="14" fill="#f7c193" style="animation-delay:.2s"/><polygon points="196.34,334.00 251.76,366.00 201.53,395.00 146.11,363.00" fill="#ffffff" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="146.11,363.00 201.53,395.00 201.53,457.00 146.11,425.00" fill="#e3edf5" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="251.76,366.00 201.53,395.00 201.53,457.00 251.76,428.00" fill="#ccdeec" stroke="#2a5f89" stroke-width="1.6" stroke-linejoin="round" /><polygon points="243.10,381.00 208.46,401.00 208.46,423.00 243.10,403.00" fill="#dceaf3" stroke="#2a5f89" stroke-width="1.1" stroke-linejoin="round" /><g class="hum" style="animation-delay:.9s"><polygon points="239.64,387.00 211.92,403.00 211.92,417.00 239.64,401.00" fill="#4fb3e8" stroke="none" stroke-width="0" stroke-linejoin="round" /></g>
</g></g>
<g filter="url(#soft2)"><rect x="532" y="68" width="356" height="185" rx="18" fill="url(#badge)"/></g>
<text x="566" y="145" fill="#ffffff" font-size="52" font-weight="700" letter-spacing="1">02</text>
<text x="566" y="185" fill="#a8c8de" font-size="17.5">Identifying risk at the earliest</text>
<text x="566" y="212" fill="#a8c8de" font-size="17.5">possible stage</text>
<g filter="url(#soft2)"><rect x="70" y="630" width="423" height="72" rx="10" fill="#0b3a5d"/></g>
<g class="sun" transform="translate(116,666)"><circle r="5.5" fill="none" stroke="#8fd3d0" stroke-width="2"/>
<line x1="8.50" y1="0.00" x2="11.50" y2="0.00" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="6.01" y1="6.01" x2="8.13" y2="8.13" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="0.00" y1="8.50" x2="0.00" y2="11.50" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="-6.01" y1="6.01" x2="-8.13" y2="8.13" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="-8.50" y1="0.00" x2="-11.50" y2="0.00" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="-6.01" y1="-6.01" x2="-8.13" y2="-8.13" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="-0.00" y1="-8.50" x2="-0.00" y2="-11.50" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
<line x1="6.01" y1="-6.01" x2="8.13" y2="-8.13" stroke="#8fd3d0" stroke-width="2" stroke-linecap="round"/>
</g>
<text x="146" y="674" fill="#ffffff" font-size="17.5" font-weight="600" letter-spacing="3">FIRE DETECTION SYSTEMS</text>
<g filter="url(#soft2)"><circle cx="881" cy="647" r="38" fill="#0b3a5d"/></g>
<g class="arrow"><path d="M 881 663 L 881 632 M 870 643 L 881 631 L 892 643" fill="none" stroke="#ffffff" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></g>
</svg>