@font-face {
  font-family: "Mona Sans";
  src: url("./assets/fonts/mona-sans-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mona Sans";
  src: url("./assets/fonts/mona-sans-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Mona Sans";
  src: url("./assets/fonts/mona-sans-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Mona Sans";
  src: url("./assets/fonts/mona-sans-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Mona Sans";
  src: url("./assets/fonts/mona-sans-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Mona Sans";
  src: url("./assets/fonts/mona-sans-latin-400-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: "Mulish";
  src: url("./assets/fonts/mulish-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Mulish";
  src: url("./assets/fonts/mulish-latin-700-normal.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Mulish";
  src: url("./assets/fonts/mulish-latin-800-normal.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


:root {
  --zc-color-page: #f9f9f9;
  --zc-color-ink: #1c1c1c;
  --zc-color-muted: color-mix(in srgb, var(--zc-color-ink) 80%, transparent);
  --zc-color-border: #eee;
  --zc-color-panel: #eeeef2;
  --zc-color-surface: #fff;
  --company-color: #0DBEBE;
  --zc-glass-bg: color-mix(in srgb, var(--zc-color-steel-soft) 32%, transparent);
  --zc-glass-border: 2px solid var(--zc-color-border);
  --zc-glass-filter: blur(15px);
  --zc-glass-filter-soft: blur(5px);
  --zc-glass-shadow: 0 10px 24px color-mix(in srgb, #c4c4c4 14%, transparent);
  --zc-color-charcoal: #4a4a4a;
  --zc-color-steel-light: #a6a8b0;
  --zc-color-steel-soft: #cccbd1;
  --zc-font-heading: "Mona Sans", sans-serif;
  --zc-font-body: "Mulish", sans-serif;
  --zc-container-max: 1200px;
  --zc-page-gutter: 50px;
  --zc-section-y: 50px;
  --zc-card-gap: 25px;
  --zc-grid-gap: 22px;
  --zc-radius-sm: 4px;
  --zc-space-2xs: clamp(3px, 0.3vw, 6px);
  --zc-space-xs: clamp(6px, 0.4vw, 11px);
  --zc-space-sm: clamp(9px, 0.7vw, 16px);
  --zc-space-md: clamp(12px, 1vw, 22px);
  --zc-space-lg: clamp(17px, 1vw, 33px);
  --zc-space-xl: clamp(25px, 2vw, 70px);
  --zc-icon-md: clamp(23px, 1.4vw, 26px);
  --zc-icon-lg: clamp(50px, 4vw, 80px);
  --zc-icon-external-link-arrow: url("./assets/icons/external-link-arrow.svg");
  --zc-fs-h1: 48px;
  --zc-lh-h1: 60px;
  --zc-fs-h2: 28px;
  --zc-lh-h2: 36px;
  --zc-fs-h3: 19px;
  --zc-lh-h3: 25px;
  --zc-fs-body-lg: 20px;
  --zc-lh-body-lg: 26px;
  --zc-fs-body-md: 17px;
  --zc-lh-body-md: 23px;
  --zc-fs-body-sm: 15px;
  --zc-lh-body-sm: 20px;
  --zc-button-h: 43px;
  --zc-motion-fast: 180ms;
  --page-bg: var(--zc-color-page);
}

.section-shell {
  padding: var(--zc-section-y) 0;
  position: relative;
}

@media (max-width: 1280px) {
:root {
    --zc-page-gutter: 42px;
    --zc-section-y: 45px;
    --zc-card-gap: 20px;
    --zc-grid-gap: 18px;
    --zc-fs-h1: 44px;
    --zc-lh-h1: 50px;
    --zc-fs-h2: 26px;
    --zc-lh-h2: 33px;
    --zc-fs-h3: 18px;
    --zc-lh-h3: 24px;
    --zc-fs-body-lg: 19px;
    --zc-lh-body-lg: 25px;
    --zc-fs-body-md: 16px;
    --zc-lh-body-md: 22px;
    --zc-fs-body-sm: 14px;
    --zc-lh-body-sm: 19px;
    --zc-button-h: 42px;
  }
}

@media (max-width: 1024px) {
:root {
    --zc-page-gutter: 32px;
    --zc-section-y: 40px;
    --zc-card-gap: 15px;
    --zc-grid-gap: 15px;
    --zc-fs-h1: 37px;
    --zc-lh-h1: 45px;
    --zc-fs-h2: 24px;
    --zc-lh-h2: 31px;
    --zc-fs-h3: 17px;
    --zc-lh-h3: 23px;
    --zc-fs-body-lg: 18px;
    --zc-lh-body-lg: 24px;
    --zc-fs-body-md: 15px;
    --zc-lh-body-md: 21px;
    --zc-fs-body-sm: 13px;
    --zc-lh-body-sm: 18px;
    --zc-button-h: 39px;
  }
}

@media (max-width: 768px) {
:root {
    --zc-page-gutter: 24px;
    --zc-section-y: 35px;
    --zc-card-gap: 12px;
    --zc-grid-gap: 13px;
    --zc-fs-h1: 30px;
    --zc-lh-h1: 36px;
    --zc-fs-h2: 23px;
    --zc-lh-h2: 28px;
    --zc-fs-h3: 16px;
    --zc-lh-h3: 22px;
    --zc-fs-body-lg: 17px;
    --zc-lh-body-lg: 23px;
    --zc-fs-body-md: 14px;
    --zc-lh-body-md: 19px;
    --zc-fs-body-sm: 12px;
    --zc-lh-body-sm: 16px;
    --zc-button-h: 36px;
  }
}


@media (max-width: 450px) {
html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }

  :root {
    --zc-page-gutter: 18px;
    --zc-section-y: 32px;
    --zc-card-gap: 9px;
    --zc-grid-gap: 12px;
    --zc-fs-h1: 26px;
    --zc-lh-h1: 31px;
    --zc-fs-h2: 22px;
    --zc-lh-h2: 27px;
    --zc-fs-h3: 15px;
    --zc-lh-h3: 21px;
    --zc-fs-body-lg: 16px;
    --zc-lh-body-lg: 22px;
    --zc-fs-body-md: 13px;
    --zc-lh-body-md: 18px;
    --zc-fs-body-sm: 11px;
    --zc-lh-body-sm: 15px;
    --zc-button-h: 35px;
  }
}


* {
  box-sizing: border-box;
}


html {
  scroll-behavior: smooth;
  background: var(--page-bg);
}


body {
  margin: 0;
  min-width: 255px;
  background: var(--page-bg);
}

img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}

.glass-card {
  border: 2px solid var(--zc-color-page);
  border-radius: var(--zc-radius-sm);
  background: var(--zc-glass-bg);
  box-shadow: var(--zc-glass-shadow);
  backdrop-filter: var(--zc-glass-filter-soft);
  -webkit-backdrop-filter: var(--zc-glass-filter-soft);
}

.alliance-process {
  --system-badge-w: 260px;
  --system-line-color: color-mix(in srgb, var(--company-color) 38%, var(--zc-color-border));
  background: var(--zc-color-page);
}

.alliance-process__lead {
  max-width: 1440px;
  color: var(--zc-color-muted);
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-system__layout {
  display: flex;
  flex-direction: column;
  gap: var(--zc-card-gap);
}

.system-intro {
  padding: var(--zc-space-lg) 0;
}

.system-intro p {
  max-width: 100%;
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
  overflow-wrap: anywhere;
}

.partner-embed-system__lead {
  font-size: var(--zc-fs-body-lg);
  font-weight: 700;
  line-height: var(--zc-lh-body-lg);
}

.delivery-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.delivery-badge__line {
  display: block;
  flex: 1 1 0;
  height: 2px;
  background: var(--zc-color-surface);
}

.delivery-badge__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--zc-space-xs);
  min-height: 32px;
  padding: 0 calc(var(--zc-space-lg) * 3);
  border: 2px solid var(--zc-color-surface);
  border-radius: var(--zc-radius-sm);
  background: rgba(220, 220, 228, 0.72);
  color: var(--zc-color-ink);
  box-shadow: 0 13px 31.4px rgba(196, 196, 196, 0.12);
  font-size: var(--zc-fs-body-sm);
  font-weight: 700;
  line-height: var(--zc-lh-body-sm);
  text-align: center;
  text-transform: uppercase;
}

.delivery-badge__label::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  background: var(--zc-color-ink);
  mask: var(--zc-icon-delivery-support, url("./assets/icons/delivery-support.svg")) center / contain no-repeat;
  -webkit-mask: var(--zc-icon-delivery-support, url("./assets/icons/delivery-support.svg")) center / contain no-repeat;
}

.system-modules {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--zc-card-gap);
}

.module-card {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: 123px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--zc-card-gap);
  padding: var(--zc-space-lg) var(--zc-space-sm) var(--zc-space-md);
  border: var(--zc-glass-border);
  border-radius: var(--zc-radius-sm);
  background: var(--zc-glass-bg);
  box-shadow: var(--zc-glass-shadow);
  text-align: center;
  backdrop-filter: var(--zc-glass-filter);
  -webkit-backdrop-filter: var(--zc-glass-filter);
}

.module-card:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 7px);
  width: calc(var(--zc-card-gap) - var(--zc-space-sm));
  height: 2px;
  border-radius: 100%;
  background: color-mix(in srgb, var(--company-color) 65%, transparent);
  pointer-events: none;
  transform: translateY(-50%);
}

.module-icon {
  display: block;
  width: clamp(46px, 4.3vw, calc(var(--zc-icon-lg) * 1.44));
  height: clamp(46px, 4.3vw, calc(var(--zc-icon-lg) * 1.44));
  object-fit: contain;
}

.module-card .solution-ecosystem__icon {
  width: calc(var(--zc-icon-lg) * 1.15);
  height: calc(var(--zc-icon-lg) * 1.15);
  color: var(--company-color);
  background: currentColor;
}

.module-card p,
.module-card h3 {
  margin: 0;
  max-width: calc(var(--zc-container-max) * 0.18);
  font-size: var(--zc-fs-body-md);
  font-weight: 400;
  line-height: var(--zc-lh-body-md);
}

@media (max-width: 1024px) {
.module-card:not(:last-child)::after {
    display: none;
  }

  .system-intro {
    padding: var(--zc-space-lg) 0;
    overflow: hidden;
  }

}

@media (max-width: 450px) {
.system-intro {
    width: 100%;
    max-width: calc(100vw - (var(--zc-page-gutter) * 2));
  }

  .module-card {
    width: 100%;
  }

  .system-intro p {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .system-intro p {
    width: calc(100vw - 85px);
  }
}


.partner-section-heading p,
.partner-capability-card p {
  margin: 0;
  color: var(--zc-color-muted);
  font-size: var(--zc-fs-body-md);
  line-height: var(--zc-lh-body-md);
}

.partner-section-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--zc-space-lg);
}

.partner-embed-page h2 {
  font-family: var(--zc-font-heading);
  font-size: var(--zc-fs-h2);
  font-weight: 700;
  line-height: var(--zc-lh-h2);
  margin: 0;
}

.partner-section-heading p {
  font-size: var(--zc-fs-body-md);
  line-height: var(--zc-lh-body-md);
}

.partner-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--zc-card-gap);
}

