html,
body {
  overflow-x: hidden;
  position: relative;
  font-family: proxima-nova, sans-serif;
  height: 100%;
  min-height: 100% !important;
}

body {
  padding: 0;
  margin: 0;
  background-color: #fff;
  color: #333;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #142131;
    color: #fff;
  }
}

.section {
  max-width: 1440px;
  margin: 0 auto;
}

header .container {
  padding-top: 2.81rem;
  padding-bottom: 3.19rem;
  padding-left: 3%;
  padding-right: 3%;
}
@media screen and (min-width: 768px) {
  header .container {
    padding-left: 5.0694444444%;
    padding-right: 5.0694444444%;
  }
}

.main-content {
  padding-left: 3%;
  padding-right: 3%;
}
@media screen and (min-width: 768px) {
  .main-content {
    padding-left: 5.0694444444%;
    padding-right: 5.0694444444%;
  }
}
@media screen and (min-width: 1024px) {
  .main-content {
    width: 46.1805555556%;
    max-width: 738px;
  }
}

.title {
  font-size: 2rem;
  line-height: 94.667%;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.54rem;
}
@media screen and (min-width: 390px) {
  .title {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .title {
    font-size: 3.75rem;
  }
}

.subtitle {
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem; /* 92.857% */
  margin-top: 1.54rem;
  margin-bottom: 1.54rem;
}

p {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 1.54rem;
  margin-bottom: 2.23rem;
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.63rem;
  width: 100%;
  max-width: 24rem;
}
form input.text-input {
  padding: 1.0625rem 1.5625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2.4375rem;
  border: 1px solid #4e4e4e;
  background: #fff;
  color: #000;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem; /* 100% */
}
form input.submit {
  cursor: pointer;
  border-radius: 1.875rem;
  background: #2955e4;
  border: 1px solid #4e4e4e;
  color: #fff;
  text-align: center;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.875rem; /* 136.364% */
  text-transform: uppercase;
  padding: 0.98rem 2.48rem 0.85rem;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}
form input.submit:hover {
  border-color: #142131;
  background-color: #fff;
  color: #142131;
}

.disclaimer {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 3.58rem;
}
@media (prefers-color-scheme: dark) {
  .disclaimer {
    color: #a8a8a8;
  }
}

.infographic-animation-container {
  position: relative;
  margin-bottom: 3.75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 514px;
  aspect-ratio: 780/685;
  opacity: 0;
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
  -webkit-animation: fadeInAnimation 800ms;
          animation: fadeInAnimation 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (min-width: 1024px) {
  .infographic-animation-container {
    max-width: 780px;
    margin-bottom: 0;
    position: absolute;
    top: 6.83rem;
    left: 51.25%;
    width: 54.1666666667%;
  }
}
.infographic-animation-container picture {
  position: absolute;
  top: 9.296350365%;
  width: 119.2411924119%;
  max-width: 880px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 auto;
  height: auto;
  display: block;
}
.infographic-animation-container #page-1 {
  z-index: 2;
  -webkit-animation: pageOneAnimation 1.25s;
          animation: pageOneAnimation 1.25s;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.infographic-animation-container #page-2 {
  z-index: 1;
}
.infographic-animation-container #page-3 {
  z-index: 0;
  -webkit-animation: pageThreeAnimation 1.25s;
          animation: pageThreeAnimation 1.25s;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes pageOneAnimation {
  0% {
    top: 9.296350365%;
  }
  84% {
    top: -4.4145985401%;
  }
  100% {
    top: -3.0364963504%;
  }
}
@keyframes pageOneAnimation {
  0% {
    top: 9.296350365%;
  }
  84% {
    top: -4.4145985401%;
  }
  100% {
    top: -3.0364963504%;
  }
}
@-webkit-keyframes pageThreeAnimation {
  0% {
    top: 9.296350365%;
  }
  84% {
    top: 23.3576642336%;
  }
  100% {
    top: 21.2321167883%;
  }
}
@keyframes pageThreeAnimation {
  0% {
    top: 9.296350365%;
  }
  84% {
    top: 23.3576642336%;
  }
  100% {
    top: 21.2321167883%;
  }
}
.thanks-popup {
  background-color: #fff;
  color: #333;
}
@media (prefers-color-scheme: dark) {
  .thanks-popup {
    background-color: #142131;
    color: #fff;
  }
}
.thanks-popup.swal2-popup {
  width: 720px;
  max-width: 100%;
  border-radius: 15px;
  padding-top: 3rem;
  -webkit-box-shadow: 0px 5px 88px 22px rgba(20, 33, 49, 0.1);
          box-shadow: 0px 5px 88px 22px rgba(20, 33, 49, 0.1);
}
@media (prefers-color-scheme: dark) {
  .thanks-popup.swal2-popup {
    -webkit-box-shadow: 0px 5px 88px 22px rgba(255, 255, 255, 0.2);
            box-shadow: 0px 5px 88px 22px rgba(255, 255, 255, 0.2);
  }
}
.thanks-popup .close-button {
  position: absolute;
  top: 15.9px;
  right: 14.6px;
  border-radius: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 14.8px;
  width: 14.8px;
  margin: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  cursor: pointer;
  color: #142131;
}
@media (prefers-color-scheme: dark) {
  .thanks-popup .close-button {
    color: #fff;
  }
}
.thanks-popup .close-button:hover {
  color: red;
  outline: none;
  border: 0;
}
.thanks-popup .close-button svg {
  height: auto;
  width: 100%;
}
.thanks-popup .swal2-html-container {
  margin-top: 0;
}
.thanks-popup .thank-you-message {
  font-weight: normal;
  text-align: left;
}
.thanks-popup .thank-you-message header {
  margin-top: 0;
  margin-bottom: 2rem;
  text-align: center;
}
.thanks-popup .thank-you-message header h2 {
  font-size: 2.75rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.thanks-popup .thank-you-message header p {
  margin-top: 0.25rem;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 2rem;
}
.thanks-popup .thank-you-message p {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.thanks-popup .thank-you-message p.has-small-margin {
  margin-bottom: 1.25rem;
}
.thanks-popup .thank-you-message .explore-viewstream-ctas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 1.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2.25rem;
}
@media screen and (min-width: 558px) {
  .thanks-popup .thank-you-message .explore-viewstream-ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.thanks-popup .thank-you-message .explore-viewstream-ctas .button {
  cursor: pointer;
  border-radius: 1.875rem;
  background: #2955e4;
  border: 1px solid #4e4e4e;
  color: #fff;
  text-align: center;
  font-size: 1.15rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.875rem; /* 136.364% */
  text-transform: uppercase;
  padding: 0.5rem 1.25rem 0.35rem;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  text-decoration: none;
}
.thanks-popup .thank-you-message .explore-viewstream-ctas .button:hover {
  border-color: #142131;
  background-color: #fff;
  color: #142131;
}
/*# sourceMappingURL=main.css.map */