<section data-component-type="CTA" class="w-full bg-white" data-component-slug="mobile-launch-template-milestones">
  <div class="w-full px-[16px] sm:px-[24px] lg:px-[96px] py-24">
    <div class="max-w-[1440px] mx-auto flex flex-col items-center text-center gap-10">
      <div class="inline-flex items-center justify-center rounded-[12px] px-[24px] py-[16px] w-[250px] h-[56px] bg-[linear-gradient(180deg,#008CFF_0%,rgba(0,140,255,0.5)_100%)] font-['DM Sans'] font-medium text-[20px] leading-[100%] text-white" data-node="innovation_badge" data-node-type="text" data-node-default="View Our Milestones">
        {{innovation_badge}}
      </div>

      <h2 class="font-['DM Sans'] font-medium text-[32px] sm:text-[40px] md:text-[48px] lg:text-[56px] leading-[40px] sm:leading-[48px] md:leading-[56px] lg:leading-[64px] text-black max-w-[680px] md:max-w-[760px] lg:max-w-[670px]" data-node="innovation_title" data-node-type="text" data-node-default="Innovation Doesn’t Happen by Accident">
        {{innovation_title}}
      </h2>

      <p class="font-['DM Sans'] font-normal text-[18px] sm:text-[20px] md:text-[24px] leading-[30px] text-[#636363] max-w-[600px] md:max-w-[700px] lg:max-w-[780px]" data-node="innovation_desc" data-node-type="text" data-node-default="Our device goes through rigorous testing and continuous refinement because shortcuts don’t belong in technology people depend on daily.">
        {{innovation_desc}}
      </p>

      <a href="{{innovation_cta_link}}" data-node="innovation_cta_link" data-node-type="page_links" data-node-default="#" class="inline-flex items-center justify-center rounded-[8px] px-[24px] py-[20px] w-[245px] sm:w-[245px] md:w-[260px] h-[69px] bg-[#008CFF] font-['DM Sans'] font-bold text-[20px] sm:text-[22px] md:text-[24px] leading-[100%] text-white">
        <span data-node="innovation_cta_text" data-node-type="text" data-node-default="See How We Build">
          {{innovation_cta_text}}
        </span>
      </a>
    </div>
  </div>
</section>