<section data-component-type="Features" class="our-features-section" data-component-slug="mobile-launch-template-our-features">
  

  <div class="our-features-wrapper">
    <div class="features-header">
      <div class="features-header-left">
        <span class="dot"></span>
        <span data-node="features_tag" data-node-type="text" data-node-default="Our Features">
          {{features_tag}}
        </span>
      </div>

      <div class="features-header-center">
        <h2 data-node="features_title" data-node-type="text" data-node-default="Smart Engineering, Seamless Experience">
          {{features_title}}
        </h2>
      </div>

      <div class="features-header-right">
        <p data-node="features_desc" data-node-type="text" data-node-default="Each feature is built to complement the others delivering a balanced, dependable smartphone experience.">
          {{features_desc}}
        </p>

        <a href="{{features_cta_link}}" class="view-products" data-node="features_cta_link" data-node-type="page_links" data-node-default="#">
          <span data-node="features_cta_text" data-node-type="text" data-node-default="View Products">
            {{features_cta_text}}
          </span>
          <img src="{{features_cta_icon}}" data-node="features_cta_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161342/seltrix/templates/mobile-launch-template/v-product-btn.svg" alt>
        </a>
      </div>
    </div>

    <div class="feature-row">
      <div class="feature-index" data-node="feature_1_index" data-node-type="text" data-node-default="(001)">
        {{feature_1_index}}
      </div>

      <div class="feature-content">
        <h3 data-node="feature_1_title" data-node-type="text" data-node-default="Adaptive Performance">
          {{feature_1_title}}
        </h3>

        <p data-node="feature_1_desc" data-node-type="text" data-node-default="Automatically adjusts processing power based on your usage patterns">
          {{feature_1_desc}}
        </p>

        <div class="feature-stat">
          <strong data-node="feature_1_stat" data-node-type="text" data-node-default="40%">
            {{feature_1_stat}}
          </strong>
          <span data-node="feature_1_stat_desc" data-node-type="text" data-node-default="faster task execution.">
            {{feature_1_stat_desc}}
          </span>
        </div>
      </div>

      <div class="feature-image">
        <img src="{{feature_1_image}}" data-node="feature_1_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161291/seltrix/templates/mobile-launch-template/Adaptive.webp" alt>
      </div>
    </div>

    <div class="feature-row">
      <div class="feature-index" data-node="feature_2_index" data-node-type="text" data-node-default="(002)">
        {{feature_2_index}}
      </div>

      <div class="feature-content">
        <h3 data-node="feature_2_title" data-node-type="text" data-node-default="Smart Battery Management">
          {{feature_2_title}}
        </h3>

        <p data-node="feature_2_desc" data-node-type="text" data-node-default="Learns your habits and optimizes background activity to extend battery life.">
          {{feature_2_desc}}
        </p>

        <div class="feature-stat">
          <strong data-node="feature_2_stat" data-node-type="text" data-node-default="+27 HOURS">
            {{feature_2_stat}}
          </strong>
          <span data-node="feature_2_stat_desc" data-node-type="text" data-node-default="of real-scenario usage.">
            {{feature_2_stat_desc}}
          </span>
        </div>
      </div>

      <div class="feature-image">
        <img src="{{feature_2_image}}" data-node="feature_2_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161340/seltrix/templates/mobile-launch-template/Smart%20Battery.webp" alt>
      </div>
    </div>

    <div class="feature-row" style="border-bottom: none">
      <div class="feature-index" data-node="feature_3_index" data-node-type="text" data-node-default="(003)">
        {{feature_3_index}}
      </div>

      <div class="feature-content">
        <h3 data-node="feature_3_title" data-node-type="text" data-node-default="Enhanced Security Layer">
          {{feature_3_title}}
        </h3>

        <p data-node="feature_3_desc" data-node-type="text" data-node-default="Advanced encryption and on-device security keep your data safe, private, and fully under your control.">
          {{feature_3_desc}}
        </p>

        <div class="feature-stat">
          <strong data-node="feature_3_stat" data-node-type="text" data-node-default="99%">
            {{feature_3_stat}}
          </strong>
          <span data-node="feature_3_stat_desc" data-node-type="text" data-node-default="threat detection accuracy">
            {{feature_3_stat_desc}}
          </span>
        </div>
      </div>

      <div class="feature-image">
        <img src="{{feature_3_image}}" data-node="feature_3_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767161306/seltrix/templates/mobile-launch-template/Enhanced%20Security.webp" alt>
      </div>
    </div>
  </div>
</section>