html {
  font-size: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
@media (max-width: 580px) {
  html {
    font-size: 1px;
  }
}
@media (min-width: 2560px) {
  html {
    font-size: 1px;
  }
}
section.u4m-hero-fullwidth {
  background-size: cover;
  background-position: 50% 50%;
  background-color: #f8f9f9;
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth {
    padding-top: 0;
  }
}
section.u4m-hero-fullwidth.reverse-text .content-wrap {
  color: #fff;
}

.hero-media {
  position: relative;
  overflow: hidden;
  z-index: -5;
  height: calc(100vh + (1.06vw - 35.28px));
  margin-top: clamp(0px, calc(-4.64vw + 155.11px), 66px); /* calc from 3342 */
  background-size:cover;
  background-position:center;
  container-type: size;
  container-name: hero;
}
@media (max-width: 1920px) {
  .hero-media {
    height: calc(100vh + (9.86vw - 204.37px));
    margin-top: calc(-2.74vw + 118.6px);
  }
}
@media (max-width: 1554px) {
  .hero-media {
    height: calc(100vh + (-3.23vw - 1.87px));
    margin-top: calc(4.61vw + 4.39px);
  }
}
@media (max-width: 1336px) {
  .hero-media {
    height: calc(100vh + (-1.93vw - 19.23px));
    margin-top: calc(1.89vw + 40.62px);
  }
}
@media (max-width: 1024px) {
  .hero-media {
    height: calc(100vh - 49px);
    margin-top: 68px;
  }
}
@media (max-width: 768px) {
  .hero-media {
    height: calc(100vh + (-7.49vw + 6.5px));
    margin-top: calc(9.63vw - 5.93px);
  }
}
@media (max-width: 580px) {
  .hero-media {
    height: calc(100vh + (7.69vw - 81.62px));
    margin-top: calc(-6.92vw + 90.15px);
  }
}
@media (orientation: landscape) and (min-aspect-ratio: 1720/768) {
  .hero-media {
    min-height: 44.65vw; /* 768/1720 */
  }
}
@media (max-aspect-ratio: 5/3) {
  .hero-media {
    max-height: 70vw;
  }
}
@media (max-aspect-ratio: 1/1.7) {
  .hero-media {
    max-height: 100vw;
  }
}

/* --- video layer --- */
  .hero-video-media{
    width:100%;
    height:100%;
    object-fit:cover;      /* fills without distortion */
    object-position:center;
    display:block;
  }

  /* --- pause/play control --- */
  .hero-toggle{
    position:absolute;
    right:10px;
    bottom:calc(14.29vw + 3.57px);
    z-index:2;
    width:44px;height:44px;
    display:grid;place-items:center;
    border:1px solid rgba(255,255,255,.55);
    border-radius:999px;
    background:rgba(8,16,28,.45);
    backdrop-filter:blur(4px);
    color:#fff;
    cursor:pointer;
  }
  .hero-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}
  .hero-toggle svg{width:16px;height:16px;fill:currentColor}

  @media (max-width: 1920px) {
    .hero-toggle{
      bottom: calc(13.97vw + 9.73px);
    }
  }
  @media (max-width: 1554px) {
    .hero-toggle{
      bottom: calc(15.21vw - 9.32px);
    }
  }
  @media (max-width: 1336px) {
    .hero-toggle{
      bottom: calc(13.83vw + 9.28px);
    }
  }
  @media (max-width: 1024px) {
    .hero-toggle{
      bottom: calc(14.12vw + 6.44px);
    }
  }
  @media (max-width: 768px) {
    .hero-toggle{
      bottom: calc(14.44vw + 4.11px);
    }
  }
  @media (max-width: 580px) {
    .hero-toggle{
      bottom: calc(13.85vw + 7.69px);
    }
  }

  /* --- respect reduced motion: poster only --- */
  @media (prefers-reduced-motion: reduce){
    .hero-video{display:none}
    .hero-media{
      background-size:cover;
      background-position:center;
    }
    .hero-toggle{display:none}
  }

.hero-media::before {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: -10vw;
  left: -5vw;
  width: 110vw;
  height: calc(17.08vw - 204px);
  transform: rotate(11deg);
  background-color: #99c221;
}
@media (max-width: 1554px) {
  .hero-media::before {
    height: clamp(54px, calc(3.21vw + 11.1px), 61px);
  }
}
@media (max-width: 1024px) {
  .hero-media::before {
    height: clamp(48px, calc(1.92vw + 28.31px), 54px);
  }
}
@media (max-width: 768px) {
  .hero-media::before {
    height: clamp(32px, calc(5.85vw - 1.94px), 43px);
  }
}
@media (max-width: 580px) {
  .hero-media::before {
    height: calc(1.92vw + 20.85px);
  }
}

