.w-layout-grid {
  grid-row-gap: var(--space-xs);
  grid-column-gap: var(--space-xs);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px var(--action-oss-default);
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: var(--action-oss-default);
}

body {
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-16);
  line-height: var(--lh-16);
  font-weight: var(--weight-regular);
}

h1 {
  color: var(--text-default);
  font-family: var(--font-display);
  font-size: var(--text-h1);
  line-height: var(--lh-h1);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-tight);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  color: var(--text-default);
  font-family: var(--font-display);
  font-size: var(--text-h2);
  line-height: var(--lh-h2);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-tight);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  color: var(--text-default);
  font-family: var(--font-display);
  font-size: var(--text-h3);
  line-height: var(--lh-h3);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-tight);
  text-wrap: balance;
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  color: var(--text-default);
  font-family: var(--font-sans);
  font-size: var(--text-h4);
  line-height: var(--lh-h4);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-tight);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  color: var(--text-default);
  font-family: var(--font-sans);
  font-size: var(--text-h5);
  line-height: var(--lh-h5);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-normal);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  color: var(--text-default);
  font-family: var(--font-sans);
  font-size: var(--text-h6);
  line-height: var(--lh-h6);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-normal);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: var(--space-md);
}

li {
  margin-bottom: var(--space-4xs);
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: var(--space-4xs);
  font-weight: var(--weight-medium);
}

blockquote {
  border-left: .25rem solid var(--border-default);
  margin-bottom: 0;
  padding: 0 var(--space-sm);
  font-size: var(--text-20);
  line-height: var(--lh-20);
}

figure {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
}

figcaption {
  text-align: center;
  margin-top: var(--space-4xs);
}

.utility-page_component {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
  display: flex;
}

.utility-page_wrapper {
  max-width: 20rem;
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_form {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.utility-page_image {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.margin-xlarge {
  margin: var(--space-3xl);
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.max-width-large {
  width: 100%;
  max-width: var(--container-sm);
  margin-left: auto;
  margin-right: auto;
}

.form_input {
  min-height: 3rem;
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-default);
  border-radius: var(--space-3xs);
  margin-bottom: var(--space-2xs);
  padding: var(--space-2xs) var(--space-xs);
  font-family: var(--font-sans);
  font-size: var(--text-16);
  color: var(--text-default);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form_input:focus {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 3px rgba(127, 86, 217, 0.12);
  outline: none;
}

.form_input::placeholder {
  color: var(--color-gray-400);
}

.form_message-error {
  margin-top: var(--space-2xs);
  padding: var(--space-2xs);
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: var(--container-md);
  margin-left: auto;
  margin-right: auto;
}

.menu-icon_line-bottom {
  width: 24px;
  height: 2px;
  background-color: var(--color-gray-700);
  border-radius: 1rem;
}

.menu-icon_line-middle {
  width: 24px;
  height: 2px;
  background-color: var(--color-gray-700);
  border-radius: 1rem;
  margin-top: 6px;
  margin-bottom: 6px;
}

.menu-icon_line-top {
  width: 24px;
  height: 2px;
  background-color: var(--color-gray-700);
  border-radius: 1rem;
}

.menu-icon_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.navbar_menu-button {
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  right: -.5rem;
}

.navbar_menu-button.w--open {
  background-color: rgba(0, 0, 0, 0);
}

.button {
  grid-column-gap: var(--space-3xs);
  color: var(--action-text);
  text-align: center;
  white-space: nowrap;
  background-color: var(--action-oss-default);
  border: 1px solid var(--action-oss-default);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: var(--font-sans);
  font-size: var(--text-16);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-16);
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
  display: inline-flex;
  cursor: pointer;
  box-shadow: var(--shadow-xs);
}

.button:hover {
  background-color: var(--action-oss-hover);
  border-color: var(--action-oss-hover);
  box-shadow: var(--shadow-sm);
}

.button:active {
  background-color: var(--action-oss-active);
  border-color: var(--action-oss-active);
  transform: scale(0.98);
}

.button:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

.button.is-button-large {
  grid-column-gap: var(--space-2xs);
  padding: var(--space-xs) var(--space-lg);
  font-size: var(--text-18);
}

.button.is-button-small {
  padding: var(--space-4xs) var(--space-xs);
  font-size: var(--text-14);
}

/* Premium (purple) variant */
.button.is-premium {
  background-color: var(--action-premium-default);
  border-color: var(--action-premium-default);
}
.button.is-premium:hover {
  background-color: var(--action-premium-hover);
  border-color: var(--action-premium-hover);
}
.button.is-premium:active {
  background-color: var(--action-premium-active);
  border-color: var(--action-premium-active);
}

/* Danger variant */
.button.is-danger {
  background-color: var(--action-danger-default);
  border-color: var(--action-danger-default);
}
.button.is-danger:hover {
  background-color: var(--action-danger-hover);
  border-color: var(--action-danger-hover);
}

/* Loading state */
.button.is-loading {
  pointer-events: none;
  opacity: 0.8;
  position: relative;
}
.button.is-loading::after {
  content: '';
  width: 16px;
  height: 16px;
  border: 2px solid var(--action-text);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  margin-left: var(--space-3xs);
}
@keyframes spin {
  to { transform: rotate(360deg); }
}

.button-secondary-gray {
  grid-column-gap: var(--space-3xs);
  color: var(--text-default);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-strong);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: var(--font-sans);
  font-size: var(--text-16);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-16);
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  display: inline-flex;
  cursor: pointer;
  box-shadow: var(--shadow-xs);
}

.button-secondary-gray:hover {
  color: var(--action-oss-default);
  background-color: var(--bg-muted);
  border-color: var(--color-gray-400);
}

.button-secondary-gray:active {
  background-color: var(--color-gray-100);
}

.button-secondary-gray:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

.button-secondary-gray.is-button-large {
  grid-column-gap: var(--space-2xs);
  padding: var(--space-xs) var(--space-lg);
  font-size: var(--text-18);
}

.navbar_button-wrapper {
  grid-column-gap: var(--space-2xs);
  grid-row-gap: var(--space-2xs);
  align-items: center;
  display: flex;
}

.navbar_button-wrapper.hide-desktop {
  display: none;
}

.navbar_menu-right {
  z-index: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar_link {
  width: 100%;
  color: var(--text-default);
  align-items: center;
  padding: var(--space-2xs) 0;
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-medium);
  transition: color 0.15s ease;
  display: block;
  position: relative;
}

.navbar_link:hover {
  color: var(--action-oss-default);
}

.navbar_link.w--current {
  color: var(--action-oss-default);
}

/* Active page indicator (desktop) */
@media screen and (min-width: 1440px) {
  .navbar_link.w--current::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: var(--space-2xs);
    right: var(--space-2xs);
    height: 2px;
    background-color: var(--action-oss-default);
    border-radius: 1px;
  }
}

.navbar_dropdown-right-overlay-absolute {
  width: 100%;
  background-color: var(--bg-muted);
  border-radius: .5rem;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.navbar_dropdown-right-overlay-absolute.hide-tablet {
  display: none;
}

.button-link {
  grid-column-gap: var(--space-4xs);
  color: var(--link-default);
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: var(--font-sans);
  font-size: var(--text-16);
  font-weight: var(--weight-semibold);
  text-decoration: none;
  transition: color 0.15s ease;
  display: flex;
}

.button-link:hover {
  color: var(--link-hover);
}

.button-row {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-row.button-row-center {
  justify-content: center;
}

.text-size-small {
  color: var(--text-muted);
  font-size: var(--text-14);
  line-height: var(--lh-14);
}

.text-size-small.is--light {
  color: var(--text-on-dark);
}

.navbar_item-heading {
  color: var(--text-default);
  margin-bottom: var(--space-4xs);
  font-weight: var(--weight-semibold);
}

.navbar_video-item-content {
  flex-direction: column;
  justify-content: flex-start;
  font-weight: 400;
  display: flex;
}

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

.navbar_video-image-wrapper {
  width: 100%;
  height: 5.625rem;
  min-width: 10rem;
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar_video-image-wrapper.hide-tablet {
  display: none;
}

.navbar_video-item {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-md);
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: var(--space-3xs);
  text-decoration: none;
  transition: background-color .3s, box-shadow .3s;
  display: grid;
}

.navbar_dropdown-video-list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.navbar_dropdown-content-wrapper {
  z-index: 1;
  grid-row-gap: 0rem;
  grid-template-rows: min-content;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-auto-columns: 1fr;
  position: relative;
}

.navbar_dropdown-content-right {
  max-width: 30rem;
  flex: 1;
  padding: 0;
  display: flex;
  position: relative;
}

.navbar_item-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.navbar_icon-wrapper {
  color: var(--action-premium-default);
  flex: none;
}

.navbar_icon-wrapper.hide-desktop {
  display: block;
}

.navbar_dropdown-link {
  grid-column-gap: var(--space-xs);
  grid-row-gap: 0px;
  border-radius: var(--space-3xs);
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: var(--space-3xs);
  text-decoration: none;
  transition: background-color 0.15s ease;
  display: grid;
  color: var(--text-default);
}

.navbar_dropdown-link:hover {
  background-color: var(--bg-muted);
}

.navbar_heading {
  color: var(--text-default);
  letter-spacing: var(--tracking-normal);
  margin-bottom: var(--space-3xs);
  font-size: var(--text-14);
  font-weight: var(--weight-semibold);
  display: none;
}

.navbar_dropdown-content-left {
  grid-column-gap: var(--space-md);
  grid-row-gap: 0rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.navbar01_dropdown-content {
  display: flex;
}

.navbar_container {
  width: 100%;
  max-width: var(--container-xlg);
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--space-md);
  gap: var(--space-md);
  display: flex;
}

.navbar01_dropdown-list {
  overflow: hidden;
}

.navbar01_dropdown-list.w--open {
  width: 100%;
  box-shadow: none;
  background-color: var(--bg-canvas);
  border-bottom: 1px solid var(--border-muted);
  border-radius: 0;
  margin-bottom: var(--space-xs);
  padding: var(--space-xs) 0;
  position: static;
  left: -110%;
  overflow: hidden;
}

.navbar_menu-left {
  width: 100%;
  flex-direction: column;
  display: flex;
  position: relative;
  left: 0%;
}

.navbar_menu {
  width: 100%;
  height: 100vh;
  background-color: var(--bg-canvas);
  border-radius: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--space-md);
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
  display: none;
  position: absolute;
  top: 5rem;
  overflow: auto;
}

.logo_logotype {
  width: 138px;
  height: 36px;
  flex: none;
}

.navbar_logo-link {
  padding-left: 0;
}

.navbar {
  z-index: 99;
  width: 95%;
  height: 5rem;
  box-shadow: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: transparent;
  border: 0 solid rgba(255, 255, 255, .5);
  border-radius: 0;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
  display: flex;
  position: fixed;
  top: .2rem;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar.scroll {
  height: 4rem;
  background-color: rgba(255, 255, 255, .85);
  border-width: 1px;
  border-radius: 1rem;
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  top: .3rem;
  box-shadow: var(--shadow-md);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.space-small {
  width: 100%;
  min-height: var(--space-md);
}

.heading-xlarge {
  color: var(--text-default);
  font-family: var(--font-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--text-h2);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-h2);
  letter-spacing: var(--tracking-tight);
}

.padding-vertical-xhuge {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-5xl);
  position: relative;
}

.padding-vertical-xhuge.hero {
  padding-bottom: 0;
}

.container-large {
  width: 100%;
  max-width: var(--container-xlg);
  margin-left: auto;
  margin-right: auto;
}

.section_header {
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.space-xxlarge {
  width: 100%;
  min-height: var(--space-4xl);
}

.logos_logo {
  width: auto;
  height: 3.75rem;
  -webkit-text-fill-color: transparent;
  background-color: var(--color-gray-500);
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: var(--space-md);
  margin-right: var(--space-md);
  filter: grayscale(100%);
  opacity: 0.6;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

.logos_logo:hover {
  filter: grayscale(0%);
  opacity: 1;
}

.logos_list {
  min-width: 100%;
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: start;
  display: flex;
}

.logo-loop_inner {
  z-index: -1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-loop_component {
  background-image: linear-gradient(to right, var(--bg-subtle) 5%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, var(--bg-subtle) 95%);
  isolation: isolate;
}

.logos_text {
  color: var(--text-muted);
  font-size: var(--text-18);
  font-weight: var(--weight-medium);
}

.text-align-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section_logos {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
  background-color: var(--bg-subtle);
}

.text-size-medium.is--blue {
  color: var(--color-blue-700);
  font-weight: var(--weight-medium);
}

.space-xxsmall {
  width: 100%;
  min-height: var(--space-3xs);
}

.space-xxsmall.hide-tablet {
  display: none;
}

.heading-xxsmall {
  color: var(--text-default);
  letter-spacing: var(--tracking-normal);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--text-20);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-20);
}

.heading-xxsmall.is--white {
  color: var(--text-inverse);
}

.text-size-large {
  font-size: var(--text-18);
  line-height: var(--lh-18);
}

.text-size-large.is--light {
  color: var(--text-on-dark);
}

.space-xsmall {
  width: 100%;
  min-height: var(--space-xs);
}

.heading-medium {
  color: var(--text-default);
  font-family: var(--font-display);
  font-size: var(--text-h4);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-h4);
  letter-spacing: var(--tracking-tight);
}

.heading-medium.is--white {
  color: var(--text-inverse);
}

.heading-subheading {
  color: var(--link-default);
  margin-bottom: var(--space-2xs);
  font-family: var(--font-sans);
  font-size: var(--text-16);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-16);
}

.page-padding {
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}

.section-lottie.bg {
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
}

