PETRAM CAREERS

Example Job

Office Location:
Detroit, MI (Hybrid)
Years Of Exp:
2-5 Years
Accepting Applicants Now
About the job

Join our amazing team of digital marketing experts! At Petram Analytics, we empower companies to unleash the power of their data. Our innovative work has earned us a spot on CNBC's list of top startups to watch and cultivated a culture that earned us the title of "Best Place to Work" by Purpose Jobs. Dive into an environment where your talents are celebrated and your growth is paramount!
Benefits & Perks
A collaborative team with room for ownership and growth
Outcome-focused culture (not time-tracking focused)
Hybrid / flexible work environment
Mistakes are treated as learning opportunities, not reasons for punishment
Unlimited PTO with flexibility to take time when you need it
Flexible summer Fridays
No expectation of sustained overtime; we prioritize a sustainable work pace
Job Description:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis dui fringilla ex blandit condimentum sed in turpis. Vestibulum nec rhoncus lacus. Sed sed velit ornare leo facilisis malesuada. Cras at bibendum nisl. Nunc varius arcu a ornare pretium. Phasellus tempor orci vitae dolor vulputate fringilla. Suspendisse vel mi iaculis, commodo dolor ut, rutrum tortor. In varius tempus luctus. Suspendisse et accumsan ligula. Nunc pretium, mi id ultrices aliquam, erat ligula gravida dolor, ut facilisis sem orci imperdiet magna. Pellentesque varius metus ac leo porta, nec porttitor orci dignissim. Pellentesque gravida est hendrerit scelerisque eleifend. Nunc consectetur condimentum blandit. Pellentesque tincidunt et lacus et maximus.
Sed in tortor magna. Nulla volutpat, ante in eleifend pretium, mauris massa pellentesque tortor, ac tincidunt eros justo sit amet mauris. Fusce eget imperdiet ligula. Cras non ullamcorper magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aenean sit amet mi pulvinar justo sollicitudin imperdiet. Donec a felis ut tortor ullamcorper venenatis at a metus. Ut id ex sit amet nisl viverra tempus vel sit amet libero. Cras in lectus a nulla rutrum tincidunt ut ut nibh. Cras dictum scelerisque dui id euismod.
Proin lacinia ligula eget elit laoreet, a fermentum ligula pellentesque. Mauris eu maximus lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tempor dolor vitae ante rhoncus elementum. Morbi non dolor augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consequat, magna ut pretium pulvinar, diam arcu viverra orci, quis tristique orci sapien ut lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Donec at augue nec ipsum vulputate mollis. Donec placerat ipsum imperdiet massa accumsan, at luctus augue varius. Donec erat tellus, ullamcorper posuere ante efficitur, maximus semper lectus. Praesent at odio urna. Vivamus laoreet enim sed tempus vulputate. Etiam quis libero vitae mi vehicula scelerisque. Donec hendrerit at justo ut bibendum. Donec eros dui, posuere consectetur tempor a, interdum ut orci. Fusce sit amet porttitor quam, vel ullamcorper risus.
In quis interdum lectus. Phasellus vulputate turpis ut urna fringilla, scelerisque bibendum dolor imperdiet. Quisque quis ultricies lorem. Mauris non fermentum elit. Nunc id arcu massa. Aenean tristique venenatis lorem, ac condimentum mauris luctus sed. Nulla vel nibh sed erat aliquam egestas. Curabitur feugiat varius gravida. Nam dictum dui eget lorem ullamcorper, in gravida tortor ultricies. Duis ultrices lectus sed nibh mollis ornare. Phasellus dictum vel justo sit amet elementum. Nullam suscipit molestie condimentum. In nunc orci, scelerisque ac enim in, volutpat congue ipsum. Ut congue, lorem at condimentum porta, dolor velit volutpat purus, ut fringilla nulla neque eget sem. Donec lectus felis, ullamcorper sed nibh eget, porttitor tincidunt dui.
  
</div>

<style class="transform-vars">
    .fe-block-84dab44e6ec3201919c2 {
      --opacity: 100%;
      --translate-x: 0px;
      --translate-y: 0px;
      --rotation: 0deg;
      --scale-x: 100%;
      --scale-y: 100%;
      --skew-x: 0deg;
      --skew-y: 0deg;
      --origin-x: 50%;
      --origin-y: 50%;
      --block-transform: none;

      opacity: var(--opacity, 1);
      transform: var(--block-transform);
      transform-origin: var(--origin-x) var(--origin-y);
    }
  </style><style class="transform-overrides-vars">
  
</style>

</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

    </section>
  
</article>

      </main>
      
        <footer class="sections" id="footer-sections" data-footer-sections>
  
<section
  data-test="page-section"
  
  data-section-theme="dark-bold"
  class='page-section 
    
      full-bleed-section
      layout-engine-section
    
    background-width--full-bleed
    
        section-height--custom
      
      content-width--wide
    
    horizontal-alignment--center
    vertical-alignment--middle
    
    dark-bold'
  
  data-section-id="65414a5b6f15575aec5b27bb"
  
  data-controller="SectionWrapperController"
  data-current-styles="{
                                                      &quot;imageOverlayOpacity&quot;: 0.15,
                                                      &quot;backgroundWidth&quot;: &quot;background-width--full-bleed&quot;,
                                                      &quot;sectionHeight&quot;: &quot;section-height--custom&quot;,
                                                      &quot;customSectionHeight&quot;: 0,
                                                      &quot;horizontalAlignment&quot;: &quot;horizontal-alignment--center&quot;,
                                                      &quot;verticalAlignment&quot;: &quot;vertical-alignment--middle&quot;,
                                                      &quot;contentWidth&quot;: &quot;content-width--wide&quot;,
                                                      &quot;customContentWidth&quot;: 50,
                                                      &quot;sectionTheme&quot;: &quot;dark-bold&quot;,
                                                      &quot;sectionAnimation&quot;: &quot;none&quot;,
                                                      &quot;backgroundMode&quot;: &quot;image&quot;
                                                    }"
  data-current-context="{
                                                      &quot;video&quot;: {
                                                        &quot;playbackSpeed&quot;: 0.5,
                                                        &quot;filter&quot;: 1,
                                                        &quot;filterStrength&quot;: 0,
                                                        &quot;zoom&quot;: 0,
                                                        &quot;videoSourceProvider&quot;: &quot;none&quot;
                                                      },
                                                      &quot;backgroundImageId&quot;: null,
                                                      &quot;backgroundMediaEffect&quot;: {
                                                        &quot;type&quot;: &quot;none&quot;
                                                      },
                                                      &quot;divider&quot;: {
                                                        &quot;enabled&quot;: false
                                                      },
                                                      &quot;typeName&quot;: &quot;page&quot;
                                                    }"
  data-animation="none"
  data-fluid-engine-section
   
  data-sqsp-section="fluid-engine"

