{% comment %}
  ___                       _          _   ___        ___      _ _    _          _     
 / __|___ _ _  ___ _ _ __ _| |_ ___ __| | | _ )_  _  | _ )_  _(_) |__| |___ _ _ (_)___ 
| (_ / -_) ' \/ -_) '_/ _` |  _/ -_) _` | | _ \ || | | _ \ || | | / _` / -_) '_|| / _ \
 \___\___|_||_\___|_| \__,_|\__\___\__,_| |___/\_, | |___/\_,_|_|_\__,_\___|_|(_)_\___/
                                               |__/    
                               
This content was created and managed is managed by Builder.io. 

*Do not edit this content directly* - this is only the minimum HTML and above the fold CSS 
for this content for best possible performance. Additional content (dynamic html, below the fold styles,
lazy images) load subsequently via our CDN

Be sure you have access to this account in Builder.io and edit this page at:
https://builder.io/content/2d3b572f1462474b898511328bc051d3

If you are a developer working on this site, see this guide on using Builder.io for Shopify developers:
https://builder.io/c/docs/shopify/developers

Community Eye Tracking - LIVE
Last updated: Tue, 13 May 2025 00:12:52 GMT

{% endcomment %}



<builder-component name="page"  api-key="64dd5478e25746bf9db3b6c0319905f6" rev="ef66b356b1f04263bfbed26b81fd625c" entry="2d3b572f1462474b898511328bc051d3"  style="display: flex; flex-direction: column; align-items: stretch">
{{ BUILDER_SHOPIFY_ASSIGNS }}
  <!-- ***** Generated by Builder.io on Tue, 13 May 2025 00:12:52 GMT ***** -->

<style type="text/css" class="builder-styles builder-api-styles">
  .builder-block.builder-945271b,
  .builder-block.builder-a9c016c,
  .builder-block.builder-bdccbc9 {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
  }
  .builder-block.builder-2e95923,
  .builder-block.builder-68b7bed,
  .builder-block.builder-8613c5c,
  .builder-block.builder-96ffa8c,
  .builder-block.builder-c8c1cb2,
  .builder-block.builder-e35aab8,
  .builder-block.builder-f0953e1 {
    display: flex;
  }
  .builder-block.builder-049a739,
  .builder-block.builder-298caf4,
  .builder-block.builder-2fae4f5,
  .builder-block.builder-917551b,
  .builder-block.builder-974562e,
  .builder-block.builder-cc9f863,
  .builder-block.builder-e36f93c {
    display: none;
  }
  .builder-block.builder-6fd66b5 {
    color: #fff;
    display: none;
  }
  .builder-paragraph:first-of-type,
  .builder-text p:first-of-type {
    margin: 0;
  }
  .builder-paragraph,
  .builder-text > p {
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-align: inherit;
    font-family: inherit;
  }
  .builder-block.builder-01b89b4 {
    color: #787e81;
    display: none;
  }
  @media only screen and (max-width: 991px) {
    .builder-block.builder-a9c016c,
    .builder-block.builder-e35aab8 {
      display: none;
    }
    .builder-block.builder-01b89b4,
    .builder-block.builder-298caf4,
    .builder-block.builder-5575b5b,
    .builder-block.builder-6fd66b5,
    .builder-block.builder-917551b {
      display: flex;
    }
  }
  .builder-block.builder-5575b5b {
    position: relative;
    top: -20%;
    display: flex;
  }
  .builder-block.builder-49be2b4 {
    display: none;
    flex-direction: column;
    position: relative;
    width: calc(100% - 32px);
    min-height: 20px;
    min-width: 20px;
    overflow: hidden;
    margin-left: auto;
    z-index: 5;
    margin-right: auto;
    max-width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
  }
  .builder-block.builder-37faa1a,
  .builder-block.builder-a318e07 {
    margin-top: -92px;
    z-index: 10;
    display: none;
  }
  .builder-block.builder-048b024 {
    color: #787e81;
    display: flex;
  }
  .builder-block.builder-d210323 {
    color: #fff;
    display: flex;
  }
  .builder-block.builder-81485d7 {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% - 32px);
    min-height: 20px;
    min-width: 20px;
    height: calc(calc(var(--desktopMaxWidth) - 32px) * 0.634);
    overflow: hidden;
  }
  @media only screen and (max-width: 991px) {
    .builder-block.builder-2606a91,
    .builder-block.builder-37faa1a,
    .builder-block.builder-49be2b4,
    .builder-block.builder-f0953e1 {
      display: flex;
    }
    .builder-block.builder-048b024,
    .builder-block.builder-974562e,
    .builder-block.builder-cc9f863,
    .builder-block.builder-d210323 {
      display: none;
    }
    .builder-block.builder-81485d7 {
      height: calc(calc(min(1648px, 100vw) - 32px) * 0.634);
      display: none;
    }
  }
  .builder-block.builder-2606a91,
  .builder-block.builder-9d31503 {
    z-index: 1;
    display: flex;
  }
  @media only screen and (max-width: 991px) {
    .builder-block.builder-c8c1cb2 {
      display: flex;
    }
    .builder-block.builder-2e95923 {
      display: none;
    }
  }
  .builder-block.builder-cbbb91b {
    z-index: 10;
    margin-top: auto;
    margin-bottom: 16px;
  }
  .builder-block.builder-d56e5f4 {
    color: #f4f3f3;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .builder-block.builder-61c5fb5 {
    display: none;
    margin-bottom: 96px;
  }
  .builder-block.builder-5115327 {
    background-color: #000;
    z-index: 1;
    display: flex;
  }
  .builder-block.builder-485fe91 {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: 70px;
    margin-left: 0;
  }
  .builder-block.builder-0ad925a {
    margin: 10px 10px 10px 0;
    position: relative;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
  }
  .circle-number {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 2%;
    display: inline;
    border: 1px solid #fff;
  }
  .base-grid-two {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 0 16px;
  }
  .logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  div.footer .base-grid-two,
  header.nav-mobile .base-grid-two {
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    padding: 0 12px;
  }
  .nav-mobile-btm > .base-grid-two > div {
    display: flex;
    flex-direction: column;
  }
  @media only screen and (max-width: 640px) {
    .builder-block.builder-048b024,
    .builder-block.builder-049a739,
    .builder-block.builder-2e95923,
    .builder-block.builder-2fae4f5,
    .builder-block.builder-61c5fb5,
    .builder-block.builder-68b7bed,
    .builder-block.builder-8613c5c,
    .builder-block.builder-917551b,
    .builder-block.builder-974562e,
    .builder-block.builder-a9c016c,
    .builder-block.builder-c8c1cb2,
    .builder-block.builder-cc9f863,
    .builder-block.builder-d210323,
    .builder-block.builder-e35aab8,
    .builder-block.builder-e36f93c {
      display: none;
    }
    .builder-block.builder-5115327,
    .builder-block.builder-7e9e349 {
      width: 100vw;
      display: flex;
    }
    .builder-block.builder-2606a91,
    .builder-block.builder-298caf4,
    .builder-block.builder-485fe91,
    .builder-block.builder-96ffa8c,
    .builder-block.builder-f0953e1 {
      display: flex;
    }
    .builder-block.builder-6fd66b5 {
      display: flex;
      font-size: 32px;
      line-height: 36px;
    }
    .builder-block.builder-01b89b4 {
      display: flex;
      font-size: 32px;
      line-height: 35px;
    }
    .builder-block.builder-5575b5b {
      display: flex;
      flex-direction: column;
      overflow-x: hidden;
      overflow: hidden;
    }
    .builder-block.builder-49be2b4 {
      margin-left: 0;
      transform: translateX(-50%);
      margin-top: 18px;
      max-width: 100%;
      display: flex;
      left: 50%;
      width: calc(100vw - 24px);
    }
    .builder-block.builder-37faa1a {
      margin-top: 18px;
      display: flex;
    }
    .builder-block.builder-81485d7 {
      height: calc(100vw * 0.872);
      width: 100vw;
      margin-left: 0;
      margin-right: 0;
      border-radius: 0;
      display: none;
    }
    .builder-block.builder-cbbb91b {
      margin-top: 34px;
    }
    .builder-block.builder-a318e07 {
      margin-top: 34px;
      display: none;
    }
    .builder-block.builder-0ad925a {
      margin-right: 0;
    }
    .base-grid-two {
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
      padding: 0 12px;
    }
  }
  @media only screen and (max-width: 991px) {
    .builder-block.builder-049a739,
    .builder-block.builder-2fae4f5,
    .builder-block.builder-61c5fb5,
    .builder-block.builder-68b7bed,
    .builder-block.builder-8613c5c,
    .builder-block.builder-a318e07,
    .builder-block.builder-e36f93c {
      display: none;
    }
    .builder-block.builder-485fe91,
    .builder-block.builder-5115327,
    .builder-block.builder-96ffa8c {
      display: flex;
    }
    .base-grid-two {
      display: grid !important;
      grid-template-columns: repeat(12, 1fr);
      gap: 16px;
      padding: 0 16px;
    }
  }
  .action-btn-two {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    max-height: 40px;
    height: 40px;
    width: fit-content;
    padding: 0;
    border: 1px solid #787e81;
    border-radius: 72px;
    background-color: #00000000;
  }
  .action-btn-two:hover {
    border: 1px solid #fff;
    background-color: #fff;
    cursor: pointer;
  }
  .action-btn-two-icon-frame {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-height: 40px;
    height: 40px;
    max-width: 70px;
    width: 70px;
    border-radius: 60px;
    border: 1px solid #fff;
    background-color: #fff;
  }
  .action-btn-two icon img,
  .action-btn-two-icon {
    max-width: 20px;
    width: 20px;
    max-height: 20px;
    height: 20px;
  }
  .action-btn-two:hover .action-btn-two-icon-frame {
    border: 1px solid #fff;
    background-color: #000;
  }
  .action-btn-two-text {
    padding: 0 52px 0 20px;
    font-family: "Neue Haas Grotesk Display Pro - Medium",
      "Zen Kaku Gothic New - Medium", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #fff;
  }
  .action-btn-two:hover .action-btn-two-text {
    color: #000;
  }
  .action-btn-two-icon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .action-btn-two-icon-lg,
  .action-btn-two-icon-lg img {
    max-width: 51px;
    width: 51px;
    max-height: 51px;
    height: 51px;
  }
  .action-btn-two:hover .action-btn-two-icon img,
  .action-btn-two:hover .action-btn-two-icon-lg img {
    filter: invert(1);
  }
  @font-face {
    font-family: "Neue Haas Grotesk Display Pro - 55 Roman";
    src: local("Neue Haas Grotesk Display Pro - 55 Roman"),
      url(https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F801ad1fc927c41ef959636b8424c18b6?alt=media&token=269259f3-2e52-4b04-b789-5e22187828bf&apiKey=64dd5478e25746bf9db3b6c0319905f6)
        format("woff2");
    font-display: fallback;
    font-weight: 400;
  }
</style>
<div class="builder-component" data-name="page">
  <div
    class="builder-content"
    data-builder-content-id="2d3b572f1462474b898511328bc051d3"
    data-builder-component="page"
    data-builder-variation-id="2d3b572f1462474b898511328bc051d3"
  >
    <div
      builder-content-id="2d3b572f1462474b898511328bc051d3"
      builder-model="page"
    >
      <div class="builder-block builder-945271b">
        <div class="builder-symbol">
          {% capture snippet_content %} {% include
          'content.258e9fe5cdad46c5b39efb220231946f.builder.liquid', %} {%
          endcapture %} {% if snippet_content contains "Liquid error" %} {% else
          %} {{ snippet_content }} {% endif %}
        </div>
      </div>
      <div class="builder-block builder-0e4d0e9">
        <div class="builder-symbol">
          {% capture snippet_content %} {% include
          'content.2382e11ffd744eaab5b51eee94b5c4a6.builder.liquid', %} {%
          endcapture %} {% if snippet_content contains "Liquid error" %} {% else
          %} {{ snippet_content }} {% endif %}
        </div>
      </div>
      <div class="builder-block builder-a9c016c">
        <div class="builder-symbol">
          {% capture snippet_content %} {% include
          'content.91cd5f522c7c438dbc9bd28b3d18b224.builder.liquid', %} {%
          endcapture %} {% if snippet_content contains "Liquid error" %} {% else
          %} {{ snippet_content }} {% endif %}
        </div>
      </div>
      <div class="builder-block builder-7e9e349 bio-section">
        <div
          style="
            height: 100%;
            width: 100%;
            align-self: stretch;
            flex-grow: 1;
            box-sizing: border-box;
            max-width: 1648px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin-left: auto;
            margin-right: auto;
          "
        >
          <div
            class="builder-block builder-e35aab8"
            builder-id="builder-e35aab84db2f48e6a8fffd4f0c50fa46"
          >
            <div class="builder-custom-code">
              <div class="spacer-56 tspacer-80" />
            </div>
          </div>
          <div
            class="builder-block builder-298caf4"
            builder-id="builder-298caf4e9e8345d2bc54a9a1838ced0f"
          >
            <div class="builder-custom-code"><div class="spacer-24" /></div>
          </div>
          <div
            class="builder-block builder-6fd66b5 base-margin font-lg font-mob-xl"
          >
            <span class="builder-text">
              <p>Official Eye-Tracking Add-on&nbsp;</p>
            </span>
          </div>
          <div
            class="builder-block builder-01b89b4 base-margin font-lg font-mob-xl"
          >
            <span class="builder-text"> <p>for Bigscreen Beyond</p> </span>
          </div>
        </div>
      </div>
      <div
        class="builder-block builder-917551b"
        builder-id="builder-917551b696914964b5c9c4b336741ead"
      >
        <div class="builder-custom-code"><div class="spacer-24" /></div>
      </div>
      <div class="builder-block builder-5575b5b bio-section">
        <div
          style="
            height: 100%;
            width: 100%;
            align-self: stretch;
            flex-grow: 1;
            box-sizing: border-box;
            max-width: 1648px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin-left: auto;
            margin-right: auto;
          "
        >
          <img-rounded
            class="builder-block builder-49be2b4 base-margin img-rounded"
          >
            {%- assign _use_img_url =
            'https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?width=614'
            -%}
            <picture>
              <source
                srcset="https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?width=614&format=webp 614w"
                type="image/webp"
              />
              <img
                alt=""
                loading="lazy"
                src="{{ _use_img_url }}"
                sizes="97vw"
                style="
                  object-fit: cover;
                  object-position: bottom;
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  left: 0px;
                  top: 0px;
                "
              />
            </picture>
            <div
              class="builder-image-sizer"
              style="
                width: 100%;
                padding-top: 56.3%;
                pointer-events: none;
                font-size: 0;
              "
            ></div>
          </img-rounded>
          <button class="builder-block builder-37faa1a base-margin action-btn">
            <div class="builder-block builder-0d566cb action-btn-icon-frame">
              <div
                class="builder-block builder-eb02c77 action-btn-icon"
                builder-id="builder-eb02c772a9d84c399e2db899ff79e034"
              >
                <div class="builder-custom-code">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0643/5169/9161/files/Play_36px.svg?v=1666687267"
                  />
                </div>
              </div>
            </div>
            <div class="builder-block builder-3a2fb81 action-btn-text">
              <span class="builder-text"> [object Object] </span>
            </div>
          </button>
          <div
            class="builder-block builder-974562e"
            builder-id="builder-974562e863b1417a8f5fc7868f23ee47"
          >
            <div class="builder-custom-code"><div class="spacer-16" /></div>
          </div>
          <div
            class="builder-block builder-048b024 base-margin font-lg font-mob-xl"
          >
            <span class="builder-text"> [object Object] </span>
          </div>
          <div
            class="builder-block builder-d210323 base-margin font-lg lg-shorten-top"
          >
            <span class="builder-text"> [object Object] </span>
          </div>
          <div
            class="builder-block builder-f0953e1"
            builder-id="builder-f0953e16ba854099a6e7fc07cff1986a"
          >
            <div class="builder-custom-code"><div class="spacer-24" /></div>
          </div>
          <div
            class="builder-block builder-cc9f863"
            builder-id="builder-cc9f863fd03544258bdbe5f48ff1d2a7"
          >
            <div class="builder-custom-code">
              <div class="spacer-56 tspacer-80" />
            </div>
          </div>
          <div class="builder-block builder-81485d7 base-margin img-rounded">
            {%- assign _use_img_url =
            'https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?width=1468'
            -%}
            <picture>
              <source
                srcset="https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F0ec2b9c3206b466fb3c23801e85ae7ca?width=1468&format=webp 1468w"
                type="image/webp"
              />
              <img
                alt=""
                loading="lazy"
                src="{{ _use_img_url }}"
                sizes="(max-width: 998px) 83vw, 105vw"
                style="
                  object-fit: cover;
                  object-position: center;
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  left: 0px;
                  top: 0px;
                "
              />
            </picture>
            <div
              style="
                display: flex;
                flex-direction: column;
                align-items: stretch;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
              "
            >
              <div
                class="builder-block builder-2606a91 video-content undim"
                builder-id="builder-2606a917b8494f5aa8e305a43c8b0c2c"
              >
                <div class="builder-custom-code">
                  <iframe
                    src="https://www.youtube.com/embed/mx7wGmmU-_A?controls=0&autoplay=1&mute=1&playlist=mx7wGmmU-_A&&loop=1&modestbranding=1"
                    title="v"
                    loading="lazy"
                  ></iframe>
                </div>
              </div>
              <div
                class="builder-block builder-c8c1cb2"
                builder-id="builder-c8c1cb2fc461401196258ae85a268c35"
              >
                <div class="builder-custom-code"><div class="spacer-32" /></div>
              </div>
              <button
                class="builder-block builder-cbbb91b base-margin action-btn"
              >
                <div
                  class="builder-block builder-b5215d0 action-btn-icon-frame"
                >
                  <div
                    class="builder-block builder-7150efd action-btn-icon"
                    builder-id="builder-7150efda9ed74f2b83a5443bacaa7835"
                  >
                    <div class="builder-custom-code">
                      <img
                        src="https://cdn.shopify.com/s/files/1/0643/5169/9161/files/Play_36px.svg?v=1666687267"
                      />
                    </div>
                  </div>
                </div>
                <div class="builder-block builder-3776a7b action-btn-text">
                  <span class="builder-text"> [object Object] </span>
                </div>
              </button>
            </div>
          </div>
          <div
            class="builder-block builder-2e95923"
            builder-id="builder-2e95923ed48c46ad83ddaaa8564b37b2"
          >
            <div class="builder-custom-code"><div class="spacer-32" /></div>
          </div>
          <div class="builder-block builder-649690d base-grid">
            <div
              class="builder-block builder-d56e5f4 gb-1 ge-9 get-12 font-body-lg body-lg-shorten-top body-lg-shorten-btm font-mob-sm mob-sm-shorten-top mob-sm-shorten-btm"
            >
              <span class="builder-text"> [object Object] </span>
            </div>
          </div>
          <div
            class="builder-block builder-61c5fb5"
            builder-id="builder-61c5fb5cf1b64146ac43faa471d7a88e"
          >
            <div class="builder-custom-code"><div class="spacer-24" /></div>
          </div>
          <div
            class="builder-block builder-2fae4f5"
            builder-id="builder-2fae4f5cb82047aa8f816e5d8fd06e54"
          >
            <div class="builder-custom-code">
              <div class="spacer-56 tspacer-80" />
            </div>
          </div>
          <div
            class="builder-block builder-8613c5c"
            builder-id="builder-8613c5c7bf6b48c0a3515c065d1ecb35"
          >
            <div class="builder-custom-code">
              <div class="spacer-56 tspacer-80" />
            </div>
          </div>
          <button class="builder-block builder-a318e07 base-margin action-btn">
            <div class="builder-block builder-de68c66 action-btn-icon-frame">
              <div
                class="builder-block builder-a730b36 action-btn-icon"
                builder-id="builder-a730b36165d64c06868bdecbc3f92928"
              >
                <div class="builder-custom-code">
                  <img
                    src="https://cdn.shopify.com/s/files/1/0643/5169/9161/files/Play_36px.svg?v=1666687267"
                  />
                </div>
              </div>
            </div>
            <div class="builder-block builder-6b6ecd4 action-btn-text">
              <span class="builder-text"> <p>Watch Setup Video</p> </span>
            </div>
          </button>
          <div
            class="builder-block builder-049a739"
            builder-id="builder-049a7395d9dd4805bae7100b0ea17b9f"
          >
            <div class="builder-custom-code"><div class="spacer-120" /></div>
          </div>
          <div class="builder-block builder-2d25b42 base-grid"></div>
          <div
            id="01-form-factor"
            class="builder-block builder-96ffa8c"
            builder-id="builder-96ffa8c570fc45bebd447dd5ad8519f1"
          >
            <div class="builder-custom-code"><div /></div>
          </div>
        </div>
      </div>
      <div class="builder-block builder-5115327 bio-section">
        <div
          style="
            height: 100%;
            width: 100%;
            align-self: stretch;
            flex-grow: 1;
            box-sizing: border-box;
            max-width: 1648px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin-left: auto;
            margin-right: auto;
          "
        >
          <div
            class="builder-block builder-e36f93c"
            builder-id="builder-e36f93ca3157424bb4fd921794884036"
          >
            <div class="builder-custom-code"><div class="spacer-120" /></div>
          </div>
          <div class="builder-block builder-9d31503 base-grid">
            <div class="builder-block builder-ed94e83 gb-1 ge-6 get-12">
              <div class="builder-block builder-485fe91 gb-1 ge-6 get-12 f">
                <div class="builder-symbol builder-inline-symbol">
                  <!-- ***** Generated by Builder.io on Tue, 13 May 2025 00:12:51 GMT ***** -->
                  <div class="builder-component" data-name="symbol">
                    <div
                      class="builder-content"
                      data-builder-content-id="undefined"
                      data-builder-component="symbol"
                      data-builder-variation-id="undefined"
                    >
                      <div
                        builder-content-id="undefined"
                        builder-model="symbol"
                      >
                        <div class="builder-block builder-0ad925a"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="builder-block builder-68b7bed"
        builder-id="builder-68b7beddfcb04d2ba8bc59ec42451e1d"
      >
        <div class="builder-custom-code">
          <div class="spacer-56 tspacer-80" />
        </div>
      </div>
      <div class="builder-block builder-bdccbc9">
        <div class="builder-symbol">
          {% capture snippet_content %} {% include
          'content.066feeda406b4fa2bf3c7a14686336b5.builder.liquid', cssCode:
          ".klaviyo-form-style { 
 border-bottom: 1px solid
          var(--footerBtnColor); /* White line under the input field */
 width:
          230px;
}
.klaviyo-form-style input.needsclick {
 color:
          var(--footerBtnColor) !important;
}
.klaviyo-form-style
          input.needsclick::placeholder {
 color: var(--footerBtnColor)
          !important;
}
.klaviyo-form-style input.needsclick:focus-visible {

          outline-style: none !important;
}
.klaviyo-form-style
          button.needsclick>img {
 filter:
          invert(var(--logoInvert));
}

input.kl-private-reset-css-Xuajs1 {

          padding-left: 0px !important;
}", jsCode: "var
          __awaiter=function(e,n,t,r){return
          new(t||(t=Promise))((function(o,i){function
          a(e){try{l(r.next(e))}catch(e){i(e)}}function
          u(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var
          n;e.done?o(e.value):(n=e.value,n instanceof t?n:new
          t((function(e){e(n)}))).then(a,u)}l((r=r.apply(e,n||[])).next())}))},__generator=function(e,n){var
          t,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return
          o[1]},trys:[],ops:[]};return
          i={next:u(0),throw:u(1),return:u(2)},&quot;function&quot;==typeof
          Symbol&&(i[Symbol.iterator]=function(){return this}),i;function
          u(i){return function(u){return function(i){if(t)throw new
          TypeError(&quot;Generator is already
          executing.&quot;);for(;a;)try{if(t=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return
          o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case
          1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case
          5:a.label++,r=i[1],i=[0];continue;case
          7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=n.call(e,a)}catch(e){i=[6,e],r=0}finally{t=o=0}if(5&i[0])throw
          i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}};function
          main(){return __awaiter(this,void 0,void 0,(function(){var e;return
          __generator(this,(function(n){return
          Builder.isServer,Builder.isBrowser&&(e=document.querySelector(&quot;body&quot;))&&(e.style.minWidth=&quot;0px&quot;),[2]}))}))}var
          _virtual_index=main();return _virtual_index", tsCode: "/*
 * Global
          objects available:
 *
 * state - builder state object - learn about
          state https://www.builder.io/c/docs/guides/state-and-actions
 *
          context - builder context object - learn about state
          https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down

          * fetch - Fetch API -
          https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'
 *
          Builder - Builder object - useful values include: Builder.isServer,
          Builder.isBrowser, Builder.isPreviewing, Builder.isEditing
 *
 *
          visit https://www.builder.io/c/docs/guides/custom-code
 * for more
          information on writing custom code
 */
 async function main () {

          if (Builder.isServer) {
 // Place any code here you want to only run
          on the server. Any 
 // data fetched on the server will be available
          to re-hydrate on the client
 // if added to the state object
 }


          if (Builder.isBrowser) {
 // Place code that you only want to run in
          the browser (client side only) here
 // For example, anything that
          uses document/window access or DOM manipulation

 //Fix for mobile
          page width
 let body = document.querySelector('body');
 if(!!body)
          {
 body.style.minWidth = '0px';
 }


 }
}

export default
          main();" %} {% endcapture %} {% if snippet_content contains "Liquid
          error" %} {% else %} {{ snippet_content }} {% endif %}
        </div>
      </div>
    </div>
  </div>
</div>

</builder-component>

<script async src="https://cdn.builder.io/js/webcomponents"></script>