.partner-capability-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: var(--zc-space-lg);
  padding-bottom: calc(var(--zc-space-lg) * 2);
  border: 2px solid var(--zc-color-surface);
  border-radius: var(--zc-radius-sm);
  background: color-mix(in srgb, var(--zc-color-surface) 40%, transparent);
  box-shadow: var(--zc-glass-shadow);
  backdrop-filter: var(--zc-glass-filter-soft);
  -webkit-backdrop-filter: var(--zc-glass-filter-soft);
}

.partner-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--zc-radius-sm);
  background: var(--company-color);
}

.partner-card-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  background: var(--zc-color-surface);
  mask: var(--zc-icon-ecosystem-card, url("./assets/icons/ecosystem-card-icon.svg")) center / contain no-repeat;
  -webkit-mask: var(--zc-icon-ecosystem-card, url("./assets/icons/ecosystem-card-icon.svg")) center / contain no-repeat;
}

.partner-capability-card h3 {
  margin: 0;
  font-size: var(--zc-fs-body-lg);
  font-weight: 700;
  line-height: var(--zc-lh-body-lg);
  text-transform: uppercase;
}

.solution-ecosystem__icon {
  --solution-ecosystem-icon: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg"));
  display: block;
  width: var(--solution-ecosystem-icon-size);
  aspect-ratio: 1;
  flex: 0 0 auto;
  background: currentColor;
  mask: var(--solution-ecosystem-icon) center / contain no-repeat;
  -webkit-mask: var(--solution-ecosystem-icon) center / contain no-repeat;
}