>
  <div
    class="section-border"
    
  >
    <div class="section-background">
    
    </div>
  </div>
  <div
    class='content-wrapper'
    style='
      
          padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
        
    '
  >
    <div
      class="content"
      
    >
      
      <div data-fluid-engine="true"><style>

.fe-65414a5b6f15575aec5b27ba {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );

  display: grid;
  position: relative;
  grid-area: 1/1/-1/-1;
  grid-template-rows: repeat(47,minmax(24px, auto));
  grid-template-columns:
    minmax(var(--grid-gutter), 1fr)
    repeat(8, minmax(0, var(--cell-max-width)))
    minmax(var(--grid-gutter), 1fr);
  row-gap: 7.0px;
  column-gap: 11.0px;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (min-width: 768px) {
  .background-width--inset .fe-65414a5b6f15575aec5b27ba {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .fe-65414a5b6f15575aec5b27ba {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
    --inset-padding: 0vw;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));

    grid-template-rows: repeat(23,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns:
      minmax(var(--grid-gutter), 1fr)
      repeat(24, minmax(0, var(--cell-max-width)))
      minmax(var(--grid-gutter), 1fr);
  }
}

  .fe-block-61467c78176a744544d7 {
    grid-area: 1/2/3/10;
    z-index: 13;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-61467c78176a744544d7 .sqs-block {
    justify-content: center;
  }

  .fe-block-61467c78176a744544d7 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-61467c78176a744544d7 {
      grid-area: 1/3/2/11;
      z-index: 15;

    }

    .fe-block-61467c78176a744544d7 .sqs-block {
      justify-content: flex-end;
    }

    .fe-block-61467c78176a744544d7 .sqs-block-alignment-wrapper {
      align-items: flex-end;
    }
  }

  .fe-block-a5985643f0317e5cbd36 {
    grid-area: 2/2/4/10;
    z-index: 5;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-a5985643f0317e5cbd36 .sqs-block {
    justify-content: flex-end;
  }

  .fe-block-a5985643f0317e5cbd36 .sqs-block-alignment-wrapper {
    align-items: flex-end;
  }

  @media (min-width: 768px) {
    .fe-block-a5985643f0317e5cbd36 {
      grid-area: 2/14/4/24;
      z-index: 7;

    }

    .fe-block-a5985643f0317e5cbd36 .sqs-block {
      justify-content: flex-end;
    }

    .fe-block-a5985643f0317e5cbd36 .sqs-block-alignment-wrapper {
      align-items: flex-end;
    }
  }

  .fe-block-2637fe34c48d5a65fd65 {
    grid-area: 4/2/7/10;
    z-index: 3;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-2637fe34c48d5a65fd65 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-2637fe34c48d5a65fd65 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-2637fe34c48d5a65fd65 {
      grid-area: 4/14/6/24;
      z-index: 5;

    }

    .fe-block-2637fe34c48d5a65fd65 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-2637fe34c48d5a65fd65 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-d39a2eea9d2236c6cabe {
    grid-area: 7/2/26/10;
    z-index: 1;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-d39a2eea9d2236c6cabe .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-d39a2eea9d2236c6cabe .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-d39a2eea9d2236c6cabe {
      grid-area: 6/14/23/25;
      z-index: 3;

    }

    .fe-block-d39a2eea9d2236c6cabe .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-d39a2eea9d2236c6cabe .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-yui_3_17_2_1_1699366485968_38415 {
    grid-area: 27/2/29/8;
    z-index: 14;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-yui_3_17_2_1_1699366485968_38415 .sqs-block {
    justify-content: center;
  }

  .fe-block-yui_3_17_2_1_1699366485968_38415 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-yui_3_17_2_1_1699366485968_38415 {
      grid-area: 2/3/4/9;
      z-index: 16;

    }

    .fe-block-yui_3_17_2_1_1699366485968_38415 .sqs-block {
      justify-content: flex-end;
    }

    .fe-block-yui_3_17_2_1_1699366485968_38415 .sqs-block-alignment-wrapper {
      align-items: flex-end;
    }
  }

  .fe-block-670cfd7c7cd60ebae392 {
    grid-area: 29/2/31/8;
    z-index: 6;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-670cfd7c7cd60ebae392 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-670cfd7c7cd60ebae392 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-670cfd7c7cd60ebae392 {
      grid-area: 4/3/5/9;
      z-index: 8;

    }

    .fe-block-670cfd7c7cd60ebae392 .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-670cfd7c7cd60ebae392 .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

  .fe-block-ff75fb390b16cad1c107 {
    grid-area: 31/2/34/10;
    z-index: 5;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-ff75fb390b16cad1c107 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-ff75fb390b16cad1c107 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-ff75fb390b16cad1c107 {
      grid-area: 5/3/8/11;
      z-index: 7;

    }

    .fe-block-ff75fb390b16cad1c107 .sqs-block {
      justify-content: center;
    }

    .fe-block-ff75fb390b16cad1c107 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-54da3568450cde9f0035 {
    grid-area: 35/2/36/10;
    z-index: 9;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-54da3568450cde9f0035 .sqs-block {
    justify-content: center;
  }

  .fe-block-54da3568450cde9f0035 .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-54da3568450cde9f0035 {
      grid-area: 13/3/14/11;
      z-index: 11;

    }

    .fe-block-54da3568450cde9f0035 .sqs-block {
      justify-content: center;
    }

    .fe-block-54da3568450cde9f0035 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-ee65f1090eca990e6579 {
    grid-area: 36/2/41/6;
    z-index: 10;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-ee65f1090eca990e6579 .sqs-block {
    justify-content: flex-start;
  }

  .fe-block-ee65f1090eca990e6579 .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }

  @media (min-width: 768px) {
    .fe-block-ee65f1090eca990e6579 {
      grid-area: 9/3/13/6;
      z-index: 12;

    }

    .fe-block-ee65f1090eca990e6579 .sqs-block {
      justify-content: center;
    }

    .fe-block-ee65f1090eca990e6579 .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-e4b22e10d9db6c4c057f {
    grid-area: 41/2/42/10;
    z-index: 9;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-e4b22e10d9db6c4c057f .sqs-block {
    justify-content: center;
  }

  .fe-block-e4b22e10d9db6c4c057f .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-e4b22e10d9db6c4c057f {
      grid-area: 8/3/9/11;
      z-index: 11;

    }

    .fe-block-e4b22e10d9db6c4c057f .sqs-block {
      justify-content: center;
    }

    .fe-block-e4b22e10d9db6c4c057f .sqs-block-alignment-wrapper {
      align-items: center;
    }
  }

  .fe-block-2ebabb61bc4a09402c0f {
    grid-area: 42/2/48/10;
    z-index: 7;

    @media (max-width: 767px) {
      
    }
  }

  .fe-block-2ebabb61bc4a09402c0f .sqs-block {
    justify-content: center;
  }

  .fe-block-2ebabb61bc4a09402c0f .sqs-block-alignment-wrapper {
    align-items: center;
  }

  @media (min-width: 768px) {
    .fe-block-2ebabb61bc4a09402c0f {
      grid-area: 14/3/18/9;
      z-index: 9;

    }

    .fe-block-2ebabb61bc4a09402c0f .sqs-block {
      justify-content: flex-start;
    }

    .fe-block-2ebabb61bc4a09402c0f .sqs-block-alignment-wrapper {
      align-items: flex-start;
    }
  }

</style><div class="fluid-engine fe-65414a5b6f15575aec5b27ba"><div class="fe-block fe-block-61467c78176a744544d7"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-code code-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/562628f5-6e94-47cd-834e-46972d2f419c_949/website.components.code.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.code/562628f5-6e94-47cd-834e-46972d2f419c_949/website.components.code.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.code" data-sqsp-block="code" data-website-component-id="61467c78176a744544d7" id="block-61467c78176a744544d7"><div class="sqs-block-content">
  
<div
  class="sqs-code-container"
  
    data-localized="{&quot;enableSafeModeButton&quot;:&quot;Preview in safe mode&quot;,&quot;enableSafeModeText&quot;:&quot;This block contains embedded scripts. Embedded scripts are disabled while you're logged in and editing your site.&quot;,&quot;enableSafeModeTitle&quot;:&quot;Embedded Scripts&quot;,&quot;exitSafeModeButton&quot;:&quot;Exit safe preview&quot;,&quot;exitSafeModeText&quot;:&quot;Please view the page after logging out for accurate rendering.&quot;,&quot;exitSafeModeTitle&quot;:&quot;Safe Preview&quot;,&quot;globalSafeMode&quot;:&quot;Embedded Code: This block contains embedded code that has been disabled.&quot;,&quot;scriptDisabled&quot;:&quot;Script Disabled&quot;}"
  
>
  
    <p id="contact"> </p>
  
</div>

<style class="transform-overrides-vars">
  
</style>

</div></div></div><div class="fe-block fe-block-a5985643f0317e5cbd36"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="a5985643f0317e5cbd36" id="block-a5985643f0317e5cbd36"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><h2 style="white-space:pre-wrap;"><strong>GET IN TOUCH</strong></h2></div>

<style id="container-styles">#block-a5985643f0317e5cbd36 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-a5985643f0317e5cbd36 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-a5985643f0317e5cbd36 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-a5985643f0317e5cbd36 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-a5985643f0317e5cbd36 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-a5985643f0317e5cbd36 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-a5985643f0317e5cbd36 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-a5985643f0317e5cbd36 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-2637fe34c48d5a65fd65"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="2637fe34c48d5a65fd65" id="block-2637fe34c48d5a65fd65"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;">Got a burning question or just want to say hi? We're all ears! <strong>Use the form below to get in touch.</strong></p></div>

<style id="container-styles">#block-2637fe34c48d5a65fd65 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-2637fe34c48d5a65fd65 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-2637fe34c48d5a65fd65 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-2637fe34c48d5a65fd65 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-2637fe34c48d5a65fd65 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-2637fe34c48d5a65fd65 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-2637fe34c48d5a65fd65 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-2637fe34c48d5a65fd65 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-d39a2eea9d2236c6cabe"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-form form-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.form/9aa0af3c-e491-4117-8230-2d8187c1e22d_1076/website.components.form.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.form/9aa0af3c-e491-4117-8230-2d8187c1e22d_1076/website.components.form.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.form" data-sqsp-block="form" data-website-component-id="d39a2eea9d2236c6cabe" id="block-d39a2eea9d2236c6cabe"><div class="sqs-block-content">

  <div class="sqs-site-style-form" >
    
    <script type="application/json" id="form-context-65414a5b6f15575aec5b27b8" class="sqs-form-block-context">
    {"secureUrl":"https://petramanalytics.squarespace.com","collectionId":"6aa2ee5bb1841e273251b689","formFieldFormats":{"initialAddressFormat":{"id":0,"type":"ADDRESS","country":"US","labelLocale":"en","fields":[{"type":"FIELD","label":"Address Line 1","identifier":"Line1","length":0,"required":true,"metadata":{"autocomplete":"address-line1"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"Address Line 2","identifier":"Line2","length":0,"required":false,"metadata":{"autocomplete":"address-line2"}},{"type":"SEPARATOR","label":"\n","identifier":"Newline","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"City","identifier":"City","length":0,"required":true,"metadata":{"autocomplete":"address-level2"}},{"type":"SEPARATOR","label":",","identifier":"Comma","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"State","identifier":"State","length":0,"required":true,"metadata":{"autocomplete":"address-level1"}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"ZIP Code","identifier":"Zip","length":0,"required":true,"metadata":{"autocomplete":"postal-code"}}]},"initialNameOrder":"GIVEN_FIRST","initialPhoneFormat":{"id":0,"type":"PHONE_NUMBER","country":"US","labelLocale":"en-US","fields":[{"type":"SEPARATOR","label":"(","identifier":"LeftParen","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"1","identifier":"1","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":")","identifier":"RightParen","length":0,"required":false,"metadata":{}},{"type":"SEPARATOR","label":" ","identifier":"Space","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"2","identifier":"2","length":3,"required":false,"metadata":{}},{"type":"SEPARATOR","label":"-","identifier":"Dash","length":0,"required":false,"metadata":{}},{"type":"FIELD","label":"3","identifier":"3","length":14,"required":false,"metadata":{}}]},"countries":[{"name":"Afghanistan","code":"AF","phoneCode":"+93"},{"name":"Åland Islands","code":"AX","phoneCode":"+358"},{"name":"Albania","code":"AL","phoneCode":"+355"},{"name":"Algeria","code":"DZ","phoneCode":"+213"},{"name":"American Samoa","code":"AS","phoneCode":"+1"},{"name":"Andorra","code":"AD","phoneCode":"+376"},{"name":"Angola","code":"AO","phoneCode":"+244"},{"name":"Anguilla","code":"AI","phoneCode":"+1"},{"name":"Antigua & Barbuda","code":"AG","phoneCode":"+1"},{"name":"Argentina","code":"AR","phoneCode":"+54"},{"name":"Armenia","code":"AM","phoneCode":"+374"},{"name":"Aruba","code":"AW","phoneCode":"+297"},{"name":"Ascension Island","code":"AC","phoneCode":"+247"},{"name":"Australia","code":"AU","phoneCode":"+61"},{"name":"Austria","code":"AT","phoneCode":"+43"},{"name":"Azerbaijan","code":"AZ","phoneCode":"+994"},{"name":"Bahamas","code":"BS","phoneCode":"+1"},{"name":"Bahrain","code":"BH","phoneCode":"+973"},{"name":"Bangladesh","code":"BD","phoneCode":"+880"},{"name":"Barbados","code":"BB","phoneCode":"+1"},{"name":"Belarus","code":"BY","phoneCode":"+375"},{"name":"Belgium","code":"BE","phoneCode":"+32"},{"name":"Belize","code":"BZ","phoneCode":"+501"},{"name":"Benin","code":"BJ","phoneCode":"+229"},{"name":"Bermuda","code":"BM","phoneCode":"+1"},{"name":"Bhutan","code":"BT","phoneCode":"+975"},{"name":"Bolivia","code":"BO","phoneCode":"+591"},{"name":"Bosnia & Herzegovina","code":"BA","phoneCode":"+387"},{"name":"Botswana","code":"BW","phoneCode":"+267"},{"name":"Brazil","code":"BR","phoneCode":"+55"},{"name":"British Indian Ocean Territory","code":"IO","phoneCode":"+246"},{"name":"British Virgin Islands","code":"VG","phoneCode":"+1"},{"name":"Brunei","code":"BN","phoneCode":"+673"},{"name":"Bulgaria","code":"BG","phoneCode":"+359"},{"name":"Burkina Faso","code":"BF","phoneCode":"+226"},{"name":"Burundi","code":"BI","phoneCode":"+257"},{"name":"Cambodia","code":"KH","phoneCode":"+855"},{"name":"Cameroon","code":"CM","phoneCode":"+237"},{"name":"Canada","code":"CA","phoneCode":"+1"},{"name":"Cape Verde","code":"CV","phoneCode":"+238"},{"name":"Caribbean Netherlands","code":"BQ","phoneCode":"+599"},{"name":"Cayman Islands","code":"KY","phoneCode":"+1"},{"name":"Central African Republic","code":"CF","phoneCode":"+236"},{"name":"Chad","code":"TD","phoneCode":"+235"},{"name":"Chile","code":"CL","phoneCode":"+56"},{"name":"China","code":"CN","phoneCode":"+86"},{"name":"Christmas Island","code":"CX","phoneCode":"+61"},{"name":"Cocos (Keeling) Islands","code":"CC","phoneCode":"+61"},{"name":"Colombia","code":"CO","phoneCode":"+57"},{"name":"Comoros","code":"KM","phoneCode":"+269"},{"name":"Congo - Brazzaville","code":"CG","phoneCode":"+242"},{"name":"Congo - Kinshasa","code":"CD","phoneCode":"+243"},{"name":"Cook Islands","code":"CK","phoneCode":"+682"},{"name":"Costa Rica","code":"CR","phoneCode":"+506"},{"name":"Côte d’Ivoire","code":"CI","phoneCode":"+225"},{"name":"Croatia","code":"HR","phoneCode":"+385"},{"name":"Cuba","code":"CU","phoneCode":"+53"},{"name":"Curaçao","code":"CW","phoneCode":"+599"},{"name":"Cyprus","code":"CY","phoneCode":"+357"},{"name":"Czechia","code":"CZ","phoneCode":"+420"},{"name":"Denmark","code":"DK","phoneCode":"+45"},{"name":"Djibouti","code":"DJ","phoneCode":"+253"},{"name":"Dominica","code":"DM","phoneCode":"+1"},{"name":"Dominican Republic","code":"DO","phoneCode":"+1"},{"name":"Ecuador","code":"EC","phoneCode":"+593"},{"name":"Egypt","code":"EG","phoneCode":"+20"},{"name":"El Salvador","code":"SV","phoneCode":"+503"},{"name":"Equatorial Guinea","code":"GQ","phoneCode":"+240"},{"name":"Eritrea","code":"ER","phoneCode":"+291"},{"name":"Estonia","code":"EE","phoneCode":"+372"},{"name":"Eswatini","code":"SZ","phoneCode":"+268"},{"name":"Ethiopia","code":"ET","phoneCode":"+251"},{"name":"Falkland Islands","code":"FK","phoneCode":"+500"},{"name":"Faroe Islands","code":"FO","phoneCode":"+298"},{"name":"Fiji","code":"FJ","phoneCode":"+679"},{"name":"Finland","code":"FI","phoneCode":"+358"},{"name":"France","code":"FR","phoneCode":"+33"},{"name":"French Guiana","code":"GF","phoneCode":"+594"},{"name":"French Polynesia","code":"PF","phoneCode":"+689"},{"name":"Gabon","code":"GA","phoneCode":"+241"},{"name":"Gambia","code":"GM","phoneCode":"+220"},{"name":"Georgia","code":"GE","phoneCode":"+995"},{"name":"Germany","code":"DE","phoneCode":"+49"},{"name":"Ghana","code":"GH","phoneCode":"+233"},{"name":"Gibraltar","code":"GI","phoneCode":"+350"},{"name":"Greece","code":"GR","phoneCode":"+30"},{"name":"Greenland","code":"GL","phoneCode":"+299"},{"name":"Grenada","code":"GD","phoneCode":"+1"},{"name":"Guadeloupe","code":"GP","phoneCode":"+590"},{"name":"Guam","code":"GU","phoneCode":"+1"},{"name":"Guatemala","code":"GT","phoneCode":"+502"},{"name":"Guernsey","code":"GG","phoneCode":"+44"},{"name":"Guinea","code":"GN","phoneCode":"+224"},{"name":"Guinea-Bissau","code":"GW","phoneCode":"+245"},{"name":"Guyana","code":"GY","phoneCode":"+592"},{"name":"Haiti","code":"HT","phoneCode":"+509"},{"name":"Honduras","code":"HN","phoneCode":"+504"},{"name":"Hong Kong SAR China","code":"HK","phoneCode":"+852"},{"name":"Hungary","code":"HU","phoneCode":"+36"},{"name":"Iceland","code":"IS","phoneCode":"+354"},{"name":"India","code":"IN","phoneCode":"+91"},{"name":"Indonesia","code":"ID","phoneCode":"+62"},{"name":"Iran","code":"IR","phoneCode":"+98"},{"name":"Iraq","code":"IQ","phoneCode":"+964"},{"name":"Ireland","code":"IE","phoneCode":"+353"},{"name":"Isle of Man","code":"IM","phoneCode":"+44"},{"name":"Israel","code":"IL","phoneCode":"+972"},{"name":"Italy","code":"IT","phoneCode":"+39"},{"name":"Jamaica","code":"JM","phoneCode":"+1"},{"name":"Japan","code":"JP","phoneCode":"+81"},{"name":"Jersey","code":"JE","phoneCode":"+44"},{"name":"Jordan","code":"JO","phoneCode":"+962"},{"name":"Kazakhstan","code":"KZ","phoneCode":"+7"},{"name":"Kenya","code":"KE","phoneCode":"+254"},{"name":"Kiribati","code":"KI","phoneCode":"+686"},{"name":"Kosovo","code":"XK","phoneCode":"+383"},{"name":"Kuwait","code":"KW","phoneCode":"+965"},{"name":"Kyrgyzstan","code":"KG","phoneCode":"+996"},{"name":"Laos","code":"LA","phoneCode":"+856"},{"name":"Latvia","code":"LV","phoneCode":"+371"},{"name":"Lebanon","code":"LB","phoneCode":"+961"},{"name":"Lesotho","code":"LS","phoneCode":"+266"},{"name":"Liberia","code":"LR","phoneCode":"+231"},{"name":"Libya","code":"LY","phoneCode":"+218"},{"name":"Liechtenstein","code":"LI","phoneCode":"+423"},{"name":"Lithuania","code":"LT","phoneCode":"+370"},{"name":"Luxembourg","code":"LU","phoneCode":"+352"},{"name":"Macao SAR China","code":"MO","phoneCode":"+853"},{"name":"Madagascar","code":"MG","phoneCode":"+261"},{"name":"Malawi","code":"MW","phoneCode":"+265"},{"name":"Malaysia","code":"MY","phoneCode":"+60"},{"name":"Maldives","code":"MV","phoneCode":"+960"},{"name":"Mali","code":"ML","phoneCode":"+223"},{"name":"Malta","code":"MT","phoneCode":"+356"},{"name":"Marshall Islands","code":"MH","phoneCode":"+692"},{"name":"Martinique","code":"MQ","phoneCode":"+596"},{"name":"Mauritania","code":"MR","phoneCode":"+222"},{"name":"Mauritius","code":"MU","phoneCode":"+230"},{"name":"Mayotte","code":"YT","phoneCode":"+262"},{"name":"Mexico","code":"MX","phoneCode":"+52"},{"name":"Micronesia","code":"FM","phoneCode":"+691"},{"name":"Moldova","code":"MD","phoneCode":"+373"},{"name":"Monaco","code":"MC","phoneCode":"+377"},{"name":"Mongolia","code":"MN","phoneCode":"+976"},{"name":"Montenegro","code":"ME","phoneCode":"+382"},{"name":"Montserrat","code":"MS","phoneCode":"+1"},{"name":"Morocco","code":"MA","phoneCode":"+212"},{"name":"Mozambique","code":"MZ","phoneCode":"+258"},{"name":"Myanmar (Burma)","code":"MM","phoneCode":"+95"},{"name":"Namibia","code":"NA","phoneCode":"+264"},{"name":"Nauru","code":"NR","phoneCode":"+674"},{"name":"Nepal","code":"NP","phoneCode":"+977"},{"name":"Netherlands","code":"NL","phoneCode":"+31"},{"name":"New Caledonia","code":"NC","phoneCode":"+687"},{"name":"New Zealand","code":"NZ","phoneCode":"+64"},{"name":"Nicaragua","code":"NI","phoneCode":"+505"},{"name":"Niger","code":"NE","phoneCode":"+227"},{"name":"Nigeria","code":"NG","phoneCode":"+234"},{"name":"Niue","code":"NU","phoneCode":"+683"},{"name":"Norfolk Island","code":"NF","phoneCode":"+672"},{"name":"Northern Mariana Islands","code":"MP","phoneCode":"+1"},{"name":"North Korea","code":"KP","phoneCode":"+850"},{"name":"North Macedonia","code":"MK","phoneCode":"+389"},{"name":"Norway","code":"NO","phoneCode":"+47"},{"name":"Oman","code":"OM","phoneCode":"+968"},{"name":"Pakistan","code":"PK","phoneCode":"+92"},{"name":"Palau","code":"PW","phoneCode":"+680"},{"name":"Palestinian Territories","code":"PS","phoneCode":"+970"},{"name":"Panama","code":"PA","phoneCode":"+507"},{"name":"Papua New Guinea","code":"PG","phoneCode":"+675"},{"name":"Paraguay","code":"PY","phoneCode":"+595"},{"name":"Peru","code":"PE","phoneCode":"+51"},{"name":"Philippines","code":"PH","phoneCode":"+63"},{"name":"Poland","code":"PL","phoneCode":"+48"},{"name":"Portugal","code":"PT","phoneCode":"+351"},{"name":"Puerto Rico","code":"PR","phoneCode":"+1"},{"name":"Qatar","code":"QA","phoneCode":"+974"},{"name":"Réunion","code":"RE","phoneCode":"+262"},{"name":"Romania","code":"RO","phoneCode":"+40"},{"name":"Russia","code":"RU","phoneCode":"+7"},{"name":"Rwanda","code":"RW","phoneCode":"+250"},{"name":"Samoa","code":"WS","phoneCode":"+685"},{"name":"San Marino","code":"SM","phoneCode":"+378"},{"name":"São Tomé & Príncipe","code":"ST","phoneCode":"+239"},{"name":"Saudi Arabia","code":"SA","phoneCode":"+966"},{"name":"Senegal","code":"SN","phoneCode":"+221"},{"name":"Serbia","code":"RS","phoneCode":"+381"},{"name":"Seychelles","code":"SC","phoneCode":"+248"},{"name":"Sierra Leone","code":"SL","phoneCode":"+232"},{"name":"Singapore","code":"SG","phoneCode":"+65"},{"name":"Sint Maarten","code":"SX","phoneCode":"+1"},{"name":"Slovakia","code":"SK","phoneCode":"+421"},{"name":"Slovenia","code":"SI","phoneCode":"+386"},{"name":"Solomon Islands","code":"SB","phoneCode":"+677"},{"name":"Somalia","code":"SO","phoneCode":"+252"},{"name":"South Africa","code":"ZA","phoneCode":"+27"},{"name":"South Korea","code":"KR","phoneCode":"+82"},{"name":"South Sudan","code":"SS","phoneCode":"+211"},{"name":"Spain","code":"ES","phoneCode":"+34"},{"name":"Sri Lanka","code":"LK","phoneCode":"+94"},{"name":"St. Barthélemy","code":"BL","phoneCode":"+590"},{"name":"St. Helena","code":"SH","phoneCode":"+290"},{"name":"St. Kitts & Nevis","code":"KN","phoneCode":"+1"},{"name":"St. Lucia","code":"LC","phoneCode":"+1"},{"name":"St. Martin","code":"MF","phoneCode":"+590"},{"name":"St. Pierre & Miquelon","code":"PM","phoneCode":"+508"},{"name":"St. Vincent & Grenadines","code":"VC","phoneCode":"+1"},{"name":"Sudan","code":"SD","phoneCode":"+249"},{"name":"Suriname","code":"SR","phoneCode":"+597"},{"name":"Svalbard & Jan Mayen","code":"SJ","phoneCode":"+47"},{"name":"Sweden","code":"SE","phoneCode":"+46"},{"name":"Switzerland","code":"CH","phoneCode":"+41"},{"name":"Syria","code":"SY","phoneCode":"+963"},{"name":"Taiwan","code":"TW","phoneCode":"+886"},{"name":"Tajikistan","code":"TJ","phoneCode":"+992"},{"name":"Tanzania","code":"TZ","phoneCode":"+255"},{"name":"Thailand","code":"TH","phoneCode":"+66"},{"name":"Timor-Leste","code":"TL","phoneCode":"+670"},{"name":"Togo","code":"TG","phoneCode":"+228"},{"name":"Tokelau","code":"TK","phoneCode":"+690"},{"name":"Tonga","code":"TO","phoneCode":"+676"},{"name":"Trinidad & Tobago","code":"TT","phoneCode":"+1"},{"name":"Tristan da Cunha","code":"TA","phoneCode":"+290"},{"name":"Tunisia","code":"TN","phoneCode":"+216"},{"name":"Türkiye","code":"TR","phoneCode":"+90"},{"name":"Turkmenistan","code":"TM","phoneCode":"+993"},{"name":"Turks & Caicos Islands","code":"TC","phoneCode":"+1"},{"name":"Tuvalu","code":"TV","phoneCode":"+688"},{"name":"U.S. Virgin Islands","code":"VI","phoneCode":"+1"},{"name":"Uganda","code":"UG","phoneCode":"+256"},{"name":"Ukraine","code":"UA","phoneCode":"+380"},{"name":"United Arab Emirates","code":"AE","phoneCode":"+971"},{"name":"United Kingdom","code":"GB","phoneCode":"+44"},{"name":"United States","code":"US","phoneCode":"+1"},{"name":"Uruguay","code":"UY","phoneCode":"+598"},{"name":"Uzbekistan","code":"UZ","phoneCode":"+998"},{"name":"Vanuatu","code":"VU","phoneCode":"+678"},{"name":"Vatican City","code":"VA","phoneCode":"+39"},{"name":"Venezuela","code":"VE","phoneCode":"+58"},{"name":"Vietnam","code":"VN","phoneCode":"+84"},{"name":"Wallis & Futuna","code":"WF","phoneCode":"+681"},{"name":"Western Sahara","code":"EH","phoneCode":"+212"},{"name":"Yemen","code":"YE","phoneCode":"+967"},{"name":"Zambia","code":"ZM","phoneCode":"+260"},{"name":"Zimbabwe","code":"ZW","phoneCode":"+263"}]},"useFormsJs":true,"formId":"65414a5b6f15575aec5b27b8","formName":"Home Form","formFields":[{"type":"name","id":"name-yui_3_17_2_1_1679614194302_11209","locked":false,"title":"Name","description":"","required":true,"name":true},{"required":true,"locked":false,"description":"","id":"text-7e92546f-44d9-4643-92e8-01938b9ed8dd","text":true,"type":"text","placeholder":"","title":"Organization Name"},{"type":"email","id":"email-yui_3_17_2_1_1679614194302_11210","locked":false,"title":"Email","description":"","placeholder":"","required":true,"email":true},{"type":"textarea","id":"textarea-yui_3_17_2_1_1679614194302_11212","locked":false,"title":"Message","description":"","placeholder":"","required":true,"textarea":true,"maxLength":""}],"formSubmitButtonText":"Submit","formSubmissionMessage":{"html":"<p class=\"\" style=\"white-space:pre-wrap;\">Thank you, we’ll be in touch soon!<\/p>"},"successRedirect":null,"disclaimerMessage":{"html":""},"captchaEnabled":true,"captchaTheme":1,"captchaAlignment":1,"isSmsConsentEnabled":false,"businessName":null,"privacyPolicyUrl":null,"termsAndConditionsUrl":null,"hasActiveSmsSubscription":null,"sendingProfileFullySetUp":null}
    </script>
    
    <script type="application/json" id="form-block-design-fields-65414a5b6f15575aec5b27b8" class="sqs-form-block-design-fields">
    {"buttonAlignment":"left","buttonVariant":null,"firstFieldHighlightType":null,"submissionTextAlignment":null,"submissionVerticalAlignment":null,"submissionAnimation":null,"breakpoints":[{"id":"system_desktop","name":"Desktop"},{"id":"system_mobile","name":"Mobile","maxWidth":"767px"}],"breakpointOverrides":null,"breakpointOverridesFlag":true,"useLightbox":null}
    </script>
    <script type="application/json" id="form-context-localized-strings-65414a5b6f15575aec5b27b8" class="sqs-form-block-localized-strings">
    {"address":{"address1":"Address 1","address2":"Address 2","city":"City","country":"Country","stateProvince":"State/Province","zipPostalCode":"Zip/Postal Code"},"cannotSubmitDemoForm":"This is a demo form and cannot be submitted.","date":{"day":"Day","dd":"DD","mm":"MM","month":"Month","year":"Year","yyyy":"YYYY"},"email":{"emailPromotions":"Email me with promotions and offers","required":"(required)","signUp":"Sign up for news and updates"},"formBlock":{"learnMore":"Learn more","title":"Form Block"},"invalidData":"Invalid form data.","lightbox":{"openForm":"Open Form"},"likert":{"agree":"Agree","disagree":"Disagree","neutral":"Neutral","stronglyAgree":"Strongly Agree","stronglyDisagree":"Strongly Disagree"},"name":{"firstName":"First Name","lastName":"Last Name"},"noStorageConnectedMessage":"This form needs a storage option. Double-click here to edit this form, and tell us where to save form submissions in the <strong>Storage<\/strong> tab.","notFound":"Form not found.","phone":{"areaCode":"Area Code","country":"Country","line":"Line","number":"Number","prefix":"Prefix"},"required":"(required)","submit":"Submit","submitError":"Unable to submit form. Please try again later.","time":{"am":"AM","amPm":"AM/PM","hour":"Hour","minute":"Minute","pm":"PM","second":"Second"},"validation":{"allEmpty":"Please fill out at least one form field.","captchaFailure":"Captcha validation failed. Please try again.","containsInvalidKey":"{0} contains an invalid key.","containsInvalidValue":"{0} contains an invalid value.","formErrors":"Form Errors","formSubmissionFailed":"Form submission failed. Review the following information: {0}.","invalid":"{0} is not valid.","invalidCountryCode":"Country code should have an optional plus and up to 4 digits.","invalidCurrency":"Currency value should be formatted like 1234 or 123.99.","invalidDate":"This is not a real date.","invalidEmail":"Email addresses should follow the format user@domain.com.","invalidListLength":"Value should be {0} elements long.","invalidMapSize":"Value should contain exactly {0} elements.","invalidName":"Valid names contain only letters, numbers, spaces, ', or - characters.","invalidPassword":"Passwords should not contain whitespace.","invalidQuestion":"Contained an invalid question.","invalidStringLength":"Value should be {0} characters long.","invalidTwitterUsername":"Must be a valid X username.","invalidUnsignedNumber":"Numbers must contain only digits and no other characters.","invalidUrl":"Must be a valid URL.","missingRequiredQuestion":"Missing a required question.","missingRequiredSubfields":"{0} is missing required subfields: {1}","noValidSelection":"A valid selection must be made.","required":"{0} is required.","stringTooLong":"Value should have a length no longer than {0}.","stringTooShort":"Value should have a length of at least {0}.","subfieldsRequired":"All fields in {0} are required.","valueOutsideRange":"Value must be in the range {0} to {1}."}}
    </script>
    <div id="form-submission-html-65414a5b6f15575aec5b27b8" class="sqs-form-block-submission-html" data-submission-html=""></div>
<style id="container-styles">#block-d39a2eea9d2236c6cabe {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-d39a2eea9d2236c6cabe .form-wrapper {
    
    --form-block-padding: 6% 6% 6% 6%;
  --form-block-padding: initial;
}

  .fe-block-d39a2eea9d2236c6cabe {
      mix-blend-mode: var(--form-block-blend-mode
    );
      border-radius: var(--form-block-border-radius);
  }

.fe-block-d39a2eea9d2236c6cabe {
      --form-block-border-radius: 0px 0px 0px 0px;
    }

  .fe-block-d39a2eea9d2236c6cabe {
      --form-block-blend-mode
    : normal;
    }
  
  .fe-block-d39a2eea9d2236c6cabe {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-d39a2eea9d2236c6cabe {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-d39a2eea9d2236c6cabe .form-wrapper {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>

    <div class="form-wrapper"
      
    >
      
    </div>
    <style>
      #block-d39a2eea9d2236c6cabe .form-wrapper {
        display: grid;
      }

      #block-d39a2eea9d2236c6cabe .lightbox-handle-wrapper {
        display: none;
      }

      #block-d39a2eea9d2236c6cabe .lightbox-handle-wrapper-system_desktop {
        display: block;
      }
    </style>
    
      <style class="overrides-vars">
      </style>
    
    <style class="transform-overrides-vars">
  
</style>

  </div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1699366485968_38415"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-image image-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/website.components.imageFluid.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/18018.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/39188.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/39882.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/64023.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/92452.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/image-effect-film-grain.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/image-effect-liquid.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/image-effect-parallax.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/image-effect-refracted-circles.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/image-effect-refracted-lines.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/website.components.imageFluid.shared.constants.js&quot;,&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.imageFluid/fe07839c-26a8-4115-855b-b66545682c1e_891/website.components.imageFluid.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.imageFluid" data-sqsp-block="image" data-website-component-id="yui_3_17_2_1_1699366485968_38415" id="block-yui_3_17_2_1_1699366485968_38415"><div class="sqs-block-content">

  <div
    class="fluid-image-component-root image-block-outer-wrapper design-layout-fluid image-position-left image-component-container-fit combination-animation-site-default individual-animation-site-default
    }"
    data-component-id="yui_3_17_2_1_1699366485968_38415"
    data-test="image-block-fluid-outer-wrapper"
    data-is-image-stretched="false"
    data-is-mask-applied="false"
    data-media-focal-point="0.5,0.5"
    
      data-bpo=""
      data-breakpoints="[{&quot;id&quot;:&quot;system_desktop&quot;,&quot;name&quot;:&quot;Desktop&quot;},{&quot;id&quot;:&quot;system_mobile&quot;,&quot;name&quot;:&quot;Mobile&quot;,&quot;maxWidth&quot;:&quot;767px&quot;}]"
    
  >
    <div
      class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
      data-animation-role="image"
    >
      <div
        class="fluid-image-container sqs-image-content js-image-container visitor-mode"
        
        data-sqsp-image-block-image-container
      >
        
  <div class="js-content-mode-element-wrapper js-content-mode-element-system_desktop">
    
        <div class="js-content-mode-element content-fit">
          
  <img data-stretch="false"
  data-src="https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png"
  data-image="https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png"
  data-image-dimensions="2404x369"
  data-image-focal-point="0.5,0.5"
  data-sqsp-image-block-image
  alt=""
  data-licensed-asset-preview="false"
  data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png" width="2404" height="369" alt="" sizes="auto, (max-width: 640px) 100.00vw, (max-width: 767px) 75.00vw, 25.00vw" style="display:block;object-position: var(--image-component-focal-point);object-fit: var(--image-component-object-fit);" srcset="https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/65414a5b6f15575aec5b278a/88b2372a-1bcf-4a50-9ee1-2df86ba02b37/logo-white-1.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
  
  <div class="fluidImageOverlay"></div>

        </div>
      
  </div>
  
      </div>
    </div>
    <style>
      
      #block-yui_3_17_2_1_1699366485968_38415 {
        --image-component-focal-point: 50% 50%;
        
  --image-component-object-fit: contain;
  --image-component-overlay-opacity: 0;
  --image-component-overlay-blend-mode: normal;
  
  --image-component-native-aspect-ratio: 2404/369;
  
      }
      #block-yui_3_17_2_1_1699366485968_38415 .fluid-image-container.visitor-mode {
        
  overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);clip-path: none;-webkit-clip-path: none;

      }
      #block-yui_3_17_2_1_1699366485968_38415 .js-content-mode-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
      }
      #block-yui_3_17_2_1_1699366485968_38415 .js-content-mode-element-system_desktop {
        display: block;
      }
    </style>
    <style class="transform-overrides-vars">
  