.button-icon {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card_outlined-item {
  height: 100%;
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-subtle);
  border-radius: 1.5rem;
  flex-direction: column;
  align-items: center;
  padding: var(--space-lg);
  box-shadow: var(--shadow-xs);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.card_outlined-item:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.card_outlined-item.bg {
  min-height: 30rem;
  background-image: url('../images/bg-img.svg');
  background-position: 105% 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

._3col_layout {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3col_layout.wide {
  grid-column-gap: var(--space-3xl);
}

.space-medium {
  width: 100%;
  min-height: var(--space-lg);
}

.row_column.lottie {
  height: 30rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.row_column.lottie-img {
  max-height: 27rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-layout {
  grid-column-gap: 0rem;
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.heading-tiny {
  color: var(--text-default);
  letter-spacing: var(--tracking-normal);
  margin-top: 0;
  margin-bottom: 0;
  font-family: var(--font-sans);
  font-size: var(--text-18);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-18);
}

.heading-xsmall {
  color: var(--text-default);
  letter-spacing: var(--tracking-normal);
  font-family: var(--font-sans);
  font-size: var(--text-h6);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-h6);
}

.testimonial_arrow {
  width: 3.5rem;
  height: 3.5rem;
  color: var(--color-gray-500);
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-default);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  display: flex;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.testimonial_arrow:hover {
  background-color: var(--bg-muted);
  border-color: var(--color-gray-300);
  color: var(--action-oss-default);
}

.testimonial_arrow.left {
  right: 4rem;
}

.testimonial_logo-wrapper {
  margin-bottom: var(--space-lg);
}

.testimonial_client {
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial_content {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  flex-direction: column;
}

.testimonial_slide {
  height: 100%;
}

.testimonial_component {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.section_testimonial {
  background-color: var(--bg-subtle);
}

.blog_title-link {
  margin-bottom: var(--space-3xs);
  text-decoration: none;
  display: block;
}

.blog_image {
  width: 100%;
  height: auto;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.blog_image-link {
  width: 100%;
  border-radius: var(--space-2xs);
  margin-bottom: var(--space-lg);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
  overflow: hidden;
}

.blog_image-link:hover {
  box-shadow: var(--shadow-xl);
  transform: translateY(-2px);
}

.blog_item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog_list {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog_list-wrapper {
  margin-top: var(--space-3xl);
}

.blog_heading {
  flex: 1;
}

.blog_heading-wrapper {
  grid-column-gap: var(--space-4xl);
  grid-row-gap: var(--space-xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
}

.footer_social-icon {
  width: 1.375rem;
  height: 1.375rem;
  color: var(--color-gray-400);
  transition: color var(--transition-fast);
}

.footer_social-icon:hover {
  color: var(--color-white, #fff);
}

.footer_social-link {
  color: var(--color-gray-400);
  align-items: center;
  text-decoration: none;
  transition: color 0.15s ease;
  display: flex;
}

.footer_social-link:hover {
  color: var(--color-white, #fff);
}

.footer_social-icons {
  grid-column-gap: var(--space-md);
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: start;
  justify-items: start;
  display: grid;
}

.footer_legal-list-wrapper {
  grid-column-gap: var(--space-md);
  display: flex;
  align-items: center;
}

.footer_legal-link {
  color: var(--color-gray-400);
  text-decoration: none;
  transition: color .2s;
}

.footer_legal-link:hover {
  color: var(--color-gray-200);
}

.footer_bottom-wrapper {
  border-top: 1px solid var(--color-gray-700);
  justify-content: space-between;
  align-items: center;
  margin-top: var(--space-2xl);
  padding-top: var(--space-md);
  display: flex;
  color: var(--color-gray-400);
}

.footer_link {
  color: var(--color-gray-300);
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-regular);
  text-decoration: none;
  transition: color 0.15s ease;
}

.footer_link:hover {
  color: var(--color-white, #fff);
}

.footer_link.w--current {
  color: var(--color-white, #fff);
  font-weight: var(--weight-medium);
}

.footer_link-list-heading {
  color: var(--color-gray-400);
  margin-bottom: var(--space-xs);
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.footer_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  align-items: flex-start;
  justify-items: start;
  display: flex;
}

.footer_top-wrapper {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr minmax(200px, 22rem);
  align-items: start;
  justify-items: start;
}

.error-message {
  text-align: center;
  background-color: var(--color-error-50);
  border-radius: .5rem;
  margin-top: var(--space-md);
  padding: 0.875rem var(--space-xs);
}

.success-message {
  color: var(--status-success);
  background-color: var(--color-success-50);
  border-radius: .5rem;
  padding: var(--space-xs);
}

.footer_form {
  background-color: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  border-radius: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  padding: var(--space-4xs) var(--space-4xs) var(--space-4xs) var(--space-3xs);
  display: flex;
  box-shadow: none;
}

.footer_form-block {
  width: 100%;
  margin-bottom: 0;
}

.footer_newsletter-wrapper {
  flex-direction: column;
}

.padding-vertical-xlarge {
  padding-top: var(--space-3xl);
  padding-bottom: var(--space-3xl);
}

.footer {
  background-color: var(--bg-inverse);
  padding-top: var(--space-4xl);
}

.footer::before {
  content: '';
  display: block;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--color-gray-700), transparent);
  margin-bottom: var(--space-4xl);
}

.max-width-xlarge {
  width: 100%;
  max-width: var(--container-md);
}

.container-small {
  width: 100%;
  max-width: var(--container-sm);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.section_inner-header {
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
  position: relative;
  overflow: hidden;
}

.vetical_item-text-wrapper {
  padding-top: var(--space-3xs);
}

.vertical_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: var(--space-md);
}

.vertical_item {
  display: flex;
}

.vertical_item-list {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.faq_answer {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
  overflow: hidden;
}

.accordion-icon_vertical-line {
  width: 2px;
  height: 1rem;
  background-color: var(--color-gray-400);
  border-radius: 1px;
  position: absolute;
}

.accordion-icon_horizontal-line {
  width: 1rem;
  height: 2px;
  background-color: var(--color-gray-400);
  border-radius: 1px;
  position: absolute;
}

.accordion-icon_component {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-gray-400);
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.faq_icon-wrapper {
  color: var(--color-gray-400);
}

.faq_heading {
  color: var(--text-default);
  margin-right: var(--space-xs);
  font-family: var(--font-sans);
  font-size: var(--text-18);
  font-weight: var(--weight-semibold);
}

.faq_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-xs) var(--space-md);
  display: flex;
}

.faq_accordion {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: var(--space-3xs);
}

.faq_list {
  padding-left: var(--space-5xl);
}

.faq-navigation {
  flex: 0 auto;
  position: relative;
}

.faq-grid {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.heading-large {
  color: var(--text-default);
  font-family: var(--font-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--text-h3);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-h3);
  letter-spacing: var(--tracking-tight);
}

.error-text {
  color: var(--status-error);
  font-weight: var(--weight-medium);
}

.success-text {
  font-weight: var(--weight-semibold);
}

.form-button {
  color: var(--action-text);
  text-align: center;
  white-space: nowrap;
  background-color: var(--action-oss-default);
  border: 1px solid var(--action-oss-default);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: var(--space-xs) 1.125rem;
  font-family: var(--font-sans);
  font-size: var(--text-16);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-16);
  text-decoration: none;
  transition: background-color .3s, border-color .3s, box-shadow .3s;
  display: flex;
  box-shadow: var(--shadow-xs);
}

.form-button:hover {
  background-color: var(--action-oss-hover);
  border-color: var(--action-oss-hover);
}

.form-button:focus {
  background-color: var(--action-oss-hover);
  box-shadow: var(--shadow-xs), 0 0 0 4px var(--color-blue-50);
}

.form-button-wrapper {
  flex-direction: column;
  margin-top: var(--space-3xs);
  display: flex;
}

.contact-form_input {
  height: auto;
  min-height: 3.2rem;
  color: var(--text-default);
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-strong);
  border-radius: .5rem;
  margin-bottom: 0;
  padding: var(--space-3xs) 0.875rem;
  font-family: var(--font-sans);
  font-size: var(--text-16);
  line-height: var(--lh-16);
  transition: border-color .3s, box-shadow .3s;
  box-shadow: var(--shadow-xs);
}

.contact-form_input:focus {
  border-color: var(--color-blue-200);
  box-shadow: var(--shadow-xs), 0 0 0 4px var(--color-blue-50);
}

.contact-form_input::-ms-input-placeholder {
  color: var(--color-gray-400);
}

.contact-form_input::placeholder {
  color: var(--color-gray-400);
}

.contact-form_input.text-area {
  height: auto;
  min-height: 6rem;
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
  overflow: auto;
}

.field-label {
  color: var(--text-default);
  margin-bottom: var(--space-3xs);
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-medium);
  line-height: var(--lh-14);
}

.form-field-wrapper {
  position: relative;
}

.form-radio-label {
  color: var(--text-default);
  margin-bottom: 0;
  font-family: var(--font-sans);
  font-weight: var(--weight-medium);
}

.form-radio-icon {
  width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  cursor: pointer;
  background-color: var(--bg-canvas);
  border: 1px solid var(--border-strong);
  border-radius: 100px;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: var(--space-2xs);
  transition: background-color .3s, border-color .3s;
}

.form-radio-icon:hover {
  background-color: var(--color-blue-50);
  border-color: var(--color-blue-400);
}

.form-radio-icon.w--redirected-checked {
  background-color: var(--color-blue-50);
  background-image: url('../images/radio-check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-width: 1px;
  border-color: var(--color-blue-400);
}

.form-radio-icon.w--redirected-focus {
  background-color: var(--color-blue-50);
  border-color: var(--color-blue-400);
  margin-top: 0;
  box-shadow: 0 0 0 4px var(--color-blue-50);
}

.form-radio-icon.tick-icon.w--redirected-checked {
  background-color: var(--color-blue-700);
  background-image: url('../images/check-tick.svg');
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.form-radio-2col {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: var(--space-xs);
  display: grid;
}

.form-field-2col {
  grid-column-gap: var(--space-md);
  grid-row-gap: var(--space-md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact_form {
  grid-column-gap: var(--space-md);
  grid-row-gap: var(--space-md);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact_form-wrapper {
  width: 100%;
  max-width: 32rem;
  flex-direction: column;
  align-items: stretch;
  display: none;
}

.contact_component {
  max-width: 32rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--text-muted);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: color .2s;
  display: flex;
}

.social-icon:hover {
  color: var(--action-oss-default);
}

.social-link {
  color: var(--color-gray-400);
  margin-top: 0.2rem;
  transition: color .3s;
}

.social-link:hover {
  color: var(--color-gray-500);
}

.team_social {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  grid-template-rows: auto;
  grid-template-columns: max-content auto;
  grid-auto-columns: .25fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.team_image {
  width: 100%;
  height: 11rem;
  object-fit: cover;
  border-radius: 1.5rem;
}

.team_image.main {
  height: 22rem;
}

.team_image.team {
  height: 16rem;
}

.team1_list {
  width: 100%;
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  display: flex;
}

.team1_content {
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.team1_component {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(22rem, .5fr) minmax(22rem, .5fr);
  grid-auto-columns: 1fr;
  align-items: stretch;
  justify-items: stretch;
  display: grid;
}

.team02_list {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  display: grid;
}

.team03_list {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-3xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
}

.lightbox_video-overlay-layer {
  z-index: 1;
  height: 96%;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  left: .5rem;
  right: .5rem;
}

.layout_lightbox {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 38rem;
  min-height: 24rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, .5);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 1.5rem;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.main-header_component {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.check-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.item-icon-wrapper {
  align-self: flex-start;
  margin-right: var(--space-2xs);
}

.list_item {
  display: flex;
}

.item-list {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-4xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar02_dropdown-list {
  overflow: hidden;
}

.navbar02_dropdown-list.w--open {
  width: 37rem;
  box-shadow: none;
  background-color: var(--bg-canvas);
  border-bottom: 1px solid var(--border-muted);
  border-radius: 0;
  margin-bottom: var(--space-xs);
  padding: var(--space-xs) 0;
  position: static;
  left: -125%;
}

.dropdown-icon {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 0%;
}

.navbar_dropdown-link-list {
  grid-column-gap: var(--space-md);
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
}

.navbar_dropdown-content {
  grid-column-gap: var(--space-md);
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar_dropdown-toggle {
  color: var(--text-default);
  align-items: center;
  padding: var(--space-2xs) 0;
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-medium);
  transition: color 0.15s ease;
  display: flex;
}

.navbar_menu-dropdown {
  width: 100%;
}

.navbar04_dropdown-list {
  overflow: hidden;
}

.navbar04_dropdown-list.w--open {
  width: 100%;
  box-shadow: none;
  background-color: var(--bg-canvas);
  border-radius: 1rem;
  padding: var(--space-xs) 0;
  position: static;
  left: -80%;
}

.two-column-row {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.two-column-row.align-top {
  align-items: start;
}

.row_wrapper {
  width: 100%;
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-3xl);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-small {
  color: var(--text-default);
  letter-spacing: var(--tracking-normal);
  font-family: var(--font-sans);
  font-size: var(--text-h5);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-h5);
}

.space-xlarge {
  height: var(--space-3xl);
}

.section-features.bg {
  background-image: linear-gradient(var(--bg-section-gradient), rgba(255, 255, 255, 0));
}

.lottie-02 {
  flex: none;
}

._4col_layout {
  grid-column-gap: var(--space-2xl);
  grid-row-gap: var(--space-2xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
}

.card_item {
  flex-direction: column;
  align-items: center;
}

.lottie-03 {
  width: 100%;
  flex: none;
}

.space-large {
  height: var(--space-2xl);
}

.use-cases_tabs-content {
  width: 100%;
  overflow: visible;
}

.tab-link {
  color: var(--text-muted);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  padding: var(--space-2xs) var(--space-md);
  font-weight: 500;
  display: flex;
}

.tab-link.w--current {
  color: var(--action-oss-default);
  background-color: var(--bg-canvas);
  box-shadow: var(--shadow-sm);
}

.tabs-menu {
  background-color: var(--surface-blue-light);
  border: 1px solid var(--surface-blue-border);
  border-radius: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: var(--space-3xl);
  padding: var(--space-4xs);
  display: flex;
}

.tabs_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section_tabs.bg {
  background-image: linear-gradient(var(--bg-section-gradient), rgba(255, 255, 255, 0));
}

.text-link {
  color: var(--link-default);
  border-bottom: 1px solid var(--link-default);
  font-weight: 500;
}

._2col-grid {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.cta-grid {
  grid-column-gap: var(--space-2xl);
  grid-row-gap: var(--space-2xl);
  grid-template-rows: auto auto;
  grid-template-columns: minmax(200px, 230px) minmax(200px, 230px);
  grid-auto-columns: 1fr;
  display: grid;
}

.cta_component {
  grid-column-gap: var(--space-2xl);
  grid-row-gap: var(--space-3xl);
  background-image: url('../images/cta-bg.svg'), radial-gradient(circle closest-corner at 50% -20%, var(--color-gray-blue-700), var(--color-gray-blue-900));
  background-position: 0 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  background-attachment: scroll, scroll;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  padding: 3.5rem;
  display: grid;
  overflow: hidden;
  position: relative;
}

.section_cta {
  background-color: var(--bg-canvas);
}

/* CTA grid card hover effect */
.cta_link-wrap {
  border-radius: var(--space-2xs);
  padding: var(--space-md);
  transition: background-color 0.25s ease, transform 0.25s ease;
}

.cta_link-wrap:hover {
  background-color: rgba(255, 255, 255, 0.06);
  transform: translateY(-2px);
}

/* Arrow icon animation on CTA cards */
.cta_link-wrap .button-icon {
  transition: transform 0.2s ease;
}

.cta_link-wrap:hover .button-icon {
  transform: translateX(4px);
}

.video_wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.video_shadow {
  width: 90%;
  height: 6rem;
  filter: blur(40px);
  background-color: rgba(21, 84, 141, .5);
  border-radius: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.mainheader-bg-img {
  width: auto;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: -15%;
  pointer-events: none;
}

.video_play-wrap {
  grid-column-gap: var(--space-3xs);
  grid-row-gap: var(--space-xs);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: rgba(255, 255, 255, .6);
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 4rem;
  grid-template-rows: auto;
  grid-template-columns: min-content 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: var(--space-4xs) var(--space-md) var(--space-4xs) var(--space-4xs);
  transition: color .3s, background-color .3s;
  display: grid;
  position: absolute;
  top: auto;
  bottom: 2rem;
  left: auto;
  right: auto;
}

.video_play-wrap:hover {
  color: var(--action-oss-default);
  background-color: rgba(255, 255, 255, .8);
}

.play_title {
  color: var(--color-gray-blue-800);
  font-weight: 600;
}

.play_button {
  color: var(--color-gray-blue-800);
  padding: var(--space-xs) var(--space-xs) 0.7rem 1.2rem;
}

.gradient-bg {
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
}

.testimonial_grid {
  width: 100%;
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 35% 60%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.testimonial_stats-wrapper {
  background-color: var(--surface-blue);
  border-radius: 1rem;
  justify-content: center;
  position: relative;
}

.testimonial-text {
  color: var(--color-gray-blue-800);
  letter-spacing: -.04rem;
  margin-bottom: var(--space-lg);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  padding-left: var(--space-md);
}

.testimonial-text::before {
  content: '\201C';
  position: absolute;
  left: 0;
  top: -0.25rem;
  font-size: 2.5rem;
  color: var(--color-primary-200);
  font-family: var(--font-display);
  line-height: 1;
}

.testimonial-avatar {
  margin-right: var(--space-xs);
}

.stats_img {
  z-index: 1;
  width: 100%;
  height: auto;
  position: relative;
  bottom: 0;
  transform: translate(0);
}

.stats_shadow {
  z-index: 0;
  width: 90%;
  height: 4rem;
  filter: blur(30px);
  background-color: rgba(21, 84, 141, .5);
  border-radius: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: auto;
}

.stats-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.gradient-wrap {
  z-index: -1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blue {
  width: 18rem;
  height: 18rem;
  filter: blur(120px);
  background-color: var(--color-blue-100);
  border-radius: 100%;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: auto;
  right: 15%;
}

.green {
  width: 18rem;
  height: 18rem;
  filter: blur(120px);
  background-color: var(--color-success-100);
  border-radius: 100%;
  position: absolute;
  top: 5%;
  bottom: auto;
  left: 15%;
  right: auto;
}

.blue-text {
  color: var(--action-oss-default);
}

.dashboard {
  width: 100%;
  height: auto;
  max-width: 50rem;
  background-color: var(--bg-canvas);
  border: 6px solid var(--color-gray-blue-800);
  border-radius: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  box-shadow: var(--shadow-2xl);
}

.row_wrapper-2 {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-wrapper {
  grid-column-gap: var(--space-md);
  align-items: center;
  display: flex;
}

.icon-xsmall {
  width: .75rem;
  height: 1.5rem;
}

.footer_subscribe-input {
  height: auto;
  color: var(--color-white, #fff);
  background-color: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  border-radius: 4rem;
  margin-bottom: 0;
  padding: var(--space-3xs) var(--space-3xs) var(--space-3xs) var(--space-xs);
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.5;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.footer_subscribe-input:focus {
  border-color: var(--action-oss-default);
  box-shadow: 0 0 0 3px rgba(41, 112, 255, 0.15);
  outline: none;
}

.footer_subscribe-input::-ms-input-placeholder {
  color: var(--color-gray-500);
}

.footer_subscribe-input::placeholder {
  color: var(--color-gray-500);
}

.navbar_item-heading-wrap {
  align-items: center;
  display: flex;
}

.external-link-icon {
  margin-left: var(--space-3xs);
}

.testimonial_content-wrap {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.slide-nav {
  display: none;
}

.faq_menu-link {
  width: 100%;
  color: var(--text-muted);
  white-space: nowrap;
  border-radius: .5rem;
  margin-bottom: 0;
  padding: var(--space-3xs) var(--space-xs);
  font-family: var(--font-sans);
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
  display: block;
}

.faq_menu-link.w--current {
  color: var(--color-blue-700);
  background-color: var(--bg-canvas);
  box-shadow: var(--shadow-sm);
}

.faq_category-menu {
  z-index: auto;
  background-color: var(--surface-blue-light);
  border: 1px solid var(--surface-blue-border);
  border-radius: .8rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: var(--space-3xl);
  padding: var(--space-4xs);
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
}

.faq_section {
  border-bottom: 1px solid var(--border-default);
  padding-top: 8rem;
  padding-bottom: var(--space-lg);
}

.faq_section.first {
  padding-top: var(--space-3xl);
}

.section.bg {
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
}

.contact_cta-grid {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: var(--space-xl);
  display: grid;
}

.partners_item {
  width: 100%;
  height: 100%;
  border: 1px solid var(--border-default);
  border-radius: 1.5rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding: var(--space-lg);
  display: flex;
  box-shadow: var(--shadow-xs);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.partners_item:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.navbar_logo-wrap {
  align-items: center;
  display: flex;
}

.github_btn {
  margin-left: var(--space-xs);
}

.partners_logo-wrap {
  height: 7rem;
  background-color: var(--bg-section-gradient);
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: var(--space-xs);
  display: flex;
}

.partners_logo {
  width: 100%;
  height: auto;
}

.partners_title-wrap {
  align-items: center;
  margin-bottom: var(--space-xs);
  display: flex;
}

.partners_tag {
  color: var(--color-blue-800);
  background-color: var(--surface-blue);
  border-radius: 1rem;
  align-items: center;
  margin-left: var(--space-xs);
  padding: var(--space-4xs) var(--space-2xs);
  font-size: .875rem;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.partners_tag:hover {
  background-color: var(--color-blue-100);
}

.partners_item-top {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: minmax(150px, .5fr) 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.use-cases-menu {
  width: 100%;
  max-width: 20rem;
  grid-column-gap: 0rem;
  grid-row-gap: 0px;
  background-color: var(--surface-blue);
  border: 1px solid var(--surface-blue-border);
  border-radius: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-bottom: var(--space-2xl);
  padding: var(--space-4xs);
  display: grid;
}

.use-case_item {
  width: 100%;
  height: 100%;
  grid-column-gap: var(--space-5xl);
  grid-row-gap: var(--space-lg);
  border: 1px solid var(--border-default);
  border-radius: 1.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: var(--space-lg);
  padding: var(--space-lg);
  display: grid;
}

.use-case_left {
  grid-column-gap: var(--space-lg);
  grid-row-gap: var(--space-lg);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
}

.download-grid {
  grid-column-gap: var(--space-2xl);
  grid-row-gap: var(--space-2xl);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.download_wrap {
  background-image: linear-gradient(var(--bg-section-gradient), var(--bg-canvas));
  border: 1px solid var(--border-default);
  border-radius: 1.5rem;
  padding: var(--space-2xl);
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.download-grid > .download_wrap {
  display: flex;
  flex-direction: column;
}

.download-grid > .download_wrap > .button-row {
  margin-top: auto;
}

.download_wrap:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

/* Featured/partnership deployment card */
.download-card--featured {
  border: 2px solid var(--action-premium-default);
  position: relative;
}

.download-grid > :not(.download_wrap) {
  display: flex;
  flex-direction: column;
}

.download-card--featured:hover {
  border-color: var(--action-premium-hover);
}

.download-card__partner-logo {
  height: 40px;
  width: auto;
  border-radius: var(--space-3xs);
}

.download-card__title-row {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex-wrap: wrap;
}

.lottie_32 {
  height: 32rem;
}

.lottie_35 {
  width: 100%;
  height: 35rem;
}

.info-message {
  grid-column-gap: var(--space-3xs);
  grid-row-gap: var(--space-3xs);
  background-color: var(--surface-blue);
  border: 1px solid var(--color-blue-100);
  border-radius: .75rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: var(--space-xs);
  display: flex;
}

.info-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-blue-700);
}

.button-tertiary-gray_cta {
  grid-column-gap: var(--space-3xs);
  color: var(--text-inverse);
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid var(--color-gray-blue-400);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.125rem;
  font-family: var(--font-sans);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: color .3s, background-color .3s;
  display: flex;
}

.button-tertiary-gray_cta:hover {
  color: var(--color-gray-blue-800);
  background-color: var(--bg-canvas);
}

.button-tertiary-gray_cta.is-button-large {
  grid-column-gap: var(--space-2xs);
  padding: 0.8rem 1.75rem;
  font-size: 1.125rem;
}

.navbar03_dropdown-list {
  overflow: hidden;
}

.navbar03_dropdown-list.w--open {
  width: 100%;
  box-shadow: none;
  background-color: var(--bg-canvas);
  border-bottom: 1px solid var(--border-muted);
  border-radius: 0;
  margin-bottom: var(--space-xs);
  padding: var(--space-xs) 0;
  position: static;
  left: -320%;
}

.padding-vertical-large {
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);
}

.heading-h1 {
  color: var(--text-default);
  font-family: var(--font-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: clamp(var(--text-h4), 4.3vw, var(--text-h1));
  font-weight: var(--weight-semibold);
  line-height: 1.2;
  letter-spacing: var(--tracking-tight);
}

.max-width-logos {
  width: 100%;
  max-width: 34rem;
}

.button-row_center {
  grid-column-gap: var(--space-xs);
  grid-row-gap: var(--space-xs);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.beams-left {
  z-index: 0;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  pointer-events: none;
}

.beams-right {
  z-index: 0;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  pointer-events: none;
}

.button-link-label {
  border-bottom: 1px solid var(--color-blue-700);
}

.payments_img {
  width: 100%;
  height: auto;
  max-width: 20rem;
  border-radius: 1rem;
}

.lottie-01 {
  width: 120%;
  flex: none;
}

.team_item-wrap {
  width: 100%;
  height: 100%;
}

.popup_block {
  z-index: 99;
  background-color: rgba(16, 19, 35, .8);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.popup_wrap {
  width: 100%;
  max-width: 32rem;
  text-align: center;
  background-color: var(--bg-canvas);
  border-radius: 1rem;
  padding: var(--space-lg) var(--space-lg) var(--space-xs);
  position: relative;
}

.popup_close-btn {
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 1rem;
  bottom: auto;
  left: auto;
  right: 1rem;
}

/* =============================================
   Pricing Page Components
   ============================================= */

.pricing-nav {
  position: sticky;
  top: 86px;
  z-index: 9;
  background: var(--bg-canvas);
  border: 1px solid var(--border-default);
  border-radius: 999px;
  padding: var(--space-3xs) var(--space-2xs);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3xs);
  margin: 0 auto var(--space-md);
  max-width: 720px;
  box-shadow: var(--shadow-lg);
}

.pricing-nav a {
  font-family: var(--font-sans);
  font-size: var(--text-14);
  color: var(--text-muted);
  padding: 0.4rem var(--space-xs);
  border-radius: 999px;
  border: 1px solid transparent;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  font-weight: var(--weight-semibold);
  text-decoration: none;
}

.pricing-nav a:hover {
  color: var(--text-default);
  background: var(--bg-muted);
}

.pricing-nav a.is-active {
  border-color: var(--color-primary-200);
  background: var(--color-primary-50);
  color: var(--action-premium-default);
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--space-lg);
  max-width: 1040px;
  margin: 0 auto;
  align-items: stretch;
}

.pricing-grid[data-balanced="true"] {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.pricing-grid--solo {
  max-width: 720px;
}

#enterprise .pricing-grid {
  max-width: 860px;
}

.support-grid {
  max-width: 1120px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.pricing-card {
  padding: var(--space-md);
  border-radius: var(--space-sm);
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(15, 23, 42, 0.05);
  background: var(--bg-canvas);
}

.pricing-card.pricing-card--oss {
  background: linear-gradient(135deg, var(--surface-blue-light), var(--bg-canvas));
}

.pricing-card.pricing-card--aws {
  background: linear-gradient(135deg, var(--color-primary-50), var(--bg-canvas));
}

.pricing-card.pricing-card--avi {
  background: linear-gradient(135deg, var(--color-primary-25), var(--bg-canvas));
  border: 1px solid var(--color-primary-200);
}

.pricing-card.pricing-card--launch {
  background: linear-gradient(135deg, #eefbf4, var(--bg-canvas));
}

.pricing-card.pricing-card--banner {
  border-style: dashed;
  box-shadow: none;
}

.pricing-card .item-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.pricing-card .list_item {
  align-items: flex-start;
  gap: var(--space-2xs);
}

.pricing-card .item-icon-wrapper {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: var(--bg-canvas);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-md);
}

.pricing-card .check-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.pricing-card .check-icon svg circle {
  fill: var(--surface-blue-light);
}

.pricing-card .check-icon svg path {
  stroke: var(--color-blue-700);
}

.pricing-card .text-size-medium {
  line-height: 1.55;
}

.pricing-card .button-row {
  margin-top: var(--space-sm);
}

/* Pill badges */
.pill-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: var(--space-4xs) 0.85rem;
  font-family: var(--font-sans);
  font-size: var(--text-12);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 999px;
  font-weight: var(--weight-semibold);
  border: 1px solid transparent;
}

.pill-badge.is-green {
  background: var(--color-success-50);
  color: var(--color-success-700);
  border-color: var(--color-success-200);
}

.pill-badge.is-blue {
  background: var(--color-primary-50);
  color: var(--action-oss-default);
  border-color: var(--color-primary-200);
}

.pill-badge.is-indigo {
  background: var(--color-secondary-purple-50);
  color: var(--action-premium-default);
  border-color: var(--color-primary-200);
}

/* Pricing utility classes for inline style migration */
.pricing-section-label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pricing-card-description {
  min-height: 6rem;
}

.pricing-card-description--short {
  min-height: 4.5rem;
}

.pricing-info-box {
  color: var(--text-muted);
  background: var(--bg-muted);
  border-radius: var(--space-2xs);
  padding: var(--space-2xs) var(--space-xs);
}

.pricing-info-box--green {
  background: var(--color-success-50);
  border: 1px solid var(--color-success-200);
}

.pricing-info-box--blue {
  background: var(--surface-blue-light);
  border: 1px solid var(--surface-blue-border);
}

.pricing-info-box--purple {
  background: var(--color-primary-50);
  border: 1px solid var(--color-primary-200);
}

.pricing-info-box--warning {
  background: var(--color-warning-25);
  border: 1px solid var(--color-warning-300);
}

.pricing-price {
  font-weight: var(--weight-semibold);
}

.pricing-price--free {
  color: var(--color-success-700);
}

.pricing-price--oss {
  color: var(--action-oss-default);
}

.pricing-price--premium {
  color: var(--action-premium-default);
}

.pricing-card--featured {
  border: 2px solid var(--action-oss-default);
}

.pricing-card--featured .heading-small {
  color: var(--action-oss-default);
}

.pricing-flex-grow {
  flex: 1;
}

.pricing-push-bottom {
  margin-top: auto;
}

/* Cost comparison section */
.section--subtle-bg {
  background: var(--bg-subtle);
}

.pricing-slider-wrap {
  max-width: 900px;
  margin: 0 auto;
}

.pricing-comparison-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-sm);
}

.pricing-comparison-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.pricing-comparison-card--competitor {
  background: var(--color-warning-25);
  border: 1px solid var(--color-warning-300);
}

.pricing-comparison-card--kb {
  background: var(--surface-blue-light);
  border: 1px solid var(--surface-blue-border);
}

.pricing-breakdown {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
}

.pricing-breakdown-line {
  display: flex;
  align-items: baseline;
  gap: var(--space-xxs);
  font-size: var(--text-14);
  color: var(--text-muted);
}

.pricing-breakdown-line .pricing-breakdown-label {
  font-weight: var(--weight-regular);
  white-space: nowrap;
}

.pricing-breakdown-dots {
  flex: 1;
  border-bottom: 1px dotted var(--surface-blue-border);
  min-width: var(--space-sm);
  margin-bottom: 0.25em;
}

.pricing-breakdown-line .pricing-breakdown-value {
  font-weight: var(--weight-semibold);
  color: var(--color-blue-700);
  white-space: nowrap;
  text-align: right;
}

.pricing-breakdown-divider {
  border-top: 1px solid var(--surface-blue-border);
  margin: var(--space-xs) 0;
}

.pricing-comparison-card--savings {
  background: var(--color-success-50);
  border: 1px solid var(--color-success-200);
}

.pricing-comparison-label {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: var(--weight-semibold);
}

.pricing-comparison-label--competitor {
  color: var(--color-warning-800);
}

.pricing-comparison-label--kb {
  color: var(--color-blue-700);
}

.pricing-comparison-label--savings {
  color: var(--color-success-700);
}

.pricing-comparison-value--competitor {
  color: var(--color-warning-700);
}

.pricing-comparison-value--kb {
  color: var(--color-blue-700);
}

.pricing-comparison-value--savings {
  color: var(--color-success-700);
}

/* Support comparison table */
.pricing-table-wrap {
  overflow-x: auto;
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}

.pricing-table thead tr {
  border-bottom: 2px solid var(--border-default);
}

.pricing-table th {
  text-align: left;
  padding: var(--space-xs);
  font-weight: var(--weight-semibold);
  font-family: var(--font-sans);
  font-size: var(--text-14);
}

.pricing-table th .th-note {
  font-weight: var(--weight-regular);
  font-size: var(--text-14);
  color: var(--text-muted);
}

.pricing-table tbody tr {
  border-bottom: 1px solid var(--border-subtle);
}

.pricing-table td {
  padding: var(--space-xs);
  font-size: var(--text-14);
}

.pricing-table .row--featured td {
  color: var(--action-oss-default);
}

.pricing-table .row--featured td:first-child {
  font-weight: var(--weight-semibold);
}

.pricing-footnote {
  color: var(--text-muted);
  font-style: italic;
}

@media screen and (max-width: 768px) {
  .pricing-nav {
    border-radius: var(--space-sm);
    top: 72px;
    padding: 0.4rem 0.65rem;
    gap: 0.35rem;
  }

  .pricing-nav a {
    font-size: var(--text-12);
  }

  .pricing-grid {
    grid-template-columns: 1fr;
    gap: var(--space-sm);
  }

  .pricing-comparison-grid {
    grid-template-columns: 1fr;
  }
}

/* =============================================
   FAQ Page Enhancements
   ============================================= */

.faq_accordion {
  background-color: var(--bg-canvas);
  border: 1px solid transparent;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.faq_accordion:hover {
  border-color: var(--border-default);
  background-color: var(--bg-muted);
}

.faq_answer {
  width: 100%;
}

.faq_answer .text-size-medium {
  color: var(--text-muted);
  font-size: var(--text-16);
  line-height: var(--lh-16);
}

.faq_answer .text-link,
.faq_answer a:not(.button) {
  color: var(--action-oss-default);
  text-decoration: none;
  transition: color 0.15s ease;
}

.faq_answer .text-link:hover,
.faq_answer a:not(.button):hover {
  text-decoration: underline;
}

.faq_menu-link {
  transition: color 0.2s ease, background-color 0.2s ease;
}

.faq_menu-link:hover {
  color: var(--text-default);
  background-color: var(--bg-muted);
}

@media screen and (min-width: 1440px) {
  .navbar_menu-button {
    display: none;
  }

  .navbar_link {
    padding-left: var(--space-3xs);
    padding-right: var(--space-3xs);
    white-space: nowrap;
    display: flex;
  }

  .navbar_dropdown-toggle {
    white-space: nowrap;
    padding-left: var(--space-3xs);
    padding-right: var(--space-3xs);
  }

  .navbar_dropdown-right-overlay-absolute.hide-tablet {
    display: block;
  }

  .navbar_video-image-wrapper.hide-tablet {
    display: flex;
  }

  .navbar_video-item {
    grid-column-gap: var(--space-md);
    grid-template-columns: .5fr 1fr;
    align-items: center;
    padding: 0;
  }

  .navbar_dropdown-video-list {
    grid-row-gap: var(--space-xs);
  }

  .navbar_dropdown-content-right {
    max-width: 30rem;
    flex-direction: row;
    flex: 1;
    align-items: stretch;
    padding: var(--space-md) var(--space-lg);
    display: flex;
    position: relative;
  }

  .navbar_icon-wrapper.hide-desktop {
    display: none;
  }

  .navbar_dropdown-link {
    padding: var(--space-2xs);
  }

  .navbar_heading {
    margin-top: 0;
    margin-bottom: var(--space-3xs);
    display: block;
  }

  .navbar_dropdown-content-left {
    grid-column-gap: var(--space-md);
    grid-row-gap: var(--space-md);
    flex: 1;
    grid-template-columns: 1fr 1fr;
    padding: var(--space-md) var(--space-lg) var(--space-md) 0;
    display: grid;
  }

  .navbar01_dropdown-content {
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .navbar01_dropdown-list.w--open {
    width: 71rem;
    border-bottom-width: 0;
    border-radius: 1rem;
    padding: var(--space-3xs) var(--space-3xs) var(--space-3xs) var(--space-lg);
    position: absolute;
    left: -110%;
    overflow: hidden;
    box-shadow: var(--shadow-lg);
  }

  .navbar01_dropdown-list--narrow.w--open {
    width: 50rem;
    left: -60%;
  }

  .navbar01_dropdown-list--narrow .navbar_dropdown-content-left {
    grid-template-columns: 1fr;
  }

  .navbar_menu-left {
    flex-direction: row;
    display: flex;
    position: relative;
    left: -50%;
  }

  .navbar_menu {
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    top: auto;
    left: 50%;
    overflow: visible;
  }

  .navbar {
    max-width: var(--container-xlg);
    position: fixed;
    top: .3rem;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .heading-xlarge {
    font-size: 3.5rem;
  }

  .space-xxsmall.hide-tablet {
    display: block;
  }

  .footer_top-wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr minmax(200px, 24rem);
  }

  .team1_list {
    grid-column-gap: var(--space-lg);
    grid-row-gap: var(--space-3xl);
    grid-template-rows: auto;
    grid-template-columns: 45% 45%;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navbar02_dropdown-list.w--open {
    border-bottom-width: 0;
    padding: var(--space-3xs);
    border-radius: 1rem;
    position: absolute;
    left: -125%;
    box-shadow: var(--shadow-lg);
  }

  .dropdown-icon {
    margin-right: var(--space-xs);
  }

  .navbar_dropdown-toggle {
    flex-direction: row;
    align-items: center;
    padding: 20px var(--space-xl) 20px var(--space-xs);
    display: flex;
  }

  .navbar_dropdown-toggle.w--open {
    padding-left: var(--space-xs);
    padding-right: var(--space-xl);
  }

  .navbar04_dropdown-list.w--open {
    width: 20rem;
    padding: var(--space-3xs);
    position: absolute;
    left: -80%;
    box-shadow: var(--shadow-lg);
  }

  .heading-small {
    font-size: 1.625rem;
  }

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

  .mainheader-bg-img {
    right: -11%;
  }

  .testimonial_grid {
    grid-template-columns: 30% 60%;
  }

  .navbar03_dropdown-list.w--open {
    width: 37rem;
    border-bottom-width: 0;
    border-radius: 1rem;
    padding: var(--space-3xs);
    position: absolute;
    left: -320%;
    box-shadow: var(--shadow-lg);
  }

  .max-width-37 {
    max-width: 37rem;
  }

  .heading-h1 {
    font-size: 3.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .margin-xlarge {
    margin: var(--space-2xl);
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom.margin-xlarge {
    margin-bottom: var(--space-3xl);
  }

  .hide-tablet {
    display: none;
  }

  .max-width-medium {
    max-width: none;
  }

  .menu-icon_line-bottom {
    width: 24px;
    height: 2px;
    background-color: var(--color-gray-700);
    border-radius: 1rem;
  }

  .menu-icon_line-middle {
    width: 24px;
    height: 2px;
    background-color: var(--color-gray-700);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 6px;
    display: flex;
  }

  .menu-icon_line-top {
    width: 24px;
    height: 2px;
    background-color: var(--color-gray-700);
    border-radius: 1rem;
  }

  .menu-icon_component {
    width: 3rem;
    height: 3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar_menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
    right: -.5rem;
  }

  .navbar_menu-right {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .navbar_link {
    width: 100%;
    padding: var(--space-2xs) 0;
    font-weight: 400;
  }

  .navbar_link:hover {
    color: var(--color-gray-900);
  }

  .navbar_dropdown-right-overlay-absolute {
    min-width: 100%;
    border-radius: .5rem;
  }

  .navbar_item-heading {
    font-weight: 500;
  }

  .navbar_video-item-content {
    width: 100%;
  }

  .navbar_video-image-wrapper {
    height: 8rem;
  }

  .navbar_video-item {
    grid-column-gap: var(--space-xs);
    grid-row-gap: var(--space-md);
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
  }

  .navbar_video-item:hover {
    background-color: rgba(0, 0, 0, 0);
  }

  .navbar_dropdown-video-list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .navbar_dropdown-content-wrapper {
    width: 100%;
  }

  .navbar_dropdown-content-right {
    max-width: none;
    align-items: flex-start;
    padding: 0;
  }

  .navbar_icon-wrapper.hide-desktop {
    display: block;
  }

  .navbar_dropdown-link {
    padding: var(--space-3xs);
  }

  .navbar_dropdown-link:hover {
    background-color: rgba(0, 0, 0, 0);
  }

  .navbar_dropdown-content-left {
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar01_dropdown-list {
    border-bottom: 1px solid var(--border-muted);
    position: relative;
  }

  .navbar01_dropdown-list.w--open {
    width: 100%;
    box-shadow: none;
    border-bottom-color: var(--border-muted);
    align-items: flex-start;
    margin-bottom: var(--space-xs);
    padding: var(--space-xs) 0;
    position: static;
    left: 0;
    overflow: hidden;
  }

  .navbar_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: 0rem;
    color: var(--color-gray-900);
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 10rem;
    display: flex;
    left: 0%;
  }

  .navbar_menu {
    height: 100vh;
    -webkit-text-fill-color: inherit;
    background-color: var(--bg-canvas);
    background-clip: border-box;
    border-radius: 1rem;
    align-items: flex-start;
    padding-top: var(--space-md);
    padding-left: var(--space-md);
    padding-right: var(--space-md);
    position: absolute;
    overflow: auto;
  }

  .navbar {
    width: 96%;
    top: 0;
  }

  .heading-xlarge {
    font-size: 3.25rem;
  }

  .padding-vertical-xhuge {
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
  }

  .page-padding {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  ._3col_layout {
    grid-template-columns: 1fr;
  }

  ._3col_layout.wide {
    grid-column-gap: var(--space-lg);
    grid-template-columns: 1fr 1fr;
  }

  .row_column.lottie {
    height: auto;
  }

  .lottie-layout {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .blog_list {
    grid-template-columns: 1fr 1fr;
  }

  .blog_heading-wrapper {
    grid-column-gap: var(--space-2xl);
  }

  .footer_top-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer_newsletter-wrapper {
    max-width: 24rem;
  }

  .faq_list {
    padding-left: 0;
  }

  .faq-navigation {
    display: none;
  }

  .faq-grid {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .heading-large {
    font-size: 2.75rem;
  }

  .contact_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .team_image.main {
    height: 40rem;
  }

  .team1_component {
    grid-column-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .team02_list {
    grid-template-columns: 1fr 1fr;
  }

  .team03_list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .layout_lightbox {
    max-width: none;
    min-height: 28rem;
  }

  .main-header_component {
    min-height: auto;
    grid-column-gap: var(--space-2xl);
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .navbar02_dropdown-list {
    position: static;
  }

  .navbar02_dropdown-list.w--open {
    width: 100%;
    box-shadow: none;
    border-bottom: 1px solid var(--border-muted);
    margin-bottom: var(--space-xs);
    padding: var(--space-xs) 0;
  }

  .dropdown-icon {
    color: var(--color-gray-500);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .navbar_dropdown-link-list {
    grid-column-gap: var(--space-md);
    grid-row-gap: 0px;
    grid-template-rows: max-content;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .navbar_dropdown-toggle {
    padding: var(--space-2xs) 0;
    font-weight: 400;
  }

  .navbar_dropdown-toggle.w--open {
    font-weight: 400;
  }

  .navbar_menu-dropdown {
    width: 100%;
  }

  .navbar04_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar04_dropdown-list.w--open {
    width: 100%;
    box-shadow: none;
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    padding: var(--space-xs) 0;
  }

  .two-column-row {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  ._4col_layout, .cta-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cta_component {
    grid-template-columns: 1fr;
  }

  .mainheader-bg-img {
    display: none;
  }

  .testimonial_grid {
    grid-row-gap: var(--space-3xl);
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
  }

  .testimonial_stats-wrapper {
    max-width: 400px;
  }

  .dashboard {
    max-width: 100%;
  }

  .row_wrapper-2 {
    grid-template-columns: 1fr;
  }

  .faq_section {
    padding-top: var(--space-3xl);
  }

  .contact_cta-grid {
    grid-column-gap: var(--space-2xl);
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr 1fr;
  }

  .use-case_item {
    grid-column-gap: var(--space-lg);
  }

  .download-grid {
    grid-column-gap: var(--space-xl);
    grid-template-columns: 1fr 1fr;
  }

  .navbar03_dropdown-list {
    position: static;
  }

  .navbar03_dropdown-list.w--open {
    width: 100%;
    box-shadow: none;
    border-bottom: 1px solid var(--border-muted);
    margin-bottom: var(--space-xs);
    padding: var(--space-xs) 0;
  }

  .heading-h1 {
    font-size: 3.25rem;
  }

  .beams-left {
    width: 100%;
    height: auto;
  }

  .beams-right {
    display: none;
  }

  .payments_img {
    max-width: 100%;
  }

  .lottie-01 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1rem;
  }

  .margin-xlarge {
    margin: var(--space-lg);
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .max-width-medium {
    max-width: none;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .button {
    font-size: 1rem;
  }

  .button.is-button-large {
    grid-column-gap: var(--space-3xs);
    padding: var(--space-2xs) var(--space-sm);
  }

  .button-secondary-gray {
    padding-left: var(--space-sm);
    font-size: 1rem;
  }

  .button-secondary-gray:hover {
    color: var(--text-default);
    background-color: var(--bg-canvas);
  }

  .button-secondary-gray:active {
    background-color: var(--bg-canvas);
  }

  .button-secondary-gray.is-button-large {
    grid-column-gap: var(--space-3xs);
    padding: var(--space-2xs) var(--space-sm);
  }

  .navbar_button-wrapper.hide-desktop {
    width: 100%;
    grid-column-gap: var(--space-2xs);
    grid-row-gap: var(--space-xs);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-top: var(--space-2xl);
    display: grid;
  }

  .navbar_link, .button-link {
    font-size: 1rem;
  }

  .button-row {
    align-self: stretch;
  }

  .button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .text-size-small.hide-mobile-landscape {
    display: none;
  }

  .navbar_video-item, .navbar_dropdown-link {
    padding-top: var(--space-2xs);
    padding-bottom: var(--space-2xs);
  }

  .navbar_dropdown-content-left {
    flex-direction: column;
    grid-auto-columns: 1fr;
  }

  .navbar {
    width: 94%;
    height: 4rem;
  }

  .button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .space-small {
    min-height: var(--space-sm);
  }

  .heading-xlarge {
    font-size: 2.5rem;
  }

  .space-xxlarge {
    min-height: var(--space-3xl);
  }

  .logos_logo {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
  }

  .logos_list {
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
  }

  .text-size-large {
    font-size: 1.15rem;
  }

  .space-xsmall {
    min-height: var(--space-2xs);
  }

  .heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .page-padding {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  .card_outlined-item.bg {
    min-height: 34rem;
  }

  ._3col_layout {
    grid-template-columns: 1fr;
  }

  ._3col_layout.wide {
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .space-medium {
    min-height: var(--space-md);
  }

  .heading-xsmall {
    font-size: 1.25rem;
  }

  .testimonial_arrow:hover {
    background-color: var(--bg-canvas);
  }

  .testimonial_logo {
    max-height: 2.5rem;
  }

  .testimonial_logo-wrapper {
    margin-top: var(--space-xs);
  }

  .testimonial_client {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial_content {
    grid-column-gap: var(--space-md);
    grid-row-gap: var(--space-md);
  }

  .testimonial_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .blog_image-link {
    margin-bottom: var(--space-md);
  }

  .blog_image-link:hover {
    box-shadow: none;
  }

  .blog_list {
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .blog_heading-wrapper {
    grid-row-gap: var(--space-lg);
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_social-link:hover {
    color: var(--color-gray-400);
  }

  .footer_legal-list-wrapper {
    flex-direction: column-reverse;
  }

  .footer_link:hover {
    color: var(--color-gray-500);
  }

  .footer_top-wrapper {
    grid-row-gap: var(--space-lg);
  }

  .footer_newsletter-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .vertical_item-list {
    grid-row-gap: var(--space-xl);
    margin-bottom: var(--space-lg);
  }

  .faq_answer {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
  }

  .faq_question {
    padding: var(--space-xs) var(--space-sm);
  }

  .faq-grid {
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .heading-large {
    font-size: 2.25rem;
  }

  .form-button {
    font-size: 1rem;
  }

  .contact_component {
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .social-link:hover {
    color: var(--color-gray-400);
  }

  .team1_list, .team1_component {
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .team02_list {
    grid-row-gap: var(--space-xl);
    grid-template-columns: 1fr;
  }

  .team03_list {
    grid-row-gap: var(--space-lg);
    grid-template-columns: 1fr 1fr;
  }

  .layout_lightbox {
    min-height: 20rem;
  }

  .main-header_component {
    grid-row-gap: var(--space-2xl);
    grid-template-columns: 1fr;
  }

  .navbar_dropdown-content {
    flex-direction: column;
    grid-auto-columns: 1fr;
  }

  .navbar_dropdown-toggle {
    font-size: 1rem;
  }

  .two-column-row {
    grid-template-columns: 1fr;
  }

  ._4col_layout {
    grid-row-gap: var(--space-xl);
    grid-template-columns: 1fr;
  }

  .tab-link {
    width: 100%;
    white-space: nowrap;
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
  }

  .tabs-menu {
    width: 100%;
    flex-direction: column;
    overflow: visible;
  }

  .tabs_component {
    width: 100%;
    padding-bottom: var(--space-3xl);
  }

  .cta-grid {
    min-height: auto;
  }

  .cta_component {
    padding: var(--space-lg);
  }

  .testimonial-text {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .dashboard {
    border-radius: 1rem;
  }

  .faq_menu-link:hover {
    color: var(--color-gray-500);
    background-color: rgba(0, 0, 0, 0);
  }

  .faq_category-menu {
    overflow: scroll;
  }

  .contact_cta-grid {
    padding: var(--space-lg);
  }

  .partners_tag {
    padding: 0.125rem var(--space-3xs);
    font-size: .75rem;
  }

  .use-case_item, .download-grid {
    grid-template-columns: 1fr;
  }

  .download_wrap {
    padding: var(--space-lg);
  }

  .button-tertiary-gray_cta:hover {
    color: var(--color-gray-600);
    background-color: rgba(0, 0, 0, 0);
  }

  .heading-h1 {
    font-size: 2.8rem;
  }

  .button-row_center {
    align-self: stretch;
  }

  .button-row_center.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 480px) {
  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button, .button-secondary-gray, .navbar_link {
    font-size: 1.15rem;
  }

  .navbar_video-item {
    flex-direction: column;
  }

  .navbar_dropdown-video-list {
    grid-auto-columns: 1fr;
  }

  .navbar_dropdown-content-left {
    grid-template-columns: 1fr;
  }

  .navbar01_dropdown-content {
    flex-direction: column;
  }

  .navbar {
    width: 93%;
  }

  .heading-medium {
    font-size: 2rem;
  }

  .card_outlined-item.bg {
    background-size: contain;
  }

  .row_column.lottie-img {
    max-height: 20rem;
  }

  .testimonial_arrow {
    bottom: -3rem;
  }

  .testimonial_component {
    margin-bottom: var(--space-2xl);
  }

  .footer_social-icons {
    grid-column-gap: var(--space-xs);
    margin-bottom: var(--space-xs);
  }

  .footer_bottom-wrapper {
    flex-direction: column-reverse;
  }

  .footer_top-wrapper {
    grid-row-gap: var(--space-lg);
    grid-template-columns: 1fr;
  }

  .footer_form {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0);
    flex-direction: column;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .faq-grid {
    grid-template-columns: 1fr;
  }

  .heading-large {
    font-size: 2rem;
  }

  .form-button {
    font-size: 1.125rem;
  }

  .form-radio-2col {
    grid-template-columns: 1fr;
  }

  .form-field-2col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .contact_component {
    grid-template-columns: 1fr;
  }

  .team_image.main, .team_image.team {
    height: 22rem;
  }

  .team1_list, .team1_component {
    grid-template-columns: 1fr;
  }

  .team03_list {
    grid-column-gap: var(--space-xs);
  }

  .lightbox_video-overlay-layer {
    height: 93%;
  }

  .layout_lightbox {
    min-height: 14rem;
  }

  .navbar_dropdown-link-list, .navbar_dropdown-content {
    grid-template-columns: 1fr;
  }

  .navbar_dropdown-toggle {
    font-size: 1.15rem;
  }

  .lottie-02, .lottie-03 {
    width: 120%;
  }

  ._2col-grid {
    grid-template-columns: 1fr;
  }

  ._2col-grid.custom {
    grid-template-columns: 1fr 1fr;
  }

  .cta-grid {
    grid-template-columns: 1fr;
  }

  .cta_component {
    grid-template-columns: 100%;
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
  }

  .mainheader-bg-img {
    height: 50%;
    bottom: -5%;
  }

  .footer_subscribe-input {
    min-height: 3.5rem;
    margin-bottom: var(--space-xs);
    padding-left: var(--space-md);
    padding-right: var(--space-md);
    box-shadow: var(--shadow-xl);
  }

  .contact_cta-grid {
    grid-template-columns: 1fr;
  }

  .partners_item {
    padding: var(--space-md);
  }

  .partners_title-wrap {
    margin-bottom: var(--space-3xs);
  }

  .partners_item-top {
    grid-row-gap: var(--space-md);
    grid-template-columns: 1fr;
  }

  .lottie_35 {
    height: auto;
  }

  .heading-h1 {
    font-size: 2.25rem;
  }

  .lottie-01 {
    width: 120%;
  }

  .popup_wrap {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }

  .popup_close-btn {
    top: .5rem;
    right: .5rem;
  }
}

#w-node-c9ac5088-d3d8-f0d6-0860-717d98fd6e5d-122b52ab, #w-node-c9ac5088-d3d8-f0d6-0860-717d98fd6e63-122b52ab, #w-node-c9ac5088-d3d8-f0d6-0860-717d98fd6e69-122b52ab {
  align-self: start;
}

#w-node-_8ee6a51f-6ded-2332-2c44-8879639344ad-122b52ab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f8bb3481-70a6-125f-e07d-6bd0bc89448a-122b52ab, #w-node-f8bb3481-70a6-125f-e07d-6bd0bc89449c-122b52ab, #w-node-_5e463f39-0f6d-1a98-4ed4-3fd1a051d0d2-122b52ab, #w-node-_5e463f39-0f6d-1a98-4ed4-3fd1a051d0c0-122b52ab, #w-node-_4138c52a-3b49-e62e-a3cb-4b9e89f0f955-122b52ab, #w-node-_5064e499-ca67-853c-3da9-68eb1aed5cb6-122b52ab {
  justify-self: center;
}

#w-node-fc79d5b4-3298-9c69-e122-a32863ac7c70-122b52ab {
  align-self: end;
}

#w-node-_42bbc55d-fa0f-30fa-858f-68189d343b58-9d343b40 {
  justify-self: end;
}

#w-node-_42bbc55d-fa0f-30fa-858f-68189d343b59-9d343b40, #w-node-_42bbc55d-fa0f-30fa-858f-68189d343b67-9d343b40, #w-node-_42bbc55d-fa0f-30fa-858f-68189d343b75-9d343b40, #w-node-_42bbc55d-fa0f-30fa-858f-68189d343b83-9d343b40, #w-node-_7be56255-a3f8-b3d6-7eb2-3361eca3a44e-cc1c2dce, #w-node-_1408be62-9461-238e-480c-603ccc1c2e15-cc1c2dce {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_89d5285e-b0c5-647e-1845-5edaad4af378-710694a2, #w-node-_89d5285e-b0c5-647e-1845-5edaad4af37e-710694a2, #w-node-_89d5285e-b0c5-647e-1845-5edaad4af384-710694a2 {
  align-self: start;
}

#w-node-_40f3bddd-2787-d3fc-26e9-a87af98eb1c1-710694a2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_0e4f99e2-c5aa-7c62-e538-3777a3a289c0-710694a2, #w-node-_0e4f99e2-c5aa-7c62-e538-3777a3a289c6-710694a2, #w-node-_0e4f99e2-c5aa-7c62-e538-3777a3a289cc-710694a2, #w-node-_0e4f99e2-c5aa-7c62-e538-3777a3a289d2-710694a2, #w-node-e6646f88-73ae-a13e-6f82-802ffc9a2266-710694a2, #w-node-e6646f88-73ae-a13e-6f82-802ffc9a226c-710694a2, #w-node-e6646f88-73ae-a13e-6f82-802ffc9a2272-710694a2, #w-node-e6646f88-73ae-a13e-6f82-802ffc9a2278-710694a2, #w-node-b5f5bd81-1ba2-2c7d-adc4-a882fd5923e3-710694a2, #w-node-b5f5bd81-1ba2-2c7d-adc4-a882fd5923e9-710694a2, #w-node-_8c5f3c8a-2449-bd00-f8af-5d338a7c2ffd-710694a2, #w-node-_8c5f3c8a-2449-bd00-f8af-5d338a7c3003-710694a2 {
  align-self: start;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f413-710694a2 {
  justify-self: center;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f419-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f41f-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f425-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f42b-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f431-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f437-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f43d-710694a2 {
  align-self: start;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f443-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f446-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f448-710694a2 {
  justify-self: center;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f44e-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f454-710694a2 {
  align-self: start;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f45b-710694a2 {
  justify-self: center;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f461-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f467-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f46d-710694a2 {
  align-self: start;
}

#w-node-_2944061c-0724-dbe2-8485-d7487543f473-710694a2 {
  justify-self: center;
}

#w-node-e6abaa2d-8f5d-eb72-b1a6-736cffe6c533-7767c6ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d2b9d627-0322-dfee-9683-19807cb38389-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383b9-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383bc-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383be-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383d1-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383e9-6428f40d, #w-node-_850f973e-8ab0-4a99-ea10-9db85081079a-6428f40d, #w-node-_850f973e-8ab0-4a99-ea10-9db85081079c-6428f40d, #w-node-b46e5674-e406-efd2-8af9-cffc4fca25cb-6428f40d, #w-node-b46e5674-e406-efd2-8af9-cffc4fca25e3-6428f40d {
  justify-self: center;
}

#w-node-fda525a1-bb09-da72-d96a-9d9db93f05bd-6a877376, #w-node-fda525a1-bb09-da72-d96a-9d9db93f05c3-6a877376, #w-node-_0229efd2-92f4-4c28-a2a2-3f5e0a3c6511-6a877376, #w-node-fda525a1-bb09-da72-d96a-9d9db93f05ca-6a877376, #w-node-fda525a1-bb09-da72-d96a-9d9db93f05d0-6a877376, #w-node-_394cb8c9-9c60-515e-f2ec-23a5b0b5b13c-6a877376, #w-node-_394cb8c9-9c60-515e-f2ec-23a5b0b5b142-6a877376, #w-node-_394cb8c9-9c60-515e-f2ec-23a5b0b5b14f-6a877376, #w-node-_394cb8c9-9c60-515e-f2ec-23a5b0b5b155-6a877376, #w-node-fef6097f-fb0d-3744-76bf-6b76c7f15e03-6a877376, #w-node-fef6097f-fb0d-3744-76bf-6b76c7f15e09-6a877376, #w-node-fef6097f-fb0d-3744-76bf-6b76c7f15e16-6a877376, #w-node-fef6097f-fb0d-3744-76bf-6b76c7f15e1c-6a877376, #w-node-_10e7462f-4a9c-fd8a-4b8f-0dd2894e7826-6a877376, #w-node-_10e7462f-4a9c-fd8a-4b8f-0dd2894e7830-6a877376, #w-node-_10e7462f-4a9c-fd8a-4b8f-0dd2894e783a-6a877376, #w-node-_02484e2a-e5f2-6ebe-049b-4b6c0d8414df-6a877376, #w-node-_02484e2a-e5f2-6ebe-049b-4b6c0d8414e5-6a877376, #w-node-_02484e2a-e5f2-6ebe-049b-4b6c0d8414eb-6a877376 {
  align-self: start;
}

#w-node-_86ffba5f-9aef-b6db-9e66-1c1bd2de7280-6a877376 {
  justify-self: center;
}

#w-node-fc6c49ca-0730-3348-2435-35d2793ea709-6a877376, #w-node-fc6c49ca-0730-3348-2435-35d2793ea712-6a877376, #w-node-fc6c49ca-0730-3348-2435-35d2793ea71b-6a877376 {
  align-self: start;
}

#w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c3611-6a877376 {
  justify-self: start;
}

#w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c3616-6a877376, #w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c361c-6a877376, #w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c3622-6a877376, #w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c3628-6a877376, #w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c362e-6a877376 {
  align-self: start;
}

#w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c3634-6a877376 {
  align-self: stretch;
  justify-self: center;
}

#w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890322-3044f5d5 {
  justify-self: center;
}

#w-node-_95e671a3-fa4f-04c5-0b46-d2f2619a55f9-3044f5d5, #w-node-_95e671a3-fa4f-04c5-0b46-d2f2619a55ff-3044f5d5, #w-node-_95e671a3-fa4f-04c5-0b46-d2f2619a560c-3044f5d5, #w-node-_95e671a3-fa4f-04c5-0b46-d2f2619a5612-3044f5d5 {
  align-self: start;
}

#w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890355-3044f5d5, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890357-3044f5d5, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e89036a-3044f5d5 {
  justify-self: center;
}

#w-node-cc4f0db1-700a-19ee-187d-2cb43a1b907d-3044f5d5, #w-node-cc4f0db1-700a-19ee-187d-2cb43a1b9083-3044f5d5, #w-node-cc4f0db1-700a-19ee-187d-2cb43a1b9089-3044f5d5 {
  align-self: start;
}

#w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890382-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320b18-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320b1a-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320ae5-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320b15-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320b45-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320b2d-3044f5d5, #w-node-_792e0d6d-bc9e-2367-0b4b-d65e18cab97e-3044f5d5, #w-node-_792e0d6d-bc9e-2367-0b4b-d65e18cab9ae-3044f5d5, #w-node-aa29e3b9-0173-024c-268b-557654b181f5-3044f5d5, #w-node-aa29e3b9-0173-024c-268b-557654b18202-3044f5d5, #w-node-c6f95d80-d1e8-69a4-3fa6-5f08080f7224-3044f5d5 {
  justify-self: center;
}

#w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890370-3044f5d5, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890376-3044f5d5, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e89037c-3044f5d5, #w-node-_3cb26789-4739-5559-60d8-94fd3373f0cb-3044f5d5, #w-node-_3cb26789-4739-5559-60d8-94fd3373f0d1-3044f5d5 {
  align-self: start;
}

#w-node-c6f95d80-d1e8-69a4-3fa6-5f08080f7231-3044f5d5, #w-node-_0683ffbb-ebe3-7e8f-8430-67f89aff13aa-3044f5d5, #w-node-_0683ffbb-ebe3-7e8f-8430-67f89aff13b7-3044f5d5, #w-node-_219a2241-d946-d802-901b-afa512236819-3044f5d5, #w-node-_219a2241-d946-d802-901b-afa512236826-3044f5d5, #w-node-_39c1a992-2a0d-3d4b-af49-3626a786d962-3044f5d5 {
  justify-self: center;
}

#w-node-_976cde84-1f6b-59ec-aee1-9ec723183949-3044f5d5, #w-node-_976cde84-1f6b-59ec-aee1-9ec72318394f-3044f5d5, #w-node-_976cde84-1f6b-59ec-aee1-9ec723183955-3044f5d5 {
  align-self: start;
}

#w-node-_39c1a992-2a0d-3d4b-af49-3626a786d96f-3044f5d5, #w-node-fe262d51-14d5-c725-bfa0-b79a2ccecb82-3044f5d5, #w-node-fe262d51-14d5-c725-bfa0-b79a2ccecb8f-3044f5d5 {
  justify-self: center;
}

#w-node-_0d7d8d61-9625-c671-7afd-5f068f6facc5-0c7e9194 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_92d3fe5b-cdc7-a46e-eab0-4f3309e27f6b-0c7e9194 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_165973fe-6df3-6ba1-6eb3-38fa90f721ae-0c7e9194, #w-node-f6f7ee99-0cc6-95f6-1ff2-858dd1da3886-0c7e9194 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_92d3fe5b-cdc7-a46e-eab0-4f3309e27f78-0c7e9194, #w-node-_92d3fe5b-cdc7-a46e-eab0-4f3309e27f7e-0c7e9194, #w-node-_92d3fe5b-cdc7-a46e-eab0-4f3309e27f84-0c7e9194, #w-node-_4d88645d-c066-a7f3-66af-776b6fbe8515-0c7e9194, #w-node-_434c9848-1b42-4e60-0885-05961eaa8bf3-0c7e9194, #w-node-c9d70a38-bfeb-d5a0-1669-3c872fd113c5-0c7e9194, #w-node-_6ed0cb16-bf36-eda3-f92c-4b5b6ad4166f-0c7e9194, #w-node-_93fe9836-1455-f3d3-e95b-8b083d4d7ec2-0c7e9194, #w-node-ced76306-7834-dbcc-1331-0de94d0f1e40-0c7e9194 {
  align-self: start;
}

#w-node-eb74be39-c7dc-a202-d116-2ae0b8611a93-0c7e9194 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f1f6518-adc0-abfe-ff20-689649e13abd-0c7e9194, #w-node-eff05939-f916-7fbe-0242-11db0380a96b-0c7e9194, #w-node-_673368e0-43c3-670b-9f62-c0ce98619b7c-0c7e9194, #w-node-_0ede3ef7-b280-0ab7-6a34-3780751d5d8d-0c7e9194, #w-node-d7891e92-0615-f54e-63bd-2462c6b1e63e-0c7e9194, #w-node-_92d3fe5b-cdc7-a46e-eab0-4f3309e27f98-0c7e9194, #w-node-_2eb843eb-ca36-20b6-cee7-c1ca31e00324-0c7e9194, #w-node-bc316cdd-7fca-1053-b3ee-8b67b64ad85b-0c7e9194, #w-node-ea2d4bd5-1499-af3e-c64f-e8092f28a171-0c7e9194, #w-node-_54b4b7d4-bb4c-006c-e219-8daac1412c20-0c7e9194, #w-node-_1657a605-b4ce-5665-c60b-2b378a82c2e0-0c7e9194, #w-node-_258c09b5-3582-7265-cbed-d3fb17f6165b-0c7e9194, #w-node-_709015cb-438c-6835-8e47-89d2a816174d-0c7e9194, #w-node-_13e88246-b5a1-4b9b-608f-688ac25e399c-0c7e9194, #w-node-_13e88246-b5a1-4b9b-608f-688ac25e39a6-0c7e9194, #w-node-_13e88246-b5a1-4b9b-608f-688ac25e39ab-0c7e9194, #w-node-_13e88246-b5a1-4b9b-608f-688ac25e39b0-0c7e9194, #w-node-_9391bf4a-a354-72ae-a1f8-385b15cfa857-0c7e9194, #w-node-_3edd8e74-2dae-2946-aafb-b7090b503d8c-0c7e9194, #w-node-_5217d825-27b8-272d-2955-6e5cfeeed90b-0c7e9194, #w-node-_8dd884b2-762f-58cd-af04-75cc1db2598f-0c7e9194, #w-node-_934bec9c-1ed5-b8c4-19cf-f6cf3bfdb4a2-0c7e9194, #w-node-a686a827-3d29-c6c3-63d6-3b1ecfa40d28-0c7e9194, #w-node-fb864e9f-2afe-a9de-73bf-bd419b4b1f59-0c7e9194, #w-node-_5c12c2da-84fd-dcf3-b780-6c2ed6abc12b-0c7e9194, #w-node-_922622ed-d9c8-3d15-e4da-13f8705f64e0-0c7e9194, #w-node-a4f03f82-c8c4-7d03-18ea-3e4772b21087-0c7e9194 {
  align-self: start;
}

#w-node-_75d2d16f-8a6f-fee7-50dc-de555e2f4e25-191ee0ac {
  align-self: stretch;
  justify-self: center;
}

#w-node-_6cc56a41-3a91-3688-b4f3-3c6f14c35815-191ee0ac {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_593ee7c7-da60-9931-8968-952e51621d9c-191ee0ac {
  align-self: stretch;
}

#w-node-_593ee7c7-da60-9931-8968-952e51621da9-191ee0ac {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_593ee7c7-da60-9931-8968-952e51621dc8-191ee0ac {
  align-self: stretch;
}

#w-node-_593ee7c7-da60-9931-8968-952e51621dd5-191ee0ac {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_386949b5-2a1e-2a65-629e-be1b0b3ac3b3-191ee0ac {
  align-self: stretch;
}

#w-node-_386949b5-2a1e-2a65-629e-be1b0b3ac3c0-191ee0ac {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e5311835-98f4-991c-b6da-153dc4cac3c4-68fd57b6, #w-node-e5311835-98f4-991c-b6da-153dc4cac3d2-68fd57b6, #w-node-e5311835-98f4-991c-b6da-153dc4cac3e0-68fd57b6, #w-node-e5311835-98f4-991c-b6da-153dc4cac3ee-68fd57b6, #w-node-_5288dfd9-ece0-0e10-9db0-13740f8bd50f-68fd57b6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5288dfd9-ece0-0e10-9db0-13740f8bd510-68fd57b6 {
  justify-self: center;
}

#w-node-bf1991f2-2a54-7eab-9e41-7dcbb3e37c96-9c83eb38, #w-node-bf1991f2-2a54-7eab-9e41-7dcbb3e37ca7-9c83eb38, #w-node-_319f0e21-1569-38a3-9f6a-16e7628ce926-9c83eb38, #w-node-cc1579d3-a7e4-e814-88a6-1e43b8590b13-9c83eb38 {
  justify-self: end;
}

#w-node-_9a4596cb-d4f1-512e-ee74-a27c32384bca-f9537027 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c74e222-e8db-daef-78cd-ae8916b64d51-f9537027, #w-node-_3c74e222-e8db-daef-78cd-ae8916b64d57-f9537027 {
  align-self: start;
}

#w-node-_9a4596cb-d4f1-512e-ee74-a27c32384bd8-f9537027 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7f976c75-bb3f-af28-fd5c-32485c65740f-f9537027, #w-node-_7f976c75-bb3f-af28-fd5c-32485c657415-f9537027 {
  align-self: start;
}

#w-node-_9a4596cb-d4f1-512e-ee74-a27c32384be6-f9537027 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ffa2501-2f88-7382-15df-fcbb80a3bf9b-f9537027, #w-node-_57b04fbd-30ea-4aad-5eff-dcbdda4d9584-f9537027 {
  align-self: start;
}

#w-node-_72b3cb29-45a0-6462-fb59-1c0b212f92c3-188fcd01, #w-node-_72b3cb29-45a0-6462-fb59-1c0b212f92e3-188fcd01 {
  justify-self: center;
}

#w-node-_72b3cb29-45a0-6462-fb59-1c0b212f9303-188fcd01 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_72b3cb29-45a0-6462-fb59-1c0b212f9317-188fcd01, #w-node-_53c1990c-d95c-dbf9-f947-9e4948e69bc6-188fcd01 {
  justify-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-b2b2c3f4-74ca-b25b-162b-6ffdb7f4e447-cc1c2dce, #w-node-_1d144d51-279b-08c4-bc42-00883d15a789-cc1c2dce, #w-node-_5cbacbba-238a-bb17-6566-295e84d56ede-9c83eb38 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_72b3cb29-45a0-6462-fb59-1c0b212f92c3-188fcd01 {
    justify-self: center;
  }
}

@media screen and (max-width: 1024px) {
  #w-node-_6db191b0-6485-0bf9-1bbe-1923e6a8642c-122b52ab {
    justify-self: center;
  }

  #w-node-f8bb3481-70a6-125f-e07d-6bd0bc89448a-122b52ab {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_4138c52a-3b49-e62e-a3cb-4b9e89f0f955-122b52ab {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d1bcd370-686d-2d6a-551c-23ceaff677d5-122b52ab {
    justify-self: center;
  }

  #w-node-f1080338-52fe-f34b-8ec0-83c2b8613bac-b8613ba8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a41c4402-3479-9810-5555-cc1de61792ed-cc1c2dce, #w-node-_1408be62-9461-238e-480c-603ccc1c2e15-cc1c2dce, #w-node-_0e86f98d-5ecf-e7e7-9a13-f56394c36cbf-cc1c2dce {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2944061c-0724-dbe2-8485-d7487543f413-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f45b-710694a2, #w-node-d2b9d627-0322-dfee-9683-19807cb38389-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383d1-6428f40d, #w-node-b46e5674-e406-efd2-8af9-cffc4fca25cb-6428f40d, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890322-3044f5d5, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e89036a-3044f5d5, #w-node-_53020183-18d3-c2bb-f999-77d3ad320ae5-3044f5d5, #w-node-_792e0d6d-bc9e-2367-0b4b-d65e18cab97e-3044f5d5, #w-node-aa29e3b9-0173-024c-268b-557654b181f5-3044f5d5, #w-node-c6f95d80-d1e8-69a4-3fa6-5f08080f7224-3044f5d5, #w-node-_0683ffbb-ebe3-7e8f-8430-67f89aff13aa-3044f5d5, #w-node-_219a2241-d946-d802-901b-afa512236819-3044f5d5, #w-node-_39c1a992-2a0d-3d4b-af49-3626a786d962-3044f5d5, #w-node-fe262d51-14d5-c725-bfa0-b79a2ccecb82-3044f5d5 {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 768px) {
  #w-node-_6db191b0-6485-0bf9-1bbe-1923e6a8642c-122b52ab, #w-node-f8bb3481-70a6-125f-e07d-6bd0bc89448a-122b52ab, #w-node-_4138c52a-3b49-e62e-a3cb-4b9e89f0f955-122b52ab, #w-node-_1df75833-5a51-cce6-da11-7513541b9233-122b52ab, #w-node-_2944061c-0724-dbe2-8485-d7487543f413-710694a2, #w-node-_2944061c-0724-dbe2-8485-d7487543f45b-710694a2, #w-node-_6685b5c0-427d-c802-fbe0-bc7740d73847-7767c6ad, #w-node-d2b9d627-0322-dfee-9683-19807cb38389-6428f40d, #w-node-d2b9d627-0322-dfee-9683-19807cb383d1-6428f40d, #w-node-b46e5674-e406-efd2-8af9-cffc4fca25cb-6428f40d, #w-node-_86ffba5f-9aef-b6db-9e66-1c1bd2de7279-6a877376, #w-node-_3f0fe40d-631c-c75a-d26b-d1c4b13c3611-6a877376, #w-node-_7e2c6b60-d0a4-2ae5-4578-92083e890322-3044f5d5, #w-node-aa29e3b9-0173-024c-268b-557654b181f5-3044f5d5, #w-node-c6f95d80-d1e8-69a4-3fa6-5f08080f7224-3044f5d5, #w-node-_0683ffbb-ebe3-7e8f-8430-67f89aff13aa-3044f5d5, #w-node-_219a2241-d946-d802-901b-afa512236819-3044f5d5, #w-node-_39c1a992-2a0d-3d4b-af49-3626a786d962-3044f5d5, #w-node-fe262d51-14d5-c725-bfa0-b79a2ccecb82-3044f5d5, #w-node-_3d752395-e82a-552b-a7ed-3baafb7a1a7a-0c7e9194 {
    order: -9999;
  }

  #w-node-_92d3fe5b-cdc7-a46e-eab0-4f3309e27f6b-0c7e9194 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_75d2d16f-8a6f-fee7-50dc-de555e2f4e25-191ee0ac, #w-node-_593ee7c7-da60-9931-8968-952e51621d9c-191ee0ac, #w-node-_593ee7c7-da60-9931-8968-952e51621dc8-191ee0ac, #w-node-_386949b5-2a1e-2a65-629e-be1b0b3ac3b3-191ee0ac {
    order: -9999;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-ExtraBold.ttf') format('truetype'), url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

/* ========================================
   HubSpot Form Overrides
   ======================================== */
.hs-button,
.hs-form .hs-button {
  background-color: var(--action-oss-default) !important;
  color: var(--action-text) !important;
  border-radius: 2rem !important;
  border: 1px solid var(--action-oss-default) !important;
  font-family: var(--font-sans) !important;
  font-weight: var(--weight-semibold) !important;
  padding: 0.625rem 1.125rem !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}
.hs-button:hover,
.hs-form .hs-button:hover {
  background-color: var(--action-oss-hover) !important;
  border-color: var(--action-oss-hover) !important;
}

/* ========================================
   Kaui 4 Announcement Banner Styles - Enhanced Design
   ======================================== */

/* Banner container with subtle gradient and decorative elements */
.announcement-banner {
  background: linear-gradient(120deg, var(--color-blue-25) 0%, var(--surface-blue) 50%, var(--color-blue-50) 100%);
  border-bottom: 1px solid var(--color-blue-100);
  padding: var(--space-sm) 0;
  margin-top: 5.5rem;
  position: relative;
  overflow: hidden;
  animation: slideDown 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Decorative background accent blob */
.announcement-banner__bg-accent {
  position: absolute;
  right: -50px;
  top: -30px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(41, 112, 255, 0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hidden state when dismissed */
.announcement-banner.is-hidden {
  display: none;
}

/* Restore navbar clearance when banner is dismissed */
.announcement-banner.is-hidden + .section_header {
  margin-top: 5.5rem;
}

/* Inner container with max-width */
.announcement-banner__container {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  position: relative;
  z-index: 1;
}

/* Content wrapper (text + button) */
.announcement-banner__content {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  flex: 1;
}

/* Text section */
.announcement-banner__text {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

/* Title row with badge */
.announcement-banner__title-row {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

/* NEW badge with gradient */
.announcement-banner__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-4xs) 0.625rem;
  background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-400) 100%);
  color: var(--text-inverse);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
  animation: badgePulse 2s ease-in-out infinite;
}

@keyframes badgePulse {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
  }
  50% {
    box-shadow: 0 2px 12px rgba(124, 58, 237, 0.4);
  }
}

/* Enhanced title styling */
.announcement-banner__title {
  color: var(--text-default);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  letter-spacing: -0.01em;
}

/* Lighter description text */
.announcement-banner__description {
  color: var(--text-subtle);
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
}

/* Enhanced CTA button with gradient and glow */
.announcement-banner__cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding: 0.625rem var(--space-md);
  background: linear-gradient(135deg, var(--action-oss-default) 0%, var(--color-blue-800) 100%);
  color: var(--text-inverse);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 2rem;
  border: none;
  box-shadow:
    0 1px 3px rgba(41, 112, 255, 0.15),
    0 4px 12px rgba(41, 112, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.announcement-banner__cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.announcement-banner__cta:hover::before {
  opacity: 1;
}

.announcement-banner__cta:hover,
.announcement-banner__cta:focus {
  transform: translateY(-2px) scale(1.02);
  box-shadow:
    0 2px 6px rgba(41, 112, 255, 0.2),
    0 8px 20px rgba(41, 112, 255, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.announcement-banner__cta:active {
  transform: translateY(-1px) scale(1.01);
}

.announcement-banner__cta svg {
  transition: transform 0.3s ease;
}

.announcement-banner__cta:hover svg {
  transform: translateX(3px);
}

/* Decorative dashboard icon */
.announcement-banner__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--action-oss-default);
  opacity: 0.7;
  flex-shrink: 0;
  animation: iconFloat 3s ease-in-out infinite;
}

@keyframes iconFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

/* Circular ghost close button */
.announcement-banner__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 50%;
  color: var(--text-subtle);
  cursor: pointer;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  flex-shrink: 0;
}

.announcement-banner__close:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(41, 112, 255, 0.3);
  color: var(--action-oss-default);
  transform: rotate(90deg) scale(1.1);
  box-shadow: 0 2px 8px rgba(41, 112, 255, 0.15);
}

.announcement-banner__close:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.95);
  border-color: var(--action-oss-default);
  color: var(--action-oss-default);
  box-shadow: 0 0 0 3px rgba(41, 112, 255, 0.15);
}

.announcement-banner__close:active {
  transform: rotate(90deg) scale(0.95);
}

/* Tablet adjustments */
@media screen and (max-width: 1024px) {
  .announcement-banner {
    padding: 1.125rem 0;
  }

  .announcement-banner__container {
    padding: 0 var(--space-xs);
    gap: var(--space-xs);
  }

  .announcement-banner__content {
    gap: var(--space-md);
  }

  .announcement-banner__title {
    font-size: 1.125rem;
  }

  .announcement-banner__description {
    font-size: 0.875rem;
  }

  .announcement-banner__cta {
    font-size: 0.875rem;
    padding: 0.5625rem var(--space-sm);
  }

  .announcement-banner__icon {
    display: none;
  }
}

/* Mobile layout - stack vertically */
@media screen and (max-width: 768px) {
  .announcement-banner {
    padding: var(--space-xs) 0;
  }

  .announcement-banner__bg-accent {
    width: 120px;
    height: 120px;
    right: -30px;
    top: -20px;
  }

  .announcement-banner__container {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
    padding-right: var(--space-2xl);
  }

  .announcement-banner__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.875rem;
    width: 100%;
  }

  .announcement-banner__text {
    gap: var(--space-4xs);
  }

  .announcement-banner__title-row {
    gap: var(--space-3xs);
    flex-wrap: wrap;
  }

  .announcement-banner__badge {
    font-size: 0.625rem;
    padding: 0.1875rem var(--space-3xs);
  }

  .announcement-banner__title {
    font-size: 1rem;
  }

  .announcement-banner__cta {
    width: 100%;
    justify-content: center;
    padding: 0.625rem var(--space-md);
  }

  .announcement-banner__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

  .announcement-banner__icon {
    display: none;
  }
}

/* Small mobile optimizations */
@media screen and (max-width: 480px) {
  .announcement-banner__title {
    font-size: 0.9375rem;
  }

  .announcement-banner__description {
    font-size: 0.8125rem;
  }

  .announcement-banner__cta {
    font-size: 0.875rem;
    padding: 0.5625rem var(--space-sm);
  }
}

/* =============================================
   Scroll Reveal Animations
   ============================================= */

.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger children within a container */
.reveal-stagger > .reveal:nth-child(1) { transition-delay: 0s; }
.reveal-stagger > .reveal:nth-child(2) { transition-delay: 0.1s; }
.reveal-stagger > .reveal:nth-child(3) { transition-delay: 0.15s; }
.reveal-stagger > .reveal:nth-child(4) { transition-delay: 0.2s; }
.reveal-stagger > .reveal:nth-child(5) { transition-delay: 0.25s; }
.reveal-stagger > .reveal:nth-child(6) { transition-delay: 0.3s; }

/* =============================================
   Link Hover Effects
   ============================================= */

.text-size-medium a:not(.button):not(.button-link):not(.w-inline-block),
.text-size-small a:not(.button):not(.button-link):not(.w-inline-block),
.w-richtext a {
  color: var(--action-oss-default);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

.text-size-medium a:not(.button):not(.button-link):not(.w-inline-block):hover,
.text-size-small a:not(.button):not(.button-link):not(.w-inline-block):hover,
.w-richtext a:hover {
  color: var(--color-blue-700);
  border-bottom-color: var(--color-blue-700);
}

/* =============================================
   Global Focus-Visible Styles
   ============================================= */

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

:focus:not(:focus-visible) {
  outline: none;
}

/* =============================================
   Prefers Reduced Motion
   ============================================= */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ==========================================================================
   VISUAL HIERARCHY: Homepage Custom Components
   Added for enterprise transformation — Step 8
   ========================================================================== */

/* --- Hero Trust Badge --- */
.hero-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding: var(--space-4xs) var(--space-xs);
  background-color: var(--color-blue-50);
  border: 1px solid var(--color-blue-100);
  border-radius: 2rem;
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-medium);
  line-height: var(--lh-14);
  color: var(--color-blue-700);
}

.trust-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--color-blue-600);
  color: var(--color-white);
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: var(--weight-bold);
  flex-shrink: 0;
}

/* --- Hero Metrics --- */
.hero-metrics {
  display: flex;
  gap: var(--space-xl);
  margin-top: var(--space-2xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--border-default);
}

.hero-metric {
  display: flex;
  flex-direction: column;
  gap: var(--space-4xs);
}

.hero-metric-value {
  font-family: var(--font-display);
  font-size: var(--text-h5);
  font-weight: var(--weight-bold);
  line-height: var(--lh-h5);
  color: var(--text-default);
  letter-spacing: var(--tracking-tight);
}

.hero-metric-label {
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-regular);
  line-height: var(--lh-14);
  color: var(--text-muted);
}

/* --- Text Color Accents --- */
.purple-text {
  color: var(--action-premium-default);
}

/* --- Section: Who This Is For --- */
.section-who-this-is-for {
  background-color: var(--bg-canvas);
}

/* --- Section: Aviate Intro (Homepage) --- */
.section-aviate-intro {
  background-image: linear-gradient(to bottom, var(--color-primary-25), var(--bg-canvas));
}

/* --- Heading Subheading Premium Variant --- */
.heading-subheading.is-premium {
  color: var(--action-premium-default);
}

/* --- Aviate Comparison Card (Homepage) --- */
.aviate-comparison-card {
  background-color: var(--bg-canvas);
  border: 1px solid var(--color-primary-100);
  border-radius: 1rem;
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
}

.comparison-card-header {
  font-family: var(--font-display);
  font-size: var(--text-18);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-18);
  color: var(--text-default);
  margin-bottom: var(--space-md);
  padding-bottom: var(--space-xs);
  border-bottom: 1px solid var(--border-muted);
}

.comparison-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-4xs);
  padding: var(--space-2xs) 0;
  border-bottom: 1px solid var(--border-muted);
}

.comparison-row:last-child {
  border-bottom: none;
}

.comparison-label {
  font-family: var(--font-sans);
  font-size: var(--text-12);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-12);
  color: var(--text-subtle);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.comparison-values {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  flex-wrap: wrap;
}

.comparison-before {
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-regular);
  line-height: var(--lh-14);
  color: var(--text-subtle);
  text-decoration: line-through;
}

.comparison-arrow {
  color: var(--color-primary-400);
  font-size: var(--text-14);
}

.comparison-after {
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-14);
  color: var(--action-premium-default);
}

/* ==========================================================================
   AVIATE PAGE: /aviate.html
   ========================================================================== */

/* --- Aviate Hero --- */
.section-aviate-hero {
  background-image: linear-gradient(to bottom, var(--color-primary-25), var(--bg-canvas));
}

.aviate-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding: var(--space-4xs) var(--space-xs);
  background-color: var(--color-primary-50);
  border: 1px solid var(--color-primary-100);
  border-radius: 2rem;
  font-family: var(--font-sans);
  font-size: var(--text-14);
  font-weight: var(--weight-medium);
  line-height: var(--lh-14);
  color: var(--color-primary-700);
  margin-bottom: var(--space-md);
}

.aviate-hero-badge-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--action-premium-default);
  color: var(--color-white);
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: var(--weight-bold);
  flex-shrink: 0;
}

