body.vembex-platform-home-page,
.vembex-home-shell {
  background: var(--dh-color-vembex-white);
}

.dh-workspace-shell.vembex-home-shell {
  min-height: 0;
  padding: 0;
}

body.vembex-platform-home-page #dialhub_fe_header.is-main-menu-open {
  background: var(--dh-color-surface) !important;
}

.vembex-home {
  box-sizing: border-box;
  min-width: 0;
  overflow: clip;
  background: var(--dh-color-vembex-white);
  color: var(--dh-color-vembex-deep);
}

.vembex-home *,
.vembex-home *::before,
.vembex-home *::after {
  box-sizing: border-box;
}

.vembex-home__hero {
  padding:
    calc(var(--dh-floating-header-offset, 0px) + clamp(var(--dh-space-6), 5vw, var(--dh-space-8)))
    clamp(var(--dh-space-3), 2.5vw, var(--dh-space-5))
    var(--dh-space-5);
  overflow: clip;
}

.vembex-home__hero-inner,
.vembex-home__section-inner,
.vembex-home__final-inner {
  width: min(100%, 72rem);
  margin-inline: auto;
}

.vembex-home__hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding-bottom: var(--dh-space-5);
}

.vembex-home__hero-copy,
.vembex-home__hero-copy > *,
.vembex-home__section-heading,
.vembex-home__section-heading > *,
.vembex-home__decision > *,
.vembex-home__path > *,
.vembex-home__final-inner > * {
  min-width: 0;
}

.vembex-home__hero-copy {
  display: grid;
  gap: var(--dh-space-4);
  align-content: center;
  justify-items: start;
  width: 100%;
  grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
  column-gap: var(--dh-space-7);
  margin-inline: 0;
  text-align: left;
}

.vembex-home__hero h1,
.vembex-home__section-heading h2,
.vembex-home__final h2 {
  margin: 0;
  color: var(--dh-color-vembex-deep);
  letter-spacing: -.035em;
  line-height: 1.04;
}

.vembex-home__hero h1 {
  max-width: none;
  font-size: clamp(1.8rem, 3.1vw, 3rem);
  font-weight: 500;
  text-wrap: balance;
}

.vembex-home__hero-aside {
  width: 100%;
  margin-top: var(--dh-space-2);
}

.vembex-home__hero-copy--with-guest {
  align-items: center;
}

.vembex-home__hero-intro {
  display: grid;
  gap: var(--dh-space-4);
}

.vembex-home__hero-copy--with-guest .vembex-home__hero-aside {
  margin-top: 0;
}

.vembex-home__hero-copy--with-guest .dh-product-feature-card__content {
  padding: var(--dh-space-4);
}

.vembex-home__hero-lead {
  max-width: 45rem;
  margin: 0;
  color: var(--dh-color-vembex-slate);
  font-size: 1rem;
  line-height: 1.62;
}

.vembex-home__actions,
.vembex-home__path-actions,
.vembex-home__final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dh-space-3);
  align-items: center;
}

.vembex-home__actions {
  justify-content: flex-start;
  margin-top: var(--dh-space-2);
}

.vembex-home__app-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--dh-space-3);
  width: 100%;
  margin-top: var(--dh-space-2);
  scroll-margin-top: calc(var(--dh-floating-header-offset, 0px) + var(--dh-space-4));
}

.vembex-home__pricing-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--dh-space-6);
}

.vembex-home__pricing-options h3 { margin: 0; font-size: 1.15rem; }
.vembex-home__pricing-options p { margin: var(--dh-space-2) 0 0; color: var(--dh-color-text-muted); line-height: 1.6; }

.vembex-home__section {
  padding: clamp(var(--dh-space-7), 7vw, calc(var(--dh-space-8) * 1.5)) clamp(var(--dh-space-3), 2.5vw, var(--dh-space-5));
}

.vembex-home > .dh-app-showcase {
  margin-bottom: clamp(var(--dh-space-7), 7vw, calc(var(--dh-space-8) * 1.5));
}

.vembex-home__platform,
.vembex-home__pricing {
  background: var(--dh-color-surface-muted);
}

.vembex-home__section-inner {
  display: grid;
  gap: clamp(var(--dh-space-6), 5vw, var(--dh-space-8));
}

.vembex-home__section-heading {
  display: grid;
  gap: var(--dh-space-2);
  max-width: 49rem;
}

.vembex-home__section-heading--wide {
  max-width: none;
}

.vembex-home__section-heading--split {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(var(--dh-space-6), 5vw, var(--dh-space-8));
  align-items: end;
  max-width: none;
}

.vembex-home__section-heading--split > div,
.vembex-home__section-heading--with-action > div {
  display: grid;
  gap: var(--dh-space-2);
  min-width: 0;
}

.vembex-home__section-heading h2 {
  font-size: clamp(2rem, 4vw, 3.35rem);
}

.vembex-home__section-heading p {
  max-width: 45rem;
  margin: 0;
  color: var(--dh-color-vembex-slate);
  line-height: 1.65;
}

.vembex-home__platform {
  scroll-margin-top: calc(var(--dh-floating-header-offset, 0px) + var(--dh-space-4));
}

.vembex-home__decision h3,
.vembex-home__path h3 {
  margin: 0;
  color: var(--dh-color-vembex-deep);
  letter-spacing: -.02em;
  line-height: 1.2;
}

.vembex-home__decision p,
.vembex-home__path p {
  margin: var(--dh-space-2) 0 0;
  color: var(--dh-color-vembex-slate);
  line-height: 1.55;
}

