@charset "UTF-8";

html.-no-scroll body {
  position: fixed;
  overflow: hidden;
  width: 100%
}

.navbar-toggler {
  border: none;
}

.mobileNav {
  border-radius: unset !important;
  color: #fff;
  height: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transition: all .15s ease-in;
  z-index: 1000
}

.mobileNav.-is-active {
  min-height: 100%;
  opacity: 1;
  position: relative;
  pointer-events: auto
}

.mobileNav-container {
  background-color: #191C21;
  height: 100%;
  margin: 0 auto;
  min-height: 100vh;
  overflow: scroll;
  width: 100%
}

.mobileNav-content {
  padding: 32px 32px 80px
}

.mobileNav-content::-webkit-scrollbar {
  width: 0
}

.mobileNav-content a {
  color: #fff;
  text-decoration: none
}

.mobileNav-content ul {
  margin-top: 0;
  padding-left: 0
}

.mobileNav-content li {
  list-style-type: none;
  margin-bottom: 32px
}

.siteHeader li a {
  cursor: pointer;
  text-transform: uppercase;
  font-family: 'Ropa Sans', sans-serif;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 600;
  position: relative;
  color: #333;
  font-size: 1.6rem;
}
.mobileNav-wrapper {
  cursor: pointer;
  height: 100%;
  right: 0;
  top: 0;
  width: 66px;
  position: absolute;
  z-index: 800;
  background-color: transparent;
  padding: 0
}

.mobileNav-wrapper:focus,
.mobileNav-wrapper:hover {
  background-color: transparent;
  outline: none
}

@media (min-width:992px) {
  .mobileNav-wrapper {
    display: none
  }
  .mobile-navbar {
    display: none;
  }
}

.mobileNav-wrapper.-active .mobileNav-toggle {
  transition-delay: .2s;
  transform: translate(-50%, -50%) rotate(135deg)
}

.mobileNav-wrapper.-active .mobileNav-toggle:before {
  animation: l .8s cubic-bezier(0, 1.02, 1, 1.01) forwards
}

.mobileNav-wrapper.-active .mobileNav-toggle:after {
  animation-delay: .8s;
  animation: m .8s cubic-bezier(0, 1.02, 1, 1.01) forwards
}

.mobileNav-toggle {
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%)
}

.mobileNav-toggle,
.mobileNav-toggle:after,
.mobileNav-toggle:before {
  border-radius: unset;
  height: 2px;
  width: 16px;
  background-color: #191C21;
  display: block;
  position: absolute;
  transition: all 225ms ease-in-out
}

.mobileNav-toggle:after,
.mobileNav-toggle:before {
  content: "";
  top: 0;
  left: 0
}

.mobileNav-toggle:before {
  animation: n .8s cubic-bezier(0, 1.02, 1, 1.01) forwards
}

.mobileNav-toggle:after {
  animation: o .8s cubic-bezier(0, 1.02, 1, 1.01) forwards
}

.rotatingScreenshot {
  position: relative;
  display: none
}

.horizontalNavigation__list-item span {
  font-size: 1.6rem;
}
.subtitle span {
  font-size: 1.4rem;
  padding-left: 20px;
}
@media (min-width:48em) {
  .rotatingScreenshot {
    display: flex
  }
}