</style>

  </div>

</div></div></div><div class="fe-block fe-block-670cfd7c7cd60ebae392"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="670cfd7c7cd60ebae392" id="block-670cfd7c7cd60ebae392"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><div class="sqsrte-scaled-text-container"><span class="sqsrte-scaled-text"><h4 style="white-space:pre-wrap;"><span class="sqsrte-text-color--custom" style="color: rgb(152, 151, 151)">PROUDLY FOUNDED IN DETROIT</span></h4></span></div></div>

<style id="container-styles">#block-670cfd7c7cd60ebae392 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-670cfd7c7cd60ebae392 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-670cfd7c7cd60ebae392 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-670cfd7c7cd60ebae392 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-670cfd7c7cd60ebae392 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-670cfd7c7cd60ebae392 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-670cfd7c7cd60ebae392 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-670cfd7c7cd60ebae392 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-ff75fb390b16cad1c107"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="ff75fb390b16cad1c107" id="block-ff75fb390b16cad1c107"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="" style="white-space:pre-wrap;">Helping mid-market CMOs unlock the power of their customer data using advanced analytics, marketing automation, data engineering, and software integrations.</p></div>

<style id="container-styles">#block-ff75fb390b16cad1c107 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-ff75fb390b16cad1c107 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-ff75fb390b16cad1c107 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-ff75fb390b16cad1c107 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-ff75fb390b16cad1c107 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-ff75fb390b16cad1c107 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-ff75fb390b16cad1c107 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-ff75fb390b16cad1c107 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-54da3568450cde9f0035"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-horizontalrule horizontalrule-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.horizontalrule/1c8ea4ed-0373-4f0a-9bb4-2cc767e044eb_271/website.components.horizontalrule.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.horizontalrule/1c8ea4ed-0373-4f0a-9bb4-2cc767e044eb_271/website.components.horizontalrule.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.horizontalrule" data-sqsp-block="line" data-website-component-id="54da3568450cde9f0035" id="block-54da3568450cde9f0035"><div class="sqs-block-content">
  