.hero-media::after {
  content: "";
  position: absolute;
  width: 110vw;
  height: 14vw;
  bottom: -7vw;
  left: -5vw;
  transform: rotate(-8deg);
  background-color: #f8f9f9;
}

.hero-video {
  position: relative;
  z-index: -3;
}

.hero-media .hero-video,
.hero-media .hs-video-widget,
.hero-media .hs-video-container,
.hero-media .hs-video-wrapper {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
}

.hero-media iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100cqw !important;
  height: 52.08cqw !important; /* 1000/1920 */
  min-width: 192cqh !important; /* 1920/1000 */
  min-height: 100cqh !important;
  transform: translate(-50%, -50%) !important;
}

section.u4m-hero-fullwidth .inner {
  background-color: #f8f9f9;
}
section.u4m-hero-fullwidth .inner .content-wrap {
  float: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1px;
  margin-bottom: -28px;
  max-width: 1080rem;
  padding: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #f8f9f9;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap {
    margin-bottom: -50px;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
}
body.hs-landing-page section.u4m-hero-fullwidth .inner .content-wrap .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .image {
    max-width: 100%;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .image .hero-image {
  width: 100%;
  height: 500rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background-image 1s ease-in-out;
  transition: background-image 1s ease-in-out;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .image .hero-image {
    width: 195vw;
    height: 400rem;
    background-position: top center;
    max-width: 100%;
  }
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap .image .hero-image {
    height: 200rem;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 80%;
  text-align: center;
}
body.hs-landing-page section.u4m-hero-fullwidth .inner .content-wrap .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .eyebrow {
  color: #ed8b00;
  font-family: "UniversLTStd-Cn", sans-serif;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 1.5rem;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10rem;
  margin-bottom: 20rem;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .eyebrow {
    font-size: 14rem;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .heading {
  color: #194955;
  font-family: "UniversLTStd", sans-serif;
  font-size: 60rem;
  font-weight: bold;
  letter-spacing: -1rem;
  margin-bottom: 30rem;
  line-height: 1.2;
  margin-top: 0;
}
section.reverse-text
  section.u4m-hero-fullwidth
  .inner
  .content-wrap
  .copy
  .heading
  span {
  color: #bed600;
}
section:not(.reverse-text)
  section.u4m-hero-fullwidth
  .inner
  .content-wrap
  .copy
  .heading
  span {
  color: #0092bc;
}
@media (max-width: 1280px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading {
    font-size: 48rem;
  }
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading {
    font-size: 38rem;
    margin-bottom: 20rem;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
  color: #194955;
  font-family: "UniversLTStd", sans-serif;
  font-size: 40rem;
  font-weight: bold;
  margin-bottom: 30rem;
  line-height: 1.2;
}
section.reverse-text
  section.u4m-hero-fullwidth
  .inner
  .content-wrap
  .copy
  .heading.small
  span {
  color: #bed600;
}
section:not(.reverse-text)
  section.u4m-hero-fullwidth
  .inner
  .content-wrap
  .copy
  .heading.small
  span {
  color: #0092bc;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
    font-size: 32rem;
  }
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
    font-size: 30rem;
    margin-bottom: 20rem;
  }
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
    color: #194955;
    font-family: "UniversLTStd", sans-serif;
    font-size: 32rem;
    font-weight: bold;
    margin-bottom: 30rem;
    line-height: 1.2;
  }
  section.reverse-text
    section.u4m-hero-fullwidth
    .inner
    .content-wrap
    .copy
    .heading.small
    span {
    color: #bed600;
  }
  section:not(.reverse-text)
    section.u4m-hero-fullwidth
    .inner
    .content-wrap
    .copy
    .heading.small
    span {
    color: #0092bc;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
    font-size: 26rem;
  }
}
@media (max-width: 1024px) and (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
    font-size: 24rem;
    margin-bottom: 20rem;
  }
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading.small {
    font-size: 30px !important;
    margin-bottom: 0;
    text-align: left;
  }
  section.u4m-hero-fullwidth .inner .content-wrap .copy .subtext {
    text-align: left;
  }
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading {
    color: #194955;
    font-family: "UniversLTStd", sans-serif;
    font-size: 40rem;
    font-weight: bold;
    margin-bottom: 30rem;
    line-height: 1.2;
    font-size: 40rem !important;
  }
  section.reverse-text
    section.u4m-hero-fullwidth
    .inner
    .content-wrap
    .copy
    .heading
    span {
    color: #bed600;
  }
  section:not(.reverse-text)
    section.u4m-hero-fullwidth
    .inner
    .content-wrap
    .copy
    .heading
    span {
    color: #0092bc;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading {
    font-size: 32rem;
  }
}
@media (max-width: 1024px) and (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .heading {
    font-size: 30rem;
    margin-bottom: 20rem;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .subtext {
  font-family: "UniversLTStd", sans-serif;
  font-size: 18rem;
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: 20rem;
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .subtext {
    font-size: 17rem;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .link1 a {
  display: inline-block;
  font-family: "UniversLTStd", sans-serif;
  color: #fff !important;
  background-color: #0092bc;
  border: 0;
  border-radius: 24rem;
  padding: 14rem 30rem 10rem;
  margin: 20rem 0;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .link1 a:hover,
section.u4m-hero-fullwidth .inner .content-wrap .copy .link1 a:focus {
  background-color: #21b0da;
  color: #fff;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy .link1 a {
    padding: 14rem 30rem 12rem;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .link2 {
  margin-left: 25rem;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .link2 a {
  color: #194955;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15rem;
  text-decoration: none;
  margin: 20rem 0 18rem;
  cursor: pointer;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .link2 a:after {
  display: inline;
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 7rem;
  text-align: center;
  background-color: #bed600;
  border-radius: 50%;
  padding: 6rem;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy .link2 a:hover:after,
section.u4m-hero-fullwidth .inner .content-wrap .copy .link2 a:focus:after {
  -webkit-transform: translate(3rem, 0);
  transform: translate(3rem, 0);
}
section.u4m-hero-fullwidth .inner .content-wrap .copy svg {
  max-width: 100rem;
  cursor: pointer;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy svg circle {
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
section.u4m-hero-fullwidth .inner .content-wrap .copy svg:hover circle {
  fill: #b5babf;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap .copy {
    padding-right: 0;
    padding-left: 0;
    padding: 20rem 0 0 0;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap.has-image .image,
section.u4m-hero-fullwidth .inner .content-wrap.has-image.text-left .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-image
  .image,
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-image.text-left
  .image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
@media (max-width: 580px) {
  section.u4m-hero-fullwidth .inner .content-wrap.has-image .image,
  section.u4m-hero-fullwidth .inner .content-wrap.has-image.text-left .image {
    padding: 0;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap.has-image .copy,
section.u4m-hero-fullwidth .inner .content-wrap.has-image.text-left .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  text-align: left;
}
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-image
  .copy,
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-image.text-left
  .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap.has-image .copy,
  section.u4m-hero-fullwidth .inner .content-wrap.has-image.text-left .copy {
    padding-right: 0;
    padding-left: 0;
    padding: 30rem 0 0 0;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap.has-video .video,
section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left .video {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: inherit;
}
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video
  .video,
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .video {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap.has-video .video,
  section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left .video {
    padding: 0;
    width: 100%;
  }
}
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video
  .video
  .open-popup-link,
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .video
  .open-popup-link {
  height: 100%;
  width: 100%;
}
section.u4m-hero-fullwidth .inner .content-wrap.has-video .video .video-image,
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .video
  .video-image {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap.has-video .video .video-image,
  section.u4m-hero-fullwidth
    .inner
    .content-wrap.has-video.text-left
    .video
    .video-image {
    height: 30vh;
  }
}
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video
  .video
  .video-image:before,
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .video
  .video-image:before {
  content: "";
  background-image: url("https://www.truesense.com/hubfs/video-play.svg");
  height: 127rem;
  width: 127rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
}
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video
  .video
  .video-image:hover:before,
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .video
  .video-image:hover:before {
  opacity: 0.8;
}
section.u4m-hero-fullwidth .inner .content-wrap.has-video .video .video-embed,
section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .video
  .video-embed {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
section.u4m-hero-fullwidth .inner .content-wrap.has-video .copy,
section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  text-align: left;
}
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video
  .copy,
body.hs-landing-page
  section.u4m-hero-fullwidth
  .inner
  .content-wrap.has-video.text-left
  .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap.has-video .copy,
  section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left .copy {
    padding-right: 0;
    padding-left: 0;
    padding: 30rem 0 0 0;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap.text-left,
section.u4m-hero-fullwidth .inner .content-wrap.has-embed,
section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
section.u4m-hero-fullwidth .inner .content-wrap.text-left .copy,
section.u4m-hero-fullwidth .inner .content-wrap.has-embed .copy,
section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left .copy {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  text-align: left;
  margin-right: auto;
  padding-right: 100px;
  padding-left: 0;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap.text-left .copy,
  section.u4m-hero-fullwidth .inner .content-wrap.has-embed .copy,
  section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left .copy {
    padding-right: 0;
    padding-left: 0;
    padding: 0 0 30rem;
  }
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap.text-left,
  section.u4m-hero-fullwidth .inner .content-wrap.has-embed,
  section.u4m-hero-fullwidth .inner .content-wrap.has-video.text-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
section.u4m-hero-fullwidth .inner .content-wrap.has-embed .embed {
  width: 100%;
}
section.u4m-hero-fullwidth .inner .content-wrap.has-none .copy {
  padding-left: 0;
}
@media (max-width: 1024px) {
  section.u4m-hero-fullwidth .inner .content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}