<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" role="img" aria-label="Monthly maintenance cycle: updates, backups, security scan and speed check">
  <defs>
    <linearGradient id="bkBg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#fdf3e9"/><stop offset="1" stop-color="#fffbf6"/></linearGradient>
    <linearGradient id="bkAna" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#1a6ef5"/><stop offset="1" stop-color="#00b4d8"/></linearGradient>
    <style>
      .bk-b { font: 700 9.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#0f2057 }
      .bk-m { font: 600 8.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#7a5a2e }
      .bk-s { font: 400 7.5px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#a3855f }
      .bk-w { font: 700 9px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#ffffff }
      .bk-wm{ font: 400 7px system-ui,"Segoe UI",Roboto,Arial,sans-serif; fill:#9fd8ff }
    </style>
  </defs>
  <rect width="400" height="200" fill="url(#bkBg)"/>

  <g transform="translate(104 100)">
    <circle r="58" fill="none" stroke="#f3ddc6" stroke-width="9"/>
    <circle r="58" fill="none" stroke="url(#bkAna)" stroke-width="9" stroke-linecap="round"
            stroke-dasharray="272 93" transform="rotate(-100)"/>
    <path d="M49 -31l10 -6 -2 12z" fill="#00b4d8"/>
    <path d="M0-30l25 10v17c0 14-10 24-25 31-15-7-25-17-25-31v-17z" fill="#0f2057"/>
    <path d="M-9 1l7 7 12-14" fill="none" stroke="#22d3ee" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
    <text x="0" y="74" text-anchor="middle" font-family="system-ui,Segoe UI,Roboto,Arial,sans-serif" font-size="9.5" font-weight="700" fill="#0f2057">Monthly care</text>
    <text x="0" y="86" text-anchor="middle" font-family="system-ui,Segoe UI,Roboto,Arial,sans-serif" font-size="7.5" fill="#a3855f">continuous cycle</text>
  </g>

  <rect x="192" y="26" width="184" height="148" rx="13" fill="#ffffff" stroke="#f0dcc7"/>
  <text class="bk-b" x="208" y="48">Every month</text>
  <g>
    <circle cx="214" cy="70" r="7.5" fill="#22c55e" opacity=".18"/>
    <path d="M210.5 70l2.6 2.6L218 67" fill="none" stroke="#16a34a" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/>
    <text class="bk-m" x="228" y="73">Updates</text>
    <circle cx="214" cy="94" r="7.5" fill="#22c55e" opacity=".18"/>
    <path d="M210.5 94l2.6 2.6L218 91" fill="none" stroke="#16a34a" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/>
    <text class="bk-m" x="228" y="97">Backup and restore test</text>
    <circle cx="214" cy="118" r="7.5" fill="#22c55e" opacity=".18"/>
    <path d="M210.5 118l2.6 2.6L218 115" fill="none" stroke="#16a34a" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/>
    <text class="bk-m" x="228" y="121">Security scan</text>
    <circle cx="214" cy="142" r="7.5" fill="#f59e0b" opacity=".2"/>
    <path d="M214 138.5v4.5" stroke="#d97706" stroke-width="2" stroke-linecap="round"/>
    <circle cx="214" cy="146" r="1.2" fill="#d97706"/>
    <text class="bk-m" x="228" y="145">Speed regression check</text>
  </g>
  <text class="bk-s" x="208" y="164">forms and payment flows are tested too</text>
</svg>