.rotatingScreenshot-navigation {
  background: linear-gradient(180deg, #edf1f2 0, #f6f8f9);
  padding-bottom: 80px;
  padding-top: 80px
}

@media (min-width:48em) {
  .rotatingScreenshot-navigation {
    margin-top: -80px;
    padding-top: 160px
  }
}

@media (max-width:47.9375em) {
  .rotatingScreenshot-navigation {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media (max-width: 991.98px) {
  .rotatingScreenshot-navigation {
    padding-left: 32px;
    padding-right: 32px
  }
}

@media (min-width:48em) {
  .rotatingScreenshot-navigation {
    padding-bottom: 160px
  }
}

.rotatingScreenshot-image {
  box-sizing: border-box;
  flex: 0 1 auto;
  position: relative;
  box-shadow: 0 30px 50px 0 rgba(34, 43, 55, .1);
  display: none;
  margin-left: auto;
  margin-right: auto
}

@media (min-width:48em) {
  .rotatingScreenshot-image {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 16.66667%
  }
}

@media (min-width:992px) {
  .rotatingScreenshot-image {
    flex-basis: 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 25%
  }
}

@media (min-width:1440px) {
  .rotatingScreenshot-image {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    padding-left: 0;
    padding-right: 0
  }
}

.rotatingScreenshot-image.-no-gutters {
  padding-left: 0;
  padding-right: 0
}

@media (min-width:1440px) {
  .rotatingScreenshot-image {
    margin-left: 16.66667%
  }
}

@media (max-width:59.9375em) {
  .rotatingScreenshot-image {
    max-width: 95%
  }
}

@media (min-width:1210px) {
  .rotatingScreenshot-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 1210px
  }
}

.rotatingScreenshot-image.-active {
  display: block
}

.rotatingScreenshot-imageMobile {
  box-shadow: 0 30px 50px 0 rgba(34, 43, 55, .1);
  margin-bottom: 48px;
  margin-left: auto;
  margin-right: auto;
  max-width: 95%
}

.rotatingScreenshot-imageMobile:not(:first-of-type) {
  margin-top: 48px
}

@media (min-width:48em) {
  .rotatingScreenshot-imageMobile {
    display: none
  }
}

.rotatingScreenshot-toggle {
  box-sizing: border-box;
  flex: 0 1 auto;
  position: relative;
  cursor: pointer;
  transition: all .3s
}

@media (min-width:48em) {
  .rotatingScreenshot-toggle {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0
  }
}

@media (min-width:992px) {
  .rotatingScreenshot-toggle {
    flex-basis: 25%;
    max-width: 25%;
    padding-left: 16px;
    padding-right: 16px
  }
}

@media (min-width:1440px) {
  .rotatingScreenshot-toggle {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    padding-left: 16px;
    padding-right: 16px
  }
}

.rotatingScreenshot-toggle.-no-gutters {
  padding-left: 0;
  padding-right: 0
}

.rotatingScreenshot-toggle:hover {
  opacity: 1
}

@media (min-width:48em) {
  .rotatingScreenshot-toggle {
    opacity: .5
  }
}

@media (max-width:47.9375em) {
  .rotatingScreenshot-toggle {
    pointer-events: none
  }
}

@media (max-width:59.9375em) {
  .rotatingScreenshot-toggle:not(:last-of-type) {
    padding-bottom: 48px
  }
}

@media (min-width:992px) {
  .rotatingScreenshot-toggle.-first {
    margin-left: 12.5%
  }
}

@media (min-width:1440px) {
  .rotatingScreenshot-toggle.-first {
    margin-left: 25%
  }
}

.rotatingScreenshot-toggle.-active {
  opacity: 1
}

@media (min-width:48em) {
  .rotatingScreenshot-toggle.-active:before {
    background: url(https://luna1.co/4fa14b.png) no-repeat 50%;
    background-size: cover;
    content: "";
    display: block;
    height: 6px;
    left: -8px;
    position: absolute;
    top: 14px;
    width: 12px
  }
}

.rotatingGallery-parentContainer {
  max-width: none;
  overflow: hidden;
  width: 100%
}

@media (min-width:80em) {
  .rotatingGallery-parentContainer.-short .rotatingGallery {
    width: 60%
  }
}

@media (min-width:120em) {
  .rotatingGallery-parentContainer.-short .rotatingGallery {
    width: 50%
  }
}

.rotatingGallery-container {
  overflow: hidden
}

.rotatingGallery-container.-bg-gray-gradient {
  background-image: radial-gradient(85% 114%, #646f79 0, #222b37 85%)
}

@media (min-width:48em) {
  .rotatingGallery-container.-bg-gray-gradient {
    background-image: radial-gradient(50% 114%, #646f79 0, #222b37 100%)
  }
}

.rotatingGallery-container.-bg-gray-gradient .rotatingGallery-text {
  color: #fff
}

.rotatingGallery-container.-bg-indigo {
  background-image: radial-gradient(50% 99%, #23344b 0, #1b2635 99%)
}

.rotatingGallery-container.-bg-indigo .rotatingGallery-text {
  color: #fff
}

.rotatingGallery-container.-bg-gray {
  background-color: #d8e0ec;
  color: #222b37
}

.rotatingGallery-container.-bg-gray .rotatingGallery-text {
  color: #222b37
}

.rotatingGallery-container.-bg-lavender {
  background-color: #f0f0ff;
  color: #222b37
}

.rotatingGallery-container.-bg-lavender .rotatingGallery-text {
  color: #222b37
}

.rotatingGallery {
  margin: 80px auto!important;
  position: relative;
  user-select: none;
  width: 75%
}

@media (min-width:60em) {
  .rotatingGallery {
    margin: 96px auto!important
  }
}

@media (min-width:992px) {
  .rotatingGallery {
    margin: 128px auto!important
  }
}

@media (min-width:60em) {
  .rotatingGallery {
    width: 66.66%
  }
}

@media (min-width:80em) {
  .rotatingGallery {
    width: 50%
  }
}

.rotatingGallery-header {
  margin-bottom: 32px
}

@media (min-width:48em) {
  .rotatingGallery-header {
    margin-bottom: 64px;
    padding-left: 32px;
    padding-right: 32px
  }
}

.rotatingGallery-slide {
  left: 0;
  position: absolute;
  visibility: hidden
}

.center-slide {
  transform: translateZ(0);
  visibility: visible
}

.center-slide .rotatingGallery-image,
.center-slide .rotatingGallery-link,
.center-slide .rotatingGallery-text {
  opacity: 1
}

.center-slide .rotatingGallery-image {
  box-shadow: 0 37px 45px 0 rgba(34, 43, 55, .1)
}

.left-slide .rotatingGallery-image,
.right-slide .rotatingGallery-image {
  box-shadow: 0 20px 30px 0 rgba(36, 50, 66, .14)
}

.left-slide {
  cursor: w-resize;
  transform: translate3d(-105%, 0, 0);
  visibility: visible
}

@media (min-width:60em) {
  .left-slide {
    transform: translate3d(-110%, 0, 0)
  }
}

.left-slide .rotatingGallery-image {
  opacity: .5
}

.right-slide {
  cursor: e-resize;
  transform: translate3d(105%, 0, 0);
  visibility: visible
}

@media (min-width:60em) {
  .right-slide {
    transform: translate3d(110%, 0, 0)
  }
}

.right-slide .rotatingGallery-image {
  opacity: .5
}

.moving-slide {
  transition: transform .7s cubic-bezier(.694, 0, .335, 1), visibility .7s cubic-bezier(.694, 0, .335, 1)
}

.fade-in-right {
  animation: r .7s cubic-bezier(.694, 0, .335, 1)
}

.fade-in-left {
  animation: q .7s cubic-bezier(.694, 0, .335, 1)
}

@media (min-width:48em) {
  .rotatingGallery-slide-content {
    padding-left: 16px;
    padding-right: 16px
  }
}

@media (min-width:60em) {
  .rotatingGallery-slide-content {
    max-width: 95%;
    padding-left: 32px;
    padding-right: 32px
  }
}

@media (min-width:992px) {
  .rotatingGallery-slide-content {
    max-width: 85%
  }
}

.rotatingGallery-headline {
  font-size: 1.375rem;
  line-height: 1.5
}

@media (min-width:80em) {
  .rotatingGallery-headline {
    font-size: 1.9375rem;
    line-height: 1.387
  }
}

@media (min-width:80em) {
  .rotatingGallery-description {
    font-size: 1.125rem;
    line-height: 1.722
  }
}

.rotatingGallery-text {
  opacity: 0;
  transition: opacity .3s
}

.rotatingGallery-image {
  backface-visibility: hidden;
  border-radius: unset;
  height: auto;
  margin-bottom: 32px;
  opacity: .5;
  transition: opacity .3s;
  width: 100%
}

@media (min-width:48em) {
  .rotatingGallery-image {
    margin-bottom: 40px
  }
}

@media (min-width:992px) {
  .rotatingGallery-image {
    margin-bottom: 64px
  }
}

.rotatingGallery-image:hover {
  opacity: 1
}

.rotatingGallery-link {
  border-bottom: 2px solid #848f99;
  color: #fff;
  display: inline-block;
  margin-left: 32px;
  opacity: 0;
  padding-bottom: 2px;
  transition: border-color 225ms
}

.rotatingGallery-link:hover {
  color: #fff;
  border-color: #fff
}

.siteHeader {
  box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
  border-radius: unset;
  justify-content: space-between;
  transition: padding 225ms, transform .3s ease-out;
  width: 100%;
  z-index: 900;
  top: 0;
  position: fixed
}

.siteHeader img {
  width: 170px;
}

.siteHeader.-dropdown-active .siteHeader__row,
.siteHeader.-initial-white .siteHeader__row,
.siteHeader.-is-scrolling .siteHeader__row {
  color: inherit
}

.siteHeader.-dropdown-active .siteHeader__row:before,
.siteHeader.-initial-white .siteHeader__row:before,
.siteHeader.-is-scrolling .siteHeader__row:before {
  opacity: 1
}

@media (min-width: 991px) {
  .siteHeader.-disabled {
    transition: padding 225ms, transform .2s ease-in;
    transform: translateY(-100%)
  }
}

.siteHeader__wrapper {
  height: 100%;
  max-width: 1440px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 64px;
  overflow: hidden;
}

.siteHeader__row {
  height: 56px;
  width: 100%;
  position: relative;
  z-index: 10
}

.siteHeader__row:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  box-shadow: 0 2px 12px 0 rgba(36, 50, 66, .075);
  background-color: rgba(255, 255, 255, .8);
  transition: opacity .3s ease-in-out
}

.siteHeader__nav-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%
}

.siteHeader__lang-button {
  position: relative;
  background-color: transparent;
  padding: 0 12px;
  margin: 0 12px
}

.siteHeader__lang-button:before {
  content: "";
  position: absolute;
  border-radius: unset;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  background: #edf1f2;
  z-index: -1;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.siteHeader__lang-button:hover {
  background-color: transparent
}

.siteHeader__lang-button:hover .icon--globe path {
  transition: fill .3s ease-in-out;
  fill: #796eff
}

.siteHeader__lang-button:focus:before {
  opacity: 1
}

.siteHeader .horizontalNavigation {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 0 32px
}

.siteHeader .horizontalNavigation__list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0;
  padding: 0;
  list-style: none;
}

.siteHeader .horizontalNavigation__list-item {
  margin: 0;
  padding: 0
}

.siteHeader .horizontalNavigation__list-item:last-of-type {
  margin-right: 0
}

.siteHeader .horizontalNavigation__mobile-buttons {
  display: none
}

.siteHeader .horizontalNavigation-item {
  border-bottom: none;
  color: #646f79
}

.siteHeader .horizontalNavigation-item:active,
.siteHeader .horizontalNavigation-item:hover,
.siteHeader .horizontalNavigation-item:target {
  border-bottom: none
}

.siteHeader .horizontalNavigation-item.-is-active {
  color: #151b26
}

.siteHeader .horizontalNavigation-item.hidden-logged-in {
  display: inline-block
}

.siteHeader .navigation__link-icon,
.siteHeader .navigation__link-text {
  position: relative;
  pointer-events: none
}

.siteHeader .navigation__link-icon:before,
.siteHeader .navigation__link-text:before {
  content: "";
  position: absolute;
  border-radius: unset;
  width: calc(100% + 20px);
  height: calc(100% + 10px);
  top: -5px;
  left: -10px;
  background: #edf1f2;
  z-index: -1;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.siteHeader .navigation__link {
  padding: 0 13px;
  margin: 0;
  background: none;
  border-radius: unset;
  border: 0;
  color: #646f79;
  position: relative;
  display: inline-block;
  height: 100%;
  letter-spacing: 0;
  font-size: 14px;
  line-height: 56px
}

.siteHeader .navigation__link svg {
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
  pointer-events: none
}

.siteHeader .navigation__link:hover {
  border: 0
}

.siteHeader .navigation__link:focus .navigation__link-icon:before,
.siteHeader .navigation__link:focus .navigation__link-text:before {
  opacity: 1;
  transform: scale(1)
}

.siteHeader .navigation__link:active .navigation__link-icon:before,
.siteHeader .navigation__link:active .navigation__link-text:before {
  transform: scale(.9)
}

.siteHeader .navigation__link-toggle:focus:before {
  display: none
}

.siteHeader .navigation__link-toggle.-active .navigation__link-text {
  color: #796eff
}

.siteHeader .navigation__link-toggle.-active .navigation__link-text svg {
  color: #796eff;
  transform: rotate(180deg)
}

.siteHeader .navigation__link-toggle:focus,
.siteHeader .navigation__link-toggle:hover,
.siteHeader .navigation__link:focus,
.siteHeader .navigation__link:hover {
  outline: none;
  background: none;
  color: #796eff
}

.siteHeader .navigation__link-indicator {
  height: 2px;
  width: 100px;
  background: #796eff;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
  transform-origin: left;
  transition: transform .35s cubic-bezier(0, 0, .16, .96);
  transform: translateX(0) scale(0)
}

.siteHeader .navigation__contact-sales,
.siteHeader .navigation__sign-in {
  padding: 0 12px;
  margin: 0
}

.siteHeader .navigation__dropdown {
  display: flex;
  pointer-events: none;
  width: 100%;
  max-height: calc(100vh - 150px);
  max-width: 1440px;
  padding: 0 64px;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  position: fixed;
  overflow: auto;
  left: 50%;
  z-index: 8;
  transform: translateX(-50%);
  -ms-overflow-style: none;
  scrollbar-width: none
}

.siteHeader .navigation__dropdown::-webkit-scrollbar {
  display: none
}

.siteHeader .navigation__dropdown.-active {
  visibility: visible;
  pointer-events: all;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.siteHeader .navigation__dropdown.-active::-webkit-scrollbar {
  display: initial
}

.siteHeader .navigation__dropdown__wrapper {
  opacity: 0;
  height: 200vh;
  min-height: 500px;
  box-shadow: 0 50px 60px 0 rgba(36, 50, 66, .15);
  position: fixed;
  background: #fff;
  will-change: transform;
  transition: transform .35s cubic-bezier(0, 0, .16, .96), opacity .35s cubic-bezier(0, 0, .16, .96);
  width: 100%;
  left: 0;
  bottom: 100%;
  z-index: 5
}

.siteHeader .navigation__dropdown__wrapper.-active {
  opacity: 1
}

.siteHeader .navigation__dropdown__featured-background {
  position: absolute;
  background: #f6f8f9;
  border-left: 1px solid #e0e6e8;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 100vw;
  transform-origin: left;
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(0, 0, .16, .96)
}

.siteHeader .navigation__dropdown__section {
  padding-bottom: 20px;
  margin: 40px 75px 0 0;
  opacity: 0;
  transition: opacity .45s cubic-bezier(0, 0, .16, .96), transform .4s cubic-bezier(0, 0, .16, .96)
}

.siteHeader .navigation__dropdown__section.-active {
  opacity: 1
}

.siteHeader .navigation__dropdown__section.-hovered {
  opacity: .6
}

.siteHeader .navigation__dropdown__section.-hovered:hover {
  opacity: 1
}

.siteHeader .navigation__dropdown__section.-hovered:hover .navigation__dropdown__section-label:after {
  transform: scaleX(1)
}

.siteHeader .navigation__dropdown__section-label {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
  padding-bottom: 18px;
  margin-bottom: 32px;
  position: relative
}

.siteHeader .navigation__dropdown__section-label:after,
.siteHeader .navigation__dropdown__section-label:before {
  background: #e0e6e8;
  top: 32px;
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  transform-origin: left;
  transition: transform .4s cubic-bezier(0, 0, .16, .96)
}

.siteHeader .navigation__dropdown__section-label:after {
  opacity: .8;
  background: #b7bfc6;
  transform: scaleX(0)
}

.siteHeader .navigation__dropdown__section-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  list-style: none;
  min-width: 700px;
  margin: 0;
  padding: 0
}

.siteHeader .navigation__dropdown__featured-section-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0 0 0 40px
}

.siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon {
  width: 260px
}

.siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card:before {
  background: #fff;
  border: 1px solid #edf1f2
}

.siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section {
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 10px
}

.siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type {
  margin-top: 40px
}

.siteHeader .navigation__dropdown__column-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 0
}

.siteHeader .navigation__dropdown__column {
  list-style: none;
  margin: 0;
  padding: 0
}

.siteHeader .navigation__dropdown__column+.navigation__dropdown__column {
  margin-left: 56px
}

.siteHeader .navigation__dropdown__column.-resource-card-column {
  scroll-snap-type: x mandatory
}

.siteHeader .navigation__dropdown__item {
  margin: 0
}

.siteHeader .navigation__dropdown__item.-first {
  padding: 0
}

.siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card {
  margin-top: -16px
}

.siteHeader .navigation__dropdown__card {
  display: block;
  width: 200px;
  position: relative;
  margin-bottom: 40px!important;
  z-index: 1
}

.siteHeader .navigation__dropdown__card:before {
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  top: -16px;
  left: -16px;
  transition: opacity 80ms linear, transform 80ms ease-in
}

.siteHeader .navigation__dropdown__card.special:before,
.siteHeader .navigation__dropdown__card:before {
  content: "";
  position: absolute;
  border-radius: unset;
  background: #f0f0ff;
  z-index: -1;
  opacity: 0;
  transform: scale(1.1)
}

.siteHeader .navigation__dropdown__card.special:before {
  width: calc(100% + 16px);
  height: calc(100% + 6px);
  top: -3px;
  left: -8px;
  transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

.siteHeader .navigation__dropdown__card:focus,
.siteHeader .navigation__dropdown__card:hover {
  border: none;
  outline: none
}

.siteHeader .navigation__dropdown__card:focus:before,
.siteHeader .navigation__dropdown__card:hover:before {
  opacity: 1;
  transform: scale(1);
  transition: opacity .2s linear, transform .2s ease-out
}

.siteHeader .navigation__dropdown__card:focus .navigation__dropdown__card-label,
.siteHeader .navigation__dropdown__card:hover .navigation__dropdown__card-label {
  color: #796eff
}

.siteHeader .navigation__dropdown__card--green:hover .navigation__dropdown__card-label {
  color: #00bf9c
}

.siteHeader .navigation__dropdown__card--green:before {
  background: #e2fffa
}

.siteHeader .navigation__dropdown__card--coral:hover .navigation__dropdown__card-label {
  color: #ed4758
}

.siteHeader .navigation__dropdown__card--coral:before {
  background: #ffedef
}

.siteHeader .navigation__dropdown__card--teal:hover .navigation__dropdown__card-label {
  color: #008ce3
}

.siteHeader .navigation__dropdown__card--teal:before {
  background: #edf8ff
}

.siteHeader .navigation__dropdown__card--gold:hover .navigation__dropdown__card-label {
  color: #f2a100
}

.siteHeader .navigation__dropdown__card--gold:before {
  background: #fffede
}

.siteHeader .navigation__dropdown__card--orange:hover .navigation__dropdown__card-label {
  color: #ff7f00
}

.siteHeader .navigation__dropdown__card--orange:before {
  background: rgba(249, 220, 0, .15)
}

.siteHeader .navigation__dropdown__card--icon {
  width: 230px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start
}

.siteHeader .navigation__dropdown__card--space-left {
  margin-left: 30px
}

.siteHeader .navigation__dropdown__card--arrow .navigation__dropdown__card-label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}

.siteHeader .navigation__dropdown__card--arrow:hover .navigation__dropdown__card__arrow {
  animation: u 1s infinite ease-in-out
}

.siteHeader .navigation__dropdown__card>.icon-svg {
  margin-top: 2px;
  max-width: 18px;
  max-height: 18px;
  margin-right: 12px;
  height: auto;
  display: block;
  width: 100%
}

.siteHeader .navigation__dropdown__card__arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 1;
  margin-left: 10px;
  opacity: .5
}

.siteHeader .navigation__dropdown__card__arrow svg {
  margin: 0;
  max-width: 14px;
  max-height: 14px
}

.siteHeader .navigation__dropdown__resource-card {
  display: flex;
  width: 420px;
  height: 145px;
  padding: 8px;
  position: relative;
  z-index: 1;
  background: #fff;
  border: 1px solid #edf1f2;
  margin-bottom: 10px!important;
  transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
  box-shadow: 0 0 0 0 rgba(36, 50, 66, 0);
  scroll-snap-align: center
}

.siteHeader .navigation__dropdown__resource-card:focus,
.siteHeader .navigation__dropdown__resource-card:hover {
  border: 1px solid #edf1f2;
  transform: translateY(-2px);
  outline: none;
  box-shadow: 0 4px 8px 0 rgba(36, 50, 66, .075)
}

.siteHeader .navigation__dropdown__resource-card:focus .navigation__dropdown__resource-card-cta,
.siteHeader .navigation__dropdown__resource-card:hover .navigation__dropdown__resource-card-cta {
  color: #2da6db
}

.siteHeader .navigation__dropdown__resource-card-category {
  order: -1;
  font-size: 10px;
  letter-spacing: 1px;
  color: #9ca6af;
  text-transform: uppercase;
  margin-bottom: 6px;
  line-height: 1
}

.siteHeader .navigation__dropdown__resource-card-image {
  display: block;
  width: 165px;
  height: 100%;
  object-fit: cover;
  border: 1px solid #edf1f2
}

.siteHeader .navigation__dropdown__resource-card-description {
  padding: 8px 8px 0 12px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch
}

.siteHeader .navigation__dropdown__resource-card-cta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #646f79;
  font-size: 12px;
  justify-self: flex-end
}

.siteHeader .navigation__dropdown__template {
  display: block;
  width: 230px;
  position: relative;
  margin-bottom: 22px!important;
  z-index: 1
}

.siteHeader .navigation__dropdown__template:before {
  content: "";
  position: absolute;
  border-radius: unset;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  top: -10px;
  left: -10px;
  background: #fff;
  z-index: -1;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 80ms linear, transform 80ms ease-in
}

.siteHeader .navigation__dropdown__template:focus,
.siteHeader .navigation__dropdown__template:hover {
  border: none;
  outline: none
}

.siteHeader .navigation__dropdown__template:focus:before,
.siteHeader .navigation__dropdown__template:hover:before {
  opacity: 1;
  transform: scale(1);
  transition: opacity .2s linear, transform .2s ease-out
}

.siteHeader .navigation__dropdown__template--icon {
  width: 260px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start
}

.siteHeader .navigation__dropdown__template svg {
  max-width: 22px;
  max-height: 22px;
  margin-right: 12px;
  height: auto;
  display: block;
  width: 100%
}

.siteHeader .navigation__dropdown__card-label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  flex-grow: 1;
  color: #151b26;
  margin-bottom: 8px;
  line-height: 1.5;
  transition: color .2s ease-in-out
}