.vembex-home__decisions {
  border-bottom: 1px solid var(--dh-color-border);
  background: var(--dh-color-vembex-cloud);
}

.vembex-home__decision-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dh-space-5);
  min-width: 0;
}

.vembex-home__decision-label {
  display: block;
  margin-bottom: var(--dh-space-2);
  color: var(--dh-color-vembex-slate);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
}

.vembex-home__decision h3 {
  font-size: 1.25rem;
}

.vembex-home__decision p {
  max-width: 39rem;
  font-size: .9rem;
}

.vembex-home__decision-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--dh-space-3);
  justify-items: start;
  width: 100%;
}

.vembex-home__section-heading--with-action {
  display: flex;
  gap: var(--dh-space-6);
  justify-content: space-between;
  align-items: end;
  max-width: none;
}

.vembex-home__section-heading--with-action > div {
  max-width: 49rem;
}

.vembex-home__resource-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  gap: var(--dh-space-5);
  min-width: 0;
}

.vembex-home__resource-grid > * {
  min-width: 0;
}

.vembex-home__resource-grid--single {
  grid-template-columns: minmax(0, 36rem);
}

.vembex-home__ecosystem {
  border-top: 1px solid var(--dh-color-border);
  background: var(--dh-color-vembex-cloud);
}

.vembex-home__paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--dh-space-5);
  min-width: 0;
}

.vembex-home__path {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(var(--dh-space-5), 4vw, var(--dh-space-7));
  border: 1px solid var(--dh-color-border);
  border-radius: var(--dh-radius-lg);
  background: var(--dh-color-vembex-white);
}

.vembex-home__path--partner {
  border-color: color-mix(in srgb, var(--dh-color-vembex-slate) 8%, var(--dh-color-vembex-stone));
  background: var(--dh-color-vembex-stone);
}

.vembex-home__path-icon {
  display: inline-flex;
  width: fit-content;
  margin-bottom: var(--dh-space-5);
  color: var(--dh-color-vembex-blue);
}

.vembex-home__path--partner .vembex-home__path-icon {
  color: var(--dh-color-vembex-deep);
}

.vembex-home__path-icon svg {
  width: 1.7rem;
  height: 1.7rem;
}

.vembex-home__path h3 {
  font-size: 1.45rem;
}

.vembex-home__path p {
  max-width: 31rem;
}

.vembex-home__path-actions {
  margin-top: auto;
  padding-top: var(--dh-space-6);
}

.vembex-home__about {
  display: flex;
  gap: var(--dh-space-5);
  justify-content: space-between;
  align-items: center;
  padding-top: var(--dh-space-5);
  border-top: 1px solid var(--dh-color-divider);
}

.vembex-home__about p {
  max-width: 44rem;
  margin: 0;
  color: var(--dh-color-vembex-slate);
  line-height: 1.55;
}

.vembex-home__final {
  padding: clamp(var(--dh-space-6), 5vw, var(--dh-space-8)) clamp(var(--dh-space-3), 2.5vw, var(--dh-space-5));
  background: var(--dh-color-vembex-deep);
}

.vembex-home__final-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--dh-space-7);
  align-items: center;
}

.vembex-home__final h2 {
  max-width: 19ch;
  color: var(--dh-color-vembex-white);
  font-size: clamp(1.85rem, 3.5vw, 2.85rem);
}

.vembex-home__final p {
  max-width: 43rem;
  margin: var(--dh-space-3) 0 0;
  color: color-mix(in srgb, var(--dh-color-vembex-white) 76%, transparent);
  line-height: 1.55;
}

.vembex-home__final-actions {
  justify-content: flex-end;
}

@media (max-width: 62rem) {
  .vembex-home__section-heading--split {
    grid-template-columns: minmax(0, 1fr);
  }

  .vembex-home__decision-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vembex-home__final-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--dh-space-5);
  }

  .vembex-home__final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 62rem) {
  .vembex-home__hero-copy--with-guest {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 48rem) {
  .vembex-home__hero {
    padding-top: calc(var(--dh-floating-header-offset, 0px) + var(--dh-space-6));
  }

  .vembex-home__hero-copy,
  .vembex-home__pricing-options {
    grid-template-columns: minmax(0, 1fr);
  }

  .vembex-home__hero h1 {
    font-size: clamp(1.8rem, 6vw, 2.35rem);
  }

  .vembex-home__decision-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .vembex-home__section-heading--with-action,
  .vembex-home__about {
    align-items: flex-start;
    flex-direction: column;
  }

  .vembex-home__resource-grid,
  .vembex-home__resource-grid--single,
  .vembex-home__paths {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 32rem) {
  .vembex-home__presentation {
    width: calc(100% - (2 * var(--dh-space-3)));
    padding: var(--dh-space-6) var(--dh-space-3);
  }

  .vembex-home__hero,
  .vembex-home__section,
  .vembex-home__final {
    padding-inline: var(--dh-space-3);
  }

  .vembex-home__hero {
    padding-bottom: var(--dh-space-7);
  }

  .vembex-home__actions,
  .vembex-home__decision-actions,
  .vembex-home__path-actions,
  .vembex-home__final-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .vembex-home__actions .button,
  .vembex-home__decision-actions .button,
  .vembex-home__path-actions .button,
  .vembex-home__final-actions .button,
  .vembex-home__section-heading--with-action .button,
  .vembex-home__about .button {
    justify-content: center;
    width: 100%;
  }

  .vembex-home__section-heading--with-action,
  .vembex-home__about {
    gap: var(--dh-space-4);
  }
}