.solution-ecosystem__icon--modules {
  --solution-ecosystem-icon: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg"));
}

.solution-ecosystem__icon--connectivity {
  --solution-ecosystem-icon: var(--zc-icon-global-connectivity, url("./assets/icons/global-connectivity.svg"));
}

.solution-ecosystem__icon--security {
  --solution-ecosystem-icon: var(--zc-icon-iot-security, url("./assets/icons/iot-security.svg"));
}

.solution-ecosystem__icon--cloud-connect {
  --solution-ecosystem-icon: var(--zc-icon-cloud-connect, url("./assets/icons/cloud-connect.svg"));
}

.solution-ecosystem__icon--cloud {
  --solution-ecosystem-icon: var(--zc-icon-cloud-services, url("./assets/icons/cloud-services.svg"));
}

@media (max-width: 1024px) {
  .partner-section-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .partner-section-heading p {
    max-width: 100%;
  }
}

@media (max-width: 450px) {
.partner-capability-card {
    min-width: 0;
  }
}


html {
  overflow-x: hidden;
}


.solution-ecosystem__icon {
  --solution-ecosystem-icon: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg"));
  display: block;
  width: var(--solution-ecosystem-icon-size);
  aspect-ratio: 1;
  flex: 0 0 auto;
  background: currentColor;
  mask: var(--solution-ecosystem-icon) center / contain no-repeat;
  -webkit-mask: var(--solution-ecosystem-icon) center / contain no-repeat;
}


.solution-ecosystem__icon--modules {
  --solution-ecosystem-icon: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg"));
}


.solution-ecosystem__icon--connectivity {
  --solution-ecosystem-icon: var(--zc-icon-global-connectivity, url("./assets/icons/global-connectivity.svg"));
}


.solution-ecosystem__icon--security {
  --solution-ecosystem-icon: var(--zc-icon-iot-security, url("./assets/icons/iot-security.svg"));
}