.siteHeader .navigation__dropdown__card-label .tag {
  margin-left: 4px
}

.siteHeader .navigation__dropdown__card-summary {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #222b37
}

.siteHeader .navigation__dropdown__footer {
  flex-direction: column;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10;
  background: white !important;
  width: 100%;
  border-top: 1px solid #e0e6e8;
  padding: 20px;
  /*height: 45px;*/
  position: absolute;
  bottom: 0;
  left: 0
}
.siteHeader .navigation__dropdown__footer ul {
  list-style: none;
  display: flex;
}

.siteHeader .navigation__dropdown__footer-list {
  max-width: 1365px;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center
}

.siteHeader .navigation__dropdown__footer-list-item {
  margin: 0;
  padding: 0 30px;
  border-right: 1px solid #e0e6e8
}

.siteHeader .navigation__dropdown__footer-list-item:last-of-type {
  border-right: none
}

.siteHeader .navigation__dropdown__footer-link {
  display: block;
  height: 100%;
  color: #848f99;
  font-size: 12px
}

.siteHeader .navigation__dropdown__footer-link:hover {
  border: none;
  color: #2da6db
}

.siteHeader .navigation__scrim {
  height: 100vh;
  width: 100vw;
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  transition: opacity .3s linear;
  pointer-events: none
}