<div>
  <hr />
  
    <style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-ee65f1090eca990e6579"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="ee65f1090eca990e6579" id="block-ee65f1090eca990e6579"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="white-space:pre-wrap;"><strong>INFO</strong></p><p class="" style="white-space:pre-wrap;"><a href="/about">About</a> <a href="/about">Us</a><br><a href="/case-studies">Case Studies</a> <br><a href="/blog">Blog</a></p></div>

<style id="container-styles">#block-ee65f1090eca990e6579 {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-ee65f1090eca990e6579 .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-ee65f1090eca990e6579 {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-ee65f1090eca990e6579 {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-ee65f1090eca990e6579 {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-ee65f1090eca990e6579 {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-ee65f1090eca990e6579 {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-ee65f1090eca990e6579 .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-e4b22e10d9db6c4c057f"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-horizontalrule horizontalrule-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.horizontalrule/1c8ea4ed-0373-4f0a-9bb4-2cc767e044eb_271/website.components.horizontalrule.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.horizontalrule/1c8ea4ed-0373-4f0a-9bb4-2cc767e044eb_271/website.components.horizontalrule.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.horizontalrule" data-sqsp-block="line" data-website-component-id="e4b22e10d9db6c4c057f" id="block-e4b22e10d9db6c4c057f"><div class="sqs-block-content">
  