.aviate-hero-description {
  font-family: var(--font-sans);
  font-size: var(--text-20);
  font-weight: var(--weight-regular);
  line-height: var(--lh-20);
  color: var(--text-muted);
  max-width: 38rem;
}

.aviate-hero-cta-row {
  display: flex;
  gap: var(--space-xs);
  flex-wrap: wrap;
  margin-top: var(--space-xl);
}

.aviate-hero-cta-secondary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3xs);
  padding: var(--space-xs) var(--space-lg);
  background-color: transparent;
  border: 1px solid var(--border-strong);
  border-radius: 2rem;
  font-family: var(--font-sans);
  font-size: var(--text-18);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-18);
  color: var(--text-default);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}

.aviate-hero-cta-secondary:hover {
  background-color: var(--bg-muted);
  border-color: var(--color-gray-400);
}

.aviate-hero-visual {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-2xl) 0;
}

.aviate-hero-duck {
  width: 12rem;
  height: auto;
  filter: drop-shadow(0 8px 24px rgba(127, 86, 217, 0.2));
}

/* --- Aviate Value Section --- */
.section-aviate-value {
  background-color: var(--bg-canvas);
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl);
}

.aviate-value-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-2xl);
}

.aviate-value-card {
  background-color: var(--bg-canvas);
  border: 1px solid var(--color-primary-100);
  border-radius: 1rem;
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  transition: box-shadow var(--transition-base);
}