.siteHeader .navigation__scrim.-active {
  opacity: .1;
  pointer-events: all
}

@media (max-width:1380px) {
  .siteHeader .navigation__dropdown__section {
    margin-right: 50px
  }
  .siteHeader .navigation__dropdown__section:last-of-type {
    margin-right: 40px
  }
  .siteHeader .navigation__dropdown__section-list {
    min-width: 600px
  }
  .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section {
    margin-right: 0
  }
  .siteHeader .navigation__dropdown__card {
    width: 180px
  }
  .siteHeader .navigation__dropdown__resource-card {
    width: 280px;
    height: auto;
    flex-direction: column
  }
  .siteHeader .navigation__dropdown__resource-card-description {
    padding: 8px 0 0
  }
  .siteHeader .navigation__dropdown__resource-card-image {
    width: 100%;
    height: 120px
  }
  .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card {
    display: none
  }
}

@media (max-width: 991.98px) {
  .siteHeader {
    position: relative
  }
  .siteHeader .horizontalNavigation {
    width: 100%;
    top: 56px;
    left: 0;
    height: calc(100% - 150px);
    position: fixed;
    flex-direction: column;
    padding: 0;
    visibility: hidden;
    transition: transform .4s cubic-bezier(0, 1.15, 1, 1);
    transform: translateY(0);
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
  }
  .siteHeader .horizontalNavigation.-active {
    visibility: visible
  }
  .siteHeader .horizontalNavigation.-active .horizontalNavigation__mobile-buttons,
  .siteHeader .horizontalNavigation.-active .navigation__link {
    opacity: 1;
    transform: none
  }
  .siteHeader .horizontalNavigation__mobile-buttons {
    display: flex;
    flex-direction: column;
    flex: 10 0 auto;
    position: relative;
    padding: 24px;
    text-align: center;
    background: #fff;
    transition-delay: .4s!important
  }
  .siteHeader .horizontalNavigation__mobile-buttons .button,
  .siteHeader .horizontalNavigation__mobile-buttons form.mktoForm.marketing-embed-form .mktoButtonRow button.mktoButton,
  form.mktoForm.marketing-embed-form .mktoButtonRow .siteHeader .horizontalNavigation__mobile-buttons button.mktoButton {
    margin-bottom: 16px
  }
  .siteHeader .horizontalNavigation .horizontalNavigation__mobile-buttons,
  .siteHeader .horizontalNavigation .navigation__link {
    opacity: 0;
    transform: translateY(-10px);
    transition: transform .4s cubic-bezier(0, 0, .16, .96), opacity .4s linear
  }
  .siteHeader .horizontalNavigation__list {
    flex: 1 0 auto;
    flex-direction: column;
    margin-top: 30px;
    width: 100%
  }
  .siteHeader .horizontalNavigation__list-item {
    width: 100%;
    background-color: #fff
  }
  .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link {
    transition-delay: .2s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(2) .navigation__link {
    transition-delay: .25s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(3) .navigation__link {
    transition-delay: .3s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(4) .navigation__link {
    transition-delay: .35s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(5) .navigation__link {
    transition-delay: .4s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(6) .navigation__link {
    transition-delay: .45s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(7) .navigation__link {
    transition-delay: .5s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(8) .navigation__link {
    transition-delay: .55s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(9) .navigation__link {
    transition-delay: 0.6s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(10) .navigation__link {
    transition-delay: 0.65s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(11) .navigation__link {
    transition-delay: 0.7s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(12) .navigation__link {
    transition-delay: 0.75s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(13) .navigation__link {
    transition-delay: 0.8s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(14) .navigation__link {
    transition-delay: 0.85s
  }
  .siteHeader .horizontalNavigation__list-item:nth-of-type(15) .navigation__link {
    transition-delay: 0.9s
  }
  .siteHeader .horizontalNavigation__list-item:first-of-type .navigation__link {
    /*border-top: 1px solid #e0e6e8*/
    border-top: unset
  }
  .siteHeader .siteHeader__row {
    height: 70px
  }
  .siteHeader .siteHeader__wrapper {
    padding: 0 24px
  }
  .siteHeader .siteHeader__nav-group:nth-of-type(2) {
    display: none
  }
  .siteHeader .navigation__link {
    display: block;
    margin: 0 24px;
    width: calc(100% - 48px);
    text-align: left;
    padding: 10px 15px !important;
    z-index: 10;
    line-height: unset;
    height: unset;
  }

  .siteHeader .navigation__link:hover {
    background: #ececec;
    color: #333;
  }
  .siteHeader .navigation__link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    width: 5px;
    margin-right: 10px;
    background-color: #333;
    opacity: 0;
    transition: opacity 0.2s ease-in;
  }

  .siteHeader .navigation__link:hover::before {
    opacity: 1;
  }
  /*.siteHeader .navigation__link:before {*/
  /*  content: "";*/
  /*  position: absolute;*/
  /*  height: 100%;*/
  /*  width: 100vw;*/
  /*  top: 0;*/
  /*  left: -24px;*/
  /*  opacity: 0;*/
  /*  transition: opacity .2s ease-in-out;*/
  /*  background: #f0f0ff*/
  /*}*/
  .siteHeader .navigation__link.-active {
    border: none!important;
    position: sticky;
    position: -webkit-sticky;
    top: -2px
  }
  .siteHeader .navigation__link.-active:before {
    opacity: 1
  }
  .siteHeader .navigation__link.-preceding {
    border-bottom: none
  }
  .siteHeader .navigation__link__wrapper {
    height: 100vh
  }
  .siteHeader .navigation__link-toggle.-active .navigation__link-text svg {
    transform: translateY(-50%) rotate(180deg)
  }
  .siteHeader .navigation__link:hover .navigation__link-text{
    color: #191C21 !important;
  }
  .siteHeader .navigation__link:hover .text-subtitle{
    color: lightslategray !important;
  }
  .siteHeader .navigation__link:focus .navigation__link-text{
    color: #191C21 !important;
  }

  .siteHeader .navigation__link-icon:before, .siteHeader .navigation__link-text:before {
    content: unset;
    background: unset;
  }
  .siteHeader .horizontalNavigation__list-item .navigation__link:hover span{
    margin-right: 15px;
  }

  .subtitle .navigation__link-text {
    font-size: 1.4rem !important;
    display: inline-block;
    width: 100%;
    color: #151b26;
    transition: transform .2s ease-in-out
  }
  .siteHeader .navigation__link-text {
    font-size: 1.6rem;
    display: inline-block;
    width: 100%;
    color: #151b26;
    transition: transform .2s ease-in-out
  }
  .siteHeader .text-subtitle {
    font-size: 12px !important;
    margin-top: -2px !important;
    color: lightslategray;
    text-transform: initial !important;
    transition: transform .2s ease-in-out
  }
  .siteHeader .text-subtitle:hover {
    text-decoration: unset;
  }
  .siteHeader .navigation__link-text svg {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%)
  }
  .siteHeader .navigation__link-indicator {
    display: none
  }
  .siteHeader .navigation__dropdown {
    max-height: none;
    position: relative;
    top: 0;
    padding: 0;
    flex-direction: column;
    display: none
  }
  .siteHeader .navigation__dropdown.-active {
    display: flex
  }
  .siteHeader .navigation__dropdown__item.-first .navigation__dropdown__resource-card {
    margin-top: 0
  }
  .siteHeader .navigation__dropdown__item.-last .navigation__dropdown__resource-card {
    display: flex
  }
  .siteHeader .navigation__dropdown__section-list {
    flex-direction: column;
    min-width: 0;
    padding: 26px 24px 0
  }
  .siteHeader .navigation__dropdown__featured-section-list {
    background: #f6f8f9;
    padding: 30px 24px 0
  }
  .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__section:first-of-type {
    margin-top: 0
  }
  .siteHeader .navigation__dropdown__featured-section-list .navigation__dropdown__card--icon {
    width: 100%
  }
  .siteHeader .navigation__dropdown__column,
  .siteHeader .navigation__dropdown__column+.navigation__dropdown__column {
    margin: 0
  }
  .siteHeader .navigation__dropdown__column+.navigation__dropdown__column.-resource-card-column,
  .siteHeader .navigation__dropdown__column.-resource-card-column {
    margin: 0 -30px;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    overflow-y: hidden
  }
  .siteHeader .navigation__dropdown__column+.navigation__dropdown__column.-resource-card-column .navigation__dropdown__item,
  .siteHeader .navigation__dropdown__column.-resource-card-column .navigation__dropdown__item {
    flex: 1 0 calc(100% - 66px);
    padding: 0 5px
  }
  .siteHeader .navigation__dropdown__column+.navigation__dropdown__column.-resource-card-column>li:first-child,
  .siteHeader .navigation__dropdown__column.-resource-card-column>li:first-child {
    margin-left: 30px
  }
  .siteHeader .navigation__dropdown__column+.navigation__dropdown__column.-resource-card-column>li:last-child,
  .siteHeader .navigation__dropdown__column.-resource-card-column>li:last-child {
    margin-right: 30px
  }
  .siteHeader .navigation__dropdown__column+.navigation__dropdown__column.-resource-card-column>li:last-child:after,
  .siteHeader .navigation__dropdown__column.-resource-card-column>li:last-child:after {
    content: "";
    display: block;
    position: absolute;
    right: -30px;
    width: 30px;
    height: 1px
  }
  .siteHeader .navigation__dropdown__section {
    padding: 8px 0;
    width: 100%
  }
  .siteHeader .navigation__dropdown__section,
  .siteHeader .navigation__dropdown__section:last-of-type {
    margin: 0
  }
  .siteHeader .navigation__dropdown__section-label {
    padding-bottom: 12px;
    margin-bottom: 24px
  }
  .siteHeader .navigation__dropdown__card,
  .siteHeader .navigation__dropdown__card--icon {
    width: 100%;
    padding-right: 20px;
    margin-bottom: 24px!important
  }
  .siteHeader .navigation__dropdown__card--icon:before,
  .siteHeader .navigation__dropdown__card:before {
    display: none
  }
  .siteHeader .navigation__dropdown__resource-card {
    width: 100%
  }
  .siteHeader .navigation__dropdown__footer {
    /*height: 48px*/
  }
  .siteHeader .navigation__dropdown__footer-list-item {
    width: 50%;
    text-align: center
  }
  .siteHeader .navigation__dropdown__footer-link,
  .siteHeader .navigation__dropdown__wrapper {
    height: 100%
  }
}

.siteHeader-buttons {
  margin-left: 12px
}

.siteHeader .contact-sales__icon {
  display: none
}

.siteHeader .contact-sales__icon svg {
  vertical-align: text-top
}

.siteHeader .contact-sales:hover .contact-sales__icon svg path {
  fill: #2da6db
}

@media (max-width:1350px) {
  .siteHeader .contact-sales__text {
    display: none
  }
  .siteHeader .contact-sales__icon {
    display: inline
  }
}

@keyframes l {
  0% {
    transform: translateY(6px)
  }
  30% {
    transform: translateY(0)
  }
  to {
    transform: translateY(0)
  }
}

@keyframes m {
  0% {
    transform: translateY(-6px)
  }
  30% {
    transform: translateY(0)
  }
  to {
    transform: translateY(0) rotate(90deg)
  }
}

@keyframes n {
  0% {
    transform: translateY(0)
  }
  30% {
    transform: translateY(0)
  }
  to {
    transform: translateY(6px)
  }
}

@keyframes o {
  0% {
    transform: translateY(0) rotate(90deg)
  }
  30% {
    transform: translateY(0)
  }
  to {
    transform: translateY(-6px)
  }
}

@keyframes p {
  0% {
    transform: scaleX(1)
  }
  50% {
    transform: scale3d(1.02, 1.02, 1.02)
  }
  to {
    transform: scaleX(1)
  }
}

@keyframes q {
  0% {
    opacity: .5;
    transform: translate3d(110%, 0, 0)
  }
  45% {
    opacity: 0;
    transform: translate3d(150%, 0, 0)
  }
  50% {
    opacity: 0;
    transform: translate3d(-150%, 0, 0)
  }
  to {
    opacity: .5;
    transform: translate3d(-110%, 0, 0)
  }
}

@keyframes r {
  0% {
    opacity: .5;
    transform: translate3d(-110%, 0, 0)
  }
  45% {
    opacity: 0;
    transform: translate3d(-150%, 0, 0)
  }
  50% {
    opacity: 0;
    transform: translate3d(150%, 0, 0)
  }
  to {
    opacity: .5;
    transform: translate3d(110%, 0, 0)
  }
}

@keyframes s {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes t {
  to {
    transform: rotate(1turn)
  }
}

@keyframes u {
  0% {
    transform: translateX(0)
  }
  50% {
    transform: translateX(8px)
  }
  to {
    transform: translateX(0)
  }
}

@keyframes v {
  to {
    transform: translateX(-1536px)
  }
}

@keyframes w {
  0% {
    transform: translateX(-100%)
  }
  to {
    transform: translateX(0)
  }
}

@keyframes x {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}

@keyframes y {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}