.solution-ecosystem__icon--cloud-connect {
  --solution-ecosystem-icon: var(--zc-icon-cloud-connect, url("./assets/icons/cloud-connect.svg"));
}

.solution-ecosystem__icon--cloud {
  --solution-ecosystem-icon: var(--zc-icon-cloud-services, url("./assets/icons/cloud-services.svg"));
}


.partner-embed-page {
  overflow: hidden;
  background: var(--zc-color-page);
  padding-bottom: var(--zc-section-y);
  font-family: Mulish, sans-serif;
  color: var(--company-color);
}

:where(.partner-embed-page) :where(h1, h2, h3, p, blockquote) {
  margin: 0;
}

.partner-embed-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 0;
  min-height: calc(var(--zc-section-y) * 8.6);
  background: linear-gradient(180deg, color-mix(in srgb, var(--zc-color-border) 60%, var(--zc-color-page)), var(--zc-color-page));
}

.partner-embed-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("./assets/images/hero-bg.png") center / cover no-repeat;
}

.partner-embed-hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--zc-space-xl);
}

.partner-embed-hero__zencross-logo {
  display: block;
  width: calc(var(--zc-button-h) * 4.1);
  height: auto;
}

.partner-embed-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: min(calc(var(--zc-container-max) * 0.54), 56vw);
}

.partner-embed-hero__content h1 {
  max-width: calc(var(--zc-container-max) * 0.54);
  margin: 0;
  font-size: var(--zc-fs-h1);
  line-height: var(--zc-lh-h1);
  letter-spacing: 0;
  font-weight: 700;
}

.partner-embed-hero__content p {
  max-width: calc(var(--zc-container-max) * 0.4);
  margin-top: var(--zc-space-sm);
  padding-bottom: var(--zc-space-md);
  font-size: var(--zc-fs-body-md);
  line-height: var(--zc-lh-body-md);
}

.partner-embed-system__eyebrow {
  font-size: var(--zc-fs-eyebrow);
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.partner-embed-card-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partner-embed-industries {
  background: var(--zc-color-page);
}

.partner-embed-industry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--zc-space-xl);
  margin-top: var(--zc-space-xl);
}

.partner-embed-industry-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--zc-color-border);
  border-radius: var(--zc-radius-sm);
  background: var(--zc-color-panel);
  color: var(--zc-color-ink);
  text-decoration: none;
  transition:
    border-color var(--zc-motion-fast) ease,
    box-shadow var(--zc-motion-fast) ease,
    transform var(--zc-motion-fast) ease;
}

.partner-embed-industry-card:hover,
.partner-embed-industry-card:focus-visible {
  border-color: color-mix(in srgb, var(--zc-color-ink) 24%, transparent);
  box-shadow: var(--zc-glass-shadow);
  text-decoration: none;
  transform: scale(1.01);
}

.partner-embed-industry-card:hover *,
.partner-embed-industry-card:focus-visible * {
  text-decoration: none;
}

.partner-embed-industry-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.2;
  padding: var(--zc-space-md);
  background: var(--zc-color-surface);
}

.partner-embed-industry-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 24%, color-mix(in srgb, var(--zc-color-panel) 86%, transparent));
}

.partner-embed-industry-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.partner-embed-industry-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--zc-space-sm);
  min-height: 45%;
  padding: var(--zc-space-md) var(--zc-space-md) var(--zc-space-sm);
}

.partner-embed-industry-card__body h3 {
  margin: 0;
  font-family: var(--zc-font-heading);
  font-size: var(--zc-fs-h3);
  font-weight: 700;
  line-height: var(--zc-lh-h3);
  text-transform: uppercase;
}

.partner-embed-industry-card__body p {
  margin: 0;
  color: var(--zc-color-muted);
  font-size: var(--zc-fs-body-sm);
  line-height: var(--zc-lh-body-sm);
}

.partner-embed-industry-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: auto var(--zc-space-md) var(--zc-space-md);
  color: var(--zc-color-ink);
  font-size: var(--zc-fs-body-sm);
  font-weight: 700;
  line-height: var(--zc-lh-body-sm);
}

.partner-embed-industry-card__link b {
  line-height: inherit;
}

.partner-embed-industry-card__arrow {
  display: inline-block;
  flex: 0 0 auto;
  width: 6px;
  height: 10px;
  object-fit: contain;
  transform: translate(1px, 1px) scale(1.2);
  transition: transform 110ms ease;
}

.partner-embed-industry-card:hover .partner-embed-industry-card__arrow,
.partner-embed-industry-card:focus-visible .partner-embed-industry-card__arrow {
  transform: translate(4px, 1px) scale(1.2);
}

.partner-embed-tech-hub {
  background:
    linear-gradient(180deg, var(--zc-color-page) 0%, var(--zc-color-steel-soft) 100%);
}