.aviate-value-card:hover {
  box-shadow: var(--shadow-md);
}

.aviate-value-icon {
  width: 56px;
  height: 56px;
  border-radius: var(--space-2xs);
  background: var(--color-primary-50);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--space-sm);
  font-size: 2rem;
  line-height: 1;
}

.aviate-value-label {
  font-family: var(--font-sans);
  font-size: var(--text-12);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-12);
  color: var(--color-primary-600);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* --- Aviate Comparison Table --- */
.section-aviate-compare {
  background-image: linear-gradient(to bottom, var(--bg-section-gradient), var(--bg-canvas));
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl);
}

.aviate-compare-wrap {
  max-width: 900px;
  margin: 0 auto;
  overflow-x: auto;
}

.aviate-compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--border-default);
  border-radius: var(--space-2xs);
  overflow: hidden;
  font-family: var(--font-sans);
  font-size: var(--text-16);
  line-height: var(--lh-16);
}

.aviate-compare-th {
  padding: var(--space-xs) var(--space-md);
  font-weight: var(--weight-semibold);
  text-align: center;
  color: var(--text-default);
  background: var(--bg-muted);
  border-bottom: 1px solid var(--border-default);
  width: 30%;
}

.aviate-compare-th:first-child {
  text-align: left;
  width: 35%;
}