<div>
  <hr />
  
    <style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div><div class="fe-block fe-block-2ebabb61bc4a09402c0f"><div class="sqs-block website-component-block sqs-block-website-component sqs-block-html html-block" data-block-css="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.styles.css&quot;]" data-block-scripts="[&quot;https://definitions.sqspcdn.com/website-component-definition/static-assets/website.components.html/dfdb9af1-f0d3-4487-8447-c951ed739ac9_904/website.components.html.visitor.js&quot;]" data-block-type="1337" data-definition-name="website.components.html" data-sqsp-block="text" data-website-component-id="2ebabb61bc4a09402c0f" id="block-2ebabb61bc4a09402c0f"><div class="sqs-block-content"><div class="sqs-text-block-container">
  
  <div class="sqs-html-content" data-sqsp-text-block-content><p class="sqsrte-small" style="white-space:pre-wrap;"><em>1420 Washington Blvd, Detroit, MI 48226</em></p><p class="sqsrte-small" style="white-space:pre-wrap;"><span class="sqsrte-text-color--white">info@petramanalytics.com</span></p><p class="" style="white-space:pre-wrap;"><strong>©2025 Petram Analytics, Inc.</strong></p></div>

<style id="container-styles">#block-2ebabb61bc4a09402c0f {
    
    --stroke-style: none;--stroke-thickness: 6px;
    
  }

  #block-2ebabb61bc4a09402c0f .sqs-html-content {
    
    --tweak-text-block-padding: 6% 6% 6% 6%;
  --tweak-text-block-padding: initial;
}

  .fe-block-2ebabb61bc4a09402c0f {
      mix-blend-mode: var(--tweak-text-block-blend
  );
      border-radius: var(--tweak-text-block-radius);
  }

