/*
Figma has a bug where the layers of any multiple-background definition are in
REVERSE ORDER
so you will need to manually invert the ordering.  Also simplify their linear-gradients-that-are-just-solid-colors.
 */
@media (min-width: 1280px) {
  .homepage-antihero {
    position: relative;
    overflow: hidden;
    padding-block: 170px;
    background: #164E75;
    color: #FFFFFF;
  }
}
.homepage-antihero .homepage-antihero__backdrop {
  grid-column: full-bleed !important;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media (max-width: 1279.9px) {
  .homepage-antihero .homepage-antihero__backdrop {
    background-image: url("/images/homepage/hero/antihero_small.jpg");
    background-position: 100% 0;
    background-size: contain;
    aspect-ratio: 16/10;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .homepage-antihero .homepage-antihero__backdrop {
    background-image: url("/images/homepage/hero/antihero_large.jpg");
    background-position: 50% 33%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.homepage-antihero .homepage-antihero__heading {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  margin: 0;
}
@media (min-width: 768px) {
  .homepage-antihero .homepage-antihero__heading {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1280px) {
  .homepage-antihero .homepage-antihero__heading {
    color: #FFFFFF;
  }
}
.homepage-antihero .homepage-antihero__subheading {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
  font-weight: 400;
  padding-bottom: 0;
  margin: 0;
}
@media (min-width: 1280px) {
  .homepage-antihero .homepage-antihero__subheading {
    color: #FFFFFF;
  }
}
@media (max-width: 767.9px) {
  .homepage-antihero .homepage-antihero__subheading {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #374F5C;
    letter-spacing: -0.02em;
  }
}
.homepage-antihero .homepage-antihero__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  max-width: 425px;
}
@media (max-width: 1279.9px) {
  .homepage-antihero .homepage-antihero__content {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (max-width: 767.9px) {
  .homepage-antihero .homepage-antihero__sign-up {
    width: 100%;
  }
}
.homepage-antihero .homepage-antihero__sign-up a {
  height: 54px;
  font-size: 18px;
  padding: 16px;
}
@media (max-width: 767.9px) {
  .homepage-antihero .homepage-antihero__sign-up a {
    width: 100%;
    text-align: center;
  }
}

.homepage-testimonial {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 16px;
  font-size: 20px;
  line-height: 150%;
}
.homepage-testimonial > *, .homepage-testimonial::before {
  padding-inline: 24px;
}
.homepage-testimonial > * {
  position: relative;
}
.homepage-testimonial::before {
  position: absolute;
  top: 0;
  bottom: 43px;
  left: 0;
  width: 100%;
  content: "";
  background: #FFFFFF;
  border-radius: 8px;
}
.homepage-testimonial .homepage-testimonial__quotation-mark {
  flex: 0 0 auto;
  padding-top: 16px;
  color: #fab323;
}
.homepage-testimonial .homepage-testimonial__quotation-mark > svg {
  max-width: 32px;
  max-height: 32px;
}
.homepage-testimonial .homepage-testimonial__quote {
  flex: 0 0 auto;
  text-align: center;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #374F5C;
  letter-spacing: -0.02em;
}
.homepage-testimonial .homepage-testimonial__author {
  padding-top: 12px;
  flex: 1 0 auto;
  text-align: center;
}
.homepage-testimonial .homepage-testimonial__photo {
  flex: 0 0 auto;
  height: 108px;
  align-self: center;
  border-radius: 50%;
  user-select: none;
  pointer-events: none;
}

.homepage-testimonials {
  display: flex;
  gap: 24px;
  scroll-behavior: smooth;
}
@media (max-width: 767.9px) {
  .homepage-testimonials {
    overflow-x: auto;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }
  .homepage-testimonials::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
  .homepage-testimonials .homepage-testimonial {
    flex: 0 0 100%;
    scroll-snap-align: start center;
    scroll-snap-stop: always;
  }
}
@media (min-width: 768px) {
  .homepage-testimonials .homepage-testimonial {
    flex: 1 1 0;
  }
}

@media (max-width: 767.9px) {
  .homepage-testimonials__wrapper-with-dots {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .homepage-testimonials__wrapper-with-dots .homepage-testimonials__mobile-dots {
    align-self: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .homepage-testimonials__wrapper-with-dots .homepage-testimonials__mobile-dot::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #CCCCCC;
    transition: background-color 300ms ease-out;
  }
  .homepage-testimonials__wrapper-with-dots .homepage-testimonials__mobile-dot--active::before {
    background-color: #000000;
  }
}
@media (min-width: 768px) {
  .homepage-testimonials__wrapper-with-dots .homepage-testimonials__mobile-dots {
    display: none;
  }
}

.homepage-testimonials__header {
  text-align: center;
}

.homepage-testimonials__backdrop {
  padding-block: 60px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 64px;
  background-color: #EFF5F6;
}
.homepage-testimonials__backdrop > * {
  position: relative;
}

.homepage-testimonials__treasure-path {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  fill: none;
  stroke: #0ec3ae;
  stroke-width: 6px;
  stroke-dasharray: 24px;
}

@media (prefers-reduced-motion: no-preference) and (min-width: 768px) {
  .homepage-testimonial {
    position: relative;
    top: 24px;
    opacity: 0;
    transition: opacity 500ms ease-out, top 500ms ease-out;
  }
  .homepage-testimonials__backdrop--visible .homepage-testimonial {
    opacity: 1;
    top: 0;
  }
  .homepage-testimonials__backdrop--visible .homepage-testimonial:nth-child(1) {
    transition-delay: 500ms;
  }
  .homepage-testimonials__backdrop--visible .homepage-testimonial:nth-child(2) {
    transition-delay: 750ms;
  }
  .homepage-testimonials__backdrop--visible .homepage-testimonial:nth-child(3) {
    transition-delay: 1000ms;
  }
}
@media (max-width: 767.9px) {
  .sticky-scroll-nav-container {
    position: sticky;
    top: 33px;
    z-index: 10;
  }
  .sticky-scroll-nav {
    position: sticky;
    top: 66px;
    width: 100%;
    overflow-x: auto;
    z-index: 3;
    scrollbar-width: none;
    scrollbar-width: none;
    margin: 32px 0;
    padding: 0;
    overflow-x: auto;
    display: flex;
    padding-inline-start: 0;
    list-style-type: none;
  }
  .sticky-scroll-nav::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
  .sticky-scroll-nav > * {
    color: #000000;
    white-space: nowrap;
    flex: 1 1 100%;
    font-size: 14px;
    line-height: 20/14;
    font-weight: 600;
    padding: 12px 24px;
    text-align: center;
    position: relative;
    text-decoration: none;
    -webkit-user-drag: none;
    user-select: none;
    contain: paint;
    transition: color 100ms ease-out, background-color 100ms ease-out, border-color 100ms ease-out;
  }
  .sticky-scroll-nav > * + * {
    border-left: 1px solid #ffecc5;
  }
}
@media (max-width: 767.9px) and (hover: hover) {
  .sticky-scroll-nav > *:hover {
    background-color: #ffecc5;
  }
}
@media (max-width: 767.9px) {
  .sticky-scroll-nav > *.active {
    z-index: 1;
    background-color: #007BBA;
    color: #FFFFFF;
    border-color: #007BBA;
  }
  .sticky-scroll-nav > * .jump-link-icon {
    display: none;
  }
  .sticky-scroll-nav::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
  .sticky-scroll-nav__item {
    white-space: nowrap;
  }
  .sticky-scroll-nav__item {
    background-color: #FFFFFF;
    border: 1px solid #F1F1F1;
    white-space: nowrap;
  }
  .sticky-scroll-nav__item .sticky-scroll-nav__link {
    color: black;
    text-decoration: none;
  }
  .sticky-scroll-nav__item:hover .sticky-scroll-nav__link {
    color: #007BBA;
  }
  .sticky-scroll-nav__item.active {
    background-color: #007BBA;
  }
  .sticky-scroll-nav__item.active .sticky-scroll-nav__link {
    color: #FFFFFF;
  }
  .product-demo.tab-pane {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  .sticky-scroll-nav__link {
    border-bottom: 2px solid transparent;
  }
  .product-demos {
    position: relative;
    z-index: 1;
  }
  .product-demo {
    scroll-margin-top: 148px;
  }
  .product-demo__description {
    margin-bottom: 24px;
  }
}
.ets-partnership__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  background: #FFF3D9;
  border-radius: 8px;
  padding: 32px 24px;
}
@media (max-width: 767.9px) {
  .ets-partnership__container {
    padding: 24px 16px;
  }
}

.ets-partnership__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  width: 100%;
}

.ets-partnership__title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  color: #000000;
  margin: 0;
}
@media (min-width: 768px) {
  .ets-partnership__title {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 767.9px) {
  .ets-partnership__title {
    font-size: 24px;
    line-height: 32px;
  }
}

.ets-partnership__description {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #374F5C;
  letter-spacing: -0.02em;
  color: #374F5C;
  margin: 0;
}

.ets-partnership__logos {
  display: flex;
  gap: 64px;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 767.9px) {
  .ets-partnership__logos {
    gap: 32px;
    flex-direction: column;
  }
}

.ets-partnership__logo-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.ets-partnership__logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
}
@media (max-width: 767.9px) {
  .ets-partnership__logo-container {
    min-height: 46px;
  }
}

.ets-partnership__logo {
  max-width: 100%;
  height: 55px;
  min-width: 200px;
}

react-ssr[component=BrandedHeroComponent] {
  display: contents;
}

.branded-hero {
  display: grid;
}
@media (max-width: 767.9px) {
  .branded-hero {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .branded-hero {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .branded-hero {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.branded-hero > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
@media (min-width: 768px) {
  .branded-hero {
    height: calc(100lvh - 117px);
  }
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero--mobile-wrapper {
    grid-column: full-bleed;
    display: grid;
    grid-template-rows: [background-start] 1fr [headline-start] max-content [headline-end background-end];
  }
}
@media (max-width: 767.9px) and (max-width: 767.9px) {
  .branded-hero .branded-hero--mobile-wrapper {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1279.9px) {
  .branded-hero .branded-hero--mobile-wrapper {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (max-width: 767.9px) and (min-width: 1280px) {
  .branded-hero .branded-hero--mobile-wrapper {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero--mobile-wrapper > * {
    grid-column-start: content-start;
    grid-column-end: content-end;
  }
  .branded-hero .branded-hero__headline {
    padding-block: 24px;
  }
}
@media (min-width: 768px) {
  .branded-hero {
    grid-template-rows: [background-start] 1fr [headline-start] max-content [headline-end ctas-start] max-content [ctas-end reg-bar-start] max-content [reg-bar-end background-end];
  }
  .branded-hero .branded-hero--mobile-wrapper {
    display: contents;
  }
  .branded-hero .branded-hero__headline {
    grid-column: content;
  }
}
.branded-hero .branded-hero__background {
  grid-row: background;
  grid-column: full-bleed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 10%;
}
.branded-hero .branded-hero__background-gradient {
  grid-row-start: headline-start;
  grid-row-end: background-end;
  grid-column: full-bleed;
  background: linear-gradient(to top, rgba(4, 36, 45, 0.5) 40%, rgba(4, 36, 45, 0) 100%);
}
.branded-hero .branded-hero__background-gradient ~ .branded-hero__headline {
  padding-top: 64px;
}
.branded-hero .branded-hero__headline {
  grid-row: headline;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.02em;
}
.branded-hero .branded-hero__headline > * {
  margin: 0;
  padding: 0;
}
.branded-hero .branded-hero__headline h1 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .branded-hero .branded-hero__headline h1 {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
  }
}
.branded-hero .branded-hero__headline h2 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.02em;
  color: #A6B5BD !important;
}
@media (min-width: 768px) {
  .branded-hero .branded-hero__headline h2 {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.02em;
  }
}
.branded-hero .branded-hero__ctas {
  grid-row: ctas;
  grid-column: full-bleed;
  display: grid;
  padding-block: 24px;
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero__ctas {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .branded-hero .branded-hero__ctas {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .branded-hero .branded-hero__ctas {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.branded-hero .branded-hero__ctas > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero__ctas {
    background: #072435;
  }
}
.branded-hero .branded-hero__ctas-buttons {
  display: flex;
  justify-content: center;
  row-gap: 24px;
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero__ctas-buttons {
    flex-wrap: wrap;
  }
  .branded-hero .branded-hero__ctas-buttons .e2-button {
    flex: 0 0 100%;
  }
}
@media (min-width: 768px) {
  .branded-hero .branded-hero__ctas-buttons {
    column-gap: 128px;
  }
}
.branded-hero .branded-hero__reg-bar-cell {
  grid-row: reg-bar;
  grid-column: full-bleed;
  overflow: hidden;
}
.branded-hero .branded-hero__reg-bar-container {
  width: 100%;
  background: #000000;
  display: grid;
  padding-block: 24px;
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero__reg-bar-container {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .branded-hero .branded-hero__reg-bar-container {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .branded-hero .branded-hero__reg-bar-container {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.branded-hero .branded-hero__reg-bar-container > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
@media (min-width: 768px) {
  .branded-hero .branded-hero__reg-bar-container {
    padding-block: 16px;
  }
}
.branded-hero .branded-hero__reg-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
}
@media (max-width: 767.9px) {
  .branded-hero .branded-hero__reg-bar {
    flex-direction: column;
  }
  .branded-hero .branded-hero__reg-bar > * {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .branded-hero .branded-hero__reg-bar .e2-input__wrapper, .branded-hero .branded-hero__reg-bar .e2-select__wrapper {
    flex: 1 1 50%;
    max-width: 350px;
  }
  .branded-hero .branded-hero__reg-bar .e2-button {
    flex: 0 0 auto;
  }
}
.branded-hero .branded-hero__reg-bar label.e2-select {
  margin: 0;
}
@media (min-width: 768px) {
  @keyframes overflow-reg-bar {
    0%, 99% {
      overflow: hidden;
    }
    100% {
      overflow: visible;
    }
  }
  @keyframes show-reg-bar {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0%);
    }
  }
  .branded-hero .branded-hero__reg-bar-cell, .branded-hero .branded-hero__reg-bar-container {
    animation-duration: 800ms;
    animation-timing-function: cubic-bezier(0.2, 0, 0, 1);
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
  }
  .branded-hero .branded-hero__reg-bar-cell {
    animation-name: overflow-reg-bar;
  }
  .branded-hero .branded-hero__reg-bar-container {
    animation-name: show-reg-bar;
  }
}

.branded-secondary-cards {
  display: grid;
}
@media (max-width: 767.9px) {
  .branded-secondary-cards {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .branded-secondary-cards {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .branded-secondary-cards {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.branded-secondary-cards > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
.branded-secondary-cards .branded-secondary-cards__cards {
  display: grid;
}
@media (max-width: 767.9px) {
  .branded-secondary-cards .branded-secondary-cards__cards {
    grid-auto-flow: row;
    gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .branded-secondary-cards .branded-secondary-cards__cards {
    grid-auto-flow: row;
    gap: 16px;
  }
}
@media (min-width: 1280px) {
  .branded-secondary-cards .branded-secondary-cards__cards {
    grid-auto-flow: column;
    gap: 24px;
  }
}
.branded-secondary-cards .branded-secondary-cards__card {
  display: flex;
  gap: 24px;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background: #FCF8EE;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
  text-decoration: none;
}
@media (min-width: 768px) {
  .branded-secondary-cards .branded-secondary-cards__card {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.02em;
  }
}

.tpCxFocused-mild .hero__card-video {
  height: 200px;
}

.skinny-hero {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 24px;
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .skinny-hero {
    grid-column: span 2;
  }
}

.skinny-hero__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  background: #FCF8EE;
  border-radius: 8px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.skinny-hero__card.skinny-hero__card {
  text-decoration: none;
}
@media (max-width: 767.9px) {
  .tpCxFocused-mild .skinny-hero__card {
    padding-inline: 4px;
  }
}
.skinny-hero__card:hover .hero__title {
  text-decoration: underline;
}
.skinny-hero__card:focus-within {
  scale: 1.082;
  transition: scale ease-out 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 5;
}

.tpCxFocused .hero__card .hero__title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .tpCxFocused .hero__card .hero__title {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .tpCxFocused .hero__card .hero__title {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.tpCxFocused .hero__card:hover .hero__title {
  text-decoration: underline;
}
.tpCxFocused .hero__card .hero__dropdown:hover ~ a .hero__title,
.tpCxFocused .hero__card .hero__dropdown:focus-within ~ a .hero__title,
.tpCxFocused .hero__card .hero__dropdown:hover ~ .hero__title,
.tpCxFocused .hero__card .hero__dropdown:focus-within ~ .hero__title {
  text-decoration: none;
}
.tpCxFocused .hero__card:has(.hero__dropdown:hover) .hero__title, .tpCxFocused .hero__card:has(.hero__dropdown:focus-within) .hero__title {
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .tpCxFocused .cta-hero-bar {
    flex-direction: row;
  }
  .tpCxFocused .cta-hero-bar > * {
    flex: 0 0 33%;
  }
}
.tpCxFocused .e2-dropdown-menu__item:has(.cta-hero-bar__option-group):focus, .tpCxFocused .e2-dropdown-menu__item:has(.cta-hero-bar__option-group):hover {
  background: #FFFFFF;
}
.tpCxFocused .hero__card-video-position, .tpCxFocused .hero__card-video-position--center {
  width: 100%;
  height: 100%;
}
.tpCxFocused .hero__card-video-position video, .tpCxFocused .hero__card-video-position--center video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 767.9px) {
  .tpCxFocused-mild .hero__cards.hero__cards {
    display: grid;
  }
  .tpCxFocused-mild .cta-hero-bar .e2-button {
    width: 100%;
  }
}
.tpCxFocused-mild .user-segments-jump-links {
  display: none;
}
.tpCxFocused-mild .hero-bar--mobile {
  background-color: #000000;
  padding: 24px 16px;
}

.tpCxFocused-mildV2 .hero-bar--mobile {
  background: none;
  padding-bottom: 0;
}
.tpCxFocused-mildV2 .hero__card:focus-within {
  scale: 1.05;
}
.tpCxFocused-mildV2 .hero__card-video-position video {
  object-position: 50% 10%;
}
.tpCxFocused-mildV2 .hero__card-video-position video[poster="/images/homepage/tp-cx-focused/college-credit.jpg"] {
  object-position: 50% 35%;
}
@media (max-width: 767.9px) {
  .tpCxFocused-mildV2 .hero__container h1 {
    padding: 0;
  }
  .tpCxFocused-mildV2 .hero__container .hero__cards {
    display: none;
  }
  .tpCxFocused-mildV2 .hero__card-video {
    height: auto;
    width: 100%;
    aspect-ratio: 290/116;
  }
  .tpCxFocused-mildV2 .hero__card .hero__title {
    white-space: normal;
    text-wrap: balance;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .tpCxFocused-mildV2 .hero__cards {
    grid-template-columns: 1fr 1fr;
  }
  .tpCxFocused-mildV2 .hero__content {
    text-wrap: balance;
  }
  .tpCxFocused-mildV2 .skinny-hero {
    grid-column: 1/-1;
  }
}
@media (min-width: 1280px) {
  .tpCxFocused-mildV2 .skinny-hero {
    grid-template-rows: none;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}

.tpCxFocused-medium .hero__container, .tpCxFocused-spicy .hero__container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0;
}
.tpCxFocused-medium .hero__container h1, .tpCxFocused-medium .hero__container h2, .tpCxFocused-spicy .hero__container h1, .tpCxFocused-spicy .hero__container h2 {
  padding-bottom: 32px;
  grid-column-start: 1;
  grid-column-end: 13;
}
@media (max-width: 767.9px) {
  .tpCxFocused-medium .hero__container h1, .tpCxFocused-medium .hero__container h2, .tpCxFocused-spicy .hero__container h1, .tpCxFocused-spicy .hero__container h2 {
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.tpCxFocused-medium .hero__container:has(h2), .tpCxFocused-spicy .hero__container:has(h2) {
  gap: 0;
}
.tpCxFocused-medium .hero__container:has(h2) h1, .tpCxFocused-spicy .hero__container:has(h2) h1 {
  padding-bottom: 8px;
}
@media (max-width: 767.9px) {
  .tpCxFocused-medium .hero__container, .tpCxFocused-spicy .hero__container {
    display: block;
  }
}
.tpCxFocused-medium .hero__cards, .tpCxFocused-spicy .hero__cards {
  grid-column-start: 3;
  grid-column-end: 11;
}
@media (min-width: 768px) {
  .tpCxFocused-medium .hero__cards, .tpCxFocused-spicy .hero__cards {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .tpCxFocused-medium .hero__cards, .tpCxFocused-spicy .hero__cards {
    grid-column-start: 1;
    grid-column-end: 13;
  }
}
.tpCxFocused-medium .hero__card-video, .tpCxFocused-spicy .hero__card-video {
  height: 200px;
}
@media (max-width: 767.9px) {
  .tpCxFocused-medium .hero__cards.hero__cards, .tpCxFocused-spicy .hero__cards.hero__cards {
    display: grid;
  }
  .tpCxFocused-medium .cta-hero-bar .e2-button, .tpCxFocused-spicy .cta-hero-bar .e2-button {
    width: 100%;
  }
}
.tpCxFocused-medium .user-segments-jump-links:not(.tpCxFocused-mediumV2 *), .tpCxFocused-spicy .user-segments-jump-links:not(.tpCxFocused-mediumV2 *) {
  display: none;
}
.tpCxFocused-medium .hero-bar--mobile, .tpCxFocused-spicy .hero-bar--mobile {
  background-color: #000000;
  padding: 24px 16px;
}

:has(.tpCxFocused-medium) .skinny-hero, :has(.tpCxFocused-spicy) .skinny-hero {
  display: grid;
  grid-template-rows: auto;
  margin-top: 64px;
}
@media (max-width: 767.9px) {
  :has(.tpCxFocused-medium) .skinny-hero, :has(.tpCxFocused-spicy) .skinny-hero {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  :has(.tpCxFocused-medium) .skinny-hero, :has(.tpCxFocused-spicy) .skinny-hero {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  :has(.tpCxFocused-medium) .skinny-hero, :has(.tpCxFocused-spicy) .skinny-hero {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
:has(.tpCxFocused-medium) .skinny-hero > *, :has(.tpCxFocused-spicy) .skinny-hero > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  :has(.tpCxFocused-medium) .skinny-hero, :has(.tpCxFocused-spicy) .skinny-hero {
    grid-template-rows: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  :has(.tpCxFocused-medium) .skinny-hero__card, :has(.tpCxFocused-spicy) .skinny-hero__card {
    grid-column-start: auto;
    grid-column-end: span 4;
  }
}
:has(.tpCxFocused-medium) .skinny-hero__card:nth-child(1), :has(.tpCxFocused-spicy) .skinny-hero__card:nth-child(1) {
  grid-column-start: content-start;
}
@media (min-width: 1280px) {
  :has(.tpCxFocused-medium) .skinny-hero__card:nth-child(1), :has(.tpCxFocused-spicy) .skinny-hero__card:nth-child(1) {
    grid-column-end: span 4;
  }
}

.tpCxFocused-mediumV2 .hero-bar--mobile {
  background: none;
  padding-bottom: 0;
}
.tpCxFocused-mediumV2 .hero__card-video-position video {
  object-position: 50% 10%;
}
.tpCxFocused-mediumV2 .hero__card-video-position video[poster="/images/homepage/tp-cx-focused/college-credit.jpg"] {
  object-position: 50% 35%;
}
@media (max-width: 767.9px) {
  .tpCxFocused-mediumV2 .hero__container h1 {
    padding: 0;
  }
  .tpCxFocused-mediumV2 .hero__container .hero__cards {
    display: none;
  }
  .tpCxFocused-mediumV2 .hero__card-video {
    height: auto;
    width: 100%;
    aspect-ratio: 288/125;
  }
  .tpCxFocused-mediumV2 .hero__card .hero__title {
    white-space: normal;
    text-wrap: balance;
    text-align: center;
  }
  .tpCxFocused-mediumV2 ~ .skinny-hero {
    margin-top: 24px;
  }
}
@media (min-width: 768px) {
  .tpCxFocused-mediumV2 .hero__container {
    grid-template-columns: 1fr 1fr;
  }
  .tpCxFocused-mediumV2 .hero__content {
    text-wrap: balance;
  }
}

react-ssr[component=VideoHeroCards] {
  display: contents;
}

.tpCxFocused-spicy .hero__cards {
  grid-column-start: 1;
  grid-column-end: 13;
}
.tpCxFocused-spicy .hero__card .hero__title {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
}
.tpCxFocused-spicy .hero__card {
  position: relative;
  overflow: hidden;
}
.tpCxFocused-spicy .hero__card:hover .hero__title {
  text-decoration: none;
}
.tpCxFocused-spicy .hero__card-overlay .hero__title:hover {
  text-decoration: underline;
}
.tpCxFocused-spicy .hero__card--overflow-visible {
  overflow: visible;
}
.tpCxFocused-spicy .hero__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: #FCF8EE;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: 3;
  transition-property: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  transition-duration: 600ms;
  pointer-events: none;
  overflow-y: visible;
  border-radius: 8px;
}
.tpCxFocused-spicy .hero__cards .hero__content.hero__content--visible.hero__content--visible {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.tpCxFocused-spicy .hero__card-video {
  height: 400px;
  position: relative;
  overflow: hidden;
}
.tpCxFocused-spicy .hero__card-video::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 36, 45, 0) 50%, rgba(4, 36, 45, 0.5) 100%);
  z-index: 1;
}
.tpCxFocused-spicy .hero__card-video video {
  position: relative;
  z-index: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  display: block;
}
.tpCxFocused-spicy .hero__card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 24px;
  z-index: 2;
  transition: opacity 0.3s;
}
.tpCxFocused-spicy .hero__card-overlay a {
  text-decoration: none;
}
.tpCxFocused-spicy .hero__cards > *:nth-child(odd) .hero__card {
  margin-left: 57px;
}
.tpCxFocused-spicy .hero__cards > *:nth-child(odd) .hero__card-overlay {
  justify-content: flex-start;
}
.tpCxFocused-spicy .hero__cards > *:nth-child(odd) .hero__content:not(.hero__content--static):not(.hero__content--visible) {
  transform: translateX(100%);
}
.tpCxFocused-spicy .hero__cards > *:nth-child(even) .hero__card {
  margin-right: 57px;
}
.tpCxFocused-spicy .hero__cards > *:nth-child(even) .hero__card-overlay {
  justify-content: flex-end;
}
.tpCxFocused-spicy .hero__cards > *:nth-child(even) .hero__content:not(.hero__content--static):not(.hero__content--visible) {
  transform: translateX(-100%);
}
.tpCxFocused-spicy .hero__card-overlay .hero__title {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .tpCxFocused-spicy .hero__card-overlay .hero__title {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
  }
}
.tpCxFocused-spicy .hero__card-overlay .hero__arrow {
  background: #FFFFFF;
}
.tpCxFocused-spicy .hero__content--visible ~ .hero__card-video .hero__card-overlay,
.tpCxFocused-spicy .hero__content--visible + .hero__card-overlay {
  opacity: 0;
  pointer-events: none;
}
.tpCxFocused-spicy .hero__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 0;
}
.tpCxFocused-spicy .hero-content__header {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 768px) {
  .tpCxFocused-spicy .hero-content__header {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 1280px) {
  .tpCxFocused-spicy .hero-content__header {
    padding-bottom: 64px;
  }
}
.tpCxFocused-spicy .hero-content__header-highlight {
  color: #0CA71C;
}
.tpCxFocused-spicy .hero-content__body {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tpCxFocused-spicy .hero-content__body a {
  text-decoration: none;
}
.tpCxFocused-spicy .hero-content__schools {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 24px;
}
@media (max-width: 1279.9px) {
  .tpCxFocused-spicy .hero-content__schools {
    grid-template-columns: repeat(2, 1fr);
  }
  .tpCxFocused-spicy .hero-content__schools > *:nth-child(2), .tpCxFocused-spicy .hero-content__schools > *:nth-child(3) {
    display: none;
  }
}
.tpCxFocused-spicy .hero-content__school {
  padding: 12px;
  aspect-ratio: 62/33;
  background: #FFFFFF;
  border-radius: 8px;
  border: 2px solid #F1F1F1;
}
@media (max-width: 1279.9px) {
  .tpCxFocused-spicy .hero-content__school {
    max-height: 50px;
    margin: auto;
  }
}
.tpCxFocused-spicy .hero-content__school img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.tpCxFocused-spicy .hero-content__exams {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  width: 100%;
  padding: 12px 0 24px 0;
  text-align: center;
}
@media (min-width: 1280px) {
  .tpCxFocused-spicy .hero-content__exams {
    padding: 12px 64px 24px 64px;
  }
}
@media (max-width: 767.9px) {
  .tpCxFocused-spicy .hero-content__exams {
    grid-template-columns: repeat(3, 1fr);
  }
  .tpCxFocused-spicy .hero-content__exams > *:nth-child(4) {
    display: none;
  }
}
.tpCxFocused-spicy .hero-content__exam {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #007BBA;
  cursor: pointer;
  text-decoration: underline;
}
.tpCxFocused-spicy .hero-content__exam:hover, .tpCxFocused-spicy .hero-content__exam:focus-within {
  color: #164E75;
  text-decoration: underline;
}
.tpCxFocused-spicy .hero-content__exam:active {
  color: #072435;
  text-decoration: underline;
}
.tpCxFocused-spicy .hero__dropdown {
  padding: 0;
  width: 100%;
}
.tpCxFocused-spicy .hero__cards--desktop {
  display: grid;
}
.tpCxFocused-spicy .hero__cards--mobile-tablet {
  display: none;
}
@media (max-width: 1279.9px) {
  .tpCxFocused-spicy .hero__cards--desktop {
    display: none;
  }
  .tpCxFocused-spicy .hero__cards--mobile-tablet {
    display: grid;
  }
}
@media (max-width: 767.9px) {
  .tpCxFocused-spicy .hero__cards--mobile-tablet {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .tpCxFocused-spicy .hero__cards--mobile-tablet {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
.tpCxFocused-spicy .hero__card--content {
  background: #FCF8EE;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.9px) {
  .tpCxFocused-spicy .hero__card--content {
    min-height: 400px;
  }
}
.tpCxFocused-spicy .hero__card--content .hero__content--static {
  opacity: 1;
  transform: none;
  pointer-events: auto;
  background: transparent;
  width: auto;
  height: 100%;
  z-index: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 767.9px) {
  .tpCxFocused-spicy .hero__card--content .hero__content--static {
    position: static;
  }
}
.tpCxFocused-spicy .hero__card-video {
  border-radius: 8px;
}
@media (max-width: 1279.9px) {
  .tpCxFocused-spicy .hero__card--video .hero__card-overlay {
    opacity: 1;
    pointer-events: auto;
  }
  .tpCxFocused-spicy .hero__card--video .hero__content {
    display: none;
  }
  .tpCxFocused-spicy .hero__cards--mobile-tablet > * {
    margin-left: 0;
    margin-right: 0;
  }
}

.main-container .main-container.about-ai-mastery {
  padding-top: 64px;
  padding-bottom: 64px;
}

.about-ai-mastery {
  background-image: linear-gradient(244.908deg, rgba(255, 255, 255, 0) 1.4643%, rgba(245, 235, 200, 0.75) 105.31%), linear-gradient(90deg, #E7F8FF 0%, #E7F8FF 100%);
  padding: 64px 0;
}
@media (max-width: 767.9px) {
  .about-ai-mastery {
    padding: 32px 0;
  }
}

.about-ai-mastery__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.about-ai-mastery__heading {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  color: #000000;
  margin: 0;
}
@media (min-width: 768px) {
  .about-ai-mastery__heading {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}

.about-ai-mastery__body {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #374F5C;
  letter-spacing: -0.02em;
  color: #374F5C;
  margin: 0;
}

.main-container .main-container:has(.ai-skills-mastery) {
  padding-bottom: 0;
}

@media (max-width: 767.9px) {
  .main-container .main-container > .ai-skills-mastery {
    grid-column: full-bleed-start/full-bleed-end;
  }
}

.ai-skills-mastery {
  display: flex;
  flex-direction: row;
  background-color: #072435;
  border-radius: 8px;
  overflow: hidden;
  margin: 64px 0;
}
@media (max-width: 767.9px) {
  .ai-skills-mastery {
    flex-direction: column;
    border-radius: 0;
    margin: 0;
  }
}

.ai-skills-mastery__content {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  justify-content: center;
}
@media (max-width: 767.9px) {
  .ai-skills-mastery__content {
    gap: 16px;
    padding: 24px 16px;
  }
}

.ai-skills-mastery__heading-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ai-skills-mastery .ai-skills-mastery__heading {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin: 0;
}
@media (min-width: 768px) {
  .ai-skills-mastery .ai-skills-mastery__heading {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
@media (min-width: 768px) {
  .ai-skills-mastery .ai-skills-mastery__heading {
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
  }
}
@media (max-width: 767.9px) {
  .ai-skills-mastery .ai-skills-mastery__heading {
    font-size: 24px;
    line-height: 28px;
  }
}

.ai-skills-mastery__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
  color: #A6B5BD;
  margin: 0;
}
@media (max-width: 767.9px) {
  .ai-skills-mastery__subtitle {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #374F5C;
    letter-spacing: -0.02em;
    color: #FFFFFF;
  }
}

.ai-skills-mastery__steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ai-skills-mastery__step {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
}

.ai-skills-mastery__step-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: #FFFFFF;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.ai-skills-mastery__step-icon--book {
  mask-image: url("/images/icons/material/icon-book-24.svg");
  -webkit-mask-image: url("/images/icons/material/icon-book-24.svg");
}

.ai-skills-mastery__step-icon--bulb {
  mask-image: url("/images/icons/material/icon-bulb-24.svg");
  -webkit-mask-image: url("/images/icons/material/icon-bulb-24.svg");
}

.ai-skills-mastery__step-icon--grad {
  mask-image: url("/images/icons/material/icon-grad-24.svg");
  -webkit-mask-image: url("/images/icons/material/icon-grad-24.svg");
}

.ai-skills-mastery__step-text {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  font-weight: 600;
  color: #FFFFFF;
}

.ai-skills-mastery__step-text-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ai-skills-mastery .ai-skills-mastery__step-link {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #007BBA;
  cursor: pointer;
  text-decoration: underline;
  color: #a3d7ff;
  text-decoration: underline;
  white-space: nowrap;
}
.ai-skills-mastery .ai-skills-mastery__step-link:hover, .ai-skills-mastery .ai-skills-mastery__step-link:focus-within {
  color: #164E75;
  text-decoration: underline;
}
.ai-skills-mastery .ai-skills-mastery__step-link:active {
  color: #072435;
  text-decoration: underline;
}

.ai-skills-mastery__image-panel {
  width: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .ai-skills-mastery__image-panel {
    max-height: 392px;
  }
}
@media (max-width: 767.9px) {
  .ai-skills-mastery__image-panel {
    width: 100%;
    aspect-ratio: 4/3;
    order: -1;
  }
}

.ai-skills-mastery__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logo-showcase__grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767.9px) {
  .logo-showcase__grid {
    display: none;
  }
}

.logo-showcase__row {
  display: flex;
  gap: 24px;
}

.logo-showcase__logo-card {
  flex: 1;
  border: 1px solid #F1F1F1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  height: 89px;
}
@media (max-width: 767.9px) {
  .logo-showcase__logo-card {
    width: 164px;
    height: 80px;
    flex: none;
    flex-shrink: 0;
  }
}

.logo-showcase__logo-img {
  max-height: 41px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
@media (max-width: 767.9px) {
  .logo-showcase__logo-img {
    max-height: 32px;
  }
}

.logo-showcase__marquee-wrapper {
  display: none;
}
@media (max-width: 767.9px) {
  .logo-showcase__marquee-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
  }
}

.logo-showcase__marquee-row {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: logo-showcase-scroll 25s linear infinite;
}

.logo-showcase__marquee-row--offset {
  margin-left: 82px;
}

@keyframes logo-showcase-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo-showcase__marquee-row {
    animation: none;
  }
}
.institution-partnerships {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 64px 0;
}
@media (max-width: 767.9px) {
  .institution-partnerships {
    gap: 24px;
    padding: 32px 16px;
  }
}

.institution-partnerships__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.institution-partnerships__title {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  color: #000000;
  margin: 0;
}
@media (min-width: 768px) {
  .institution-partnerships__title {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}

.institution-partnerships__subtitle {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #374F5C;
  letter-spacing: -0.02em;
  color: #374F5C;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

.main-container .main-container:has(.institution-partnerships) {
  padding-bottom: 0;
}

@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.about-ai-mastery > :where(:not(.full-width-section):not(react-ssr:has(.full-width-section))) {
    grid-column-start: 4;
    grid-column-end: 12;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.about-ai-mastery > .wide-section {
    grid-column-start: 3;
    grid-column-end: 13;
  }
}
body.asugsvHome-test .main-container.about-ai-mastery > .content-width-section {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
body.asugsvHome-test .main-container.about-ai-mastery > .main-container {
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
}
body.asugsvHome-test .main-container--padding-top .main-container.about-ai-mastery {
  padding-top: 32px;
}
@media (min-width: 768px) {
  body.asugsvHome-test .main-container--padding-top .main-container.about-ai-mastery {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.about-ai-skills-mastery-container > :where(:not(.full-width-section):not(react-ssr:has(.full-width-section))) {
    grid-column-start: 4;
    grid-column-end: 12;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.about-ai-skills-mastery-container > .wide-section {
    grid-column-start: 3;
    grid-column-end: 13;
  }
}
body.asugsvHome-test .main-container.about-ai-skills-mastery-container > .content-width-section {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
body.asugsvHome-test .main-container.about-ai-skills-mastery-container > .main-container {
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
}
body.asugsvHome-test .main-container--padding-top .main-container.about-ai-skills-mastery-container {
  padding-top: 32px;
}
@media (min-width: 768px) {
  body.asugsvHome-test .main-container--padding-top .main-container.about-ai-skills-mastery-container {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.institution-partnerships-container > :where(:not(.full-width-section):not(react-ssr:has(.full-width-section))) {
    grid-column-start: 4;
    grid-column-end: 12;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.institution-partnerships-container > .wide-section {
    grid-column-start: 3;
    grid-column-end: 13;
  }
}
body.asugsvHome-test .main-container.institution-partnerships-container > .content-width-section {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
body.asugsvHome-test .main-container.institution-partnerships-container > .main-container {
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
}
body.asugsvHome-test .main-container--padding-top .main-container.institution-partnerships-container {
  padding-top: 32px;
}
@media (min-width: 768px) {
  body.asugsvHome-test .main-container--padding-top .main-container.institution-partnerships-container {
    padding-top: 64px;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.homepage-ai > :where(:not(.full-width-section):not(react-ssr:has(.full-width-section))) {
    grid-column-start: 4;
    grid-column-end: 12;
  }
}
@media (min-width: 1280px) {
  body.asugsvHome-test .main-container.homepage-ai > .wide-section {
    grid-column-start: 3;
    grid-column-end: 13;
  }
}
body.asugsvHome-test .main-container.homepage-ai > .content-width-section {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
body.asugsvHome-test .main-container.homepage-ai > .main-container {
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
}
body.asugsvHome-test .main-container--padding-top .main-container.homepage-ai {
  padding-top: 32px;
}
@media (min-width: 768px) {
  body.asugsvHome-test .main-container--padding-top .main-container.homepage-ai {
    padding-top: 64px;
  }
}

.main-container a:where(:not(.partial-reg-form-modal *):not(.e2-footer *)) {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #007BBA;
  cursor: pointer;
  text-decoration: underline;
}
.main-container a:where(:not(.partial-reg-form-modal *):not(.e2-footer *)):hover, .main-container a:where(:not(.partial-reg-form-modal *):not(.e2-footer *)):focus-within {
  color: #164E75;
  text-decoration: underline;
}
.main-container a:where(:not(.partial-reg-form-modal *):not(.e2-footer *)):active {
  color: #072435;
  text-decoration: underline;
}
.main-container html {
  scroll-behavior: smooth;
}
.main-container body {
  background: #FFFFFF;
}
.main-container h1:where(:not(.partial-reg-form-modal *)) {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .main-container h1:where(:not(.partial-reg-form-modal *)) {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.main-container h2:where(:not(.partial-reg-form-modal *)) {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .main-container h2:where(:not(.partial-reg-form-modal *)) {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.main-container h3:where(:not(.partial-reg-form-modal *)) {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 768px) {
  .main-container h3:where(:not(.partial-reg-form-modal *)) {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.main-container h4:where(:not(.partial-reg-form-modal *)) {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .main-container h4:where(:not(.partial-reg-form-modal *)) {
    font-family: "Poppins", sans-serif;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.main-container h5:where(:not(.partial-reg-form-modal *)) {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .main-container h5:where(:not(.partial-reg-form-modal *)) {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.main-container .main-container {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #374F5C;
  letter-spacing: -0.02em;
  display: grid;
}
.main-container .main-container {
  margin: 0;
  padding-bottom: 32px;
  padding-top: 0;
  padding-inline: 0;
  width: 100%;
  max-width: unset;
}
@media (max-width: 767.9px) {
  .main-container .main-container {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .main-container .main-container {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .main-container .main-container {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.main-container .main-container > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
@media (max-width: 767.9px) {
  .main-container .hero .e2-button,
  .main-container .content-hub__hero .e2-button,
  .main-container .content-hub__list .e2-button,
  .main-container .content-hub__cta-banner .e2-button,
  .main-container .content-hub__simple-cta .e2-button,
  .main-container .content-hub__bottomCTA .e2-button,
  .main-container .exam-course .e2-button,
  .main-container .interrupter-cta .e2-button,
  .main-container .bottom-cta .e2-button {
    width: 100%;
  }
}
.main-container .study-nav__top a.for-link {
  font-weight: normal;
  text-decoration: none;
}
.main-container .study-nav__main .login-link {
  font-size: 14px;
}
.main-container .study-nav__site-nav > li > a:not(.unchevron) {
  font-size: 14px;
  position: relative;
  white-space: nowrap;
}
.main-container .study-nav__main a {
  font-size: 14px;
  font-weight: initial;
  text-decoration: initial;
}
.main-container .study-nav--logged-in .study-nav__site-nav > li > a {
  font-size: 14px;
}
.main-container .study-nav--logged-in .user-dropdown > li > a {
  font-size: 1.5em;
}
.main-container .study-nav--logged-in .study-nav__top a.referTrigger {
  font-weight: normal;
}
.main-container .study-nav--logged-in .user-dropdown .collapse .study-nav__member-item {
  text-decoration: none;
}
.main-container .study-nav--logged-in .study-nav__member-nav .study-nav__member-item {
  text-decoration: none;
}
.main-container .ccpa-floating-bar .ccpa-floating-bar-inner .ccpa-floating-bar-inner-messaging .ccpa-sub-text a {
  font-size: 14px;
}
.main-container .e2-button {
  text-decoration: none;
}
.main-container .e2-button:hover {
  text-decoration: none;
  color: #000000;
}
.main-container > .main-container--full-bleed {
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
  display: grid;
}
@media (max-width: 767.9px) {
  .main-container > .main-container--full-bleed {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .main-container > .main-container--full-bleed {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .main-container > .main-container--full-bleed {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.main-container > .main-container--full-bleed > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
.main-container > .main-container--full-bleed > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}

.homepage-spacer {
  opacity: 0 !important;
  padding-top: 64px;
}

.homepage-spacer--mobile-only {
  scroll-margin-top: var(--topNavHeight, 117px);
}
@media (max-width: 767.9px) {
  .homepage-spacer--mobile-only {
    scroll-margin-top: 0;
    opacity: 0 !important;
    padding-top: 32px;
  }
}

.homepage-explore__tiles-mobile-interruptor {
  color: #000000;
}

.hero {
  background: #072435;
  position: relative;
}
.hero .hero__bg {
  position: absolute;
  z-index: 0;
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
}
@media (max-width: 767.9px) {
  .hero .hero__bg img {
    width: 40%;
  }
}
.hero .hero__bg--top-right {
  top: 24px;
  right: 24px;
}
@media (max-width: 767.9px) {
  .hero .hero__bg--top-right {
    text-align: right;
  }
}
.hero .hero__bg--top-left {
  top: 20%;
  left: 12px;
}
.hero .hero__bg--bottom-right {
  bottom: 0;
  right: 0;
}
@media (max-width: 767.9px) {
  .hero .hero__bg--bottom-right {
    text-align: right;
  }
}
.hero .hero__bg--bottom-left {
  bottom: 0;
  left: 0;
}
.hero h1, .hero h2 {
  text-align: center;
  text-wrap: balance;
  margin: 0;
  padding-bottom: 32px;
}
.hero h1 .nowrap, .hero h2 .nowrap {
  white-space: nowrap;
}
.hero h1 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .hero h1 {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: -0.02em;
  }
}
.hero h1:has(+ h2) {
  padding-bottom: 4px;
}
.hero h2 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: -0.02em;
  color: #A6B5BD !important;
}
@media (min-width: 768px) {
  .hero h2 {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.02em;
  }
}
.hero .homepage-headline--mobile h1 {
  font-size: 28px;
  line-height: 36px;
}
.hero .homepage-headline--mobile h2 {
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 24px;
}
.hero .hero-bar {
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
  z-index: 1;
  overflow: hidden;
  display: grid;
}
@media (max-width: 767.9px) {
  .hero .hero-bar {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .hero .hero-bar {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .hero .hero-bar {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.hero .hero-bar > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
@media (max-width: 767.9px) {
  .hero .hero-bar {
    display: none;
  }
}
.hero .hero-bar:focus-within {
  z-index: 4;
}
.hero .hero-bar--slid {
  animation: slideUpOverflow 400ms ease-out both;
  animation-fill-mode: both;
}
@keyframes slideUpOverflow {
  0%, 99% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.hero .hero-bar--slid .hero-bar__slide {
  animation: slideUp 400ms ease-out both;
  animation-fill-mode: both;
  background: #000000;
  grid-column-start: full-bleed-start;
  grid-column-end: full-bleed-end;
  display: grid;
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@media (max-width: 767.9px) {
  .hero .hero-bar--slid .hero-bar__slide {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .hero .hero-bar--slid .hero-bar__slide {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 1280px) {
  .hero .hero-bar--slid .hero-bar__slide {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
.hero .hero-bar--slid .hero-bar__slide > * {
  grid-column-start: content-start;
  grid-column-end: content-end;
}
.hero .hero-bar__slide {
  transform: translateY(100%);
}
.hero label.e2-select {
  margin: 0;
}

.hero__container {
  padding: 64px 0;
  z-index: 4;
}
@media (max-width: 767.9px) {
  .hero__container {
    padding: 32px 0;
  }
  .hero__container:has(.homepage-headline--mobile) {
    padding-block: 24px;
  }
  .hero__container:has(.homepage-headline--mobile) .hero-bar--mobile .cta-hero-bar {
    gap: 16px;
  }
  .hero__container:has(.homepage-headline--mobile) ~ .hero-bg-shapes .hero__bg--top-left,
  .hero__container:has(.homepage-headline--mobile) ~ .hero-bg-shapes .hero__bg--top-right {
    display: none;
  }
}
@media (max-width: 767.9px) {
  .hero__container .hero__cards {
    display: none;
  }
}

.hero__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}
@media (max-width: 767.9px) {
  .hero__cards {
    padding: 32px 16px 0;
    grid-template-columns: 1fr;
  }
}
.hero__cards .e2-drop-box .e2-dropdown-menu__item-body {
  padding-left: 24px;
}
.hero__cards .e2-drop-box .cta-hero-bar__option-group {
  margin-left: -16px;
  font-weight: 700;
}

.hero__card {
  background: #FCF8EE;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.hero__card:hover .hero__title {
  text-decoration: underline;
}
.hero__card:focus-within {
  scale: 1.082;
  transition: scale ease-out 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 5;
}
.hero__card > a, .hero__card > a:hover {
  text-decoration: none;
}
.hero__card .e2-select {
  margin-bottom: 0;
}

.hero__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  flex: 1;
}

.hero__dropdown {
  margin-top: auto;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

.hero__title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000000;
  letter-spacing: -0.02em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (min-width: 768px) {
  .hero__title {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    letter-spacing: -0.02em;
  }
}

.hero__subheader {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #374F5C;
  letter-spacing: -0.02em;
  text-align: center;
}

.hero__badge {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero__badge-img {
  height: 20px;
  width: auto;
}

.hero__arrow {
  mask-image: url("/images/icons/material/icon-arrow-right-24.svg");
  -webkit-mask-image: url("/images/icons/material/icon-arrow-right-24.svg");
  width: 24px;
  height: 24px;
  background: #000000;
}

.hero__card-video {
  height: 116px;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  background: #000000;
}
.hero__card-video .hero__card-video-position--center {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.hero__card-video video {
  width: 100%;
  max-width: 100%;
}

.cta-hero-bar {
  padding: 16px 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  /*
  .e2-select__wrapper {
  	&:focus-within {
  		z-index: 5;
  	}
  }
  */
}
@media (max-width: 767.9px) {
  .cta-hero-bar {
    padding: 0;
    flex-direction: column;
    gap: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .cta-hero-bar {
    flex-direction: column;
    padding: 24px 0;
  }
}
.cta-hero-bar .e2-input__wrapper, .cta-hero-bar .e2-select__wrapper {
  width: 344px;
}
@media (max-width: 1279.9px) {
  .cta-hero-bar .e2-input__wrapper, .cta-hero-bar .e2-select__wrapper {
    width: 100%;
  }
}
.cta-hero-bar .e2-input, .cta-hero-bar .e2-select__button {
  /*to match the size of marketingButton size*/
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 1279.9px) {
  .cta-hero-bar .e2-button {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .cards-mobile, .hero-bar--mobile {
    display: none !important;
  }
}

.hero-bar--mobile .cta-hero-bar--asu-gsv .e2-select__wrapper {
  display: none;
}

.user-segments-jump-links {
  display: none;
}
@media (max-width: 767.9px) {
  .user-segments-jump-links {
    display: flex;
    padding: 0;
    width: 100%;
    background-color: #FFFFFF;
    position: sticky;
    top: var(--topNavHeight, 66px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    z-index: 3;
    border-bottom: 1px solid #F1F1F1;
  }
  .user-segments-jump-links::-webkit-scrollbar {
    display: none;
  }
  .user-segments-jump-links > a {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
    white-space: nowrap;
    flex: 1 1 100%;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none;
    -webkit-user-drag: none;
    user-select: none;
    contain: paint;
    transition: color 0.1s ease-out, background-color 0.1s ease-out, border-color 0.1s ease-out;
    cursor: pointer;
  }
  .user-segments-jump-links > a + * {
    border-left: 1px solid #F1F1F1;
  }
  .user-segments-jump-links > a.active, .user-segments-jump-links > a:hover {
    background-color: #007BBA;
    color: #FFFFFF;
    text-decoration: none;
  }
}

.search-module .search-bar__header {
  font-family: "Poppins", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  color: #000000;
  letter-spacing: -0.02em;
  text-align: center;
}
@media (min-width: 768px) {
  .search-module .search-bar__header {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    color: #000000;
    letter-spacing: -0.02em;
  }
}
.search-module .search-bar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  background: linear-gradient(266deg, rgba(255, 255, 255, 0) 1.46%, rgba(245, 235, 200, 0.75) 105.31%), #E7F8FF;
  border-radius: 8px;
  padding: 32px 24px;
}
.search-module .e2-input__wrapper {
  width: 582px;
}
@media (max-width: 1279.9px) {
  .search-module .e2-input__wrapper {
    width: 100%;
  }
}

@media (max-width: 767.9px) {
  .product-demos-section .product-demos {
    display: grid;
  }
}
@media (max-width: 767.9px) and (max-width: 767.9px) {
  .product-demos-section .product-demos {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (max-width: 767.9px) and (min-width: 768px) and (max-width: 1279.9px) {
  .product-demos-section .product-demos {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (max-width: 767.9px) and (min-width: 1280px) {
  .product-demos-section .product-demos {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
@media (max-width: 767.9px) {
  .product-demos-section .product-demos > * {
    grid-column-start: content-start;
    grid-column-end: content-end;
  }
}
@media (min-width: 768px) {
  .product-demos-section {
    display: grid;
  }
}
@media (min-width: 768px) and (max-width: 767.9px) {
  .product-demos-section {
    grid-template-columns: [full-bleed-start] 0px [content-start percent-0] minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-75] minmax(0, 1fr) [percent-100 content-end] 0px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 1279.9px) {
  .product-demos-section {
    min-width: 768px;
    grid-template-columns: [full-bleed-start] 24px [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) [percent-50] minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] 24px [full-bleed-end];
    column-gap: 16px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .product-demos-section {
    min-width: 1280px;
    grid-template-columns: [full-bleed-start] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [content-start percent-0] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-25] minmax(0, 1fr) [percent-33] minmax(0, 1fr) minmax(0, 1fr) [percent-50] minmax(0, 1fr) minmax(0, 1fr) [percent-67] minmax(0, 1fr) [percent-75] minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) [percent-100 content-end] calc(78px + max(0px, 100dvw - 1452px) / 2 - 24px) [full-bleed-end];
    column-gap: 24px;
  }
}
@media (min-width: 768px) {
  .product-demos-section > * {
    grid-column-start: content-start;
    grid-column-end: content-end;
  }
}

/*# sourceMappingURL=homepageV6.css.map */