.aviate-compare-th.aviate-compare-aviate {
  color: var(--color-primary-700);
  background: var(--color-primary-50);
  border-bottom-color: var(--color-primary-100);
  width: 35%;
}

.aviate-compare-td {
  padding: 0.875rem var(--space-md);
  border-bottom: 1px solid var(--border-muted);
  text-align: center;
  color: var(--text-muted);
  vertical-align: middle;
}

.aviate-compare-td.aviate-compare-aviate {
  background-color: var(--color-primary-25);
  color: var(--action-premium-default);
  font-weight: var(--weight-medium);
}

.aviate-compare-feature {
  text-align: left;
  font-weight: var(--weight-medium);
  color: var(--text-default);
}

.aviate-compare-check {
  color: var(--color-success-600);
}

.aviate-compare-td.aviate-compare-aviate .aviate-compare-check {
  color: var(--color-success-600);
}

tr:last-child .aviate-compare-td {
  border-bottom: none;
}

/* --- Aviate Architecture Section --- */
.section-aviate-architecture {
  background-color: var(--bg-canvas);
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl);
}

.aviate-architecture-svg {
  margin-top: var(--space-2xl);
  display: flex;
  justify-content: center;
}

.aviate-architecture-svg svg {
  max-width: 100%;
  height: auto;
}