.fe-block-2ebabb61bc4a09402c0f {
      --tweak-text-block-radius: 0px 0px 0px 0px;
    }

  .fe-block-2ebabb61bc4a09402c0f {
      --tweak-text-block-blend
  : normal;
    }
  
  .fe-block-2ebabb61bc4a09402c0f {
    --blur-value: blur(15px);}

</style>

<style id="override-container-styles">
    @media screen and (max-width: 767px) {
          
#block-2ebabb61bc4a09402c0f {
            
            }
        }
    
    @media screen and (max-width: 767px) {
          #block-2ebabb61bc4a09402c0f .sqs-html-content {
            
            }
        }
    
  @media screen and (max-width: 767px) {
          
        }</style>
<style class="transform-overrides-vars">
  
</style>

</div>
</div></div></div></div></div>
    </div>
  
  </div>
  
</section>

</footer>

    </div>

    <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.f423a4d017f36c2b6c2571880e877ac5.js" type="text/javascript"></script>
    <!-- Mega Menu Settings from Will-Myers -->
<script>
  window.wmMegaMenuSettings = {
    layout: 'full-width', // full-width or inset
    openAnimation: 'slide', // slide, fade, or swing
  }
</script>

<!-- Mega Menu Installation from Will-Myers -->
<script src="https://cdn.jsdelivr.net/gh/willmyerscode/megaMenu@2/megaMenu.min.js"></script>

