:root {
  --astran-black: #040823;
  --astran-purple: #af42d6;
  --background-gray: #fafafa;
  --astran-blue: #3732e4;
  --white: white;
  --astran-green: #65c66f;
  --new-dark: #101828;
  --astran-dark: #0a0a0b;
  --body: #5e687b;
  --black: black;
  --astran-blue-50: #3732e480;
  --gray: #f1f4f5;
  --gray-text: #656d76;
  --dark-purple: #55165e;
  --white-2: white;
}

.astran-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.astran-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.astran-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.astran-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.astran-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.astran-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.astran-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.astran-checkbox-input--inputType-custom.astran--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.astran-checkbox-input--inputType-custom.astran--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .astran-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .astran-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  color: var(--astran-black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 43px;
  position: static;
}

h3 {
  color: var(--astran-purple);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
}

p {
  color: var(--astran-black);
  margin-bottom: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
}

li {
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.navbar {
  background-color: #fff;
  padding-top: 23px;
  padding-bottom: 23px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar.gray {
  background-color: #fff;
}

.container {
  justify-content: space-between;
  align-items: center;
  max-width: 90vw;
}

.div-block {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.button {
  text-transform: uppercase;
  border-radius: 4px;
  padding: 9px 15px;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.button.primary {
  border: 1px solid var(--astran-blue);
  background-color: var(--astran-blue);
  color: var(--white);
}

.button.primary:hover {
  background-color: var(--white);
  color: var(--astran-black);
}

.button.primary.nav {
  margin-left: 40px;
}

.button.primary.no-uppercase {
  text-transform: none;
}

.button.primary.no-uppercase.extra-padding {
  padding-left: 26px;
  padding-right: 26px;
}

.button.primary.no-uppercase.margin-top-20 {
  margin-top: 20px;
}

.button.primary.extra-padding {
  padding: 12px 23px;
}

.button.secondary {
  background-color: var(--astran-green);
  color: var(--astran-black);
  font-weight: 600;
}

.button.secondary:hover {
  background-color: var(--white);
}

.button.secondary.form-button {
  margin-top: 20px;
}

.button.outline {
  border: 1px solid var(--astran-blue);
  color: var(--astran-blue);
  padding-left: 54px;
  padding-right: 54px;
}

.button.outline:hover {
  background-color: var(--astran-blue);
  color: var(--white);
}

.button.outline.mobile, .button.outline.mobile.sign-up, .button.outline.desktop.sign-up {
  display: none;
}

.button.white {
  background-color: var(--white);
  color: var(--astran-purple);
}

.button.white:hover {
  color: var(--astran-blue);
}

.button.white.no-uppercase {
  text-transform: none;
}

.button.white.blue-text {
  color: var(--astran-blue);
}

.button.white.blue-text.no-uppercase:hover {
  color: var(--astran-purple);
}

.nav-menu {
  align-items: center;
  display: flex;
}

.nav-link {
  padding: 9px 20px;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.nav-link:hover, .nav-link.astran--current {
  color: var(--astran-purple);
}

.nav-link.dropdown {
  padding-top: 15px;
  padding-bottom: 15px;
}

.nav-link.dropdown.small {
  color: var(--new-dark);
  margin-left: 0;
  margin-right: 0;
  padding: 7px 0;
  transition: all .3s;
}

.nav-link.dropdown.small:hover, .nav-link.color-dark.mobile-margin-bottom-7.astran--current {
  color: var(--astran-purple);
}

.div-block-2 {
  padding-top: 86px;
}

.container-2 {
  max-width: 95vw;
}

.section {
  background-color: var(--astran-dark);
  padding-top: 45px;
  padding-bottom: 45px;
}

.section.bg-fafafa {
  background-color: var(--background-gray);
  color: var(--body);
}

.div-block-3 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--white);
  padding: 10px;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
}

.footer-link:hover {
  color: var(--astran-purple);
}

.footer-link.sublink {
  color: #ffffffb3;
}

.footer-link.sublink:hover {
  color: var(--astran-purple);
}

.footer-link.sublink.dark {
  font-weight: 400;
}

.footer-link.sublink.dark.no-margin {
  padding: 0;
}

.footer-link.sublink.dark.footer-sublink-margin {
  padding-top: 0;
  padding-bottom: 6px;
  padding-left: 0;
}

.footer-link.dark {
  color: var(--new-dark);
  font-weight: 600;
}

.footer-link.dark.margin-left-0 {
  padding-left: 0;
}

.footer-link.dark.margin-left-0.footer-head-margin {
  padding-bottom: 24px;
}

.div-block-4 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  margin-bottom: 60px;
  display: flex;
}

.div-block-4.footer {
  justify-content: center;
  position: relative;
}

.div-block-5 {
  color: #fff9;
  display: flex;
}

.div-block-5.font-weight-300.gray {
  color: var(--body);
}

.footer-bottom-divider {
  width: 4px;
  margin-left: 10px;
  margin-right: 10px;
}

.footer-bottom-divider.text-align-end {
  text-align: right;
}

.footer-bottom-divider.gray {
  color: var(--black);
}

.footer-bottom-link {
  text-decoration: none;
}

.footer-bottom-link.gray {
  color: var(--body);
}

.footer-bottom {
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.footer-bottom.link {
  font-family: Mona Sans, sans-serif;
}

.footer-bottom.gray {
  color: var(--body);
}

.link-block {
  text-decoration: none;
}

.div-block-6 {
  justify-content: space-between;
  display: flex;
}

.div-block-6.footer-bottom {
  border-top: 1px solid #e1e1e1;
  padding-top: 22px;
}

.page-wrapper {
  margin-top: 86px;
}

.page-wrapper.stars-bg {
  background-color: var(--astran-dark);
  background-image: url('../images/star.webp');
  background-position: 0 0;
  background-size: auto;
}

.page-wrapper.stars-bg.posiition-relative, .page-wrapper.position-relative {
  position: relative;
}

.page-wrapper.bg-gray {
  background-color: var(--background-gray);
  margin-top: 80px;
}

.banner.homepage {
  height: 696px;
  margin-bottom: 0;
  position: static;
}

.banner.homepage.position-relative {
  position: relative;
}

.banner.homepage.new-hp {
  height: auto;
}

.banner.stars-bg.product {
  padding-top: 90px;
  padding-bottom: 50px;
}

.banner.stars-bg.team {
  background-image: url('../images/Team-BG-to-export.svg');
  padding-top: 80px;
}

.banner.stars-bg.team.position-relative {
  background-size: auto;
  padding-bottom: 95px;
  position: relative;
}

.container-left-padding {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container-left-padding.homepage {
  height: 100%;
}

.container-left-padding.team {
  justify-content: flex-start;
}

.heading-1 {
  color: var(--astran-black);
  margin-top: 0;
  margin-bottom: 18px;
  font-family: Mona Sans, sans-serif;
  font-size: 55px;
  font-weight: 600;
  line-height: 1.15;
}

.heading-1.color-white {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
}

.heading-1.color-white.margin-top-5 {
  margin-top: 5px;
}

.heading-1.margin-bottom-30.no-margin-top {
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
}

.heading-1.text-align-center {
  text-align: center;
}

.heading-1.color-dark.text-align-center {
  color: var(--new-dark);
}

.heading-1.color-dark.text-align-center.margin-bottom-80 {
  margin-bottom: 80px;
}

.animation-wrapper {
  min-height: 65vh;
  position: relative;
}

.div-block-7 {
  max-width: 655px;
}

.div-block-7.product {
  max-width: 671px;
}

.subheading {
  margin-bottom: 35px;
  font-family: Droid Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.15;
}

.subheading.color-white {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
  font-weight: 300;
}

.subheading.color-white.font-weight-300 {
  font-weight: 300;
}

.subheading.color-white.font-weight-200 {
  font-weight: 200;
}

.subheading.font-weight-500 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
}

.subheading.font-weight-500.color-white.text-align-center {
  text-align: center;
}

.subheading.font-weight-500.color-white.text-align-center.middle-text {
  max-width: 940px;
  font-family: Mona Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.section-2 {
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section-2.position-relative {
  z-index: 1;
  margin-top: 40px;
  position: relative;
}

.color-purple {
  color: var(--astran-purple);
}

.logos {
  padding-bottom: 80px;
}

.logos.position-relative {
  position: relative;
}

.div-block-8 {
  z-index: 1;
  width: 100%;
  position: relative;
}

.paragraph {
  font-size: 1.2rem;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-18.font-weight-300 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.font-size-18.font-weight-300.text-align-center {
  text-align: center;
}

.font-size-18.font-weight-300.text-align-center.color-white {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
}

.font-size-18.font-weight-300.text-align-center.color-white.logos-title.margin-h-auto {
  color: var(--white);
}

.font-size-18.font-weight-300.text-align-center.color-white.logos-title.margin-h-auto.margin-bottom-20.color-black {
  color: var(--astran-dark);
}

.logo-section-logo {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-section-logo.wrap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: wrap;
}

.cards-section {
  padding-top: 100px;
}

.astran-container {
  margin-left: auto;
  margin-right: auto;
}

.astran-container.cta-section {
  margin-bottom: 170px;
  padding-left: 40px;
  padding-right: 40px;
}

.astran-container.resources-link-wrapper {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.astran-container.display-flex.justify-between.align-center {
  align-items: center;
}

.astran-container.display-flex.flex-column {
  flex-direction: column;
}

.astran-container.display-flex.flex-column.align-center {
  align-items: center;
}

.astran-container.display-flex.flex-column.align-center.team-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 157px;
  padding-left: 22px;
  padding-right: 22px;
}

.astran-container.display-flex.flex-column.align-center.gap-50 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
}

.astran-container.display-flex.justify-center {
  justify-content: center;
}

.astran-container.display-flex.justify-center.committee-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

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

.astran-container.display-flex.justify-center.align-center.direction-column, .astran-container.display-flex.direction-column {
  flex-flow: column;
}

.astran-container.display-flex.direction-column.justify-start {
  justify-content: flex-start;
  align-items: center;
}

.astran-container.display-flex.gap-60 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
}

.card {
  background-color: #ffffff26;
  border-radius: 15px;
  max-width: 100%;
  padding: 30px;
  text-decoration: none;
}

.card.position-relative {
  position: relative;
  top: 85px;
}

.card.position-relative._2 {
  top: 153px;
}

.card.position-relative._3 {
  top: 30px;
}

.card-title {
  margin-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
}

.card-title.color-white {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
}

.card-text {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.2;
}

.card-text.color-white {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
}

.link-2 {
  font-size: 12px;
}

.card-link {
  border-radius: 15px;
  width: 300px;
  max-width: 24%;
  font-size: 12px;
  text-decoration: none;
}

.card-link-text.color-purple {
  font-family: Manrope, sans-serif;
}

.div-block-9 {
  justify-content: space-between;
  padding-bottom: 400px;
  display: flex;
}

.div-block-9.position-relative {
  z-index: 1;
  position: relative;
}

.image {
  position: absolute;
  top: -21px;
  left: 5px;
  transform: translate(-50%, -100%);
}

.heading-2 {
  font-family: Mona Sans, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
}

.heading-2.text-align-center {
  text-align: center;
  line-height: 1.2;
}

.heading-2.text-align-center.color-white {
  color: var(--white);
  margin-bottom: 40px;
  font-family: Mona Sans, sans-serif;
}

.heading-2.text-align-center.color-black {
  color: var(--astran-black);
}

.heading-2.text-align-center.margin-bottom-30 {
  margin-bottom: 30px;
}

.heading-2.color-blue.margin-bottom-5 {
  margin-bottom: 8px;
}

.heading-2.team-card-name {
  margin-top: 0;
  margin-bottom: 5px;
}

.a-testimonial-author {
  grid-column-gap: 8px;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.a-testimonial-author.hp-quotes-author {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  font-family: Manrope, sans-serif;
  font-size: 16px;
}

.a-testimonial-base {
  color: #021df9;
  border: 2px solid #f4f4f6;
  border-radius: 24px;
  padding: 32px;
}

.a-testimonial-base.hp-quote-box {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 386px;
  padding: 40px 45px;
  display: flex;
  box-shadow: 0 5px 20px #00000026;
}

.a-testimonial-base.hp-quote-box.swiper-slide {
  flex: 0 0 28.5vw;
  align-self: stretch;
  max-width: 28.5vw;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.image-54 {
  margin-bottom: 15px;
}

.text-span-36 {
  font-weight: 600;
}

.a-paragraph-small-2 {
  color: #0a1216;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.8;
}

.a-paragraph-small-2.hp-quotes-quotee {
  color: var(--astran-black);
  margin-bottom: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.a-paragraph-regular {
  color: #0a1216;
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.8;
}

.a-paragraph-regular.hp-slide-paragraph {
  margin-bottom: auto;
  padding-bottom: 19px;
  font-family: Mona Sans, sans-serif;
  font-weight: 300;
}

.div-block-10 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: center;
  display: flex;
}

.div-block-10.gap-60 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.div-block-10.gap-60.full-width-cards {
  justify-content: space-between;
}

.div-block-10.gap-60.full-width-cards .div-block-42 {
  flex: 1 1 0;
}

.cta-box {
  border: 1px solid var(--astran-blue-50);
  text-align: center;
  background-color: #00000080;
  border-radius: 10px;
  padding: 60px 90px;
}

.cta-box.light {
  background-color: var(--white);
}

.heading-3 {
  font-family: Mona Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.heading-3.text-align-center {
  text-align: center;
}

.heading-3.text-align-center.color-white {
  color: var(--white);
  margin-bottom: 24px;
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
}

.heading-3.text-align-center.color-black {
  color: var(--astran-dark);
  line-height: 1.2;
}

.heading-3.text-align-center.color-black.light {
  font-size: 36px;
  font-weight: 600;
}

.text-block {
  font-size: 22px;
}

.color-white {
  color: var(--white);
}

.color-white.endline {
  margin-bottom: 0;
  margin-right: 40px;
  font-family: Mona Sans, sans-serif;
  font-size: 28px;
  line-height: 1.2;
}

.color-white.endline.font-weight-300 {
  font-weight: 300;
}

.color-white.endline.font-weight-300.footer-banner {
  margin-right: 0;
}

.div-block-11 {
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: center;
  max-width: 573px;
  margin-right: -3px;
  display: flex;
}

.container-3 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.container-3.logos-footer {
  max-width: 1071px;
}

.div-block-12 {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-3 {
  background-image: linear-gradient(to top, #3732e4, #3732e400 57% 66%);
  padding-bottom: 54px;
}

.section-3.position-relative {
  z-index: 2;
  position: relative;
}

.section-3.position-relative.footer-banner {
  background-color: var(--astran-black);
  background-image: linear-gradient(to top, #3732e466, #3732e400 65%, #3732e400);
  padding-top: 110px;
  padding-bottom: 65px;
}

.section-4 {
  padding-bottom: 150px;
}

.section-4.position-relative {
  z-index: 1;
  position: relative;
}

.section-4.position-relative.padding-bottom-0.hide {
  display: none;
}

.section-5 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-5.resources-section {
  z-index: 1;
  padding-bottom: 140px;
  position: relative;
}

.link-block-2 {
  width: 380px;
}

.resources-link {
  color: #fff;
  width: 360px;
  text-decoration: none;
}

.resources-link.resources {
  width: 360px;
}

.resources-link.resources-section {
  max-width: 100%;
}

.resources-link-type {
  color: var(--astran-blue);
  margin-bottom: 6px;
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.resources-link-type.type-16 {
  margin-bottom: 7px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
}

.resources-link-type.new {
  font-family: Manrope, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.resources-link-text {
  color: var(--white);
  margin-bottom: 14px;
  font-family: Mona Sans, sans-serif;
  font-size: 22px;
  line-height: 1.2;
}

.resources-link-text.color-black {
  color: var(--astran-black);
}

.resources-link-text.color-black.resources {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 300;
}

.resources-link-text.color-black.line-clamp {
  color: var(--astran-black);
}

.resources-link-text.color-black.line-clamp.bold {
  color: var(--new-dark);
  margin-bottom: 7px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.resources-link-text.color-gray.resources {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.resources-link-text.color-gray.resources.line-clamp.new {
  font-size: 16px;
}

.resources-link-date {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.resources-link-date.color-black {
  color: var(--astran-black);
}

.resources-link-date.color-black.resources {
  letter-spacing: .1px;
  font-size: 14px;
}

.resources-link-date.color-black.resources.new {
  color: var(--body);
  font-size: 16px;
}

.resources-link-date.color-body {
  color: var(--body);
}

.div-block-13 {
  padding-left: 0;
  padding-right: 0;
}

.image-55 {
  border: 1px #000;
  border-radius: 10px;
  width: 100%;
  max-height: 234px;
  margin-bottom: 30px;
  overflow: hidden;
  box-shadow: 0 0 14px 2px #fff3;
}

.image-55.dark {
  box-shadow: none;
  border: 1px solid #ffffff80;
}

.image-55.no-box-shadow {
  box-shadow: none;
}

.image-56 {
  position: absolute;
  transform: rotate(85deg);
}

.image-57 {
  width: 180px;
  height: 287px;
  position: absolute;
  inset: 204% auto 0% 7%;
  transform: translate(-135%)rotate(-90deg);
}

.image-58 {
  width: 180px;
  height: 287px;
  position: absolute;
  inset: -40% 0% 0% auto;
  transform: translate(50%)rotate(-64deg);
}

.image-59 {
  width: 180px;
  height: 287px;
  position: absolute;
  inset: 201% -6% 0% auto;
  transform: translate(0, 50%);
}

.image-60 {
  z-index: 1;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.image-61 {
  z-index: -4;
  pointer-events: none;
  position: absolute;
  inset: -103% auto 0% -59%;
}

.image-62 {
  z-index: -1;
  position: absolute;
  inset: 42% 42% 0% auto;
  transform: rotate(0);
}

.image-63 {
  z-index: -1;
  transform-style: preserve-3d;
  position: absolute;
  inset: 9% 15% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-64 {
  z-index: -1;
  position: absolute;
  inset: 15% 5% 0% auto;
  transform: rotate(-60deg);
}

.image-65 {
  z-index: -1;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-66 {
  z-index: -1;
  display: none;
  position: absolute;
  inset: -56% auto 0% -39%;
}

.section-6, .stars-bg {
  background-color: var(--astran-dark);
  background-image: url('../images/star.webp');
  background-position: 0 0;
  background-size: auto;
}

.font-weight-300 {
  font-family: Mona Sans, sans-serif;
  font-weight: 300;
}

.display-flex {
  justify-content: center;
  display: flex;
}

.display-flex.justify-between {
  justify-content: space-between;
}

.display-flex.justify-between.post-template {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
}

.div-block-14 {
  width: 500px;
  display: flex;
}

.div-block-14.height-300 {
  height: 281px;
}

.div-block-15 {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  justify-content: space-between;
  width: 100%;
  margin-right: 0;
  display: flex;
}

.image-75 {
  width: 789px;
  height: 634px;
  position: absolute;
  inset: 5% 3% 0% auto;
}

.section-7 {
  padding-top: 100px;
  padding-bottom: 0;
  font-family: Mona Sans, sans-serif;
}

.section-7.position-relative {
  margin-bottom: 27px;
  padding-bottom: 0;
  position: relative;
}

.paragraph-large {
  max-width: 956px;
  font-family: Mona Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
}

.paragraph-large.font-weight-300.subheading-container {
  max-width: 824px;
}

.paragraph-large.font-weight-300.subheading-container.margin-h-auto.margin-bottom-60 {
  margin-bottom: 60px;
}

.paragraph-large.font-weight-300.subheading-container.text-align-center {
  text-align: center;
}

.paragraph-large.font-weight-300.subheading-container.text-align-center.margin-h-auto.margin-bottom-60 {
  max-width: 956px;
}

.paragraph-large.font-weight-300.subheading-container.text-align-center.margin-h-auto.margin-bottom-60.mobile-text-align-left {
  text-align: left;
  font-size: 20px;
}

.paragraph-large.subheading.font-weight-300.text-align-center.margin-h-auto.margin-bottom-50 {
  text-align: left;
  margin-bottom: 80px;
  font-weight: 400;
}

.margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.product-image {
  background-color: var(--gray);
  max-width: 1096px;
  padding: 105px 60px 80px;
}

.product-image.margin-h-auto.margin-bottom-150 {
  background-color: var(--white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
}

.margin-bottom-150 {
  margin-bottom: 150px;
}

.product-items-grid {
  grid-column-gap: 109px;
  grid-row-gap: 46px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 910px;
  display: grid;
}

.product-items-grid.margin-h-auto {
  grid-column-gap: 109px;
  grid-template-columns: 400px 395px;
}

.text-block-2 {
  margin-bottom: 20px;
  font-family: Mona Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.image-76 {
  margin-bottom: 10px;
}

.image-76._2 {
  margin-bottom: 20px;
}

.paragraph-2 {
  font-family: Mona Sans, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.image-77 {
  display: none;
}

.image-78 {
  max-width: 80%;
  margin-bottom: 116px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: block;
  position: static;
}

.image-79 {
  z-index: -1;
  position: absolute;
  inset: 40% 4% 0% auto;
  transform: rotate(-62deg);
}

.image-80 {
  z-index: -1;
  position: absolute;
  inset: 23% auto 0% -4%;
  transform: rotate(59deg);
}

.image-81 {
  position: absolute;
  inset: -8% -12% 0% auto;
  transform: rotate(-103deg);
}

.image-81.price-page {
  z-index: -1;
  top: 70%;
}

.image-82 {
  z-index: -1;
  position: absolute;
  inset: auto auto -11% -12%;
  transform: rotate(-58deg);
}

.image-83 {
  position: absolute;
  inset: auto -9% 25% auto;
  transform: rotate(-60deg);
}

.image-83.z-index--1 {
  z-index: -1;
}

.image-84 {
  z-index: -1;
  position: absolute;
  inset: auto auto -25% 5%;
  transform: rotate(-58deg);
}

.div-block-16 {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 134px;
  display: flex;
}

.padding-right-20 {
  padding-right: 20px;
}

.image-85 {
  margin-left: 8px;
  margin-right: 0;
}

.div-block-18 {
  margin-bottom: 15px;
}

.div-block-19 {
  position: relative;
  top: -23px;
}

.div-block-20 {
  min-height: 45px;
  margin-bottom: 10px;
}

.div-block-21 {
  min-height: 45px;
  margin-bottom: 0;
}

.resources-banner {
  justify-content: center;
  display: flex;
}

.heading-4 {
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.featured-post {
  padding-bottom: 100px;
  transition: box-shadow .2s;
  display: block;
}

.featured-post.manual {
  display: block;
}

.featured-post-wrapper {
  border-radius: 15px;
  display: flex;
}

.featured-post-image-wrap {
  background-color: var(--gray);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex: 0 45.3%;
  display: flex;
  overflow: hidden;
}

.div-block-22 {
  flex: 1;
}

.featured-post-text-wrap {
  background-color: var(--gray);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  flex: 1;
  padding: 50px 85px 38px;
}

.featured-post-text-wrap.white {
  background-color: var(--white);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.post-type {
  color: var(--astran-blue);
  letter-spacing: .1px;
  text-transform: uppercase;
  margin-bottom: -10px;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.post-type.no-uppercase {
  text-transform: capitalize;
}

.paragraph-3 {
  color: var(--gray-text);
  margin-top: -5px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
}

.text-block-3 {
  color: var(--astran-black);
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.text-span-37 {
  font-weight: 600;
}

.text-block-4 {
  color: var(--astran-black);
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.image-87 {
  object-fit: cover;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  width: 100%;
  height: 100%;
}

.tab {
  background-color: var(--gray);
  color: var(--astran-black);
  border-radius: 4px;
  margin-left: 7px;
  margin-right: 7px;
  font-family: Mona Sans, sans-serif;
  font-weight: 500;
}

.tab.astran--current {
  border: 1px solid var(--astran-blue);
  background-color: var(--white);
  color: var(--astran-blue);
}

.tab.no-button {
  background-color: #0000;
  margin-left: 11px;
  margin-right: 11px;
  padding-left: 5px;
  padding-right: 5px;
}

.tab.no-button.astran--current {
  text-transform: capitalize;
  border-style: none;
}

.tab.no-button.first.astran--current {
  margin-left: 0;
  padding-left: 0;
}

.tabs-menu {
  justify-content: center;
  padding-bottom: 40px;
  display: flex;
}

.tabs-menu.left {
  justify-content: flex-start;
}

.div-block-23 {
  grid-column-gap: 68px;
  grid-row-gap: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.resources-link-title {
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Mona Sans, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 31px;
}

.resources-link-title.color-black._18 {
  font-size: 18px;
  line-height: 1.4;
}

.resources-link-title.color-dark {
  color: var(--new-dark);
}

.resources-link-title.color-dark._18 {
  font-size: 18px;
  line-height: 1.4;
}

.color-black {
  color: var(--astran-black);
}

.resources-link-author {
  letter-spacing: .1px;
  font-family: Mona Sans, sans-serif;
  font-weight: 300;
}

.text-span-38 {
  font-weight: 600;
}

.color-gray {
  color: var(--gray-text);
}

.section-9 {
  padding-bottom: 200px;
}

.image-88 {
  z-index: -1;
  width: 270px;
  position: absolute;
  inset: 19% -9% 0% auto;
  transform: rotate(60deg);
}

.image-89 {
  position: absolute;
  inset: auto 10% 0% auto;
  transform: rotate(-60deg);
}

.image-90 {
  width: 146px;
  position: absolute;
  inset: auto -7% 9% auto;
  transform: rotate(-60deg);
}

.image-91 {
  z-index: -1;
  position: absolute;
  inset: 7% auto auto -4%;
}

.link-block-3 {
  text-decoration: none;
  display: block;
}

.link-block-3:hover {
  border-radius: 15px;
  box-shadow: 0 1px 9px 4px #0003;
}

.color-blue {
  color: var(--astran-blue);
}

.text-block-5 {
  font-family: Manrope, sans-serif;
  font-size: 12px;
}

.text-block-5.color-purple {
  margin-top: 40px;
  font-weight: 600;
  transition: color .2s;
  display: inline-block;
}

.text-block-5.color-purple:hover {
  color: var(--dark-purple);
}

.text-wrap.team {
  max-width: 567px;
  margin-right: 75px;
}

.image-92 {
  position: absolute;
  inset: -15% 0% 0% auto;
  transform: translate(50%);
}

.container-right-padding.team {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.team-info-section {
  padding-top: 50px;
  padding-bottom: 200px;
  padding-right: 0;
}

.team-info-section.new {
  padding-bottom: 100px;
}

.motto {
  padding-top: 130px;
  padding-bottom: 50px;
  padding-right: 0;
}

.motto-block {
  justify-content: center;
  display: flex;
}

.text-block-6 {
  color: var(--astran-black);
  max-width: 180px;
  margin-right: 40px;
  font-family: Mona Sans, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 31px;
}

.div-block-24 {
  max-width: 860px;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.team-card {
  background-color: var(--gray);
  align-items: center;
  width: 960px;
  max-width: 960px;
  min-height: 322px;
  margin-bottom: 30px;
  padding: 30px 40px;
  display: flex;
}

.team-card.first, .team-card.left {
  align-self: flex-start;
}

.team-card.right {
  align-self: flex-end;
}

.team-card.center {
  align-self: center;
}

.team-card.center.last {
  margin-bottom: 0;
}

.team-card-image-wrap {
  flex: none;
  align-items: center;
  display: flex;
}

.image-93 {
  border-radius: 50%;
}

.team-card-separator {
  background-color: var(--astran-blue);
  flex: none;
  align-self: stretch;
  width: 1px;
  margin-left: 40px;
  margin-right: 40px;
}

.team-card-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Mona Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.team-card-title.color-purple {
  line-height: 27px;
}

.team-card-description {
  margin-bottom: 7px;
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 23.4px;
}

.committee-title {
  color: var(--astran-black);
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  padding-left: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.committee-member {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.committee-image-wrap {
  width: 120px;
  height: 120px;
  margin-bottom: 30px;
}

.committee-image {
  object-fit: cover;
  border-radius: 50px;
  width: 100%;
  height: 100%;
}

.committee-name {
  color: #000;
  max-width: 160px;
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  line-height: 23.4px;
}

.committee-name.text-align-center {
  text-align: center;
  max-width: none;
}

.committee-name.text-align-center.new {
  color: var(--astran-blue);
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.committee-members {
  grid-column-gap: 220px;
  grid-row-gap: 220px;
  justify-content: center;
  display: flex;
}

.committee-members.t-gap-70.m-column {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.div-block-25 {
  width: 1px;
}

.separator {
  background-color: var(--astran-blue);
  width: 1px;
  height: 262px;
  margin-left: 80px;
  margin-right: 60px;
}

.image-95 {
  position: absolute;
  inset: 21% auto 0% 0;
  transform: translate(-83px)rotate(-90deg);
}

.image-95._2 {
  inset: auto -5% 33% auto;
  transform: rotate(-58deg);
}

.image-96 {
  z-index: -1;
  position: absolute;
  inset: auto auto 2% 8%;
  transform: rotate(-60deg);
}

.image-96._2 {
  inset: 52% auto 0% 6%;
  transform: rotate(-120deg);
}

.image-96._3 {
  inset: 32% 19% 0% auto;
}

.image-96._4 {
  inset: auto -11% 4% auto;
  transform: none;
}

.image-97 {
  position: absolute;
  inset: auto auto 10% -7%;
  transform: rotate(-60deg);
}

.lp-banner {
  padding-top: 90px;
  padding-bottom: 110px;
}

.lp-banner.position-relative {
  position: relative;
}

.lp-flex-container {
  grid-column-gap: 39px;
  grid-row-gap: 39px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.lp-flex-container.one-column {
  display: block;
}

.lp-text-wrap {
  flex: 0 auto;
}

.lp-text-wrap.t-margin-bottom {
  flex: 0 551px;
}

.lp-form-wrap {
  background-color: #f5f6f8;
  border-radius: 10px;
  flex: 0 0 500px;
  order: 1;
  max-width: 100%;
  padding: 50px 53px;
}

.lp-form-wrap.margin-top-20 {
  margin-top: 20px;
}

.lp-form-wrap.margin-top-20.bg-blue {
  background-color: var(--astran-blue);
  border-radius: 20px;
  flex-basis: 506px;
}

.lp-form-wrap.margin-top-20.bg-blue.get-started {
  padding: 25px 30px;
}

.lp-subheading {
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.lp-subheading.font-weight-300.margin-bottom-30 {
  text-align: justify;
}

.lp-subheading.font-weight-300.margin-bottom-30.text-small {
  color: var(--new-dark);
  font-size: 16px;
  font-weight: 400;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.no-margin-top {
  margin-top: 0;
}

.list {
  padding-left: 0;
}

.lp-list-item {
  background-image: url('../images/top-notch.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  min-height: 33px;
  margin-bottom: 23px;
  padding-left: 45px;
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  list-style-type: none;
  display: flex;
}

.lp-list-item.security-without-keys {
  background-image: url('../images/security.svg');
}

.lp-list-item.boost-user-experience {
  background-image: url('../images/boost-use-experience.svg');
}

.lp-list-item.secrets {
  background-image: url('../images/secrets-and-compliance.svg');
}

.lp-list-item.your-data {
  background-image: url('../images/your-data.svg');
}

.field-label {
  text-transform: uppercase;
}

.lp-field-label {
  text-transform: uppercase;
  font-family: Mona Sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 21px;
}

.lp-field-label.required {
  display: flex;
}

.lp-form-input {
  border: 1px solid #bdbdbd;
  border-radius: 4px;
  height: 48px;
  margin-bottom: 18px;
}

.lp-form-input.pair {
  max-width: 48%;
  height: 48px;
  display: inline-block;
}

.lp-form-input.get-started {
  height: 41px;
  margin-bottom: 8px;
}

.image-98 {
  z-index: -1;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto -20% -4%;
  transform: rotate(-60deg);
}

.image-99 {
  z-index: -1;
  position: absolute;
  inset: 27% -9% 0% auto;
}

.image-100 {
  z-index: -1;
  position: absolute;
  inset: -1% -16% 0% auto;
  transform: rotate(-60deg);
}

.post-template-wrapper {
  padding-top: 100px;
  padding-bottom: 120px;
  transform: rotate(0);
}

.post-title-wrap {
  grid-column-gap: 36px;
  grid-row-gap: 0px;
  flex: 0 390px;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.post-content-wrap {
  grid-column-gap: 106px;
  grid-row-gap: 0px;
  flex: 0 760px;
  order: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: static;
}

.pst-template-image-wrap.margin-bottom-40 {
  flex: none;
  width: 760px;
}

.image-101 {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
  max-height: none;
  overflow: clip;
}

.post-rich-text-block.margin-bottom-50 {
  text-align: justify;
  margin-top: -10px;
  font-size: 14px;
}

.post-author {
  display: flex;
}

.post-share {
  color: var(--astran-black);
  align-items: center;
  display: flex;
}

.text-block-7 {
  text-transform: uppercase;
  margin-right: 11px;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.html-embed {
  margin-right: 10px;
}

.link-block-4 {
  color: var(--astran-purple);
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.link-block-4:hover {
  color: var(--dark-purple);
}

.image-102 {
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-46%, 50%)rotate(90deg);
}

.image-103 {
  z-index: -1;
  transform-style: preserve-3d;
  position: absolute;
  inset: -16% -4% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-104 {
  position: absolute;
  inset: 25% auto auto 0%;
  transform: translate(-77%)rotate(120deg);
}

.text-block-8 {
  color: var(--astran-black);
  margin-right: 5px;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.text-block-9, .text-block-10 {
  color: var(--astran-black);
  font-family: Inter, sans-serif;
  font-weight: 300;
}

.text-block-11 {
  color: var(--astran-black);
  font-size: 16px;
}

.text-block-12 {
  color: #000;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}

.post-nav-wrapper {
  padding-top: 15px;
}

.collection-list-wrapper {
  width: 100%;
  min-width: 100%;
}

.collection-list {
  grid-column-gap: 34px;
  grid-row-gap: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 360px 360px 360px;
  grid-auto-columns: 1fr;
  margin-top: -10px;
  padding-top: 10px;
  display: grid;
}

.collection-list.all-list {
  grid-template-columns: 360px 360px 360px;
}

.div-block-26 {
  flex: none;
  width: 760px;
  max-width: 100%;
  margin-left: auto;
}

.tabs-content {
  margin-top: -10px;
  padding-top: 10px;
}

.collection-list-wrapper-2 {
  width: 100%;
}

.text-block-13 {
  transition: color .2s;
}

.section-10 {
  padding-top: 100px;
  padding-bottom: 100px;
}

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

.list-item {
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}

.collection-list-wrapper-3 {
  justify-content: center;
  width: 100%;
}

.collection-list-2, .collection-list-3 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  justify-content: center;
  display: flex;
}

.video {
  border-radius: 10px;
  overflow: hidden;
}

.collection-list-wrapper-4 {
  width: 100%;
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.cookie-modal_content-wrap {
  padding: 1.75rem 2rem;
}

.cookie-modal_content-wrap.is-small {
  padding: 1.5rem;
}

.cookie-modal_component {
  background-color: #fff;
  border-radius: .25rem;
  flex-direction: column;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: 0 4px 1rem #2629260d;
}

.cookie-modal_closebutton {
  z-index: 5;
  cursor: pointer;
  background-color: #f3f7f2;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 1.25rem 1.25rem -2.5rem auto;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cookie-modal_closebutton.is-sticky {
  position: sticky;
  top: -1rem;
}

.cookie-modal_button {
  color: #fff;
  text-align: center;
  background-color: #515750;
  border-radius: .25rem;
  padding: .875em 1.5em 1rem;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s cubic-bezier(.25, .46, .45, .94), background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_button:hover {
  background-color: #262926;
}

.cookie-modal_button.is-secondary {
  color: #515750;
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: .875rem;
  font-weight: 700;
}

.cookie-modal_button.is-secondary:hover {
  text-decoration: underline;
}

.cookie-modal_button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #f3f7f2;
  border-radius: 0 0 .25rem .25rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.cookie-modal_button-wrap.is-small {
  justify-content: flex-start;
  padding: 1.5rem;
}

.cookie-modal_button-wrap.in-pref-manger {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 2rem -2rem -2.25rem;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.cookie-modal_closebutton_line {
  background-color: #515750;
  width: 1rem;
  height: 2px;
  position: absolute;
}

.cookie-modal_closebutton_line.is-right {
  transform: rotate(-45deg);
}

.cookie-modal_closebutton_line.is-left {
  transform: rotate(45deg);
}

.screenreader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.cookie-modal_styles {
  display: none;
}

.cookie-modal_title {
  margin-bottom: .1875em;
  font-size: 1.25rem;
  font-weight: 700;
}

.cookie-modal_title.is-small {
  font-size: 1.1875rem;
}

.cookie-popup_component {
  z-index: 9500;
  max-width: 25rem;
  position: fixed;
  inset: auto 1.25rem 1.25rem auto;
}

.cookie-modal_link {
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-preference_wrapper {
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(.5rem);
  backdrop-filter: blur(.5rem);
  cursor: pointer;
  background-color: #d7e7d580;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cookie-modal_radio_button {
  float: left;
  border: 1.75px solid #999c98;
  border-radius: .375rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio_button.astran--redirected-checked {
  background-color: #515750;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #515750;
}

.cookie-modal_radio_button.astran--redirected-focus {
  box-shadow: none;
}

.cookie-modal_radio_button.is-always-active {
  cursor: not-allowed;
  background-color: #515750;
  background-image: url('../images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #515750;
}

.cookie-preference_component {
  z-index: 9525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.cookie-modal_radio_description {
  cursor: pointer;
  font-size: .875rem;
  font-weight: 400;
}

.cookie-modal_radio {
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.cookie-modal_radio.is--not-allowed {
  cursor: not-allowed;
}

.cookie-modal_form {
  padding-top: 1.25rem;
  padding-bottom: .5rem;
}

.cookie-modal_form-wrap {
  margin-bottom: 0;
}

.cookie-modal_radio_label {
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: .9375rem;
  font-weight: 600;
}

.body {
  max-width: 100dvw;
}

.body.no-overflow {
  overflow: hidden;
}

.body-2 {
  max-width: 100dvw;
}

.success-message {
  text-align: left;
  background-color: #0000;
  padding: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  line-height: 1.3;
}

.margin-bottom-5 {
  padding-bottom: 5px;
}

.margin-bottom-10 {
  padding-bottom: 10px;
}

.collection-list-wrapper-5 {
  max-width: 28%;
}

.text-span-39 {
  color: var(--astran-purple);
}

.collection-item-4 {
  width: 380px;
  padding-left: 0;
  padding-right: 0;
}

.collection-item-5 {
  width: 360px;
  padding-left: 0;
  padding-right: 0;
}

.collection-item-6 {
  width: 360px;
}

.collection-item-7 {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.collection-item-8, .collection-item-9 {
  width: 100%;
}

.a-testimonial-logo-wrapper {
  min-height: 23px;
}

.div-block-27 {
  padding-left: 0;
  padding-right: 0;
}

.link-3 {
  color: var(--astran-black);
  text-decoration: none;
}

.collection-list-wrapper-6 {
  display: block;
}

.section-11 {
  min-height: 80vh;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.image-105 {
  position: relative;
  top: 10px;
}

.image-106 {
  position: relative;
  top: 7px;
}

.image-107 {
  margin-bottom: 20px;
}

.empty-state, .empty-state-2, .empty-state-3, .empty-state-4 {
  display: none;
}

.italic-text, .text-span-40 {
  color: var(--astran-blue);
}

.div-block-28 {
  flex: 0 0 500px;
  max-width: 47.8%;
}

.div-block-28.margin-h-auto {
  max-width: 478px;
}

.margin-top-50 {
  margin-top: 50px;
}

.video-2 {
  margin-bottom: 50px;
}

.text-block-14 {
  margin-bottom: 2px;
}

.rich-text-block {
  text-align: left;
  max-width: 956px;
  padding-left: 20px;
  padding-right: 20px;
}

.box-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 120px;
  display: flex;
}

.price-box {
  border: 1px solid var(--astran-blue);
  background-color: #fff;
  border-radius: 4px;
  width: 350px;
  padding: 16px;
}

.price-box.enterprise {
  border-color: var(--astran-purple);
}

.heading-5 {
  color: var(--astran-blue);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 400;
}

.heading-5.color-purple {
  color: var(--astran-purple);
}

.heading-6 {
  color: var(--astran-dark);
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 29px;
}

.heading-6.color-purple {
  color: var(--astran-purple);
}

.text-span-41 {
  color: var(--astran-blue);
}

.last-item {
  margin-top: 40px;
}

.last-item.enterprise {
  margin-top: 15px;
}

.list-2 {
  padding-left: 20px;
}

.text-block-15, .text-block-16 {
  margin-bottom: 20px;
}

.text-span-42 {
  font-size: 20px;
  font-weight: 400;
}

.bold-text, .bold-text-2 {
  font-size: 33px;
}

.image-108 {
  text-align: center;
  max-width: 110%;
}

.image-109 {
  max-width: 75%;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.list-item-2, .list-item-3, .list-item-4, .paragraph-6 {
  font-size: 20px;
}

.paragraph-7 {
  margin-top: -41px;
  font-size: 20px;
}

.paragraph-7.margin-top-0 {
  margin-top: 0;
}

.dropdown-toggle {
  padding: 0;
}

.dropdown-list {
  background-color: #ddd;
  padding: 16px;
}

.dropdown-list.astran--open {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px #0003;
}

.dropdown-list.padding30.astran--open {
  width: 504px;
  padding: 30px;
}

.dropdown-list.padding30.auto.astran--open {
  width: auto;
}

.div-block-29 {
  grid-column-gap: 40px;
  grid-row-gap: 70px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 48px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.prize-box {
  background-color: var(--white-2);
  border-radius: 6px;
  flex: 0 47%;
  padding: 26px;
  box-shadow: 0 2px 8px #0003;
}

.prize-box---image-wrap {
  margin-bottom: 20px;
}

.prixe-box---image {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.prize-box---title {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
}

.a-icon-small {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
}

.a-banner-button-small {
  color: #b2b3bd;
  background-color: #26272c;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  transition: color .2s, background-color .2s;
}

.a-banner-button-small:hover {
  color: #000;
  background-color: #fff;
}

.a-banner-button-small.position-relative.banner {
  z-index: 9999999;
}

.a-banner-button-small.position-relative.banner:hover {
  background-color: #0000;
}

.hpannouncement {
  z-index: 9999;
  background-color: var(--astran-blue);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
  padding: 10px 0%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  transform: translate(0, -100%);
}

.hpannouncement.wrap {
  transform: translate(0, -100%);
}

.text-span-47 {
  display: inline-flex;
}

.a-banner-text-wrapper {
  grid-column-gap: 8px;
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left: 150px;
  display: flex;
}

.link-4 {
  color: #f3f3f3;
  text-transform: none;
  margin-left: 15px;
  font-weight: 600;
  text-decoration: underline;
}

.a-banner-container {
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 80rem;
  display: flex;
  position: relative;
}

.a-paragraph-small {
  letter-spacing: -.02em;
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.a-paragraph-small.hpannouncement {
  opacity: 1;
  font-family: Mona Sans, sans-serif;
  font-size: 17px;
  display: flex;
  position: static;
}

.a-paragraph-small.hpannouncement.content {
  opacity: 0;
  font-size: 17px;
  transform: none;
}

.text-span-48 {
  color: #ed2690;
  margin-right: 5px;
  display: none;
}

.background-video {
  z-index: 1;
  width: 976px;
  margin-bottom: 62px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-30 {
  background-color: #fff;
  margin-bottom: 80px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.background-video-2 {
  z-index: 2;
  width: 100%;
  padding-bottom: 50%;
}

.rich-text-block-3 {
  text-align: center;
}

.div-block-31 {
  width: 500px;
}

.background-video-3 {
  z-index: 1;
  width: 100%;
  height: 100%;
}

.div-block-32 {
  text-align: center;
}

.div-block-33 {
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  justify-content: center;
  align-items: baseline;
  display: flex;
}

.link-block-5 {
  position: absolute;
  inset: 0% auto 0% 0%;
}

.footer-link-list {
  padding-left: 0;
  list-style-type: none;
}

.div-block-34 {
  flex-flow: column;
  display: flex;
}

.div-block-36 {
  display: flex;
}

.text-span-49 {
  color: #ed2690;
  margin-right: 5px;
  display: none;
}

.text-span-50 {
  margin-left: 12px;
  font-size: 17px;
}

.hpannouncement-link {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-51 {
  color: var(--astran-blue);
}

.heading-2-28 {
  color: var(--new-dark);
  font-family: Mona Sans, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
}

.heading-2-28.text-align-center {
  margin-bottom: 50px;
}

.heading-2-28.text-align-center.color-white {
  color: var(--white);
}

.heading-2-28.text-align-center.color-white.font-weight-400 {
  font-weight: 400;
}

.heading-2-28.text-align-center.color-white.font-weight-400.margin-bottom-20, .heading-2-28.text-align-center.margin-bottom-20 {
  margin-bottom: 20px;
}

.heading-2-28.text-align-center.margin-bottom-9 {
  margin-bottom: 9px;
}

.heading-2-28.text-align-center.margin-bottom-25 {
  margin-bottom: 25px;
}

.heading-2-28.text-align-center.margin-bottom-10 {
  margin-bottom: 10px;
  padding-bottom: 0;
}

.heading-2-28.text-align-center.margin-bottom-60 {
  margin-bottom: 60px;
}

.heading-2-28.text-align-center.margin-bottom-60.margin-top-0 {
  margin-top: 0;
}

.heading-2-28.margin-bottom-35 {
  margin-bottom: 35px;
}

.heading-2-28.margin-bottom-10 {
  padding-bottom: 0;
}

.testimonials-box {
  background-color: #dddcfb33;
  border-radius: 20px;
  width: 1160px;
  max-width: 90vw;
  margin-bottom: 0;
  padding: 40px 50px 75px;
}

.paragraph-regular {
  font-size: 17px;
  font-weight: 400;
}

.paragraph-regular.color-dark {
  color: var(--new-dark);
}

.paragraph-regular.vital-functions {
  color: var(--new-dark);
  width: 431px;
  max-width: 100%;
  margin-bottom: 40px;
  font-size: 16px;
}

.paragraph-regular.size-16 {
  font-size: 16px;
}

.paragraph-regular.size-16.text-align-center.width-750 {
  width: 750px;
  max-width: 100%;
}

.paragraph-regular.size-16.text-align-center.width-750.margin-bottom-20 {
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular.size-16.text-align-center.width-750.margin-bottom-20.width-800 {
  width: 800px;
}

.paragraph-regular.size-16.text-align-center.width-750.margin-bottom-20.width-720 {
  width: 720px;
}

.paragraph-regular.size-16.text-align-center.width-750.margin-y-auto {
  margin-left: auto;
  margin-right: auto;
}

.paragraph-regular.size-16.text-align-center.width-750.margin-y-auto.width-800 {
  width: 800px;
}

.paragraph-regular.size-16.text-align-center.width-750.margin-y-auto.width-720 {
  width: 720px;
}

.testimonial-author {
  color: var(--new-dark);
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.testimonial-source {
  color: var(--new-dark);
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
}

.bold-text-3 {
  color: var(--new-dark);
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.section-aria {
  margin-bottom: 60px;
}

.section-aria.hide {
  display: none;
}

.text-span-52 {
  color: var(--astran-blue);
}

.footer-grid {
  grid-column-gap: 30px;
  grid-row-gap: 7px;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blue-cta {
  background-color: var(--astran-blue);
  border-radius: 10px;
  width: 760px;
  max-width: 90vw;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px 40px;
}

.blue-cta.small-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-37 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-53 {
  color: var(--astran-blue);
}

.aria-lottie-wrapper {
  background-color: #dddcfb80;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 131px;
  height: 131px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.lottie-animation {
  width: 110px;
  height: 100px;
}

.aria-paragraph {
  color: var(--new-dark);
  text-align: center;
  width: 570px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
}

.aria-paragraph.wide {
  width: 750px;
}

.bold-text-4 {
  font-weight: 600;
}

.container-4 {
  padding-top: 88px;
}

.container-4._960 {
  width: 960px;
  max-width: 95vw;
}

.container-4.container-1000 {
  max-width: 1000px;
}

.div-block-38 {
  padding-left: 22px;
  padding-right: 22px;
}

.div-block-38.padding-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-38.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.text-span-54 {
  color: var(--astran-blue);
}

.text-span-54.rotating-span {
  white-space: nowrap;
  word-break: normal;
  width: 398px;
  display: inline-flex;
}

.banner-subheading {
  text-align: center;
  margin-bottom: 26px;
  font-size: 20px;
}

.banner-subheading.width-715 {
  width: 715px;
}

.banner-subheading.width-715.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.banner-subheading.width-715.margin-x-auto.margin-bottom-75 {
  margin-bottom: 75px;
}

.banner-subheading.width-900 {
  width: 900px;
}

.banner-subheading.width-960 {
  width: 960px;
  max-width: 100%;
}

.banner-subheading.text-left {
  text-align: left;
}

.banner-subheading.text-left.margin-bottom-75 {
  margin-bottom: 75px;
}

.text-span-55 {
  color: var(--astran-blue);
}

.banner-logo-strip {
  justify-content: center;
  align-items: center;
  display: flex;
}

.banner-logo {
  padding-left: 15px;
  padding-right: 15px;
}

.banner-logo.height-14 {
  height: 14px;
}

.section-rows {
  padding-top: 95px;
  padding-bottom: 75px;
  transition: opacity .2s;
}

.section-rows.padding-bottom-0 {
  padding-bottom: 0;
}

.section-rows.padding-bottom-0.padding-top-45 {
  padding-top: 45px;
}

.section-rows.padding-bottom-0.padding-top-50 {
  padding-top: 50px;
}

.row {
  justify-content: space-between;
  margin-bottom: 120px;
  display: flex;
}

.row.no-margin-bottom {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin-bottom: 0;
}

.row.margin-bottom-40 {
  margin-bottom: 40px;
}

.row.margin-bottom-60 {
  margin-bottom: 60px;
}

.row-text-wrap {
  width: 563px;
}

.row-image-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-paragraph {
  color: var(--new-dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.text-span-56 {
  color: var(--astran-blue);
}

.container-5 {
  width: 1160px;
  max-width: 90vw;
}

.text-span-57 {
  color: var(--astran-blue);
}

.div-block-39, .div-block-40, .div-block-41 {
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}

.div-block-42 {
  flex: 0 24%;
}

.div-block-42.vital-functions {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list-5 {
  color: var(--body);
  padding-left: 25px;
}

.list-5.color-dark {
  color: var(--new-dark);
}

.list-5.color-dark.font-size-regular {
  font-size: 16px;
}

.list-5.color-dark.font-size-regular.font-weight-regular {
  font-weight: 400;
}

.list-item-5 {
  margin-bottom: 10px;
  font-size: 16px;
}

.list-item-5.font-weight-regular {
  font-weight: 400;
}

.bold-span {
  color: var(--new-dark);
  font-weight: 600;
}

.container-6 {
  width: 1160px;
  max-width: 90vw;
}

.section-12 {
  padding-bottom: 50px;
}

.text-span-58 {
  color: var(--astran-blue);
}

.paragraph-8 {
  width: 748px;
}

.div-block-43 {
  margin-bottom: 30px;
}

.div-block-44 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span-59 {
  font-weight: 500;
}

.regular-text {
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.regular-text.color-dark {
  color: var(--new-dark);
}

.new-astran-container {
  width: 1160px;
  max-width: 90vw;
}

.new-astran-container.bg-transparent {
  width: 1160px;
}

.new-astran-container.margin-x-auto {
  max-width: 95vw;
  margin-left: auto;
  margin-right: auto;
}

.new-astran-container.margin-x-auto.margin-bottom-144 {
  margin-bottom: 144px;
}

.accordion-button {
  color: var(--astran-blue);
  background-color: #eef;
  border: 1px solid #725bf6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  padding-left: 0;
  padding-right: 0;
  font-family: Mona Sans, sans-serif;
  font-size: 17px;
  font-weight: 500;
  transition: all .3s;
  display: inline-flex;
}

.accordion-button.astran--open {
  background-color: var(--astran-blue);
  color: var(--white);
  margin-bottom: 550px;
}

.div-block-45 {
  grid-column-gap: 46px;
  grid-row-gap: 46px;
  flex-flow: row;
  justify-content: flex-start;
  width: 100%;
  min-width: 100%;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.div-block-45.flex-start {
  justify-content: flex-start;
}

.accordion-item {
  flex: 0 0 252px;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.accordion-content-wrapper {
  opacity: 0;
  transition: all .5s cubic-bezier(.95, .05, .795, .035);
  inset: 40px auto auto 0%;
}

.accordion-content-wrapper.astran--open {
  z-index: 2;
  opacity: 1;
  background-color: #0000;
  position: absolute;
  top: 100px;
}

.accordion-text-wrap {
  flex: 0 auto;
  max-width: 50%;
}

.accordion-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 760px;
  max-width: 68.9%;
  display: flex;
}

.accordion-image-wrapper.column {
  flex-flow: column;
}

.accordion-image-wrapper.relative {
  position: relative;
}

.div-block-46 {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.image-110 {
  border-radius: 10px;
  width: 100%;
  max-width: 100%;
}

.image-110._8 {
  max-width: 100%;
}

.image-110._3 {
  max-width: 90%;
}

.step-image-wrap {
  border: 1px solid var(--astran-blue);
  background-color: var(--background-gray);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 101px;
  height: 101px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.steps-list {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}

.steps-step {
  z-index: 1;
  flex-flow: column;
  align-items: center;
  max-width: 164px;
  display: flex;
  position: relative;
}

.step-title {
  color: var(--new-dark);
  text-align: center;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
}

.step-text {
  color: var(--body);
  text-align: center;
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
}

.step-seperator {
  z-index: 0;
  align-self: flex-start;
  width: 100px;
  max-width: 103px;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  left: -31px;
}

.step-separator-wrap {
  z-index: 0;
  align-self: flex-start;
  width: 34px;
  max-width: 34px;
  margin-top: 30px;
  position: relative;
}

.step-number {
  background-color: var(--astran-blue);
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
  line-height: 1.4px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.trust-box {
  flex: 0 350px;
}

.trust-box---image-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  height: 114px;
  margin-bottom: 19px;
  display: flex;
}

.trust-box---bold {
  color: var(--new-dark);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.trust-box---text {
  color: var(--body);
  font-size: 16px;
  line-height: 1.4;
}

.div-block-47 {
  grid-column-gap: 36px;
  grid-row-gap: 70px;
  flex-flow: wrap;
  justify-content: center;
  margin-bottom: 100px;
  display: flex;
}

.div-block-47.flex-start {
  justify-content: flex-start;
}

.text-span-60 {
  color: var(--astran-blue);
}

.div-block-48 {
  padding-top: 88px;
}

.team-subheading {
  font-family: Mona Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.team-subheading.text-align-center.color-dark {
  color: var(--new-dark);
}

.motto-text-wrap {
  width: 560px;
  max-width: 100%;
}

.div-block-49 {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 90px;
  display: flex;
}

.text-span-61 {
  color: var(--astran-blue);
}

.paragraph-9, .paragraph-10 {
  margin-bottom: 0;
}

.paragraph-11 {
  color: var(--new-dark);
  font-size: 16px;
}

.team-member {
  flex: 0 360px;
}

.team-name {
  color: var(--astran-blue);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
}

.team-position {
  color: var(--new-dark);
  margin-top: 0;
  margin-bottom: 15px;
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
}

.team-description {
  color: var(--body);
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.div-block-50 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.text-span-62, .text-span-63, .text-span-64, .text-span-65 {
  color: var(--astran-blue);
}

.section-13 {
  padding-top: 90px;
}

.form {
  color: var(--white);
  font-family: Mona Sans, sans-serif;
  font-weight: 500;
  line-height: 2;
}

.div-block-51 {
  justify-content: space-between;
  display: flex;
}

.text-span-66 {
  color: var(--astran-blue);
}

.div-block-52 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.textarea {
  border-radius: 4px;
  margin-bottom: 30px;
}

.textarea.get-started {
  height: 48px;
  margin-bottom: 20px;
}

.checkbox-field {
  margin-bottom: 0;
  display: flex;
}

.checkbox-label, .checkbox-label-2, .checkbox-label-3 {
  margin-left: 15px;
}

.checkbox-field-2 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-field-3 {
  display: flex;
}

.checkbox, .checkbox-2, .checkbox-3 {
  margin-top: 0;
}

.div-block-53 {
  margin-top: 88px;
  margin-bottom: 66px;
}

.text-span-67 {
  color: var(--astran-blue);
}

.paragraph-12 {
  text-align: center;
  font-weight: 400;
}

.values-icons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 30px;
  display: flex;
}

.values-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 260px;
  display: flex;
}

.values-icon-wrapper {
  height: 101px;
  margin-bottom: 10px;
}

.values-item-heading {
  color: var(--new-dark);
  text-align: center;
  font-family: Mona Sans, sans-serif;
  font-weight: 600;
  line-height: 1.4;
}

.values-item-text {
  color: var(--body);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.text-span-68 {
  color: var(--astran-blue);
}

.join-box {
  background-color: #dddcfb33;
  border-radius: 20px;
  margin-bottom: 100px;
  padding: 38px 60px 75px;
}

.join-box-subheading {
  color: var(--new-dark);
  text-align: center;
  margin-bottom: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.join-box-boxes {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  display: flex;
}

.join-box-box {
  background-color: #fff;
  border-radius: 20px;
  padding: 50px 40px 40px;
}

.join-box-text {
  color: var(--body);
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.div-block-54 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
  display: block;
}

.text-block-17 {
  color: var(--new-dark);
  text-transform: capitalize;
  font-size: 16px;
  line-height: 1.3;
}

.heading-7 {
  font-family: Mona Sans, sans-serif;
  font-size: 26px;
}

.image-112 {
  max-width: 39%;
  position: absolute;
  bottom: -13%;
  right: 4%;
}

.collection-list-wrapper-7 {
  margin-left: auto;
  margin-right: auto;
}

.accordion-open-karat {
  background-color: var(--astran-blue);
  opacity: 0;
  width: 10px;
  height: 10px;
  transition: opacity .3s;
  position: absolute;
  bottom: -5px;
  transform: rotate(45deg);
}

.nav-link-grid {
  grid-column-gap: 33px;
  grid-row-gap: 0px;
  flex-flow: column wrap;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  height: 146px;
  display: flex;
}

.image-113, .code-embed-3 {
  display: none;
}

.screenshot {
  border-radius: 10px;
  width: 560px;
  max-width: 100%;
  margin-bottom: 100px;
  box-shadow: 0 10px 40px #0000000d;
}

.form-block {
  color: var(--white);
}

.error-message {
  background-color: #bb3c3c;
}

.webinars-tab {
  display: none;
}

.text-span-69 {
  color: var(--astran-blue);
}

.text-span-70, .text-span-71 {
  color: var(--astran-blue);
  font-weight: 600;
}

.questions-and-answers {
  width: 1160px;
  max-width: 90vw;
  margin-top: 100px;
  padding-top: 0;
}

.questions-and-answers.qa-home {
  margin-top: 40px;
}

.heading-4-35 {
  font-size: 20px;
  line-height: 1.3;
}

.heading-8 {
  color: var(--new-dark);
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 18px;
}

.text-block-18 {
  text-align: center;
  margin-top: 30px;
}

.text-span-72 {
  color: var(--astran-blue);
}

.link-5 {
  color: var(--astran-blue);
  font-family: Mona Sans, sans-serif;
  font-size: 16px;
  transition: all .2s;
}

.link-5:hover {
  color: var(--astran-purple);
}

.accordion-trigger {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.accordion-arrow-wrap {
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  min-height: 50px;
  display: flex;
  box-shadow: 0 5px 16px #080f340f;
}

.accordion-paragraph {
  width: 100%;
  max-width: 90%;
  margin-top: 18px;
  margin-bottom: 0;
}

.accordion-arrow-wrapper {
  z-index: 200;
  color: #4a3aff;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  padding-bottom: 2px;
  display: flex;
  position: relative;
  transform: rotate(90deg);
}

.accordion-item-wrapper---brix {
  max-width: 886px;
  margin-left: auto;
  margin-right: auto;
}

.arrow-line---brix {
  background-color: #4a3aff;
  border-radius: 500px;
  width: 11px;
  min-height: 2px;
  position: absolute;
}

.arrow-line---brix._2---brix {
  right: 7px;
  transform: rotate(-45deg);
}

.arrow-line---brix._1---brix {
  left: 7px;
  transform: rotate(45deg);
}

.accordion-item-title {
  color: #170f49;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.accordion-item---new {
  cursor: pointer;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.accordion-item---new.accordion-1 {
  border: 2px solid #0000;
  margin-bottom: 32px;
  padding: 20px;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 5px 16px #080f340f;
}

.accordion-item---new.accordion-1:hover {
  box-shadow: 0 14px 21px #4a3aff0f;
}

@media screen and (min-width: 1280px) {
  .section-12 {
    padding-bottom: 50px;
  }

  .new-astran-container {
    width: 1160px;
  }

  .accordion-button {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
  }

  .div-block-45 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .accordion-item {
    flex-basis: 283px;
  }

  .div-block-46 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

@media screen and (min-width: 1440px) {
  .button.white {
    color: var(--astran-purple);
    background-color: #fff;
  }

  .button.white.no-uppercase {
    text-transform: none;
  }

  .footer-link.sublink.dark.no-margin {
    padding: 0;
  }

  .footer-link.sublink.dark.left-margin-0 {
    padding-left: 0;
  }

  .footer-link.sublink.dark.footer-sublink-margin {
    padding-top: 0;
    padding-bottom: 7px;
    padding-left: 0;
  }

  .footer-link.dark.margin-left-0 {
    padding-left: 0;
  }

  .footer-link.dark.margin-left-0.footer-head-margin {
    padding-bottom: 24px;
  }

  .div-block-6.padding-top-22 {
    padding-top: 22px;
  }

  .div-block-6.footer-bottom {
    border-top: 1px solid #e1e1e1;
    padding-top: 22px;
  }

  .page-wrapper.bg-gray {
    background-color: var(--background-gray);
  }

  .banner.homepage.new-hp {
    height: auto;
  }

  .banner.stars-bg.team.position-relative {
    background-size: cover;
  }

  .heading-1.color-dark {
    color: var(--new-dark);
  }

  .astran-container.display-flex.flex-column.align-center.team-container {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2.text-align-center.font-weight-500 {
    font-weight: 500;
  }

  .a-testimonial-author.hp-quotes-author {
    font-family: Manrope, sans-serif;
  }

  .section-4.position-relative.padding-bottom-0 {
    padding-bottom: 0;
  }

  .resources-link-type.type-16 {
    margin-bottom: 7px;
    font-family: Manrope, sans-serif;
    font-size: 16px;
  }

  .resources-link-text.color-black.line-clamp.bold {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
  }

  .resources-link-date.color-body {
    color: var(--body);
  }

  .image-55.dark {
    object-fit: cover;
  }

  .image-75 {
    right: 7%;
  }

  .image-80 {
    transform: rotate(0);
  }

  .image-87 {
    object-fit: cover;
    height: 100%;
  }

  .div-block-33 {
    grid-column-gap: 78px;
    grid-row-gap: 78px;
  }

  .heading-2-28.text-align-center {
    margin-bottom: 50px;
  }

  .heading-2-28.text-align-center.color-white {
    color: var(--white);
  }

  .heading-2-28.text-align-center.color-white.font-weight-400 {
    font-weight: 400;
  }

  .heading-2-28.text-align-center.margin-bottom-20 {
    margin-bottom: 20px;
  }

  .paragraph-regular {
    font-size: 16px;
  }

  .section-aria {
    margin-bottom: 60px;
  }

  .text-span-52 {
    color: var(--astran-blue);
  }

  .footer-grid {
    grid-column-gap: 30px;
    grid-row-gap: 7px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .blue-cta {
    background-color: var(--astran-blue);
    border-radius: 10px;
    width: 760px;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 50px 40px;
  }

  .div-block-37 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-span-53 {
    color: var(--astran-blue);
  }

  .aria-lottie-wrapper {
    background-color: #dddcfb80;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 131px;
    height: 131px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .lottie-animation {
    width: 96px;
    height: 78px;
  }

  .aria-paragraph {
    color: var(--new-dark);
    text-align: center;
    width: 560px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: 400;
  }

  .bold-text-4, .bold-text-5 {
    font-weight: 600;
  }

  .container-4 {
    padding-top: 88px;
  }

  .div-block-38 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .text-span-54 {
    color: var(--astran-blue);
  }

  .banner-subheading {
    text-align: center;
    margin-bottom: 26px;
    font-size: 20px;
  }

  .banner-image-wrap {
    margin-bottom: 34px;
  }

  .text-span-55 {
    color: var(--astran-blue);
  }

  .banner-logo-strip {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .banner-logo {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-rows {
    padding-top: 95px;
    padding-bottom: 75px;
  }

  .row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
    margin-bottom: 120px;
    display: flex;
  }

  .row.no-margin-bottom {
    margin-bottom: 0;
  }

  .row-text-wrap {
    width: 563px;
  }

  .row-paragraph {
    font-size: 16px;
    font-weight: 400;
  }

  .text-span-56 {
    color: var(--astran-blue);
  }

  .container-5 {
    width: 1160px;
    max-width: 90vw;
  }

  .text-span-57 {
    color: var(--astran-blue);
  }

  .div-block-39, .div-block-40, .div-block-41 {
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
  }

  .div-block-45 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .div-block-46 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}

@media screen and (min-width: 1920px) {
  .image-75 {
    right: 11%;
  }

  .a-banner-button-small {
    display: block;
  }

  .hpannouncement {
    z-index: 9999999;
    background-color: #0a1216;
    display: flex;
  }

  .link-4, .a-paragraph-small {
    color: #f3f3f3;
  }

  .text-span-48, .text-span-49 {
    color: #ed2690;
  }

  .div-block-45 {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .button.primary.nav {
    background-color: var(--white);
    color: var(--astran-black);
    order: 1;
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-bottom: 32px;
    margin-left: 0;
    display: inline-flex;
  }

  .button.primary.nav.no-uppercase {
    margin-left: 30px;
  }

  .button.primary.nav.no-uppercase.mobile-primary {
    background-color: var(--astran-blue);
    color: var(--white);
  }

  .button.outline {
    display: none;
  }

  .button.outline.desktop {
    display: inline-block;
  }

  .nav-menu {
    background-color: var(--astran-blue);
    text-align: left;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: min(380px, 100vw);
    max-width: 100vw;
    padding: 32px 28px 40px;
    display: flex;
    left: auto;
    right: 0;
  }

  .nav-menu.gray {
    background-color: #fff;
    height: calc(100dvh - 80px);
  }

  .nav-link {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link:active, .nav-link.astran--current {
    color: var(--astran-green);
  }

  .nav-link.dropdown.small {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .nav-link.label {
    pointer-events: none;
    cursor: none;
  }

  .nav-link.color-dark.mobile-margin-bottom-7 {
    margin-bottom: 7px;
  }

  .footer-link.sublink.dark.no-margin {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .footer-link.sublink.dark.footer-sublink-margin {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
  }

  .div-block-4 {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .div-block-5 {
    order: 1;
  }

  .div-block-6 {
    flex-direction: column;
  }

  .page-wrapper.stars-bg {
    margin-top: 80px;
  }

  .banner.homepage {
    height: auto;
  }

  .container-left-padding.homepage {
    flex-direction: column;
    padding-top: 50px;
  }

  .subheading.font-weight-500.color-white.text-align-center.middle-text {
    max-width: 90vw;
  }

  .logos {
    padding-left: 121px;
    padding-right: 121px;
  }

  .logo-section-logo {
    flex-flow: wrap;
    display: flex;
  }

  .astran-container.cta-section {
    padding-left: 0;
    padding-right: 0;
  }

  .astran-container.resources-link-wrapper {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }

  .astran-container.display-flex.justify-between.align-center {
    flex-direction: column;
  }

  .astran-container.display-flex.flex-column.align-center.team-container {
    margin-bottom: 75px;
    padding-left: 0;
    padding-right: 0;
  }

  .astran-container.display-flex.flex-column.align-center.gap-50 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .astran-container.display-flex.justify-center.committee-wrap {
    flex-direction: column;
    align-items: center;
  }

  .card {
    min-height: 100%;
  }

  .card.position-relative, .card.position-relative._2, .card.position-relative._3 {
    top: 0;
  }

  .card-link {
    width: 49%;
    max-width: 50%;
  }

  .div-block-9.position-relative {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    padding-bottom: 100px;
  }

  .a-testimonial-base.hp-quote-box {
    max-width: 48%;
  }

  .a-testimonial-base.hp-quote-box.swiper-slide {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-10 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .div-block-10.gap-60 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .color-white.endline {
    text-align: center;
  }

  .color-white.endline.font-weight-300.footer-banner {
    margin-bottom: 50px;
    margin-right: 0;
  }

  .container-3 {
    flex-direction: column;
  }

  .section-3.position-relative.footer-banner {
    padding-top: 75px;
  }

  .section-4.position-relative.padding-bottom-0 {
    padding-bottom: 50px;
  }

  .resources-link {
    width: 393px;
    max-width: 100%;
  }

  .resources-link.resources {
    width: auto;
    max-width: none;
  }

  .resources-link-date.color-body {
    color: var(--body);
  }

  .image-58 {
    right: -17%;
  }

  .image-59 {
    right: -27%;
  }

  .image-60 {
    display: none;
    inset: auto auto 0% 0%;
  }

  .image-61 {
    left: -78%;
  }

  .image-62 {
    top: 47%;
  }

  .image-64 {
    right: -15%;
  }

  .div-block-14 {
    justify-content: center;
  }

  .div-block-15 {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
  }

  .image-75 {
    height: auto;
    margin-top: 65px;
    position: static;
  }

  .section-7 {
    padding-top: 50px;
  }

  .paragraph-large.font-weight-300.subheading-container.margin-h-auto.margin-bottom-60 {
    max-width: 90vw;
  }

  .paragraph-large.font-weight-300.subheading-container.text-align-center.margin-h-auto.margin-bottom-60 {
    max-width: 90%;
  }

  .product-image {
    justify-content: center;
    padding-top: 73px;
    display: flex;
  }

  .product-image.margin-h-auto.margin-bottom-150 {
    max-width: 100vw;
    margin-bottom: 75px;
  }

  .product-items-grid.margin-h-auto.margin-bottom-90 {
    grid-column-gap: 46px;
    grid-template-columns: 1fr 1fr;
    max-width: 90vw;
  }

  .image-77 {
    max-width: none;
    display: block;
  }

  .image-78 {
    display: none;
  }

  .image-82 {
    z-index: -1;
    left: -35%;
  }

  .image-83 {
    z-index: -1;
    right: -20%;
  }

  .div-block-16 {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
  }

  .div-block-17 {
    margin-bottom: 50px;
  }

  .featured-post-wrapper {
    flex-direction: column;
  }

  .featured-post-text-wrap {
    border-top-right-radius: 0;
    border-bottom-left-radius: 15px;
    padding: 35px;
  }

  .image-87 {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .div-block-23 {
    grid-column-gap: 48px;
    grid-template-columns: 46% 46%;
  }

  .image-89 {
    bottom: 2%;
  }

  .image-90 {
    bottom: 8%;
    right: -13%;
  }

  .text-wrap.team {
    max-width: 100%;
    margin-bottom: 70px;
    margin-right: 18px;
  }

  .container-right-padding.team {
    flex-direction: column;
  }

  .team-info-section {
    padding-bottom: 130px;
  }

  .motto {
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 35px;
    display: flex;
  }

  .motto-block {
    flex-direction: column;
    max-width: 90vw;
  }

  .text-block-6 {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .team-card {
    flex-direction: column;
    width: 90vw;
    margin-bottom: 0;
  }

  .team-card.left, .team-card.right {
    align-self: center;
  }

  .team-card-image-wrap {
    margin-bottom: 35px;
  }

  .team-card-separator {
    order: 1;
    width: 100%;
    height: 1px;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
  }

  .committee {
    align-self: center;
  }

  .committee-title {
    text-align: center;
    padding-left: 0;
  }

  .committee-members.t-gap-70 {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .separator {
    width: 64%;
    height: 1px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .paragraph-4, .paragraph-5 {
    margin-bottom: 20px;
  }

  .image-95 {
    z-index: -1;
    top: 29%;
  }

  .image-95._2, .image-97 {
    z-index: -1;
  }

  .lp-flex-container {
    display: block;
  }

  .lp-text-wrap.t-margin-bottom {
    margin-bottom: 50px;
  }

  .post-title-wrap {
    flex-direction: column;
  }

  .pst-template-image-wrap.margin-bottom-40 {
    max-width: 100%;
  }

  .post-author {
    flex-wrap: wrap;
  }

  .post-share {
    margin-bottom: 35px;
  }

  .image-103 {
    top: 22%;
  }

  .image-104 {
    z-index: -1;
  }

  .text-block-8, .text-block-9 {
    white-space: nowrap;
  }

  .collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-26 {
    width: 432px;
  }

  .collection-item {
    width: auto;
  }

  .collection-list-2 {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .collection-item-2 {
    max-width: 46%;
  }

  .collection-list-3 {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .collection-item-3 {
    max-width: 100%;
  }

  .collection-list-wrapper-5 {
    max-width: none;
  }

  .image-105 {
    top: 0;
  }

  .dropdown-toggle.menu {
    z-index: 1;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: var(--new-dark);
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    display: flex;
  }

  .dropdown-toggle.menu.astran--open {
    color: var(--astran-blue);
    font-family: Mona Sans, sans-serif;
    font-size: 14px;
  }

  .dropdown-list {
    background-color: #0000;
    padding-top: 0;
    position: static;
  }

  .dropdown-list.padding30.astran--open {
    box-shadow: none;
    background-color: #0000;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .dropdown-wrapper {
    display: block;
  }

  .dropdown-wrapper.mobile-padding.mobile-margin-bottom {
    z-index: 1;
    margin-bottom: 7px;
  }

  .dropdown-wrapper.mobile-margin-bottom {
    margin-bottom: 7px;
  }

  .div-block-29 {
    padding-left: 0;
    padding-right: 0;
  }

  .prize-box {
    flex-basis: 100%;
  }

  .a-banner-button-small {
    display: flex;
    position: static;
  }

  .a-banner-text-wrapper {
    margin-left: 0;
  }

  .a-banner-container {
    place-content: stretch center;
    max-width: none;
    display: flex;
  }

  .background-video {
    width: 100%;
    height: 354px;
  }

  .background-video-2 {
    width: auto;
    height: 354px;
    padding-bottom: 0%;
  }

  .div-block-33 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .link-block-5 {
    position: static;
  }

  .dropdown-2 {
    width: 100%;
  }

  .div-block-35 {
    order: 2;
  }

  .div-block-35.order-none {
    order: 1;
  }

  .div-block-35.order-none.mobile-padding {
    margin-bottom: 20px;
    padding-left: 30px;
  }

  .div-block-36 {
    flex-flow: column;
    display: flex;
  }

  .heading-2-28.text-align-center.margin-bottom-10 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .testimonials-box {
    margin-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-grid {
    flex-flow: column;
    display: flex;
  }

  .text-span-54.rotating-span {
    width: auto;
  }

  .banner-subheading.width-715.margin-x-auto.margin-bottom-75 {
    max-width: 100%;
  }

  .row {
    flex-flow: column;
    align-items: center;
  }

  .row-text-wrap {
    order: 2;
  }

  .row-image-wrap {
    order: 1;
    margin-bottom: 40px;
  }

  .new-astran-container.margin-x-auto.margin-bottom-144 {
    margin-bottom: 50px;
  }

  .new-astran-container.key-steps {
    max-width: 703px;
  }

  .accordion-button.astran--open {
    margin-bottom: 0;
  }

  .div-block-45 {
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .accordion-item {
    flex-basis: 100%;
    margin-bottom: 16px;
  }

  .accordion-content-wrapper {
    opacity: 1;
    background-color: #0000;
    padding-bottom: 40px;
    display: block;
    position: static;
  }

  .accordion-content-wrapper.astran--open {
    position: static;
  }

  .accordion-text-wrap {
    order: 1;
    max-width: 100%;
  }

  .accordion-image-wrapper {
    order: -1;
    width: 100%;
    min-width: 0%;
    max-width: 100%;
  }

  .div-block-46 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    padding-top: 50px;
  }

  .image-110 {
    width: 100%;
  }

  .image-110._8 {
    width: 50%;
  }

  .steps-list {
    flex-flow: wrap;
  }

  .steps-step {
    flex: 0 auto;
    max-width: 176px;
  }

  .step-seperator {
    left: -48px;
  }

  .step-seperator.no-show-tablet {
    display: none;
  }

  .step-separator-wrap {
    max-width: 2px;
  }

  .trust-box {
    flex-basis: 45%;
  }

  .div-block-47 {
    justify-content: center;
  }

  .text-span-60 {
    color: var(--astran-blue);
  }

  .div-block-48 {
    padding-top: 88px;
  }

  .team-subheading {
    font-family: Mona Sans, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
  }

  .motto-text-wrap {
    max-width: 95vw;
  }

  .div-block-49 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .team-member {
    margin-bottom: 75px;
  }

  .div-block-50 {
    display: block;
  }

  .nav-link-grid {
    height: auto;
    display: block;
  }

  .image-113 {
    margin-bottom: 36px;
    display: block;
  }

  .code-embed-3 {
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    margin-top: 0;
    display: flex;
  }

  .menu-button {
    background-color: #0000;
  }

  .menu-button.astran--open {
    background-color: var(--background-gray);
  }

  .accordion-paragraph {
    max-width: 100%;
  }

  .accordion-item-title {
    max-width: 88%;
  }

  .accordion-item---new.accordion-1 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .button.outline {
    display: flex;
  }

  .button.outline.mobile {
    order: 1;
    align-self: center;
    display: block;
  }

  .button.outline.desktop {
    display: none;
  }

  .nav-menu {
    max-height: calc(100dvh - var(--header-height, 80px));
    overflow: auto;
  }

  .nav-link {
    cursor: none;
  }

  .banner.stars-bg.product {
    padding-top: 50px;
  }

  .section-2.position-relative {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .logos {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-section-logo {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 22px;
  }

  .astran-container.resources-link-wrapper {
    z-index: 1;
    justify-content: center;
    position: relative;
  }

  .astran-container.display-flex.flex-column.align-center.team-container {
    width: 100%;
  }

  .astran-container.display-flex.gap-60 {
    display: block;
  }

  .heading-2 {
    font-size: 30px;
  }

  .a-testimonial-base.hp-quote-box {
    width: 379px;
    max-width: 46%;
  }

  .a-paragraph-regular.hp-slide-paragraph {
    line-height: 22px;
  }

  .div-block-10 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .div-block-10.gap-60 {
    display: block;
  }

  .cta-box {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-12 {
    justify-content: center;
    align-items: center;
    max-width: 66%;
  }

  .resources-link {
    width: 400px;
    max-width: 100%;
  }

  .resources-link.resources {
    margin-bottom: 5vw;
  }

  .image-55 {
    height: auto;
    max-height: none;
  }

  .image-58 {
    top: -8%;
    right: -19%;
  }

  .image-59 {
    right: -38%;
  }

  .image-61 {
    top: -35%;
  }

  .image-66 {
    top: 12%;
  }

  .display-flex.justify-between.post-template {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

  .product-items-grid {
    flex-direction: column;
    display: flex;
  }

  .image-77 {
    margin-left: auto;
    margin-right: auto;
  }

  .section-8 {
    margin-bottom: -150px;
  }

  .image-82 {
    bottom: -12%;
    left: -44%;
  }

  .image-83 {
    right: -25%;
  }

  .image-90 {
    bottom: 9%;
    right: -17%;
  }

  .text-wrap {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }

  .team-info-section.new {
    padding-bottom: 30px;
  }

  .motto {
    padding-top: 50px;
  }

  .team-card {
    width: 100vw;
    margin-bottom: 0;
  }

  .committee-members.t-gap-70.m-column {
    margin-bottom: 50px;
  }

  .image-94 {
    height: auto;
  }

  .image-95 {
    z-index: -1;
  }

  .image-95._2, .image-96._4, .image-97 {
    display: none;
  }

  .lp-banner {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .lp-banner.position-relative {
    padding-bottom: 130px;
  }

  .lp-flex-container {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-direction: column;
  }

  .lp-form-wrap {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp-form-wrap.margin-top-20 {
    flex-basis: auto;
    width: 100%;
  }

  .lp-list-item, .lp-list-item.security-without-keys {
    line-height: 24px;
  }

  .lp-form-input.pair {
    flex: 0 auto;
    max-width: 100%;
  }

  .image-98 {
    bottom: -2%;
    transform: rotateX(0)rotateY(-180deg)rotateZ(0);
  }

  .image-99, .image-100 {
    display: none;
  }

  .post-template-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .post-title-wrap {
    flex-basis: auto;
  }

  .post-content-wrap {
    margin-bottom: 70px;
  }

  .post-share {
    margin-bottom: 35px;
  }

  .image-102, .image-103, .image-104, .post-nav-wrapper {
    display: none;
  }

  .collection-list {
    display: block;
  }

  .div-block-26 {
    width: 100%;
  }

  .cookie-modal_content-wrap {
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cookie-modal_closebutton {
    margin-right: 1.25rem;
  }

  .cookie-modal_closebutton.is-sticky {
    top: -1rem;
  }

  .cookie-modal_button-wrap {
    padding: 1.5rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    margin: 1.5rem -1.5rem -2rem;
    padding-top: 1.25rem;
    position: sticky;
    bottom: -2rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .cookie-modal_form {
    padding-top: .75rem;
  }

  .div-block-28, .div-block-28.margin-h-auto {
    max-width: 100%;
  }

  .a-banner-button-small {
    position: static;
  }

  .hpannouncement {
    text-align: left;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .link-4 {
    margin-left: 9px;
  }

  .a-banner-container {
    grid-column-gap: 24px;
  }

  .a-paragraph-small.hpannouncement {
    font-size: 14px;
  }

  .a-paragraph-small.hpannouncement.content {
    font-size: 16px;
  }

  .background-video {
    width: 90vw;
    height: 46vw;
  }

  .background-video-2 {
    height: 262px;
  }

  .div-block-31 {
    width: 90vw;
  }

  .div-block-33 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    display: grid;
  }

  .div-block-33.columns {
    flex-flow: column;
    display: flex;
  }

  .hide {
    display: none;
  }

  .heading-2-28.text-align-center.margin-bottom-50 {
    line-height: 1.4;
  }

  .testimonials-box {
    padding-bottom: 40px;
  }

  .section-aria {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .aria-paragraph {
    max-width: 100%;
  }

  .container-4 {
    max-width: 95vw;
    padding-top: 40px;
  }

  .row-text-wrap {
    max-width: 100%;
  }

  .container-5 {
    max-width: 95vw;
  }

  .div-block-42 {
    margin-bottom: 50px;
  }

  .new-astran-container.key-steps {
    max-width: 90vw;
  }

  .steps-list {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .steps-step {
    max-width: 100%;
  }

  .step-seperator {
    top: 17px;
    left: -34px;
  }

  .step-seperator.no-show-tablet {
    display: block;
  }

  .step-separator-wrap {
    align-self: center;
    height: 70px;
    transform: rotate(-90deg);
  }

  .trust-box {
    flex-basis: 46%;
  }

  .div-block-47 {
    grid-column-gap: 24px;
  }

  .motto-text-wrap {
    max-width: 90vw;
  }

  .team-member {
    margin-bottom: 50px;
  }

  .div-block-50 {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    display: block;
  }

  .div-block-51 {
    flex-flow: column;
  }

  .values-icons {
    flex-flow: wrap;
    margin-bottom: 50px;
  }

  .join-box-boxes {
    flex-flow: column;
  }

  .accordion-arrow-wrap {
    width: 40px;
    min-height: 40px;
  }

  .accordion-paragraph {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.6;
  }

  .accordion-item-title {
    max-width: 80%;
    font-size: 18px;
  }

  .accordion-item---new.accordion-1 {
    margin-bottom: 16px;
    padding: 32px;
  }
}

@media screen and (max-width: 479px) {
  .button.primary.nav {
    max-width: 175px;
    font-size: 15px;
    display: flex;
  }

  .button.outline.desktop {
    display: none;
  }

  .nav-menu {
    width: 100vw;
    max-width: 100vw;
    left: auto;
    right: 0%;
    transform: none;
  }

  .nav-link {
    font-size: 14px;
  }

  .nav-link:active {
    color: var(--astran-green);
  }

  .footer-link {
    padding-left: 0;
  }

  .footer-bottom-divider {
    margin-left: 10px;
  }

  .footer-bottom {
    font-size: 14px;
  }

  .page-wrapper.stars-bg {
    background-image: none;
  }

  .banner.homepage {
    margin-bottom: 20px;
  }

  .banner.stars-bg.product {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .banner.stars-bg.team {
    padding-top: 40px;
  }

  .container-left-padding.homepage {
    flex-direction: column;
    padding-top: 40px;
  }

  .heading-1 {
    font-size: 36px;
  }

  .heading-1.color-white.margin-top-5.team {
    font-size: 30px;
  }

  .subheading {
    font-size: 22px;
  }

  .subheading.font-weight-500.color-white.text-align-center.middle-text {
    z-index: 1;
    font-size: 18px;
    line-height: 1.3;
    position: relative;
  }

  .subheading.font-weight-300.color-white.team {
    font-size: 20px;
  }

  .section-2.position-relative {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logos.position-relative {
    z-index: 1;
    padding-left: 19px;
    padding-right: 19px;
  }

  .font-size-18.font-weight-300.text-align-center.color-white {
    font-size: 16px;
  }

  .font-size-18.font-weight-300.text-align-center.color-white.logos-title {
    width: 281px;
    max-width: 100%;
  }

  .font-size-18.font-weight-300.text-align-center.color-white.logos-title.margin-h-auto {
    color: var(--white);
  }

  .font-size-18.font-weight-300.text-align-center.color-white.logos-title.margin-h-auto.margin-bottom-20.color-black {
    color: var(--astran-dark);
  }

  .logo-section-logo {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
  }

  .astran-container.cta-section {
    margin-bottom: 150px;
    padding-left: 0;
    padding-right: 0;
  }

  .astran-container.resources-link-wrapper {
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-link {
    width: 300px;
    max-width: 100%;
  }

  .div-block-9.position-relative {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-2 {
    font-size: 30px;
  }

  .heading-2.text-align-center.color-white {
    margin-top: 0;
  }

  .heading-2.text-align-center.margin-bottom-30 {
    text-align: left;
    max-width: 90vw;
  }

  .heading-2.color-blue.team {
    font-size: 28px;
  }

  .a-testimonial-author {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .a-testimonial-base.hp-quote-box {
    width: 100%;
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .a-testimonial-base.hp-quote-box.swiper-slide {
    width: 100%;
    max-width: 100%;
    margin-bottom: 35px;
    margin-right: 0;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .a-paragraph-small-2 {
    text-align: left;
    line-height: 1.2;
  }

  .a-paragraph-regular {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .div-block-10 {
    flex-direction: column;
  }

  .cta-box {
    border-color: #3732e480;
    padding-left: 16px;
    padding-right: 16px;
  }

  .heading-3.text-align-center.color-white {
    font-size: 24px;
  }

  .color-white.endline.font-weight-300 {
    margin-bottom: 30px;
    font-size: 24px;
  }

  .color-white.endline.font-weight-300.footer-banner {
    margin-bottom: 10px;
  }

  .container-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-12 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: wrap;
    justify-content: center;
    max-width: 82vw;
  }

  .section-3.position-relative {
    padding-bottom: 50px;
  }

  .section-4.position-relative {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-5.resources-section {
    padding: 20px 5vw 40px;
  }

  .resources-link {
    width: 100%;
    max-width: 100%;
    margin-bottom: 76px;
  }

  .resources-link.resources {
    margin-bottom: 46px;
  }

  .resources-link-type {
    font-size: 18px;
  }

  .image-55 {
    object-fit: scale-down;
    border-radius: 10px;
    height: auto;
  }

  .image-57 {
    inset: 268% auto 0% 11%;
  }

  .image-58 {
    display: block;
    top: 40%;
    right: -26%;
  }

  .image-59 {
    display: none;
    bottom: -85%;
  }

  .image-60 {
    max-width: 67%;
    display: block;
  }

  .image-61 {
    display: block;
    left: -40%;
  }

  .image-63 {
    z-index: -5;
    display: none;
  }

  .image-67 {
    width: 94px;
    height: 18px;
  }

  .image-68 {
    width: 50px;
    height: 25px;
  }

  .image-69 {
    width: 80px;
    height: 15px;
  }

  .image-70 {
    width: 60px;
    height: 15px;
  }

  .image-71 {
    width: 44px;
    height: 30px;
  }

  .image-72 {
    width: 38px;
    height: 23px;
  }

  .image-73 {
    width: 63px;
    height: 21px;
  }

  .image-74 {
    width: 147px;
    height: 55px;
  }

  .div-block-14 {
    min-height: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .image-75 {
    height: auto;
    margin-top: 45px;
    position: static;
  }

  .section-7.position-relative {
    padding-top: 100px;
  }

  .paragraph-large.font-weight-300.subheading-container.text-align-center.margin-h-auto.margin-bottom-60.mobile-text-align-left {
    text-align: left;
  }

  .paragraph-large.subheading.font-weight-300.text-align-center.margin-h-auto.margin-bottom-50 {
    margin-bottom: 60px;
    font-weight: 300;
  }

  .product-image.margin-h-auto.margin-bottom-150 {
    padding: 60px 30px;
  }

  .image-77 {
    max-width: 90%;
  }

  .image-79 {
    top: 27%;
    right: -52%;
    transform: rotate(-111deg);
  }

  .image-80 {
    display: none;
  }

  .image-81 {
    inset: -10% auto 0% -61%;
  }

  .image-82 {
    display: none;
  }

  .image-83 {
    inset: -4% -50% auto auto;
  }

  .image-84 {
    bottom: -397px;
    left: -96px;
  }

  .image-86 {
    max-width: 75vw;
  }

  .tab {
    text-align: center;
    width: 84px;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tabs-menu {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .div-block-23 {
    grid-row-gap: 0px;
    flex-direction: column;
    display: flex;
  }

  .section-9 {
    padding-bottom: 100px;
  }

  .image-88 {
    right: -79%;
  }

  .image-89 {
    bottom: 2%;
    right: 5%;
  }

  .image-90 {
    bottom: 7%;
    right: -31%;
  }

  .team-card {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .team-card-text-wrap {
    width: 100%;
  }

  .committee-name.text-align-center {
    max-width: 195px;
  }

  .committee-members {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
  }

  .committee-members.t-gap-70.m-column {
    flex-flow: column;
  }

  .image-94 {
    height: auto;
  }

  .lp-banner.position-relative {
    padding-bottom: 50px;
  }

  .lp-form-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lp-form-wrap.margin-top-20 {
    width: 100%;
  }

  .image-98 {
    width: 57%;
    max-width: 90%;
  }

  .post-template-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .post-author {
    flex-wrap: wrap;
  }

  .text-block-8, .text-block-9 {
    white-space: nowrap;
  }

  .post-date.margin-bottom-50 {
    margin-bottom: 30px;
  }

  .collection-list {
    display: block;
  }

  .icon {
    font-family: Mona Sans, sans-serif;
    font-weight: 300;
  }

  .collection-item-2, .collection-item-3 {
    max-width: 100%;
  }

  .cookie-modal_content-wrap.is-small {
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .cookie-modal_component {
    max-width: 100%;
  }

  .cookie-modal_closebutton {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .cookie-modal_button {
    flex: auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }

  .cookie-modal_button-wrap.is-small {
    justify-content: space-between;
    padding: 1.25rem;
  }

  .cookie-modal_button-wrap.in-pref-manger {
    bottom: 0;
  }

  .cookie-popup_component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cookie-preference_component {
    align-items: flex-end;
  }

  .collection-list-wrapper-5, .collection-item-4, .collection-item-5, .collection-item-6 {
    max-width: 100%;
  }

  .image-106 {
    position: static;
  }

  .rich-text-block {
    padding-left: 0;
    padding-right: 0;
  }

  .box-wrap {
    flex-flow: column;
  }

  .price-box, .price-box.enterprise {
    max-width: 100%;
  }

  .list-item-2, .list-item-3, .list-item-4, .paragraph-6, .paragraph-7 {
    font-weight: 300;
  }

  .a-banner-button-small {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0%;
  }

  .a-banner-button-small.position-relative.banner {
    clear: none;
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translate(0, -50%);
  }

  .hpannouncement {
    height: auto;
    padding-top: 9px;
    padding-bottom: 6px;
  }

  .a-banner-text-wrapper {
    grid-column-gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    width: 90%;
    margin-left: 0;
  }

  .link-4 {
    margin-left: 3px;
  }

  .a-banner-container {
    flex-wrap: wrap;
    justify-content: center;
    max-width: none;
    top: 37px;
  }

  .a-banner-container.banner {
    top: 1px;
  }

  .a-paragraph-small {
    text-align: center;
    margin-bottom: 7px;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
  }

  .a-paragraph-small.hpannouncement {
    font-size: 10px;
    display: block;
  }

  .background-video {
    width: 90vw;
  }

  .div-block-30 {
    margin-bottom: 60px;
  }

  .background-video-2 {
    width: 90vw;
    height: 46vw;
  }

  .background-video-3 {
    width: 90vw;
    height: 50vw;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-33 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .list-3 {
    color: var(--astran-black);
    padding-left: 30px;
  }

  .list-4 {
    font-weight: 300;
  }

  .heading-2-28 {
    font-size: 24px;
  }

  .testimonials-box {
    margin-bottom: 20px;
    padding: 20px;
  }

  .section-aria {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .blue-cta {
    padding: 20px 20px 30px;
  }

  .banner-subheading.width-715.margin-x-auto.margin-bottom-75 {
    margin-bottom: 30px;
  }

  .banner-logo-strip {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .container-5 {
    max-width: 90vw;
  }

  .div-block-39 {
    aspect-ratio: 360 / 213;
  }

  .div-block-40 {
    aspect-ratio: 360 / 213;
    max-width: 100%;
  }

  .code-embed {
    aspect-ratio: 360 / 213;
  }

  .new-astran-container.margin-x-auto {
    max-width: 90vw;
  }

  .accordion-item {
    margin-bottom: 30px;
  }

  .accordion-content-wrapper {
    opacity: 1;
    background-color: #0000;
    position: static;
  }

  .trust-box {
    flex-basis: 100%;
  }

  .div-block-52 {
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: center;
  }

  .join-box {
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .join-box-box {
    padding: 25px 20px 20px;
  }

  .image-111 {
    height: auto;
  }

  .menu-button {
    background-color: #0000;
  }

  .accordion-paragraph {
    max-width: 100%;
  }

  .accordion-item-title {
    max-width: 70%;
    font-size: 20px;
  }
}

#w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7dd5-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7dd8-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7dda-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7ddc-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7dde-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7de0-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7de2-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7de5-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7de7-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7de9-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7dec-99a68aa9, #w-node-_9fcb0a62-3227-ce89-62d5-84eb8a8c7dee-99a68aa9, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3e1-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3e4-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3e6-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3e8-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3ea-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3ec-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3ee-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3f1-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3f3-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3f5-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3f8-7d19a514, #w-node-_88492d93-655d-3ab1-d8b2-af35d0f4a3fa-7d19a514 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/MonaSans-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
/* Global desktop nav constraint: keep all primary items on one line */
@media screen and (min-width: 992px) {
  .navbar .div-block-36 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap;
  }
  .navbar .div-block-35 {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .navbar .div-block-35 .nav-link,
  .navbar .div-block-35 .nav-link.astran-nav-link {
    white-space: nowrap;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
  }
  .navbar .button.primary.nav,
  .navbar .button.primary.nav.astran-nav-link {
    white-space: nowrap;
    flex: 0 0 auto;
  }
}

/* Global layout width optimization: increase useful content area */
@media screen and (min-width: 992px) {
  .astran-container {
    max-width: min(1360px, 96vw);
  }
  body,
  body.small-container,
  body.big-container {
    --container-astran-width: 1360px !important;
  }
  #footer .astran-container {
    width: min(1360px, 96vw) !important;
  }
  .container,
  .container-4,
  .container-5,
  .container-6,
  .new-astran-container,
  .new-astran-container.bg-transparent {
    width: min(1360px, 96vw);
    max-width: 96vw;
  }
  .div-block-38 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .row {
    gap: 48px;
  }
  .row-text-wrap {
    width: auto;
    max-width: none;
    flex: 0 0 48%;
  }
  .row-image-wrap {
    flex: 0 0 48%;
  }
}

/* Premium Q&A surface on homepage */
.questions-and-answers.qa-premium {
  width: min(980px, 94vw);
  max-width: min(980px, 94vw);
  margin-top: 72px;
  margin-left: auto;
  margin-right: auto;
  padding: 56px 52px;
  border: 1px solid #dce7e1;
  border-radius: 22px;
  background: linear-gradient(180deg, #f8fcfa 0%, #f1f8f4 100%);
  box-shadow: 0 18px 48px rgba(5, 20, 20, .08);
}
.questions-and-answers.qa-premium .heading-8 {
  margin-bottom: 36px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 600;
}
.questions-and-answers.qa-premium .accordion-item-wrapper---brix {
  max-width: 100%;
}
.questions-and-answers.qa-premium .accordion-item---new.accordion-1 {
  border: 1px solid #d6e2dc;
  border-radius: 16px;
  margin-bottom: 16px;
  padding: 20px 24px;
  background-color: #fff;
  box-shadow: 0 8px 22px rgba(14, 34, 28, .06);
}
.questions-and-answers.qa-premium .accordion-item---new.accordion-1:hover {
  border-color: #7f91ff;
  box-shadow: 0 16px 34px rgba(58, 81, 255, .12);
}
.questions-and-answers.qa-premium .accordion-item-title {
  font-size: 20px;
  line-height: 1.35;
}
.questions-and-answers.qa-premium .accordion-arrow-wrap {
  width: 42px;
  min-height: 42px;
  box-shadow: 0 4px 14px rgba(10, 19, 53, .12);
}
.questions-and-answers.qa-premium .accordion-paragraph {
  max-width: 100%;
  margin-top: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 991px) {
  .questions-and-answers.qa-premium {
    width: min(980px, 92vw);
    max-width: min(980px, 92vw);
    padding: 28px 18px;
    margin-top: 46px;
    border-radius: 16px;
  }
  .questions-and-answers.qa-premium .heading-8 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .questions-and-answers.qa-premium .accordion-item---new.accordion-1 {
    padding: 16px;
  }
  .questions-and-answers.qa-premium .accordion-item-title {
    font-size: 17px;
  }
}

/* Executive Refactor: institutional visual baseline */
:root {
  --astran-purple: #3732e4;
  --astran-green: #3732e4;
  --new-dark: #0f172a;
  --body: #475467;
  --background-gray: #f8fafc;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
.nav-link,
.button,
.footer-link,
.footer-bottom,
.resources-link-type,
.resources-link-text,
.resources-link-date,
.regular-text,
.accordion-item-title {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

h1,
.heading-1 {
  letter-spacing: -0.02em;
  font-weight: 600;
  line-height: 1.15;
}

h2,
.heading-2,
.heading-2-28 {
  letter-spacing: -0.015em;
  font-weight: 600;
}

p,
li,
.row-paragraph,
.paragraph-regular,
.banner-subheading,
.regular-text {
  color: var(--body);
  line-height: 1.6;
}

.navbar {
  border-bottom: 1px solid #e4e7ec;
}

.nav-link:hover,
.nav-link.astran--current,
.nav-link:active,
.footer-link:hover,
.footer-link.sublink:hover,
.link-5:hover,
.button.white.blue-text.no-uppercase:hover {
  color: #3732e4;
}

.button,
.button.primary,
.button.white,
.button.secondary,
.button.outline {
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0;
}

/* Secondary CTAs should always stay in normal case */
.button.outline,
.button.secondary {
  text-transform: none;
  letter-spacing: 0;
}

.button.primary {
  border-color: #3732e4;
  background-color: #3732e4;
}

.button.primary:hover {
  color: #3732e4;
  background-color: #ffffff;
}

.section-rows {
  padding-top: 84px;
  padding-bottom: 64px;
}

.row {
  margin-bottom: 96px;
}

.div-block-42,
.resources-link,
.accordion-item---new.accordion-1,
.trust-box,
.testimonials-box,
.questions-and-answers.qa-premium .accordion-item---new.accordion-1 {
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(16, 24, 40, 0.05);
  background-color: #ffffff;
}

.div-block-42 {
  padding: 22px;
}

.banner-logo-strip {
  gap: 18px;
}

.banner-logo {
  padding-left: 10px;
  padding-right: 10px;
  filter: grayscale(1);
  opacity: 0.9;
}

.banner-logo:hover {
  filter: grayscale(0);
  opacity: 1;
}

.banner-image-wrap,
.astran-video {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #d0d5dd;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
}

.resources-link {
  color: var(--new-dark);
  width: 100%;
  max-width: 360px;
}

.astran-container.resources-link-wrapper {
  align-items: stretch;
}

.resources-link-type.type-16 {
  color: #3732e4;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.resources-link-text.color-black.line-clamp.bold {
  color: var(--new-dark);
  font-size: 17px;
  line-height: 1.5;
}

.resources-link-date.color-body {
  color: #667085;
  font-size: 14px;
}

.blue-cta {
  background: #0f2b7a;
  border: 1px solid #0d2468;
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.18);
}

.section-hp-blue-cta {
  padding-top: 56px;
  padding-bottom: 56px;
}

.text-span-51,
.text-span-52,
.text-span-57,
.text-span-60,
.text-span-66,
.text-span-69,
.text-span-72 {
  color: #3732e4;
}

.lp-form-input,
.textarea,
.astran-input {
  border-color: #d0d5dd;
  border-radius: 8px;
  height: 48px;
  background-color: #ffffff;
}

.lp-form-input:focus,
.textarea:focus,
.astran-input:focus {
  border-color: #3732e4;
  outline: 2px solid rgba(47, 74, 203, 0.18);
  outline-offset: 0;
}

.textarea,
.textarea.get-started {
  min-height: 120px;
}

.footer-bottom.gray,
.footer-bottom-link.gray,
.div-block-5.font-weight-300.gray {
  color: #667085;
}

@media screen and (max-width: 991px) {
  .section-rows {
    padding-top: 64px;
    padding-bottom: 48px;
  }

  .row {
    margin-bottom: 64px;
  }

  .div-block-42 {
    padding: 18px;
  }

  .blue-cta {
    width: min(94vw, 760px);
    padding: 28px 22px 34px;
  }

  .banner-logo-strip {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Homepage evidence carousel */
.evidence-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.evidence-track {
  display: flex;
  gap: 24px;
  align-items: stretch;
  transition: transform 0.35s ease;
  will-change: transform;
}

.evidence-card {
  margin: 0;
  min-height: 100%;
  position: relative;
  padding-top: 52px;
}

.evidence-company-logo {
  position: absolute;
  top: 14px;
  right: 14px;
  width: auto;
  max-width: 92px;
  max-height: 22px;
  object-fit: contain;
  opacity: 0.95;
}

.evidence-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}

.evidence-control {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #d0d5dd;
  background: #ffffff;
  color: #0f172a;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.evidence-control:hover {
  border-color: #3732e4;
  color: #3732e4;
}

@media screen and (max-width: 991px) {
  .evidence-company-logo {
    max-width: 84px;
    max-height: 20px;
  }
}

/* Homepage hero play button */
.hero-right .banner-image-wrap {
  position: relative;
  aspect-ratio: 16 / 9;
}

.hero-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  background: rgba(15, 23, 42, 0.75);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 26px rgba(2, 6, 23, 0.35);
  transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.hero-video-play:hover {
  transform: translate(-50%, -50%) scale(1.05);
  background: rgba(47, 74, 203, 0.9);
  border-color: rgba(255, 255, 255, 1);
}

.hero-video-play__icon {
  font-size: 24px;
  line-height: 1;
  margin-left: 3px;
}

.hero-video-poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-cta-row {
  margin-bottom: 36px;
}

.hero-proof-heading {
  margin-top: 18px;
}

/* Homepage disruption-impact proof module */
.disruption-impact-row {
  margin-bottom: 0;
}

.disruption-content-grid {
  align-items: flex-start;
  gap: 32px;
}

.disruption-impact-text {
  width: auto;
  max-width: none;
  flex: 0 0 52%;
}

.disruption-proof-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 0;
  flex: 0 0 44%;
  align-content: start;
}

.disruption-proof-tile {
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  padding: 14px;
  background: #ffffff;
  box-shadow: none;
  overflow: hidden;
}

.disruption-proof-meta {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin-bottom: 10px;
  min-width: 0;
}

.disruption-company-badge,
.disruption-duration-badge {
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  padding: 4px 10px;
  color: #0f172a;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.disruption-company-logo-img {
  display: block;
  width: auto;
  height: 20px;
  max-width: 120px;
  flex: 0 1 auto;
  object-fit: contain;
  overflow: hidden;
}

.disruption-company-logo-img-ms {
  max-width: 64px;
}

.disruption-company-logo-img-jaguar {
  max-width: 96px;
}

.disruption-duration-badge {
  color: #3732e4;
  flex: 0 0 auto;
  max-width: calc(100% - 64px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.disruption-proof-label {
  color: #667085;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.disruption-proof-main {
  color: #0f172a;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 6px;
}

.disruption-proof-support {
  color: #667085;
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 8px;
}

.disruption-proof-source {
  color: var(--new-dark);
  font-size: 14px;
  font-weight: 500;
}

.disruption-proof-source:focus-visible {
  outline: 2px solid rgba(47, 74, 203, 0.4);
  outline-offset: 2px;
  border-radius: 4px;
}

@media screen and (max-width: 991px) {
  .disruption-proof-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    flex: 1 1 100%;
  }

.disruption-impact-text {
  flex: 1 1 100%;
}
}

.disruption-average-blue {
  color: #3732e4;
}

.disruption-average-blue .bold-span {
  color: #3732e4;
}

.disruption-emphasis {
  color: #3732e4;
  font-weight: 700;
}

.section-rows.compact-top {
  padding-top: 24px;
}

/* Global link behavior aligned with menu interaction tone */
a:not(.button):not(.astran-button):not(.footer-link) {
  color: var(--new-dark);
  text-decoration: none;
  transition: color .2s ease;
}

a:not(.button):not(.astran-button):not(.footer-link):hover,
a:not(.button):not(.astran-button):not(.footer-link):focus-visible {
  color: #3732e4;
}

a:not(.button):not(.astran-button):not(.footer-link):focus-visible {
  outline: 2px solid rgba(47, 74, 203, 0.35);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Executive Q&A module */
.exec-qa-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 16px;
}

.exec-qa-kicker {
  margin: 0 0 6px;
  color: #667085;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.exec-qa-title {
  margin: 0;
}

.exec-qa-trust-link {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  white-space: normal;
}

.exec-qa-navline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.exec-qa-tabs {
  display: flex;
  gap: 22px;
  margin-bottom: 0;
  flex-wrap: wrap;
  align-items: center;
}

.exec-qa-tab {
  border: 0;
  background: transparent;
  color: #344054;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  cursor: pointer;
}

.exec-qa-tab.is-active {
  color: #3732e4;
}

.exec-qa-tab:hover {
  color: #3732e4;
}

.exec-qa-tab:focus-visible {
  outline: 2px solid rgba(47, 74, 203, 0.35);
  outline-offset: 2px;
  border-radius: 4px;
}

.exec-qa-item {
  border: 1px solid #d6e2dc;
  border-radius: 12px;
  background: #fff;
  margin-bottom: 10px;
  overflow: hidden;
}

.exec-qa-section-title {
  display: block;
  margin: 18px 0 10px;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
}

.exec-qa-section-learn {
  font-size: 14px;
  font-weight: 500;
  color: #475467;
}

.exec-qa-section-learn a {
  color: #3732e4;
}

.exec-qa-question {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 14px 18px;
  color: #0f172a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.exec-qa-question::after {
  content: "+";
  color: #667085;
  font-size: 20px;
  line-height: 1;
}

.exec-qa-question[aria-expanded="true"]::after {
  content: "−";
}

.exec-qa-question:focus-visible {
  outline: 2px solid rgba(47, 74, 203, 0.35);
  outline-offset: -2px;
}

.exec-qa-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.22s ease, opacity 0.18s ease;
  padding: 0 18px;
}

.exec-qa-answer.is-open {
  max-height: 500px;
  opacity: 1;
  padding: 0 18px 14px;
}

.exec-qa-answer p {
  margin: 0 0 8px;
}

.exec-qa-answer ul {
  margin: 0 0 8px;
  padding-left: 20px;
}

.exec-qa-lead {
  color: #344054;
}

.exec-qa-footer {
  margin-top: 18px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.disruption-proof-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.trust-awards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 56px;
}

.trust-awards-grid .trust-box {
  flex: auto;
  padding: 22px;
}

.trust-award-card {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 16px;
  height: 132px;
  padding: 16px 18px;
}

.trust-award-content {
  flex: 1 1 68%;
  overflow: hidden;
}

.trust-award-card .trust-box---bold {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trust-award-card .trust-box---text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trust-award-media {
  flex: 0 0 28%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}

.trust-award-image {
  width: 100%;
  height: 76%;
  object-fit: contain;
  object-position: right center;
}

.trust-cert-grid {
  align-items: stretch;
}

.trust-cert-card {
  padding: 28px 26px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100%;
}

.trust-cert-card .trust-box---image-wrap {
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

.trust-cert-card .prize-box---title {
  margin-bottom: 10px;
}

.trust-cert-card .trust-box---text {
  max-width: 36ch;
  margin-left: auto;
  margin-right: auto;
}

.trust-architecture-image {
  border-radius: 14px;
}

@media screen and (max-width: 991px) {
  .exec-qa-header,
  .exec-qa-navline {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 12px;
  }

  .exec-qa-question {
    font-size: 16px;
  }

  .exec-qa-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .disruption-proof-footer {
    flex-wrap: wrap;
  }

  .trust-awards-grid {
    grid-template-columns: 1fr;
  }

  .trust-award-card {
    height: 132px;
  }
}

@media screen and (max-width: 991px) {
  .page-wrapper,
  .page-wrapper.bg-gray,
  .page-wrapper.stars-bg {
    margin-top: var(--header-height, 56px) !important;
  }

  .navbar .container.astran-container {
    position: relative;
  }

  .navbar .div-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .navbar .astran-nav-button {
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 8px 6px;
    line-height: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    z-index: 3;
  }

  .navbar .astran-nav-brand img {
    height: 32px;
    width: auto;
  }

  .navbar .nav-menu.astran-nav-menu {
    display: none !important;
    position: fixed;
    top: var(--header-height, 56px);
    left: auto;
    right: 0;
    bottom: 0;
    width: max-content;
    min-width: 0;
    max-width: calc(100vw - 12px);
    padding: 14px 18px 22px;
    margin: 0 !important;
    border: 0 !important;
    border-left: 1px solid #e4e7ec !important;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.08);
    overflow: auto;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 2;
    background-color: var(--background-gray);
  }

  .navbar .nav-menu.astran-nav-menu.is-open {
    display: flex !important;
  }

  .navbar .nav-menu.astran-nav-menu .astran-nav-brand {
    display: none !important;
  }

  .navbar .nav-menu.astran-nav-menu .div-block-36 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .navbar .nav-menu.astran-nav-menu .div-block-35 {
    width: 100%;
    padding-left: 0 !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .navbar .nav-menu.astran-nav-menu .nav-link {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.3;
  }

  .navbar .nav-menu.astran-nav-menu .button.primary.nav {
    margin: 8px 0 0;
    padding: 10px 16px;
    background-color: #3732e4;
    color: #ffffff;
    border-color: #3732e4;
    border-radius: 10px;
    display: inline-flex;
    width: auto;
    max-width: none;
  }
}

/* Unified page backgrounds (single source of truth) */
:root {
  --site-bg-body: #ffffff;
  --site-bg-menu: #ffffff;
  --site-bg-footer: #ffffff;
  --background-gray: var(--site-bg-body);
}

html,
body,
body.body,
body.small-container,
body.big-container,
.page-wrapper,
.page-wrapper.bg-gray,
.page-wrapper.stars-bg {
  background-color: var(--site-bg-body) !important;
  background-image: none !important;
}

.navbar,
.navbar.gray,
.astran-nav,
.nav-menu.gray,
.nav-menu.astran-nav-menu,
.navbar .nav-menu.astran-nav-menu {
  background-color: var(--site-bg-menu) !important;
  background-image: none !important;
}

footer,
.astran-footer-strip,
#footer {
  background-color: var(--site-bg-footer) !important;
  background-image: none !important;
}

/* Every page section uses the unique page background */
.page-wrapper section,
.page-wrapper .banner.homepage,
.page-wrapper .section-7,
.page-wrapper .section-10,
.page-wrapper .section-accordion,
.page-wrapper .section-rows,
.page-wrapper .pfv2-hero,
.page-wrapper .pfv2-features,
.page-wrapper .mvc-section {
  background-color: transparent !important;
  background-image: none !important;
}

/* Remove local inline background colors from page content blocks */
.page-wrapper section[style*="background"],
.page-wrapper div[style*="background"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* Keep legal pages homogeneous too */
.page-wrapper table td,
.page-wrapper table th {
  background-color: transparent !important;
}

/* Modules that previously injected their own panel backgrounds */
.page-wrapper .blue-cta,
.page-wrapper .questions-and-answers.qa-premium,
.page-wrapper .pfv2-sidebar,
.page-wrapper .pfv2-panel-media {
  background-color: var(--site-bg-body) !important;
  background-image: none !important;
}

/* Cross-page inline link pattern: "Visit ... ->" */
.astran-page-link {
  color: #3732e4 !important;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.astran-page-link::after {
  content: "\2192";
  font-weight: 700;
  line-height: 1;
}

.astran-page-link-visit {
  color: #000 !important;
}