/* --- Aviate Metrics Section --- */
.section-aviate-metrics {
  background-image: linear-gradient(to bottom, var(--color-primary-25), var(--bg-canvas));
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl);
}

.aviate-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-2xl);
}

.aviate-metric-card {
  text-align: center;
  padding: var(--space-xl);
  background-color: var(--bg-canvas);
  border: 1px solid var(--color-primary-100);
  border-radius: 1rem;
  box-shadow: var(--shadow-xs);
}

.aviate-metric-number {
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: var(--weight-bold);
  line-height: var(--lh-h2);
  color: var(--action-premium-default);
  letter-spacing: var(--tracking-tight);
}

.aviate-metric-label {
  font-family: var(--font-sans);
  font-size: var(--text-16);
  font-weight: var(--weight-regular);
  line-height: var(--lh-16);
  color: var(--text-muted);
  margin-top: var(--space-3xs);
}

/* --- Aviate CTA Section --- */
.section-aviate-cta {
  background-color: var(--color-gray-900);
  padding-top: var(--space-5xl);
  padding-bottom: var(--space-5xl);
}

.aviate-cta-duck {
  width: 6rem;
  height: auto;
  margin-bottom: var(--space-lg);
  filter: brightness(0) invert(1) opacity(0.3);
}

.aviate-cta-buttons {
  display: flex;
  gap: var(--space-xs);
  flex-wrap: wrap;
  margin-top: var(--space-xl);
}