<!-- Main script for the interactive component -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // We look for elements without the #interactive-layout-container ID
        // to avoid conflicts if the script runs multiple times.
        const contentBlocks = document.querySelectorAll('.content-block');
        const imageStack = document.querySelector('.image-stack');
        const allImageDivs = [document.getElementById('img1'), document.getElementById('img2'), document.getElementById('img3')];
        const totalItems = allImageDivs.length;
        
        let currentActiveIndex = 0;
        let touchstartX = 0;
        let touchendX = 0;

        function updateDisplay(activeIndex) {
            currentActiveIndex = activeIndex;

            contentBlocks.forEach((block, index) => {
                block.classList.toggle('active', index === activeIndex);
            });

            const isMobile = window.innerWidth < 768;

            const positions = isMobile ? [
                { z: 3, transform: 'translateY(-10%) scale(1)' },
                { z: 2, transform: 'translateY(0) scale(0.95)' },
                { z: 1, transform: 'translateY(10%) scale(0.9)' }
            ] : [
                { z: 3, transform: 'translateX(25%) scale(1)' },
                { z: 2, transform: 'translateX(5%) scale(0.95)' },
                { z: 1, transform: 'translateX(-15%) scale(0.9)' }
            ];
            
            allImageDivs.forEach((img, index) => {
                const behindActiveIndex = (activeIndex - 1 + totalItems) % totalItems;
                if(index === activeIndex) {
                    img.style.zIndex = positions[0].z;
                    img.style.transform = positions[0].transform;
                } else if (index === behindActiveIndex) {
                    img.style.zIndex = positions[1].z;
                    img.style.transform = positions[1].transform;
                } else {
                     img.style.zIndex = positions[2].z;
                     img.style.transform = positions[2].transform;
                }
            });
        }

        contentBlocks.forEach((block, index) => {
            block.addEventListener('click', () => {
                updateDisplay(index);
            });
        });

        function handleSwipe() {
            const swipeThreshold = 50;
            if (touchendX < touchstartX - swipeThreshold) {
                const newIndex = (currentActiveIndex + 1) % totalItems;
                updateDisplay(newIndex);
            }
            if (touchendX > touchstartX + swipeThreshold) {
                const newIndex = (currentActiveIndex - 1 + totalItems) % totalItems;
                updateDisplay(newIndex);
            }
        }

        if (imageStack) {
            imageStack.addEventListener('touchstart', e => {
                touchstartX = e.changedTouches[0].screenX;
            }, { passive: true });

            imageStack.addEventListener('touchend', e => {
                touchendX = e.changedTouches[0].screenX;
                handleSwipe();
            });
        }
        
        window.addEventListener('resize', () => {
            updateDisplay(currentActiveIndex);
        });

        updateDisplay(0);
    });
</script>

  </body>
</html>