<section data-component-type="Stats" class="w-full bg-black" data-component-slug="mobile-launch-template-proven-progress">
  <div class="w-full px-[16px] sm:px-[24px] lg:px-[96px] pt-0 md:pt-24 pb-24">
    <div class="max-w-[1728px] mx-auto flex flex-col gap-16">
      <div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-12">
        <div class="max-w-[630px]">
          <h2 class="font-['DM Sans'] font-bold text-[32px] sm:text-[40px] lg:text-[48px] leading-[100%] text-white mb-6" data-node="progress_title" data-node-type="text" data-node-default="Proven Progress Measurable Impact">
            {{progress_title}}
          </h2>

          <p class="font-['DM Sans'] text-[18px] sm:text-[20px] lg:text-[24px] leading-[100%] text-[#777777]" data-node="progress_desc" data-node-type="text" data-node-default="Our achievements are the result of disciplined engineering, user-first decisions, and relentless quality standards.">
            {{progress_desc}}
          </p>
        </div>

        <div class="flex flex-col sm:flex-row gap-6 justify-start lg:justify-end">
          <div class="w-full sm:w-[368px] h-[232px] border border-[#C5C5C5] rounded-[16px] px-8 py-8 flex flex-col justify-center">
            <h3 class="font-['DM Sans'] font-medium text-[48px] lg:text-[64px] leading-[100%] text-white mb-4" data-node="stat_1_value" data-node-type="text" data-node-default="30+">
              {{stat_1_value}}
            </h3>

            <p class="font-['DM Sans'] text-[16px] sm:text-[18px] lg:text-[20px] leading-[100%] text-[#777777]" data-node="stat_1_desc" data-node-type="text" data-node-default="Industry recognitions and technology awards earned globally">
              {{stat_1_desc}}
            </p>
          </div>

          <div class="w-full sm:w-[368px] h-[232px] border border-[#C5C5C5] rounded-[16px] px-8 py-8 flex flex-col justify-center">
            <h3 class="font-['DM Sans'] font-medium text-[48px] lg:text-[64px] leading-[100%] text-white mb-4" data-node="stat_2_value" data-node-type="text" data-node-default="160+">
              {{stat_2_value}}
            </h3>

            <p class="font-['DM Sans'] text-[16px] sm:text-[18px] lg:text-[20px] leading-[100%] text-[#777777]" data-node="stat_2_desc" data-node-type="text" data-node-default="Strategic partners, suppliers, and retail collaborators worldwide">
              {{stat_2_desc}}
            </p>
          </div>
        </div>
      </div>

      <div class="w-full">
        <img src="{{progress_image}}" class="w-full h-auto rounded-[16px] object-cover" data-node="progress_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767163099/seltrix/templates/mobile-launch-template/proven-progress.webp" alt="Proven Progress">
      </div>
    </div>
  </div>
</section>