.aviate-cta-secondary {
  display: inline-flex;
  align-items: center;
  padding: var(--space-xs) var(--space-lg);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 2rem;
  font-family: var(--font-sans);
  font-size: var(--text-18);
  font-weight: var(--weight-semibold);
  line-height: var(--lh-18);
  color: var(--text-inverse);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), border-color var(--transition-base);
}

.aviate-cta-secondary:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

/* Aviate page: hero metrics override for premium accent */
.section-aviate-metrics .hero-metrics {
  max-width: 700px;
  margin: 0 auto;
  justify-content: center;
}

.section-aviate-metrics .hero-metric {
  text-align: center;
  flex: 1;
}

.section-aviate-metrics .hero-metric-value {
  color: var(--action-premium-default);
}

/* Aviate page: CTA content centering */
.section-aviate-cta .cta_content {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
  align-items: center;
}

.section-aviate-cta .button-row,
.aviate-hero .button-row {
  justify-content: center;
}

/* Aviate hero description text */
.aviate-hero-desc {
  max-width: 680px;
  margin: 0 auto;
}

/* Aviate architecture diagram */
.aviate-arch-diagram {
  width: 100%;
  max-width: 480px;
  height: auto;
}

/* ==========================================================================
   RESPONSIVE: Aviate + Homepage custom components
   ========================================================================== */