.partner-embed-tech-hub__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  align-items: center;
  gap: var(--zc-card-gap);
  padding: var(--zc-space-xl);
  border: 2px solid var(--zc-color-surface);
  border-radius: 5px;
  background: rgba(251, 251, 253, 0.4);
  box-shadow: 0 13px 31.4px rgba(196, 196, 196, 0.14);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.partner-embed-tech-hub__heading,
.partner-embed-tech-hub__copy {
  display: flex;
  flex-direction: column;
}

.partner-embed-tech-hub__heading {
  gap: var(--zc-space-md);
  align-items: flex-start;
}

.partner-embed-tech-hub__copy {
  gap: var(--zc-space-xs);
}

.partner-embed-tech-hub__intro p {
  margin: 0;
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-logo-rail {
  overflow: hidden;
}

.partner-embed-logo-rail__track {
  display: flex;
  width: max-content;
  animation: partner-embed-logo-marquee 28s linear infinite;
  will-change: transform;
}

.partner-embed-logo-rail:hover .partner-embed-logo-rail__track,
.partner-embed-logo-rail:focus-within .partner-embed-logo-rail__track {
  animation-play-state: paused;
}

.partner-embed-logo-rail__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--zc-space-xl);
  padding-inline: calc(var(--zc-space-xl) / 2);
}

.partner-embed-logo-rail__group a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--zc-motion-fast) ease;
}

.partner-embed-logo-rail__group a:hover,
.partner-embed-logo-rail__group a:focus-visible {
  transform: scale(1.1);
}

.partner-embed-logo-rail__group img {
  display: block;
  max-width: clamp(90px, 9vw, 180px);
  max-height: 50px;
  object-fit: contain;
}

@keyframes partner-embed-logo-marquee {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
.partner-embed-logo-rail__track {
    animation: none;
    transform: translateX(0);
  }
}

.partner-embed-final-cta {
  background: var(--zc-color-steel-soft);
}

.partner-embed-final-cta__layout {
  display: grid;
  gap: var(--zc-space-xl);
}

.partner-embed-final-cta__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 0.46fr);
  align-items: start;
  gap: var(--zc-space-xl);
}

.partner-embed-final-cta h2 {
  max-width: 780px;
}

.partner-embed-final-cta p {
  max-width: 560px;
  margin: 0;
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-page .btn-secondary {
  background: var(--zc-color-surface);
  border: 1px solid var(--zc-color-ink);
  color: var(--zc-color-ink);
}

.partner-embed-page .btn-secondary::before {
  background: linear-gradient(
    89.75deg,
    var(--zc-color-steel-soft) 0.18%,
    var(--zc-color-panel) 30.65%,
    var(--zc-color-border) 58.28%,
    var(--zc-color-panel) 83.87%,
    var(--zc-color-surface) 99.78%
  );
}

@media (max-width: 1024px) {
  .partner-embed-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-embed-tech-hub__intro {
    grid-template-columns: 1fr;
  }

  .partner-embed-final-cta__content {
    grid-template-columns: 1fr;
  }

  .partner-embed-final-cta__actions {
    justify-self: start;
  }
}

@media (max-width: 768px) {
  .partner-embed-hero__content {
    max-width: 100%;
  }

  .partner-embed-page .btn {
    max-width: 100% !important;
  }

  .partner-embed-hero__zencross-logo {
    width: calc(var(--zc-button-h) * 3.64);
  }

  .partner-embed-card-grid {
    grid-template-columns: 1fr;
  }

  .partner-embed-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-embed-section-heading p {
    padding: var(--zc-space-md);
  }

}

.partner-card-icon {
  background: var(--company-color);
}

@media (max-width: 768px) {
  .partner-embed-design-partner .partner-embed-expertise__grid {
    grid-template-columns: 1fr;
  }

  .partner-embed-design-partner .partner-embed-expertise__card {
    padding: 64px var(--zc-space-md) var(--zc-space-md);
  }

  .partner-embed-expertise__icon {
    top: var(--zc-space-md);
    left: var(--zc-space-md);
  }
}

.partner-embed-page :is(h1, h2, h3, p) {
  letter-spacing: 0;
  color: var(--zc-color-ink);
}

.psa-integration-block {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: var(--zc-space-xl);
  align-items: stretch;
}

.psa-integration-block__copy {
  display: grid;
  align-content: center;
  gap: var(--zc-space-md);
}

.psa-integration-block__copy p {
  margin: 0;
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-benefits-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  overflow: hidden;
}

.partner-embed-benefits-visual img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1);
}

.alliance-process {
  background:
    radial-gradient(
      107.82% 77.5% at 47.68% 70.7%,
      color-mix(in srgb, var(--zc-color-steel-soft) 92%, var(--zc-color-ink) 8%) 0%,
      color-mix(in srgb, var(--zc-color-steel-soft) 54%, transparent) 52.4%,
      color-mix(in srgb, var(--zc-color-steel-soft) 24%, transparent) 79.49%,
      color-mix(in srgb, var(--zc-color-page) 0%, transparent) 100%
    ),
    var(--zc-color-page);
}

