<section data-component-type="Content" class="py-16 md:py-24 bg-white " data-component-slug="ss-technology-template-financial_tool">
    <div class="max-w-[90%] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-end">
        
        <!-- Left Column: Typography -->
        <div class="max-w-3xl">
            <h2 class="text-3xl md:text-4xl lg:text-[40px] font-medium text-[#8F8F8F] leading-tight mb-8">
                <span data-node="mission_part_1" data-node-type="text" data-node-default="Financial tools shouldn’t feel intimidating, fragmented, or outdated.">{{mission_part_1}}</span>
                <strong class="text-[#0A2519] block mt-2" data-node="mission_part_2" data-node-type="text" data-node-default="our purpose is to remove friction for you to progress.">
                        {{mission_part_2}}
                </strong>
            </h2>

            <!-- Social Proof -->
            <div class="flex flex-col sm:flex-row items-start sm:items-center gap-4 mt-12">
                <div class="flex -space-x-3">
                    <img src="{{avatar_1}}" data-node="avatar_1" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956679/seltrix/templates/ss-technology-template/p1.jpg" class="w-10 h-10 rounded-full border-2 border-white object-cover">
                    <img src="{{avatar_2}}" data-node="avatar_2" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956681/seltrix/templates/ss-technology-template/p2.jpg" class="w-10 h-10 rounded-full border-2 border-white object-cover">
                     <img src="{{avatar_3}}" data-node="avatar_3" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956683/seltrix/templates/ss-technology-template/p3.jpg" class="w-10 h-10 rounded-full border-2 border-white object-cover">
                    <img src="{{avatar_4}}" data-node="avatar_4" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956686/seltrix/templates/ss-technology-template/p4.jpg" class="w-10 h-10 rounded-full border-2 border-white object-cover">
                </div>
                
                <div class="flex items-center gap-2">
                    <span class="font-bold text-[#0A2519] text-lg" data-node="rating_val" data-node-type="text" data-node-default="4.5/5">{{rating_val}}</span>
                     <img src="{{star_icon}}" data-node="star_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767956720/seltrix/templates/ss-technology-template/star.png" class="w-5 h-5">
                </div>
            </div>
             <p class="text-[#8F8F8F] text-sm mt-4 max-w-sm" data-node="proof_text" data-node-type="textarea" data-node-default="Our users trust us because the platform delivers what it promises; stability, simplicity, and measurable impact.">
               {{proof_text}}
            </p>
        </div>

        <!-- Right Column: Learn More Button -->
        <div class="flex justify-start lg:justify-end">
            <a href="{{mission_cta_link}}" class="group relative flex items-center justify-center w-[200px] h-[200px] bg-[#E2FC80] rounded-full transition-transform hover:scale-105" data-node="mission_cta_link" data-node-type="text" data-node-default="#">
               <span class="text-[#0A2519] font-semibold text-xl tracking-tight z-10" data-node="mission_cta_text" data-node-type="text" data-node-default="Learn More">
                     {{mission_cta_text}}
               </span>
            </a>
        </div>

    </div>
</section>