@media screen and (max-width: 1024px) {
  .hero-metrics {
    gap: var(--space-lg);
  }

  .aviate-value-grid,
  .aviate-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .aviate-hero-visual {
    padding-top: var(--space-lg);
  }
}

@media screen and (max-width: 768px) {
  .hero-metrics {
    flex-direction: column;
    gap: var(--space-xs);
    margin-top: var(--space-lg);
  }

  .hero-metric {
    flex-direction: row;
    align-items: baseline;
    gap: var(--space-3xs);
  }

  .hero-metric-value {
    font-size: var(--text-h6);
    line-height: var(--lh-h6);
  }

  .aviate-value-grid,
  .aviate-metrics-grid {
    grid-template-columns: 1fr;
  }

  .aviate-hero-cta-row,
  .aviate-cta-buttons {
    flex-direction: column;
  }

  .aviate-hero-cta-row .button,
  .aviate-hero-cta-secondary,
  .aviate-cta-buttons .button,
  .aviate-cta-secondary {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .aviate-compare-table {
    font-size: var(--text-14);
  }

  .aviate-compare-th,
  .aviate-compare-td {
    padding: var(--space-3xs) var(--space-2xs);
  }

  .aviate-metric-number {
    font-size: var(--text-h3);
    line-height: var(--lh-h3);
  }

  .comparison-values {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4xs);
  }

  .comparison-arrow {
    display: none;
  }
}

/* Trust strip component */
.trust-strip {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-sm);
}

.trust-strip__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-xs);
}

.trust-strip__label {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.trust-strip__logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-lg);
}

.trust-strip__logo {
  height: 24px;
  width: auto;
  opacity: 0.5;
  transition: var(--transition-normal);
  filter: grayscale(100%);
}

.trust-strip__logo:hover {
  opacity: 1;
  filter: grayscale(0%);
}

@media screen and (max-width: 768px) {
  .trust-strip__logos {
    gap: var(--space-md);
  }

  .trust-strip__logo {
    height: 20px;
  }
}

/* Sticky CTA bar */
.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: var(--bg-canvas);
  border-top: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-lg);
  transform: translateY(100%);
  transition: transform var(--transition-normal);
  pointer-events: none;
}

.sticky-cta--visible {
  transform: translateY(0);
  pointer-events: auto;
}

.sticky-cta--dismissed {
  display: none;
}

.sticky-cta__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-3xs) var(--space-md);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
}

.sticky-cta__text {
  color: var(--text-default);
  font-weight: 500;
}

.sticky-cta__close {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-muted);
  padding: var(--space-4xs);
  line-height: 1;
  border-radius: var(--radius-sm, 4px);
  transition: var(--transition-fast);
}

.sticky-cta__close:hover {
  color: var(--text-default);
  background-color: var(--bg-subtle);
}

@media (prefers-reduced-motion: reduce) {
  .sticky-cta {
    transition: none;
  }
}

@media screen and (max-width: 768px) {
  .sticky-cta__text {
    display: none;
  }

  .sticky-cta__inner {
    justify-content: flex-end;
  }
}

/* Integration Showcase */
.section-integrations {
  background-color: var(--bg-canvas);
}

.section-integrations.bg {
  background: linear-gradient(180deg, var(--bg-subtle) 0%, var(--bg-canvas) 100%);
}

.integrations-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-xl);
}

.integrations-category-label {
  font-family: var(--font-family-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-tertiary);
  margin-bottom: var(--space-sm);
}

.integrations-logos {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
}

.integration-logo-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-md);
  background: var(--bg-canvas);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  transition: var(--transition-default);
  min-width: 140px;
}

.integration-logo-card:hover {
  border-color: var(--border-brand);
  box-shadow: var(--shadow-sm);
}

.integration-logo {
  display: block;
  max-width: 100%;
  height: auto;
  opacity: 0.75;
  transition: var(--transition-default);
}

.integration-logo-card:hover .integration-logo {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .integrations-logos {
    gap: var(--space-xs);
  }

  .integration-logo-card {
    min-width: 110px;
    padding: var(--space-xs) var(--space-sm);
  }
}

/* Quick Start section */
.section-quickstart {
  background: linear-gradient(180deg, var(--bg-canvas) 0%, var(--bg-subtle) 100%);
}

.quickstart-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
  max-width: 720px;
  margin: 0 auto;
}

.quickstart-step {
  display: flex;
  gap: var(--space-md);
  align-items: flex-start;
  background: var(--bg-canvas);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  text-align: left;
}

.quickstart-step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: var(--brand-600);
  color: #fff;
  font-family: var(--font-family-heading);
  font-weight: 700;
  font-size: var(--font-size-md);
}

.quickstart-step-content {
  flex: 1;
  min-width: 0;
}

.quickstart-code-block {
  background: var(--neutral-950);
  color: var(--neutral-100);
  border-radius: var(--radius-md);
  padding: var(--space-sm) var(--space-md);
  font-family: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
  font-size: 13px;
  line-height: 1.6;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  text-align: left;
}

.quickstart-code-block code {
  color: inherit;
  background: none;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .quickstart-step {
    flex-direction: column;
    gap: var(--space-sm);
  }
}

.section-security {
  padding: var(--space-xl) 0;
}

.security-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

.security-card {
  padding: var(--space-lg);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--border-secondary, #eaecf0);
  background-color: var(--bg-primary, #fff);
  transition: var(--transition-default, all 0.2s ease);
}

.security-card:hover {
  border-color: var(--border-brand, #84adff);
  box-shadow: var(--shadow-md, 0 4px 8px -2px rgba(16, 24, 40, 0.1));
}

.security-card-icon {
  margin-bottom: var(--space-sm);
}

@media screen and (max-width: 991px) {
  .security-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 478px) {
  .security-grid {
    grid-template-columns: 1fr;
  }
}

.security-banner {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-lg, 12px);
  border: 1px solid var(--border-brand, #84adff);
  background-color: var(--bg-brand-secondary, #eff4ff);
}

.security-banner-icon {
  flex-shrink: 0;
}

.security-banner-content {
  flex: 1;
}

.security-banner-link {
  flex-shrink: 0;
  color: var(--text-brand-primary, #2970ff);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.security-banner-link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 478px) {
  .security-banner {
    flex-direction: column;
    text-align: center;
  }
}

/* ── Hosted Platform – Migration Path ── */
.hosted-migration-path {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.hosted-migration-step {
  display: flex;
  gap: var(--space-md);
  align-items: flex-start;
  background: var(--bg-canvas);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  text-align: left;
}

.hosted-migration-step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  background: var(--brand-600);
  color: #fff;
  font-family: var(--font-family-heading);
  font-weight: 700;
  font-size: var(--font-size-md);
}

.hosted-migration-step-content {
  flex: 1;
  min-width: 0;
}

.hosted-migration-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xs) 0;
  color: var(--color-primary-600);
}

@media screen and (max-width: 768px) {
  .hosted-migration-step {
    flex-direction: column;
    gap: var(--space-sm);
  }
}