.alliance-process__layout {
  display: flex;
  flex-direction: column;
  gap: var(--zc-card-gap);
}

.alliance-process__lead {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--zc-space-lg);
  border: 2px solid #fff;
  border-radius: 5px;
  background: rgba(251, 251, 253, 0.17);
  box-shadow: 0 13px 31.4px rgba(196, 196, 196, 0.14);
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
  overflow-wrap: anywhere;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.alliance-process__copy {
  display: block;
  padding: 14px 30px 15px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: rgba(251, 251, 253, 0.17);
  box-shadow: 0 13px 31.4px rgba(196, 196, 196, 0.14);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.alliance-process__copy p {
  margin: 0;
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
  overflow-wrap: anywhere;
}

.alliance-process__copy p + p {
  margin-top: 0;
  padding-top: var(--zc-space-md);
}

.alliance-process__tags {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0;
  align-items: baseline;
  justify-content: center;
  margin-top: var(--zc-space-md);
  color: var(--zc-color-ink);
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
}

.alliance-process__tags::before {
  content: none;
}

.alliance-process__tags span {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--zc-color-ink);
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
}

.alliance-process__tags span:not(:last-child)::after {
  content: "\00a0\00a0\2022\00a0\00a0";
  display: inline-block;
  font-size: 1em;
  line-height: 0;
}

.alliance-process__system {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--zc-card-gap);
}

@media (max-width: 768px) {
  .alliance-process__lead {
    font-size: var(--zc-fs-body-lg);
    line-height: var(--zc-lh-body-lg);
  }

  .alliance-process__copy p,
.alliance-process__tags {
    font-size: var(--zc-fs-body-lg);
    line-height: var(--zc-lh-body-lg);
  }

  .alliance-process__system .delivery-badge__label {
    min-height: 44px;
    font-size: var(--zc-fs-body-md);
    line-height: var(--zc-lh-body-md);
  }

  .system-modules {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--zc-space-sm);
  }

  .module-card {
    min-height: calc(var(--zc-button-h) * 3.85);
    padding: var(--zc-space-md) var(--zc-space-sm);
  }

  .module-card:not(:last-child)::after {
    display: none;
  }

  .module-card .solution-ecosystem__icon {
    width: var(--zc-icon-lg);
    height: var(--zc-icon-lg);
  }

  .module-card p {
    font-size: var(--zc-fs-body-md);
    line-height: var(--zc-lh-body-md);
  }
}

@media (max-width: 450px) {
  .system-modules {
    grid-template-columns: 1fr;
  }

  .module-card {
    min-height: calc(var(--zc-button-h) * 3);
  }
}

.partner-embed-expertise {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--zc-color-border) 60%, var(--zc-color-page)), var(--zc-color-page));
}

.partner-embed-expertise__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--zc-card-gap);
  margin-top: var(--zc-space-xl);
}

.partner-embed-alliance-map {
  --alliance-line: rgba(136, 136, 140, 0.58);
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto minmax(92px, auto) auto;
  column-gap: var(--zc-space-lg);
  row-gap: var(--zc-space-lg);
  width: 100%;
  max-width: 100%;
  padding: var(--zc-space-lg) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.partner-embed-alliance-map::before,
.partner-embed-alliance-map::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.partner-embed-alliance-map::before {
  inset: 18% 2% 8%;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(184, 184, 188, 0.36) 0%, rgba(218, 218, 220, 0.18) 42%, rgba(249, 249, 249, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0));
  filter: blur(15px);
}

