#fw-section-custom-html-b6a2acbd-0e73-4cdd-8a99-38d1d761d54e {

/* Kill padding/margin on the section that holds the roadmap */
section[data-section-type="custom_html"],
section[data-section-type="custom_html"] > div {
  padding: 0 !important;
  margin: 0 !important;
}

}










































































































































































#fw-section-hero-video-5417aaa3-9f5b-4a5f-83dc-0e694556fe09 {
--font-heading-scale: 0.7;
--font-body-scale: 0.87;
}
#fw-section-hero-video-5417aaa3-9f5b-4a5f-83dc-0e694556fe09 {
--color-primary: #ffffff;
--color-primary-rgb: 255, 255, 255;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);
/* Mobile: put the 3 hero CTAs side by side instead of stacked */
@media (max-width: 768px) {

  /* Make the CTA container a flex row */
  .hero__cta-container.hero__cta-container--center {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  /* Each CTA block (the div around each button) */
  .hero__cta-container .hero__cta {
    flex: 1 1 30%;
    max-width: 32%;
  }

  /* All three buttons: stop full-width and shrink padding/text */
  .hero__cta-container .button.button--expand {
    width: 100% !important;        /* fills its flex column only */
    padding: 10px 6px !important;
    font-size: 13px !important;
    white-space: normal;
  }
}


}









#fw-section-text-carousel-58ce2100-22d1-4864-b709-7d20a87f247e {
--color-primary: #FFFFFF;
--color-primary-rgb: 255, 255, 255;
--color-background: #FFFFFF;
--color-background-rgb: 255, 255, 255;
--color-on-primary: #000000;
--color-on-primary-rgb: 0, 0, 0;
--color-on-background: #000000;
--color-on-background-rgb: 0, 0, 0;
--color-product-image-background: #000000;
--color-background-brightness: 255;
background-color: var(--color-background);
color: var(--color-on-background);

}

#fw-section-header {
--color-primary: #000000;
--color-primary-rgb: 0, 0, 0;
--color-background: #000000;
--color-background-rgb: 0, 0, 0;
--color-on-primary: #FFFFFF;
--color-on-primary-rgb: 255, 255, 255;
--color-on-background: #ffffff;
--color-on-background-rgb: 255, 255, 255;
--color-product-image-background: #ffffff;
--color-background-brightness: 0;
background-color: var(--color-background);
color: var(--color-on-background);

}