<!-- TECHNO — ULTRA MODERN HOMEPAGE | SINGLE BLOCK -->
<div class="block empty yummy text-center padding-top-100 padding-bottom-100 content-style" style="position: relative; padding-top: 0px; padding-bottom: 0px; background-color: #f5f5f7 !important; overflow: hidden !important;" data-uniqid="1784748459442" data-selector=".block.empty" data-nointent="true"><div class="padding-resizer top" style="height: 0px;"><p class="padding-resizer-value">0px</p></div>
  

  <div class="overly" style="opacity:0.5"></div>

  <div class="container" style="position:relative; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important;">

    <!-- NAV -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 16px 5% !important; background-color: rgba(255,255,255,0.88) !important; backdrop-filter: blur(20px) !important; position: relative !important; z-index: 5 !important; border-bottom: 1px solid rgba(0,0,0,0.06) !important;" data-uniqid="1784748459439" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-4" style="">
        <div data-container="true">
          <div data-component="heading" data-content="true">
            <h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 25px !important; line-height: 1 !important; letter-spacing: -1.2px !important; color: #0c0d0f !important; text-align: left !important; margin: 8px 0 !important;" data-uniqid="1784748459433" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TECHNO<span style="color: #7f8790 !important;">.</span></h2>
          </div>
        </div>
      </div>
      <div class="col-md-5" style="">
        <div data-container="true">
          <div data-component="text" data-content="true">
            <p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; line-height: 1.5 !important; color: #50545a !important; text-align: center !important; margin: 10px 0 !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">Products &nbsp;&nbsp; Technology &nbsp;&nbsp; Design &nbsp;&nbsp; Support</p>
          </div>
        </div>
      </div>
      <div class="col-md-3">
        <div data-container="true">
          <div data-component="button" style="position: relative; text-align: right !important;" data-uniqid="1784748459430">
            <a href="#products" class="btn btn-primary zen-custom-elm dynamic-button" data-action="href" style="border-radius: 999px !important; background-color: rgb(16, 17, 20) !important; border: 1px solid rgb(16, 17, 20) !important; color: rgb(255, 255, 255) !important; padding: 11px 22px !important; font-size: 13px !important; font-weight: 700 !important;" data-uniqid="1784748459429" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">Explore products</a><div class="element-tag" style="right: 0.199341px; top: 0px;"><p>Go to Link</p></div>
          </div>
        </div>
      </div>
    </div>

    <!-- HERO -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10 v-center flex-start sb_active_grd" style="margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px; min-height: 850px !important; padding: 95px 5% 110px !important; background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 240, 243) 100%) !important; display: flex !important; align-items: flex-start;" data-uniqid="1784748459439" data-selector="*[data-component=&quot;grid&quot;]" data-hover="true">
      <div class="col-md-7" style="">
        <div data-container="true" style="padding-right: 6% !important;">
          <div data-component="text" data-content="true">
            <p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; line-height: 1.4 !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #7b8189 !important; text-align: left !important; margin-bottom: 22px !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">Designed beyond expectation</p>
          </div>
          <div data-component="heading" data-content="true">
            <h1 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: clamp(58px, 7vw, 108px) !important; line-height: 0.94 !important; letter-spacing: -5.5px !important; font-weight: 650 !important; color: rgb(9, 10, 12) !important; text-align: left !important; margin: 0px 0px 30px !important; z-index: 99999999;" data-uniqid="1784748459433" data-selector="*[data-component=&quot;heading&quot;] &gt; *">The future,&nbsp;<span style="background-image: linear-gradient(90deg,#22262b,#afb5bc,#4c535b) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;">refined.</span></h1>
          </div>
          <div data-component="text" data-content="true">
            <p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 20px !important; line-height: 1.65 !important; color: #585d64 !important; text-align: left !important; max-width: 620px !important; margin-bottom: 34px !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">TECHNO creates beautifully engineered products where performance, intelligence, and effortless design become one.</p>
          </div>
          <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 -8px !important;" data-uniqid="1784748459439" data-selector="*[data-component=&quot;grid&quot;]">
            <div class="col-md-5" style="">
              <div data-container="true">
                <div data-component="button" style="position: relative; text-align: left !important; padding: 8px !important;" data-uniqid="1784748459432">
                  <a href="#products" class="btn btn-primary zen-custom-elm dynamic-button" data-action="href" style="border-radius: 999px !important; background-image: linear-gradient(rgb(38, 41, 46), rgb(9, 10, 12)) !important; border: 0px !important; color: rgb(255, 255, 255) !important; padding: 16px 28px !important; font-size: 15px !important; font-weight: 800 !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 12px 30px !important;" data-uniqid="1784748459431" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">See what’s new</a><div class="element-tag" style="right: 141.009px; top: 7.99106px;"><p>Go to Link</p></div>
                </div>
              </div>
            </div>
            <div class="col-md-5" style="">
              <div data-container="true">
                <div data-component="button" style="position: relative; text-align: left !important; padding: 8px !important;" data-uniqid="1784748459432">
                  <a href="#technology" class="btn btn-primary zen-custom-elm dynamic-button" data-action="href" style="border-radius: 999px !important; background-color: rgba(255, 255, 255, 0.72) !important; border: 1px solid rgba(0, 0, 0, 0.14) !important; color: rgb(17, 18, 22) !important; padding: 15px 28px !important; font-size: 15px !important; font-weight: 700 !important;" data-uniqid="1784748459431" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">Explore the technology</a><div class="element-tag" style="right: 73.0089px; top: 7.99106px;"><p>Go to Link</p></div>
                </div>
              </div>
            </div>
            <div class="col-md-2"><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="color: transparent !important; text-align: left !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">&nbsp;</p></div></div></div>
          </div>
        </div>
      </div>
      <div class="col-md-5">
        <div data-container="true">
          <div data-component="image" class="margin-top-10 margin-bottom-10" style="position: relative;"><img srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/g589ad99ee6d20f00491d44ebae3cb8c00a514268e30fb6382116b4b0eca87f6285fddd0b34c9b9cbcdc3a827475d00b36a64b6c9127e1_sm.jpg 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/g589ad99ee6d20f00491d44ebae3cb8c00a514268e30fb6382116b4b0eca87f6285fddd0b34c9b9cbcdc3a827475d00b36a64b6c9127e1_md.jpg 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/g589ad99ee6d20f00491d44ebae3cb8c00a514268e30fb6382116b4b0eca87f6285fddd0b34c9b9cbcdc3a827475d00b36a64b6c9127e1_lg.jpg 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/g589ad99ee6d20f00491d44ebae3cb8c00a514268e30fb6382116b4b0eca87f6285fddd0b34c9b9cbcdc3a827475d00b36a64b6c9127e1_lg.jpg" data-uniqid="1784876264682" class="" style="border-radius: 20px;" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img"></div>
        </div>
      </div>
    <div class="column-divider" style="left: 1019px;"><div class="column-grip" data-index="0" style="top: 414px;"><i class="fal fa-ellipsis-v"></i></div></div><div class="column-outer" style="left:3px;top:3px;width:1031.1666666666667px;height:845px;"></div></div>

    <!-- VALUE STRIP -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 30px 5% !important; background-color: #0b0c0f !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-3" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="text-align: center !important; color: #ffffff !important; font-size: 13px !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">Precision engineered</p></div></div></div>
      <div class="col-md-3" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="text-align: center !important; color: #ffffff !important; font-size: 13px !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">Effortlessly intelligent</p></div></div></div>
      <div class="col-md-3" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="text-align: center !important; color: #ffffff !important; font-size: 13px !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;text&quot;] &gt; *">Built to endure</p></div></div></div>
      <div class="col-md-3"><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="text-align: center !important; color: #ffffff !important; font-size: 13px !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Designed responsibly</p></div></div></div>
    </div>

    <!-- INTRO -->
    <div id="technology" data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 130px 6% !important; background-color: #090a0c !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-7" style="">
        <div data-container="true" style="padding-right: 6% !important;">
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 12px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #9ca3ad !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Technology that disappears</p></div>
          <div data-component="heading" data-content="true"><h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: clamp(44px, 5.3vw, 76px) !important; line-height: 1 !important; letter-spacing: -3.5px !important; color: rgb(255, 255, 255) !important; text-align: left !important; margin: 20px 0px 28px !important; z-index: 99999999;" data-uniqid="1784748459433" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Powerful. Quietly so.</h2></div>
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 18px !important; line-height: 1.75 !important; color: rgba(255,255,255,0.64) !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Every interaction is designed to feel immediate, natural, and invisible—so you can focus on what you came to create.</p></div>
        </div>
      </div>
      <div class="col-md-5">
        <div data-container="true">
          <div data-component="image" class="margin-top-10 margin-bottom-10" style="position: relative;"><img srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-58-436a630d3d6fc1a_sm.png 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-58-436a630d3d6fc1a_md.png 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-58-436a630d3d6fc1a_lg.png 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-58-436a630d3d6fc1a_lg.png" data-uniqid="1784876350299" class="" style="border-radius: 20px;" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img"></div>
        </div>
      </div>
    </div>

    <!-- FEATURE GRID -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 120px 5% !important; background-image: linear-gradient(180deg,#f6f7f8 0%,#e9ebee 100%) !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-12">
        <div data-container="true">
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 12px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #777d85 !important; text-align: center !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Engineered around you</p></div>
          <div data-component="heading" data-content="true"><h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: clamp(42px, 5vw, 70px) !important; line-height: 1.05 !important; letter-spacing: -3px !important; color: rgb(13, 14, 16) !important; text-align: center !important; max-width: 900px !important; margin: 18px auto 58px !important; z-index: 99999999;" data-uniqid="1784748459433" data-selector="*[data-component=&quot;heading&quot;] &gt; *">More capability. Less <br>complexity.</h2></div>
          <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 -12px !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
            <div class="col-md-4" style=""><div data-container="true" style="padding: 12px !important;"><div style="background-color: rgba(255,255,255,0.78) !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 28px !important; padding: 38px !important; min-height: 330px !important; box-shadow: 0 18px 50px rgba(60,65,72,0.10) !important;"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 24px !important; color: #101114 !important; text-align: left !important;" data-uniqid="1784748459433" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Adaptive intelligence</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 16px !important; line-height: 1.72 !important; color: #656a71 !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Learns how you work, anticipates what matters, and stays out of the way when you do not need it.</p></div></div></div></div>
            <div class="col-md-4" style=""><div data-container="true" style="padding: 12px !important;"><div style="background-image: linear-gradient(145deg,#1e2126,#090a0c) !important; border-radius: 28px !important; padding: 38px !important; min-height: 330px !important; box-shadow: 0 22px 60px rgba(0,0,0,0.24) !important;"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 24px !important; color: #ffffff !important; text-align: left !important;" data-uniqid="1784748459433" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Uncompromised performance</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 16px !important; line-height: 1.72 !important; color: rgba(255,255,255,0.62) !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Built for intensive creative work, seamless multitasking, and instant response at every touch.</p></div></div></div></div>
            <div class="col-md-4"><div data-container="true" style="padding: 12px !important;"><div style="background-color: rgba(255,255,255,0.78) !important; border: 1px solid rgba(255,255,255,0.9) !important; border-radius: 28px !important; padding: 38px !important; min-height: 330px !important; box-shadow: 0 18px 50px rgba(60,65,72,0.10) !important;"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 24px !important; color: #101114 !important; text-align: left !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Precision materials</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 16px !important; line-height: 1.72 !important; color: #656a71 !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Aerospace-grade aluminium, soft-touch glass, and exacting tolerances create a distinctly premium feel.</p></div></div></div></div>
          </div>
        </div>
      </div>
    </div>

    <!-- PRODUCT SHOWCASE -->
    <div id="products" data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 130px 5% !important; background-color: #ffffff !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-6" style="">
        <div data-container="true">
          <div data-component="image" class="margin-top-10 margin-bottom-10" style="position: relative;"><img srcset="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-59-506a630d7760884_sm.png 480w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-59-506a630d7760884_md.png 640w, https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-59-506a630d7760884_lg.png 1280w" sizes="(max-width: 500px) 480px,(max-width: 640px) 640px,(min-width: 640) 1280px" src="https://s3.us-east-1.amazonaws.com/contents.newzenler.com/41447/library/hat-mage-ul-24-2026-07-59-506a630d7760884_lg.png" data-uniqid="1784876408643" class="" style="border-radius: 20px;" data-selector="*[data-component=&quot;image&quot;] &gt; img, *[data-component=&quot;image&quot;] &gt; a img"></div>
        </div>
      </div>
      <div class="col-md-6">
        <div data-container="true" style="padding: 75px 4% 40px 8% !important;">
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 12px !important; letter-spacing: 2.4px !important; text-transform: uppercase !important; color: #80868e !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">The TECHNO collection</p></div>
          <div data-component="heading" data-content="true"><h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: clamp(44px,5vw,72px) !important; line-height: 1.03 !important; letter-spacing: -3.2px !important; color: #0e0f11 !important; text-align: left !important; margin: 20px 0 30px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">One ecosystem.<br>Every possibility.</h2></div>
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 18px !important; line-height: 1.75 !important; color: #60656c !important; text-align: left !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">Products designed to work beautifully alone—and even better together. Move between ideas, devices, and environments without breaking your flow.</p></div>
          <div data-component="button" style="position: relative; text-align: left !important; margin-top: 32px !important;" data-uniqid="1784748459432">
            <a href="#" class="btn btn-primary zen-custom-elm dynamic-button" data-action="href" style="border-radius: 999px !important; background-color: rgb(16, 17, 20) !important; border: 1px solid rgb(16, 17, 20) !important; color: rgb(255, 255, 255) !important; padding: 16px 28px !important; font-size: 15px !important; font-weight: 800 !important;" data-uniqid="1784748459431" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">View the collection</a><div class="element-tag" style="right: 456px; top: 0px;"><p>Go to Link</p></div>
          </div>
        </div>
      </div>
    </div>

    <!-- METRICS -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 100px 5% !important; background-image: linear-gradient(135deg,#d9dde2 0%,#f7f8f9 45%,#aeb4bb 100%) !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-3"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 48px !important; color: #0c0d0f !important; text-align: center !important; margin-bottom: 6px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">2.4×</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; color: #5d6268 !important; text-align: center !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">faster creative performance</p></div></div></div>
      <div class="col-md-3"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 48px !important; color: #0c0d0f !important; text-align: center !important; margin-bottom: 6px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">22h</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; color: #5d6268 !important; text-align: center !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">all-day battery life</p></div></div></div>
      <div class="col-md-3"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 48px !important; color: #0c0d0f !important; text-align: center !important; margin-bottom: 6px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">40%</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; color: #5d6268 !important; text-align: center !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">less energy consumed</p></div></div></div>
      <div class="col-md-3"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 48px !important; color: #0c0d0f !important; text-align: center !important; margin-bottom: 6px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">0.9kg</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; color: #5d6268 !important; text-align: center !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">precision-light design</p></div></div></div>
    </div>

    <!-- TESTIMONIAL -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 130px 8% !important; background-color: #0a0b0d !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-2" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="color: transparent !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">&nbsp;</p></div></div></div>
      <div class="col-md-8" style="">
        <div data-container="true">
          <div data-component="heading" data-content="true"><h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: clamp(36px,4.4vw,62px) !important; line-height: 1.18 !important; letter-spacing: -2.4px !important; color: #ffffff !important; text-align: center !important; font-weight: 500 !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">“TECHNO feels less like a device and more like an extension of how I think.”</h2></div>
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 14px !important; color: #9da4ad !important; text-align: center !important; margin-top: 28px !important; letter-spacing: 0.5px !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">ALEX MORGAN — CREATIVE DIRECTOR</p></div>
        </div>
      </div>
      <div class="col-md-2"><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="color: transparent !important;" data-uniqid="1784748459436" data-selector="*[data-component=&quot;text&quot;] &gt; *">&nbsp;</p></div></div></div>
    </div>

    <!-- CTA -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 120px 5% !important; background-color: #f4f5f7 !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-2" style=""><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="color: transparent !important;" data-uniqid="1784748459437" data-selector="*[data-component=&quot;text&quot;] &gt; *">&nbsp;</p></div></div></div>
      <div class="col-md-8" style="">
        <div data-container="true" style="background-image: linear-gradient(135deg,#111216 0%,#272b31 52%,#89919a 100%) !important; border-radius: 38px !important; padding: 84px 8% !important; box-shadow: 0 32px 90px rgba(20,23,28,0.24) !important;">
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 12px !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; color: #cdd2d8 !important; text-align: center !important;" data-uniqid="1784748459437" data-selector="*[data-component=&quot;text&quot;] &gt; *">Experience TECHNO</p></div>
          <div data-component="heading" data-content="true"><h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: clamp(42px,5vw,68px) !important; line-height: 1.05 !important; letter-spacing: -3px !important; color: #ffffff !important; text-align: center !important; margin: 20px auto 25px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Built for what comes next.</h2></div>
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 17px !important; line-height: 1.7 !important; color: rgba(255,255,255,0.68) !important; text-align: center !important; max-width: 670px !important; margin: 0 auto 35px !important;" data-uniqid="1784748459437" data-selector="*[data-component=&quot;text&quot;] &gt; *">Discover the products, performance, and ideas defining the next generation of personal technology.</p></div>
          <div data-component="button" style="position: relative; text-align: center !important;" data-uniqid="1784748459432">
            <a href="#products" class="btn btn-primary zen-custom-elm dynamic-button" data-action="href" style="border-radius: 999px !important; background-image: linear-gradient(rgb(255, 255, 255), rgb(217, 221, 226)) !important; border: 0px !important; color: rgb(16, 17, 20) !important; padding: 17px 34px !important; font-size: 15px !important; font-weight: 800 !important;" data-uniqid="1784748459431" data-selector="*[data-component=&quot;button&quot;] &gt; .btn">Explore TECHNO</a><div class="element-tag" style="right: 332.455px; top: 0px;"><p>Go to Link</p></div>
          </div>
        </div>
      </div>
      <div class="col-md-2"><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="color: transparent !important;" data-uniqid="1784748459437" data-selector="*[data-component=&quot;text&quot;] &gt; *">&nbsp;</p></div></div></div>
    </div>

    <!-- FOOTER -->
    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 68px 5% 34px !important; background-color: #ffffff !important; border-top: 1px solid rgba(0,0,0,0.06) !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-5">
        <div data-container="true">
          <div data-component="heading" data-content="true"><h2 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 31px !important; color: #0d0e10 !important; text-align: left !important; letter-spacing: -1.4px !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">TECHNO<span style="color: #939aa2 !important;">.</span></h2></div>
          <div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 14px !important; line-height: 1.7 !important; color: #70757c !important; text-align: left !important; max-width: 420px !important;" data-uniqid="1784748459437" data-selector="*[data-component=&quot;text&quot;] &gt; *">Precision technology designed to feel simpler, smarter, and more human.</p></div>
        </div>
      </div>
      <div class="col-md-2"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 14px !important; color: #111216 !important; text-align: left !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Products</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; line-height: 2 !important; color: #7a7f86 !important; text-align: left !important;" data-uniqid="1784748459437" data-selector="*[data-component=&quot;text&quot;] &gt; *">Collection<br>Compare<br>Accessories</p></div></div></div>
      <div class="col-md-2"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 14px !important; color: #111216 !important; text-align: left !important;" data-uniqid="1784748459434" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Company</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; line-height: 2 !important; color: #7a7f86 !important; text-align: left !important;" data-uniqid="1784748459438" data-selector="*[data-component=&quot;text&quot;] &gt; *">About<br>Design<br>Responsibility</p></div></div></div>
      <div class="col-md-3"><div data-container="true"><div data-component="heading" data-content="true"><h3 class="margin-top-10 margin-bottom-10 dynamic-heading" style="font-size: 14px !important; color: #111216 !important; text-align: left !important;" data-uniqid="1784748459435" data-selector="*[data-component=&quot;heading&quot;] &gt; *">Stay connected</h3></div><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 13px !important; line-height: 2 !important; color: #7a7f86 !important; text-align: left !important;" data-uniqid="1784748459438" data-selector="*[data-component=&quot;text&quot;] &gt; *">Instagram &nbsp; YouTube<br>hello@techno.example</p></div></div></div>
    </div>

    <div data-component="grid" class="row margin-top-10 margin-bottom-10" style="margin: 0 !important; padding: 20px 5% 28px !important; background-color: #ffffff !important; border-top: 1px solid rgba(0,0,0,0.06) !important;" data-uniqid="1784748459440" data-selector="*[data-component=&quot;grid&quot;]">
      <div class="col-md-8"><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 11px !important; color: #969ba1 !important; text-align: left !important;" data-uniqid="1784748459438" data-selector="*[data-component=&quot;text&quot;] &gt; *">© 2026 TECHNO. All rights reserved.</p></div></div></div>
      <div class="col-md-4"><div data-container="true"><div data-component="text" data-content="true"><p class="margin-top-10 margin-bottom-10 dynamic-text" style="font-size: 11px !important; color: #969ba1 !important; text-align: right !important;" data-uniqid="1784748459438" data-selector="*[data-component=&quot;text&quot;] &gt; *">Privacy &nbsp; Terms &nbsp; Accessibility</p></div></div></div>
    </div>

  </div>
  <!-- /.container -->

  
<div class="padding-resizer bottom" style="height: 0px;"><p class="padding-resizer-value">0px</p></div></div>
<!-- /.item -->