.partner-embed-alliance-map::after {
  inset: -3px 0 3px;
  background: var(--alliance-line);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='white' stroke-width='.12' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 31V39'/%3E%3Cpath d='M50 58.5V69.1'/%3E%3Cpath d='M35.5 47H18Q16 47 16 45V31'/%3E%3Cpath d='M64.5 47H82Q84 47 84 45V31'/%3E%3Cpath d='M35.5 53H18Q16 53 16 55V72'/%3E%3Cpath d='M64.5 53H82Q84 53 84 55V72'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='white' stroke-width='.12' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 31V39'/%3E%3Cpath d='M50 58.5V69.1'/%3E%3Cpath d='M35.5 47H18Q16 47 16 45V31'/%3E%3Cpath d='M64.5 47H82Q84 47 84 45V31'/%3E%3Cpath d='M35.5 53H18Q16 53 16 55V72'/%3E%3Cpath d='M64.5 53H82Q84 53 84 55V72'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.partner-embed-alliance-map__node,
.partner-embed-alliance-map__center {
  position: relative;
  z-index: 1;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 5px;
  background: rgba(251, 251, 253, 0.78);
  box-shadow: 0 13px 31.4px rgba(196, 196, 196, 0.12);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.partner-embed-alliance-map__node {
  height: 150px;
}

.partner-embed-alliance-map__node {
  display: flex;
  flex-direction: column;
  gap: var(--zc-space-2xs);
  padding: 20px 24px 18px;
  color: var(--zc-color-ink);
  text-align: left;
}

.partner-embed-alliance-map__node-head {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: var(--zc-space-sm);
  align-items: center;
  width: 100%;
}

.partner-embed-alliance-map__node-head::before {
  content: "";
  width: 28px;
  height: 28px;
  background: var(--company-color);
  mask: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg")) center / contain no-repeat;
  -webkit-mask: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg")) center / contain no-repeat;
}

.partner-embed-alliance-map__center {
  display: grid;
  grid-column: 2;
  grid-row: 2;
  align-content: center;
  justify-items: center;
  height: 140px;
  padding: 18px 22px;
  background: rgba(251, 251, 253, 0.9);
  color: var(--zc-color-ink);
  text-align: center;
}

.partner-embed-alliance-map__node--top-left {
  grid-column: 1;
  grid-row: 1;
}

.partner-embed-alliance-map__node--top-left .partner-embed-alliance-map__node-head::before {
  mask-image: var(--zc-icon-esim-card, url("./assets/icons/esim-card.svg"));
  -webkit-mask-image: var(--zc-icon-esim-card, url("./assets/icons/esim-card.svg"));
}

.partner-embed-alliance-map__node--top-center {
  grid-column: 2;
  grid-row: 1;
}

.partner-embed-alliance-map__node--top-center .partner-embed-alliance-map__node-head::before {
  mask-image: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg"));
  -webkit-mask-image: var(--zc-icon-modules-stack, url("./assets/icons/modules-stack.svg"));
}

.partner-embed-alliance-map__node--top-right {
  grid-column: 3;
  grid-row: 1;
}

.partner-embed-alliance-map__node--top-right .partner-embed-alliance-map__node-head::before {
  mask-image: var(--zc-icon-iot-security, url("./assets/icons/iot-security.svg"));
  -webkit-mask-image: var(--zc-icon-iot-security, url("./assets/icons/iot-security.svg"));
}

.partner-embed-alliance-map__node--bottom-left {
  grid-column: 1;
  grid-row: 3;
}

.partner-embed-alliance-map__node--bottom-left .partner-embed-alliance-map__node-head::before {
  mask-image: var(--zc-icon-global-connectivity, url("./assets/icons/global-connectivity.svg"));
  -webkit-mask-image: var(--zc-icon-global-connectivity, url("./assets/icons/global-connectivity.svg"));
}

.partner-embed-alliance-map__node--bottom-center {
  grid-column: 2;
  grid-row: 3;
}

.partner-embed-alliance-map__node--bottom-center .partner-embed-alliance-map__node-head::before {
  mask-image: url("./assets/icons/unified-connectivity.svg");
  -webkit-mask-image: url("./assets/icons/unified-connectivity.svg");
}

.partner-embed-alliance-map__node--bottom-right {
  grid-column: 3;
  grid-row: 3;
}

.partner-embed-alliance-map__node--bottom-right .partner-embed-alliance-map__node-head::before {
  mask-image: var(--zc-icon-cloud-services, url("./assets/icons/cloud-services.svg"));
  -webkit-mask-image: var(--zc-icon-cloud-services, url("./assets/icons/cloud-services.svg"));
}

.partner-embed-alliance-map__node strong,
.partner-embed-alliance-map__center strong {
  font-family: var(--zc-font-body);
  font-size: var(--zc-fs-body-lg);
  font-weight: 700;
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-alliance-map__center strong {
  font-family: var(--zc-font-heading);
  color: var(--company-color);
  font-size: var(--zc-fs-body-lg);
  font-weight: 800;
  line-height: var(--zc-lh-body-lg);
  letter-spacing: 0;
  text-transform: uppercase;
}

.partner-embed-alliance-map__node strong {
  min-width: 0;
}

.partner-embed-alliance-map__node span {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-end;
  padding-block: var(--zc-space-2xs);
  color: #666;
  font-family: var(--zc-font-body);
  font-size: var(--zc-fs-body-md);
  font-weight: 400;
  line-height: var(--zc-lh-body-md);
}

.partner-embed-alliance-map__node small {
  color: #666;
  font-family: var(--zc-font-heading);
  font-size: var(--zc-fs-body-sm);
  font-weight: 400;
  line-height: var(--zc-lh-body-sm);
  white-space: normal;
}

.partner-embed-expertise__card {
  display: grid;
  gap: var(--zc-space-md);
  min-height: 220px;
  padding: var(--zc-space-lg);
  border: 1px solid var(--zc-color-border);
  border-radius: var(--zc-radius-sm);
  background: color-mix(in srgb, var(--zc-color-surface) 64%, transparent);
  box-shadow: var(--zc-glass-shadow);
}

.partner-embed-expertise__card h3 {
  margin: 0;
  font-family: var(--zc-font-heading);
  font-size: var(--zc-fs-h3);
  font-weight: 700;
  line-height: var(--zc-lh-h3);
}

.partner-embed-expertise__card p {
  margin: 0;
  color: var(--zc-color-muted);
  font-size: var(--zc-fs-body-lg);
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-design-partner .partner-embed-expertise__grid {
  gap: 15px;
}

.partner-embed-design-partner .partner-embed-expertise__card {
  position: relative;
  display: block;
  min-height: 220px;
  padding: 71px 19px 24px;
  overflow: hidden;
  border: 2px solid var(--zc-color-surface);
  border-radius: 5px;
  background: rgba(251, 251, 253, 0.4);
  box-shadow: 0 13px 31.4px rgba(196, 196, 196, 0.14);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.partner-embed-design-partner .partner-embed-expertise__card h3 {
  margin: 0;
  font-family: var(--zc-font-body);
  font-size: var(--zc-fs-h3);
  font-weight: 700;
  line-height: var(--zc-lh-h3);
  text-transform: uppercase;
}

.partner-embed-design-partner .partner-embed-expertise__card p {
  margin: 16px 0 0;
  color: var(--zc-color-ink);
  font-family: var(--zc-font-body);
  font-size: var(--zc-fs-body-lg);
  font-weight: 400;
  line-height: var(--zc-lh-body-lg);
}

.partner-embed-expertise__icon {
  position: absolute;
  top: 25px;
  left: 19px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 5px;
  background: var(--company-color);
  color: var(--zc-color-surface);
  mask: none;
  -webkit-mask: none;
}

.partner-embed-expertise__icon::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: currentColor;
  mask: url("./assets/icons/ecosystem-card-icon.svg") center / contain no-repeat;
  -webkit-mask: url("./assets/icons/ecosystem-card-icon.svg") center / contain no-repeat;
}

.partner-embed-design-partner .partner-embed-expertise__card {
  background: rgba(251, 251, 253, 0.4);
}

.partner-embed-logo-rail {
  margin-top: 0;
  padding-top: var(--zc-section-y);
}

.partner-embed-final-cta__copy {
  display: grid;
  gap: var(--zc-space-md);
}

.partner-embed-final-cta__copy p {
  max-width: 620px;
}

.partner-embed-final-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--zc-space-md);
  justify-self: end;
  width: min(100%, 330px);
}

.partner-embed-final-cta__actions a {
  width: 100%;
}

.partner-embed-final-cta p.partner-embed-final-cta__microcopy {
  max-width: 260px;
  margin-top: var(--zc-space-md);
  color: color-mix(in srgb, var(--zc-color-ink) 76%, transparent);
  font-size: calc(var(--zc-fs-body-sm) - 2px);
  line-height: var(--zc-lh-body-sm);
  text-align: center;
  font-style: italic;
}

@media (max-width: 768px) {
  .partner-embed-benefits-visual {
    position: static;
    align-self: auto;
    overflow: visible;
  }

  .partner-embed-benefits-visual img {
    position: static;
    width: min(100%, 330px);
    height: auto;
  }

  .partner-embed-alliance-map {
    left: auto;
    width: 100%;
    grid-template-rows: none;
    gap: var(--zc-space-lg);
    background: transparent;
    transform: none;
  }

  .partner-embed-alliance-map::after {
    display: none;
  }

  .partner-embed-alliance-map__node {
    grid-column: auto;
    grid-row: auto;
    min-height: auto;
  }

  .partner-embed-alliance-map__center {
    grid-column: auto;
    grid-row: 1;
    min-height: auto;
  }

  .partner-embed-alliance-map__node small {
    white-space: normal;
  }
}

@media (max-width: 768px) {
.partner-embed-expertise__card,
.alliance-process__copy p {
    padding: var(--zc-space-md);
  }

  .partner-embed-alliance-map {
    grid-template-columns: 1fr;
    padding: var(--zc-space-md) 0;
  }

  .partner-embed-alliance-map__node {
    grid-column: auto;
    grid-row: auto;
    height: auto;
  }

  .partner-embed-alliance-map__center {
    grid-column: auto;
    grid-row: 1;
    height: auto;
  }

}

@media (max-width: 450px) {
.partner-embed-page {
    overflow-x: clip;
  }

  .partner-embed-industry-card__body h3 {
    font-size: calc(var(--zc-fs-h3) - 2px);
  }

  .partner-embed-hero__zencross-logo {
    max-width: calc(var(--zc-button-h) * 3.64);
  }

  .partner-embed-tech-hub__intro,
.partner-embed-final-cta__layout,
.partner-embed-final-cta__content {
    max-width: 100%;
  }

  .partner-embed-final-cta p.partner-embed-final-cta__microcopy {
    max-width: 100%;
  }

  .partner-embed-final-cta__actions {
    align-items: flex-start;
    flex-direction: column;
  }
}

.partner-embed-alliance-map + .alliance-process__tags {
  margin-top: var(--zc-space-xl);
}