<section data-component-type="Features" class="w-full bg-white" data-component-slug="politician-party-template-tomorrow-starts">
  

  <!-- ================= CONTENT ================= -->
  <div class="gen-wrap">
    <!-- HEADER -->
    <div class="gen-header">
      <div class="gen-eyebrow">
        <div class="gen-dot"></div>
        <span data-node="gen_eyebrow" data-node-type="text" data-node-default="TOMORROW STARTS TODAY">
          {{gen_eyebrow}}
        </span>
      </div>

      <h2 class="gen-title" data-node="gen_title" data-node-type="text" data-node-default="Building a Nation That Thrives Across Generations">
        {{gen_title}}
      </h2>

      <p class="gen-desc" data-node="gen_desc" data-node-type="text" data-node-default="Our vision is rooted in continuity, strengthening institutions today so future generations inherit stability and opportunity.">
        {{gen_desc}}
      </p>
    </div>

    <!-- TOP GRID -->
    <div class="gen-grid">
      <div class="gen-card">
        <div class="gen-number" data-node="card_1_number" data-node-type="text" data-node-default="01">{{card_1_number}}</div>
        <h4 data-node="card_1_title" data-node-type="text" data-node-default="Resilience">{{card_1_title}}</h4>
        <p data-node="card_1_desc" data-node-type="text" data-node-default="A resilient political and economic framework helps society navigate uncertainty with confidence.">{{card_1_desc}}</p>
      </div>

      <div class="gen-card">
        <div class="gen-number" data-node="card_2_number" data-node-type="text" data-node-default="02">{{card_2_number}}</div>
        <h4 data-node="card_2_title" data-node-type="text" data-node-default="Opportunity">{{card_2_title}}</h4>
        <p data-node="card_2_desc" data-node-type="text" data-node-default="Creating pathways for advancement through education, skills development, and fair access.">{{card_2_desc}}</p>
      </div>

      <div class="gen-card">
        <div class="gen-number" data-node="card_3_number" data-node-type="text" data-node-default="03">{{card_3_number}}</div>
        <h4 data-node="card_3_title" data-node-type="text" data-node-default="Security">{{card_3_title}}</h4>
        <p data-node="card_3_desc" data-node-type="text" data-node-default="Safeguarding national interests while ensuring everyday safety and public trust. Strong institutions reinforce confidence.">{{card_3_desc}}</p>
      </div>
    </div>

    <!-- BOTTOM GRID -->
    <div class="gen-grid-bottom">
      <div class="gen-card">
        <div class="gen-number" data-node="card_4_number" data-node-type="text" data-node-default="04">{{card_4_number}}</div>
        <h4 data-node="card_4_title" data-node-type="text" data-node-default="Stewardship">{{card_4_title}}</h4>
        <p data-node="card_4_desc" data-node-type="text" data-node-default="Responsible management of resources ensures balance between growth and responsibility aligned with long-term needs.">{{card_4_desc}}</p>
      </div>

      <div class="gen-card">
        <div class="gen-number" data-node="card_5_number" data-node-type="text" data-node-default="05">{{card_5_number}}</div>
        <h4 data-node="card_5_title" data-node-type="text" data-node-default="Unity">{{card_5_title}}</h4>
        <p data-node="card_5_desc" data-node-type="text" data-node-default="Social cohesion built on mutual respect, shared responsibility, and common purpose strengthens national values.">{{card_5_desc}}</p>
      </div>
    </div>
  </div>
</section>