@font-face {
  font-family: "Uni Neue";
  src: url("fonts/UniNeueRegular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Airword: official product presentation and partner conversion path. */
body.zm-airword-page {
  --airword-black: #080a0d;
  --airword-ink: #102833;
  --airword-blue: #1179c9;
  --airword-blue-soft: #eef7fb;
  --airword-violet: #9c74e8;
  --airword-line: #cbdde5;
  overflow-x: clip;
}

body.zm-airword-page .zm-airword-hero {
  position: relative;
  min-height: 700px;
  overflow: hidden;
  color: #ffffff;
  background: #0e3447;
}

body.zm-airword-page .zm-airword-hero::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: rgba(3, 20, 31, 0.56);
  pointer-events: none;
}

body.zm-airword-page .zm-airword-hero-media {
  position: absolute;
  inset: 0;
}

body.zm-airword-page .zm-airword-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}

body.zm-airword-page .zm-airword-hero-inner {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 700px;
  flex-direction: column;
  justify-content: center;
  padding-top: 104px;
  padding-bottom: 76px;
}

body.zm-airword-page .zm-airword-hero .zm-breadcrumb {
  position: absolute;
  top: 26px;
  left: var(--zm-container-pad);
  right: var(--zm-container-pad);
  color: rgba(255, 255, 255, 0.72);
}

body.zm-airword-page .zm-airword-hero .zm-breadcrumb a,
body.zm-airword-page .zm-airword-hero .zm-breadcrumb span {
  color: inherit;
}

body.zm-airword-page .zm-airword-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}

body.zm-airword-page .zm-airword-brand-mark {
  width: 31px;
  height: 35px;
}

body.zm-airword-page .zm-airword-brand-word {
  width: 204px;
  height: 25px;
}

body.zm-airword-page .zm-airword-hero .zm-kicker {
  margin-bottom: 16px;
  color: #90d9ff;
}

body.zm-airword-page .zm-airword-hero h1 {
  max-width: 740px;
  margin: 0;
  color: #ffffff;
  font-size: 68px;
  line-height: 0.98;
  font-weight: 770;
  letter-spacing: 0;
}

body.zm-airword-page .zm-airword-hero h1 span {
  display: block;
  margin-top: 10px;
  color: #bdeaff;
  font-size: 38px;
  line-height: 1.05;
  font-weight: 650;
}

body.zm-airword-page .zm-airword-hero-lead {
  max-width: 650px;
  margin: 24px 0 26px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 17px;
  line-height: 1.58;
}

body.zm-airword-page .zm-airword-platform-actions {
  display: grid;
  width: min(100%, 710px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.zm-airword-page .zm-airword-platform-button {
  display: grid;
  min-width: 0;
  min-height: 68px;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  transition: border-color var(--zm-component-transition), background-color var(--zm-component-transition), transform var(--zm-component-transition);
}

body.zm-airword-page .zm-airword-platform-button.is-mac {
  border-color: var(--zm-action-orange);
  background: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-platform-button.is-windows {
  border-color: #ffffff;
  color: var(--airword-ink);
  background: #ffffff;
}

body.zm-airword-page .zm-airword-platform-button:hover {
  transform: translateY(-2px);
}

body.zm-airword-page .zm-airword-platform-button.is-mac:hover {
  background: #c94620;
}

body.zm-airword-page .zm-airword-platform-button.is-windows:hover {
  background: #eaf7fc;
}

body.zm-airword-page .zm-airword-platform-button > img {
  width: 24px;
  height: 24px;
}

body.zm-airword-page .zm-airword-platform-button.is-mac > img {
  filter: invert(1);
}

body.zm-airword-page .zm-airword-platform-button > span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

body.zm-airword-page .zm-airword-platform-button strong {
  font-size: 13px;
  line-height: 1.2;
}

body.zm-airword-page .zm-airword-platform-button small {
  color: inherit;
  font-size: 9px;
  line-height: 1.3;
  opacity: 0.7;
}

body.zm-airword-page .zm-airword-platform-button > svg {
  width: 17px;
  height: 17px;
}

body.zm-airword-page .zm-airword-online-test {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  color: #ffffff;
}

body.zm-airword-page .zm-airword-online-test > svg {
  width: 30px;
  height: 30px;
  padding: 7px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}

body.zm-airword-page .zm-airword-online-test > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.zm-airword-page .zm-airword-online-test strong {
  font-size: 12px;
  line-height: 1.25;
}

body.zm-airword-page .zm-airword-online-test small {
  color: rgba(255, 255, 255, 0.62);
  font-size: 9px;
  line-height: 1.3;
}

body.zm-airword-page .zm-airword-button-secondary,
body.zm-airword-page .zm-airword-button-dark {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 11px 18px;
  border: 1px solid rgba(255, 255, 255, 0.44);
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: rgba(7, 12, 18, 0.5);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 760;
  transition: border-color var(--zm-component-transition), background-color var(--zm-component-transition);
}

body.zm-airword-page .zm-airword-button-secondary:hover,
body.zm-airword-page .zm-airword-button-dark:hover {
  border-color: #ffffff;
  background: #111922;
}

body.zm-airword-page .zm-airword-button-secondary svg,
body.zm-airword-page .zm-airword-button-dark svg {
  width: 17px;
  height: 17px;
}

body.zm-airword-page .zm-airword-hero-facts {
  display: grid;
  max-width: 720px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  margin: 42px 0 0;
  list-style: none;
}

body.zm-airword-page .zm-airword-hero-facts li {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  padding: 0 22px;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}

body.zm-airword-page .zm-airword-hero-facts li:first-child {
  padding-left: 0;
  border-left: 0;
}

body.zm-airword-page .zm-airword-hero-facts strong {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
}

body.zm-airword-page .zm-airword-hero-facts span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-quick-stage {
  position: relative;
  z-index: 3;
  padding-top: 1px;
  padding-bottom: 32px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.58) 100%),
    linear-gradient(180deg, #dcecf3 0%, #edf6f9 54%, #ffffff 100%);
}

body.zm-airword-page .zm-airword-quick-stage::before {
  position: absolute;
  top: -86px;
  right: 0;
  left: 0;
  height: 148px;
  content: "";
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0) 9%, rgba(255, 255, 255, 0) 91%, rgba(255, 255, 255, 0.26) 100%),
    linear-gradient(180deg, rgba(214, 235, 243, 0) 0%, rgba(214, 235, 243, 0.68) 58%, #dcecf3 100%);
  backdrop-filter: blur(10px);
  pointer-events: none;
}

body.zm-airword-page .zm-airword-quick-grid {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: -58px;
}

body.zm-airword-page .zm-airword-quick-card {
  display: grid;
  min-width: 0;
  min-height: 126px;
  grid-template-columns: 120px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  padding: 0 16px 0 0;
  border: 1px solid rgba(125, 181, 204, 0.42);
  border-radius: var(--zm-card-radius);
  color: var(--airword-ink);
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.97) 0%, rgba(246, 251, 253, 0.94) 100%);
  box-shadow: -4px 0 18px rgba(48, 127, 170, 0.14), 0 10px 24px rgba(16, 54, 73, 0.08), inset 0 0 18px rgba(109, 174, 201, 0.035);
  backdrop-filter: blur(14px);
  transition: box-shadow var(--zm-component-transition), transform var(--zm-component-transition);
}

body.zm-airword-page .zm-airword-quick-card:hover {
  border-color: rgba(81, 158, 190, 0.64);
  box-shadow: -6px 0 22px rgba(48, 127, 170, 0.19), 0 15px 30px rgba(16, 54, 73, 0.11);
  transform: translateY(-3px);
}

body.zm-airword-page .zm-airword-quick-card:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-airword-page .zm-airword-quick-media {
  position: relative;
  align-self: stretch;
  overflow: hidden;
  background: #eaf3f7;
}

body.zm-airword-page .zm-airword-quick-media::after {
  position: absolute;
  inset: 0 0 0 auto;
  width: 24px;
  content: "";
  background: linear-gradient(90deg, rgba(250, 253, 254, 0) 0%, rgba(250, 253, 254, 0.96) 100%);
  pointer-events: none;
}

body.zm-airword-page .zm-airword-quick-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.94) contrast(1.02);
}

body.zm-airword-page .zm-airword-quick-card > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

body.zm-airword-page .zm-airword-quick-card small {
  color: var(--zm-action-orange);
  font-size: 9px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-quick-card strong {
  color: var(--airword-ink);
  font-size: 16px;
  line-height: 1.2;
}

body.zm-airword-page .zm-airword-quick-card em {
  color: #647b85;
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
}

body.zm-airword-page .zm-airword-quick-card > svg {
  width: 17px;
  height: 17px;
  color: var(--zm-action-orange);
}

body.zm-airword-page .zm-product-family {
  border-top: 1px solid #d7e4ea;
}

body.zm-airword-page .zm-airword-page-nav {
  top: 72px;
}

body.zm-airword-page :is(#workspaces, #airword-outcome-title, #how, #video, #demo, #russian-speech, #features, #reviews, #privacy, #creator, #plans, #faq, #request) {
  scroll-margin-top: 154px;
}

body.zm-airword-page .zm-airword-outcome {
  padding-block: 78px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 32px;
}

body.zm-airword-page .zm-airword-workspace-card {
  display: flex;
  min-width: 0;
  min-height: 352px;
  flex-direction: column;
  gap: 16px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid #d6e7ee;
  border-radius: var(--zm-card-radius);
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%);
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.12), 0 9px 24px rgba(26, 73, 91, 0.055);
}

body.zm-airword-page .zm-airword-workspace-head {
  display: grid;
  min-width: 0;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

body.zm-airword-page .zm-airword-app-stack {
  display: flex;
  min-width: 0;
  align-items: center;
  padding-left: 2px;
}

body.zm-airword-page .zm-airword-app-stack img {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  margin-left: -7px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.98)) drop-shadow(0 5px 8px rgba(30, 83, 108, 0.14));
}

body.zm-airword-page .zm-airword-app-stack img.is-wide {
  width: 42px;
  flex-basis: 42px;
  filter: brightness(0) saturate(100%) invert(56%) sepia(39%) saturate(1013%) hue-rotate(151deg) brightness(92%) contrast(87%) drop-shadow(0 5px 8px rgba(30, 83, 108, 0.14));
}

body.zm-airword-page .zm-airword-app-stack img.is-hubspot {
  filter: brightness(0) saturate(100%) invert(43%) sepia(94%) saturate(2850%) hue-rotate(345deg) brightness(104%) contrast(101%) drop-shadow(0 5px 8px rgba(30, 83, 108, 0.14));
}

body.zm-airword-page .zm-airword-app-stack img:first-child {
  z-index: 3;
  margin-left: 0;
}

body.zm-airword-page .zm-airword-app-stack img:nth-child(2) {
  z-index: 2;
  transform: translateY(-7px);
}

body.zm-airword-page .zm-airword-app-stack img:nth-child(3) {
  z-index: 1;
  transform: translateY(7px);
}

body.zm-airword-page .zm-airword-workspace-title {
  display: block;
  min-width: 0;
}

body.zm-airword-page .zm-airword-workspace-title h3 {
  margin: 0 0 4px;
  color: var(--airword-ink);
  font-size: 18px;
  line-height: 1.12;
}

body.zm-airword-page .zm-airword-workspace-title small {
  display: block;
  color: #607984;
  font-size: 11px;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-workspace-window {
  position: relative;
  display: flex;
  min-height: 192px;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #d8e5ea;
  border-radius: 7px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-workspace-window.is-code {
  border-color: #344953;
  color: #dbe9ee;
  background: #17252e;
}

body.zm-airword-page .zm-airword-window-bar {
  display: flex;
  height: 34px;
  flex: 0 0 34px;
  gap: 5px;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.035);
}

body.zm-airword-page .zm-airword-window-bar > span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7e929b;
}

body.zm-airword-page .zm-airword-window-bar > span:first-child {
  background: #ef6d50;
}

body.zm-airword-page .zm-airword-window-bar > span:nth-child(2) {
  background: #e4b450;
}

body.zm-airword-page .zm-airword-window-bar > span:nth-child(3) {
  background: #56aa84;
}

body.zm-airword-page .zm-airword-window-bar strong {
  margin-left: 4px;
  font-size: 10px;
}

body.zm-airword-page .zm-airword-window-bar small {
  margin-left: auto;
  color: #a9bbc3;
  font-size: 9px;
}

body.zm-airword-page .zm-airword-code-lines {
  display: grid;
  gap: 9px;
  padding: 18px 15px 58px;
}

body.zm-airword-page .zm-airword-code-lines code {
  color: #dce7eb;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 10px;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-code-lines b {
  color: #59a8ff;
}

body.zm-airword-page .zm-airword-code-lines i {
  color: #8ea2ab;
  font-style: normal;
}

body.zm-airword-page .zm-airword-voice-state {
  display: grid;
  min-height: 42px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 10px;
  margin: auto 8px 8px;
  border: 1px solid #d7e6ec;
  border-radius: 7px;
  color: #365865;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 7px 20px rgba(28, 76, 95, 0.08);
}

body.zm-airword-page .is-code .zm-airword-voice-state {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

body.zm-airword-page .zm-airword-voice-state strong {
  min-width: 0;
  font-size: 10px;
  line-height: 1.2;
}

body.zm-airword-page .zm-airword-voice-state small {
  color: #7c929b;
  font-size: 8px;
  line-height: 1.2;
  white-space: nowrap;
}

body.zm-airword-page .zm-airword-wave {
  display: flex;
  height: 22px;
  align-items: center;
  gap: 2px;
}

body.zm-airword-page .zm-airword-wave i {
  display: block;
  width: 2px;
  height: 7px;
  border-radius: 4px;
  background: var(--airword-blue);
}

body.zm-airword-page .zm-airword-wave i:nth-child(2),
body.zm-airword-page .zm-airword-wave i:nth-child(6) {
  height: 13px;
}

body.zm-airword-page .zm-airword-wave i:nth-child(3),
body.zm-airword-page .zm-airword-wave i:nth-child(5) {
  height: 18px;
}

body.zm-airword-page .zm-airword-workspace-insight {
  position: relative;
  padding: 10px 12px 10px 29px;
  margin: -7px 0 0;
  border: 1px solid #f4c9b9;
  border-radius: 7px;
  color: #b84320;
  background: #fff6f2;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-workspace-insight::before {
  position: absolute;
  top: 12px;
  left: 12px;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-workspace-insight.is-voice-live {
  overflow: hidden;
  border-color: rgba(35, 171, 111, 0.26);
  color: #205a47;
  background:
    linear-gradient(90deg, rgba(30, 199, 113, 0.13) 0%, rgba(30, 199, 113, 0.035) 42%, transparent 68%),
    linear-gradient(135deg, #eefaf5 0%, #f1f9fd 62%, #ffffff 100%);
  box-shadow:
    inset 3px 0 0 rgba(21, 184, 100, 0.78),
    0 8px 20px rgba(32, 116, 92, 0.08);
}

body.zm-airword-page .zm-airword-workspace-insight.is-voice-live::before {
  top: 50%;
  left: 13px;
  width: 8px;
  height: 8px;
  background: #00e868;
  box-shadow:
    0 0 0 3px rgba(0, 232, 104, 0.2),
    0 0 12px rgba(0, 220, 96, 0.88);
  animation: zm-airword-insight-pulse 1.25s ease-in-out infinite;
}

@keyframes zm-airword-insight-pulse {
  0%,
  100% {
    opacity: 1;
    box-shadow:
      0 0 0 2px rgba(0, 232, 104, 0.18),
      0 0 9px rgba(0, 220, 96, 0.72);
    transform: translateY(-50%) scale(0.96);
  }

  50% {
    opacity: 1;
    box-shadow:
      0 0 0 7px rgba(0, 232, 104, 0),
      0 0 17px rgba(0, 220, 96, 1);
    transform: translateY(-50%) scale(1.28);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-workspace-insight.is-voice-live::before {
    animation: none;
  }
}

body.zm-airword-page .zm-airword-message-person {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #e2eaed;
}

body.zm-airword-page .zm-airword-message-person > span {
  display: grid;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  place-items: center;
  color: #ffffff;
  background: var(--airword-blue);
  font-size: 9px;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-message-person strong {
  color: #20343d;
  font-size: 10px;
}

body.zm-airword-page .zm-airword-message-person small {
  display: block;
  margin-top: 2px;
  color: #7d929b;
  font-size: 8px;
  font-weight: 500;
}

body.zm-airword-page .zm-airword-message-person b {
  color: #78909a;
  font-size: 11px;
}

body.zm-airword-page .zm-airword-message-draft {
  padding: 14px 12px 8px;
  color: #36505c;
  font-size: 10px;
  line-height: 1.45;
}

body.zm-airword-page .zm-airword-message-draft em {
  display: block;
  margin-top: 5px;
  color: #6f858f;
  font-style: normal;
}

body.zm-airword-page .zm-airword-workspace-window.is-crm {
  padding: 0 11px;
}

body.zm-airword-page .zm-airword-crm-tabs {
  display: flex;
  gap: 17px;
  align-items: center;
  padding: 11px 0 8px;
  border-bottom: 1px solid #dce7eb;
  color: #70868f;
  font-size: 9px;
}

body.zm-airword-page .zm-airword-crm-tabs strong {
  color: #1f3944;
}

body.zm-airword-page .zm-airword-workspace-window.is-crm > small {
  margin: 11px 0 6px;
  color: #506a75;
  font-size: 9px;
  font-weight: 750;
}

body.zm-airword-page .zm-airword-workspace-window.is-crm > p {
  padding: 9px 10px;
  margin: 0 0 8px;
  border: 1px solid #dce8ed;
  border-radius: 6px;
  color: #3c5661;
  background: #fbfdfe;
  font-size: 10px;
  line-height: 1.45;
}

body.zm-airword-page .zm-airword-app-marquee {
  display: grid;
  grid-template-columns: minmax(210px, 0.7fr) minmax(0, 2.3fr);
  gap: 18px;
  align-items: center;
  padding: 14px 16px;
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid #d7e7ed;
  border-radius: var(--zm-card-radius);
  background: #fbfdfe;
}

body.zm-airword-page .zm-airword-app-marquee-copy strong,
body.zm-airword-page .zm-airword-app-marquee-copy span {
  display: block;
}

body.zm-airword-page .zm-airword-app-marquee-copy strong {
  color: var(--airword-ink);
  font-size: 13px;
  line-height: 1.25;
}

body.zm-airword-page .zm-airword-app-marquee-copy span {
  margin-top: 3px;
  color: #728790;
  font-size: 9px;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-app-marquee-viewport {
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}

body.zm-airword-page .zm-airword-app-marquee-track,
body.zm-airword-page .zm-airword-app-marquee-group {
  display: flex;
  width: max-content;
  align-items: center;
}

body.zm-airword-page .zm-airword-app-marquee-track {
  animation: zm-airword-app-marquee-scroll 36s linear infinite;
}

body.zm-airword-page .zm-airword-app-marquee-group {
  flex: 0 0 auto;
  gap: 22px;
  padding-right: 22px;
}

body.zm-airword-page .zm-airword-app-marquee-group > span {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 7px;
  align-items: center;
  color: #425e69;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

body.zm-airword-page .zm-airword-app-marquee img {
  display: block;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 3px 5px rgba(26, 73, 91, 0.12));
}

body.zm-airword-page .zm-airword-app-marquee img.is-wide {
  width: 38px;
  flex-basis: 38px;
  filter: brightness(0) saturate(100%) invert(56%) sepia(39%) saturate(1013%) hue-rotate(151deg) brightness(92%) contrast(87%) drop-shadow(0 3px 5px rgba(26, 73, 91, 0.12));
}

body.zm-airword-page .zm-airword-app-marquee img.is-hubspot {
  filter: brightness(0) saturate(100%) invert(43%) sepia(94%) saturate(2850%) hue-rotate(345deg) brightness(104%) contrast(101%) drop-shadow(0 3px 5px rgba(26, 73, 91, 0.12));
}

body.zm-airword-page .zm-airword-app-marquee:hover .zm-airword-app-marquee-track,
body.zm-airword-page .zm-airword-app-marquee:focus-within .zm-airword-app-marquee-track {
  animation-play-state: paused;
}

@keyframes zm-airword-app-marquee-scroll {
  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-app-marquee-track {
    animation: none;
  }

  body.zm-airword-page .zm-airword-app-marquee-group[aria-hidden="true"] {
    display: none;
  }

  body.zm-airword-page .zm-airword-app-marquee-viewport {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

body.zm-airword-page .zm-airword-features-grid article {
  min-width: 0;
  padding: 24px;
  border: 0;
  border-radius: var(--zm-card-radius);
  background: #f8fbfc;
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.13), 0 8px 22px rgba(26, 73, 91, 0.06);
}

body.zm-airword-page .zm-airword-features-grid article > span {
  display: block;
  margin-bottom: 28px;
  color: var(--airword-blue);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-features-grid h3 {
  margin: 0 0 9px;
  color: var(--airword-ink);
  font-size: 20px;
  line-height: 1.18;
}

body.zm-airword-page .zm-airword-features-grid p {
  margin: 0;
  color: #5b727c;
  font-size: 13px;
  line-height: 1.58;
}

body.zm-airword-page .zm-airword-feature,
body.zm-airword-page .zm-airword-russian {
  padding-block: 82px;
  border-block: 1px solid #d9e6eb;
  background: #f3f8fa;
}

body.zm-airword-page .zm-airword-russian {
  border-top: 0;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-russian .zm-airword-feature-layout {
  align-items: start;
}

body.zm-airword-page .zm-airword-russian .zm-airword-feature-copy {
  padding-top: 4px;
}

body.zm-airword-page .zm-airword-feature-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(360px, 0.97fr);
  align-items: center;
  gap: 64px;
}

body.zm-airword-page .zm-airword-feature-layout.is-reversed .zm-airword-feature-media {
  order: 2;
}

body.zm-airword-page .zm-airword-feature-media {
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: var(--zm-card-radius);
  background: #d8e8ef;
  box-shadow: -7px 0 25px rgba(44, 126, 164, 0.16), 0 18px 34px rgba(25, 67, 85, 0.1);
}

body.zm-airword-page .zm-airword-feature-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.zm-airword-page .zm-airword-feature-copy h2,
body.zm-airword-page .zm-airword-demo-heading h2,
body.zm-airword-page .zm-airword-trust-heading h2,
body.zm-airword-page .zm-airword-creator-copy h2 {
  margin: 0;
  color: var(--airword-ink);
  font-size: 42px;
  line-height: 1.06;
  letter-spacing: 0;
}

body.zm-airword-page .zm-airword-feature-copy > p:not(.zm-kicker, .zm-airword-benchmark) {
  margin: 22px 0 0;
  color: #526b76;
  font-size: 15px;
  line-height: 1.65;
}

body.zm-airword-page .zm-airword-steps {
  display: grid;
  gap: 0;
  padding: 0;
  margin: 28px 0 0;
  list-style: none;
}

body.zm-airword-page .zm-airword-steps li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 14px;
  padding: 16px 0;
  border-top: 1px solid var(--airword-line);
}

body.zm-airword-page .zm-airword-steps li > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: var(--airword-blue);
  font-size: 11px;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-steps strong {
  display: block;
  color: var(--airword-ink);
  font-size: 15px;
  line-height: 1.3;
}

body.zm-airword-page .zm-airword-steps p {
  margin: 4px 0 0;
  color: #617782;
  font-size: 12px;
  line-height: 1.45;
}

body.zm-airword-page .zm-airword-benchmark {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 16px 18px;
  margin: 22px 0 0;
  border-left: 3px solid var(--zm-action-orange);
  color: #627883;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-benchmark strong {
  color: var(--airword-ink);
  font-size: 14px;
}

body.zm-airword-page .zm-airword-benchmark span {
  font-size: 11px;
  line-height: 1.45;
}

body.zm-airword-page .zm-airword-how {
  overflow: hidden;
  padding-block: 68px 58px;
  border-block: 1px solid #d9e6eb;
  background: #f7fbfd;
}

body.zm-airword-page .zm-airword-how-heading {
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
}

body.zm-airword-page .zm-airword-how-heading .zm-kicker {
  margin-bottom: 14px;
}

body.zm-airword-page .zm-airword-how-heading h2 {
  margin: 0;
  color: var(--airword-ink);
  font-size: 54px;
  line-height: 1.04;
  font-weight: 790;
  letter-spacing: 0;
}

body.zm-airword-page .zm-airword-how-heading > p:last-child {
  margin: 16px 0 0;
  color: #667d89;
  font-size: 18px;
  line-height: 1.45;
}

body.zm-airword-page .zm-airword-how-demo {
  position: relative;
  min-height: 575px;
  margin-top: 34px;
}

body.zm-airword-page .zm-airword-how-callouts {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9%;
  padding: 0;
  margin: 0;
}

body.zm-airword-page .zm-airword-how-callouts li {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 64px;
  grid-template-columns: none;
  align-items: center;
  gap: 14px;
  padding: 9px 14px;
  border: 1px solid #dce9ee;
  border-radius: var(--zm-card-radius);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 22px rgba(41, 91, 111, 0.055);
}

body.zm-airword-page .zm-airword-how-callouts li > span {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: var(--airword-blue);
  font-size: 17px;
  line-height: 1;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-how-callouts li > strong {
  color: var(--airword-ink);
  font-size: 16px;
  line-height: 1.24;
  font-weight: 760;
}

body.zm-airword-page .zm-airword-how-callouts .is-voice > span {
  background: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-how-callouts .is-result > span {
  background: #10b949;
}

body.zm-airword-page .zm-airword-how-line {
  position: absolute;
  top: -12px;
  z-index: 2;
  display: block;
  transform-origin: top center;
  pointer-events: none;
}

body.zm-airword-page .zm-airword-how-line.is-cursor {
  left: 13.67%;
  width: 2px;
  height: 57px;
  background: #1687e5;
}

body.zm-airword-page .zm-airword-how-line.is-voice {
  left: 50%;
  height: 505px;
  border-left: 4px dotted #f05a24;
  transform: rotate(42deg);
}

body.zm-airword-page .zm-airword-how-line.is-result {
  left: 86.33%;
  width: 2px;
  height: 240px;
  background: #10b949;
}

body.zm-airword-page .zm-airword-how-stage {
  position: absolute;
  z-index: 1;
  inset: 76px 0 0;
}

body.zm-airword-page .zm-airword-how-input {
  position: absolute;
  z-index: 4;
  top: 42px;
  right: 0;
  left: 0;
  display: block;
  height: 66px;
}

body.zm-airword-page .zm-airword-how-input input {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  border: 2px solid #bfd8e8;
  border-radius: var(--zm-card-radius);
  outline: 0;
  color: var(--airword-ink);
  background: rgba(255, 255, 255, 0.93);
  box-shadow: inset 0 1px 3px rgba(31, 78, 97, 0.035);
  font: inherit;
  font-size: 17px;
  transition: border-color var(--zm-component-transition), box-shadow var(--zm-component-transition);
}

body.zm-airword-page .zm-airword-how-input input::placeholder {
  color: #8096a3;
  opacity: 1;
}

body.zm-airword-page .zm-airword-how-input input:focus {
  border-color: #1687e5;
  box-shadow: 0 0 0 4px rgba(22, 135, 229, 0.11);
}

body.zm-airword-page .zm-airword-how-input input:focus ~ :is(.zm-airword-how-caret, .zm-airword-how-cursor),
body.zm-airword-page .zm-airword-how-input input:not(:placeholder-shown) ~ :is(.zm-airword-how-caret, .zm-airword-how-cursor) {
  opacity: 0;
  animation: none;
}

body.zm-airword-page .zm-airword-how-input-dot {
  position: absolute;
  top: -7px;
  left: calc(13.67% - 6px);
  width: 14px;
  height: 14px;
  border: 3px solid #f7fbfd;
  border-radius: 50%;
  background: #1687e5;
  box-shadow: 0 0 0 1px rgba(22, 135, 229, 0.18);
}

body.zm-airword-page .zm-airword-how-caret {
  position: absolute;
  top: 19px;
  left: 176px;
  width: 3px;
  height: 29px;
  border-radius: 2px;
  background: #1687e5;
  animation: zm-airword-how-caret 880ms step-end infinite;
}

body.zm-airword-page .zm-airword-how-cursor {
  position: absolute;
  z-index: 2;
  top: 39px;
  left: 182px;
  width: 29px;
  height: auto;
  pointer-events: none;
  animation: zm-airword-how-pointer 2.6s ease-in-out infinite;
}

body.zm-airword-page .zm-airword-how-keyboard {
  position: absolute;
  z-index: 1;
  top: 132px;
  left: -74px;
  width: 820px;
  max-width: none;
  height: auto;
  pointer-events: none;
}

body.zm-airword-page .zm-airword-how-hotkey-target {
  position: absolute;
  z-index: 5;
  top: 355px;
  left: 25.6%;
  width: 14px;
  height: 14px;
  border: 3px solid #f7fbfd;
  border-radius: 50%;
  background: #f05a24;
  box-shadow: 0 0 0 3px rgba(240, 90, 36, 0.16);
}

body.zm-airword-page .zm-airword-how-waveform {
  position: absolute;
  z-index: 3;
  top: 365px;
  left: calc(25.6% - 5px);
  width: 49%;
  height: clamp(58px, 8vw, 110px);
  object-fit: fill;
  transform: translateY(-50%);
  transform-origin: center;
  pointer-events: none;
  animation: zm-airword-how-wave 2.4s ease-in-out infinite;
}

body.zm-airword-page .zm-airword-how-result {
  position: absolute;
  z-index: 4;
  top: 226px;
  right: 0;
  display: flex;
  width: 31%;
  min-height: 150px;
  align-items: center;
  padding: 25px 28px;
  border: 2px solid #bfd8e8;
  border-radius: var(--zm-card-radius);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 12px 28px rgba(41, 91, 111, 0.07);
}

body.zm-airword-page .zm-airword-how-result::before {
  position: absolute;
  top: -8px;
  left: calc(56% - 6px);
  width: 14px;
  height: 14px;
  border: 3px solid #f7fbfd;
  border-radius: 50%;
  background: #10b949;
  box-shadow: 0 0 0 3px rgba(16, 185, 73, 0.14);
  content: "";
}

body.zm-airword-page .zm-airword-how-result p {
  margin: 0;
  color: var(--airword-ink);
  font-size: 22px;
  line-height: 1.42;
  font-weight: 570;
}

body.zm-airword-page .zm-airword-how-result p > span {
  display: inline-block;
  width: 3px;
  height: 1.12em;
  margin-left: 3px;
  vertical-align: -3px;
  border-radius: 2px;
  background: #1687e5;
  animation: zm-airword-how-caret 880ms step-end infinite;
}

body.zm-airword-page .zm-airword-how-action {
  position: absolute;
  z-index: 5;
  top: 407px;
  right: 0;
  display: grid;
  width: 31%;
  gap: 15px;
  padding-left: 22px;
  border-left: 1px solid #bdd5e2;
}

body.zm-airword-page .zm-airword-how-proof {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}

body.zm-airword-page .zm-airword-how-proof strong {
  color: var(--airword-ink);
  font-size: 17px;
  line-height: 1.25;
}

body.zm-airword-page .zm-airword-how-proof small {
  color: #718691;
  font-size: 9px;
  line-height: 1.4;
}

body.zm-airword-page .zm-airword-how-cta {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 13px 20px;
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: var(--zm-action-orange);
  box-shadow: 0 12px 24px rgba(231, 81, 34, 0.18);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 780;
  transition: background-color var(--zm-component-transition), transform var(--zm-component-transition);
}

body.zm-airword-page .zm-airword-how-cta:hover {
  background: #c94620;
  transform: translateY(-2px);
}

body.zm-airword-page .zm-airword-how-cta:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-airword-page .zm-airword-how-cta svg {
  width: 18px;
  height: 18px;
}

@keyframes zm-airword-how-caret {
  50% { opacity: 0; }
}

@keyframes zm-airword-how-pointer {
  0%, 35%, 100% { transform: translate3d(0, 0, 0); }
  46%, 58% { transform: translate3d(-3px, -2px, 0); }
}

@keyframes zm-airword-how-wave {
  0%, 100% { opacity: 0.9; transform: translateY(-50%) scaleY(0.96); }
  50% { opacity: 1; transform: translateY(-50%) scaleY(1.04); }
}

@media (max-width: 1100px) {
  body.zm-airword-page .zm-airword-how-heading h2 {
    font-size: 46px;
  }

  body.zm-airword-page .zm-airword-how-callouts {
    gap: 4%;
  }

  body.zm-airword-page .zm-airword-how-callouts li > strong {
    font-size: 13px;
  }

  body.zm-airword-page .zm-airword-how-line.is-cursor {
    left: 15.33%;
  }

  body.zm-airword-page .zm-airword-how-line.is-voice {
    height: 457px;
    transform: rotate(34.5deg);
  }

  body.zm-airword-page .zm-airword-how-line.is-result {
    left: 84.67%;
  }

  body.zm-airword-page .zm-airword-how-input-dot {
    left: calc(15.33% - 6px);
  }

  body.zm-airword-page .zm-airword-how-keyboard {
    left: -135px;
    width: 760px;
  }

  body.zm-airword-page .zm-airword-how-waveform {
    left: calc(24.5% - 2px);
    width: 50%;
  }

  body.zm-airword-page .zm-airword-how-hotkey-target {
    left: 24.5%;
  }

  body.zm-airword-page .zm-airword-how-result,
  body.zm-airword-page .zm-airword-how-action {
    width: 34%;
  }

  body.zm-airword-page .zm-airword-how-result::before {
    left: calc(55% - 6px);
  }

  body.zm-airword-page .zm-airword-how-result p {
    font-size: 19px;
  }
}

@media (max-width: 820px) {
  body.zm-airword-page .zm-airword-how {
    padding-block: 66px 54px;
  }

  body.zm-airword-page .zm-airword-how-heading {
    text-align: left;
  }

  body.zm-airword-page .zm-airword-how-heading h2 {
    max-width: 680px;
    font-size: 40px;
  }

  body.zm-airword-page .zm-airword-how-heading > p:last-child {
    font-size: 16px;
  }

  body.zm-airword-page .zm-airword-how-demo {
    min-height: 760px;
    margin-top: 30px;
  }

  body.zm-airword-page .zm-airword-how-callouts {
    gap: 8px;
  }

  body.zm-airword-page .zm-airword-how-callouts li {
    min-height: 88px;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 11px;
  }

  body.zm-airword-page .zm-airword-how-callouts li > span {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 13px;
  }

  body.zm-airword-page .zm-airword-how-callouts li > strong {
    font-size: 11px;
  }

  body.zm-airword-page .zm-airword-how-line {
    top: -17px;
  }

  body.zm-airword-page .zm-airword-how-line.is-cursor {
    left: 16.67%;
    height: 54px;
  }

  body.zm-airword-page .zm-airword-how-line.is-voice {
    height: 384px;
    transform: rotate(18.5deg);
  }

  body.zm-airword-page .zm-airword-how-line.is-result {
    left: 83.33%;
    height: 424px;
  }

  body.zm-airword-page .zm-airword-how-stage {
    top: 105px;
  }

  body.zm-airword-page .zm-airword-how-input {
    top: 34px;
  }

  body.zm-airword-page .zm-airword-how-input-dot {
    left: calc(16.67% - 6px);
  }

  body.zm-airword-page .zm-airword-how-caret {
    left: 156px;
  }

  body.zm-airword-page .zm-airword-how-cursor {
    left: 162px;
  }

  body.zm-airword-page .zm-airword-how-keyboard {
    top: 132px;
    left: -105px;
    width: 690px;
  }

  body.zm-airword-page .zm-airword-how-hotkey-target {
    top: 338px;
    left: 33%;
  }

  body.zm-airword-page .zm-airword-how-waveform {
    top: 348px;
    left: calc(33% + 1px);
    width: 48%;
  }

  body.zm-airword-page .zm-airword-how-result {
    top: 405px;
    width: 58%;
    min-height: 126px;
    padding: 21px;
  }

  body.zm-airword-page .zm-airword-how-result p {
    font-size: 17px;
  }

  body.zm-airword-page .zm-airword-how-result::before {
    left: calc(71.5% - 6px);
  }

  body.zm-airword-page .zm-airword-how-action {
    top: 560px;
    width: 100%;
    grid-template-columns: minmax(0, 0.9fr) minmax(230px, 1.1fr);
    align-items: center;
    padding-left: 18px;
  }
}

@media (max-width: 560px) {
  body.zm-airword-page .zm-airword-how {
    padding-block: 56px 46px;
  }

  body.zm-airword-page .zm-airword-how-heading h2 {
    font-size: 34px;
    line-height: 1.06;
  }

  body.zm-airword-page .zm-airword-how-heading > p:last-child {
    margin-top: 14px;
    font-size: 14px;
  }

  body.zm-airword-page .zm-airword-how-demo {
    min-height: 900px;
    margin-top: 26px;
  }

  body.zm-airword-page .zm-airword-how-callouts {
    gap: 5px;
  }

  body.zm-airword-page .zm-airword-how-callouts li {
    min-height: 104px;
    padding: 9px 8px;
  }

  body.zm-airword-page .zm-airword-how-callouts li > strong {
    font-size: 9px;
    line-height: 1.3;
  }

  body.zm-airword-page .zm-airword-how-line {
    top: -16px;
  }

  body.zm-airword-page .zm-airword-how-line.is-cursor {
    height: 43px;
  }

  body.zm-airword-page .zm-airword-how-line.is-voice {
    height: 320px;
    transform: rotate(4deg);
  }

  body.zm-airword-page .zm-airword-how-line.is-result {
    height: 456px;
  }

  body.zm-airword-page .zm-airword-how-stage {
    top: 120px;
  }

  body.zm-airword-page .zm-airword-how-input {
    top: 24px;
    height: 58px;
  }

  body.zm-airword-page .zm-airword-how-input input {
    padding-inline: 18px;
    font-size: 14px;
  }

  body.zm-airword-page .zm-airword-how-input-dot {
    left: calc(16.67% - 6px);
  }

  body.zm-airword-page .zm-airword-how-caret {
    top: 17px;
    left: 135px;
    height: 25px;
  }

  body.zm-airword-page .zm-airword-how-cursor {
    top: 35px;
    left: 139px;
    width: 25px;
  }

  body.zm-airword-page .zm-airword-how-keyboard {
    top: 112px;
    left: -126px;
    width: 610px;
  }

  body.zm-airword-page .zm-airword-how-hotkey-target {
    top: 293px;
    left: 40%;
  }

  body.zm-airword-page .zm-airword-how-waveform {
    top: 303px;
    left: calc(40% + 4px);
    width: calc(60% - 10px);
  }

  body.zm-airword-page .zm-airword-how-result {
    top: 438px;
    width: 100%;
    min-height: 126px;
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-how-result::before {
    left: calc(83.33% - 6px);
  }

  body.zm-airword-page .zm-airword-how-result p {
    font-size: 17px;
  }

  body.zm-airword-page .zm-airword-how-action {
    top: 600px;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0;
    border-left: 0;
  }

  body.zm-airword-page .zm-airword-how-proof {
    padding-left: 14px;
    border-left: 3px solid var(--zm-action-orange);
  }

  body.zm-airword-page .zm-airword-how-cta {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-how-caret,
  body.zm-airword-page .zm-airword-how-cursor,
  body.zm-airword-page .zm-airword-how-result p > span,
  body.zm-airword-page .zm-airword-how-waveform {
    animation: none;
  }
}

body.zm-airword-page .zm-airword-video {
  padding-block: 82px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-video-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(340px, 0.84fr);
  align-items: stretch;
  gap: 22px;
  margin-top: 36px;
}

body.zm-airword-page .zm-airword-video-poster {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  border-radius: var(--zm-card-radius);
  background: #0d2633;
  box-shadow: -7px 0 25px rgba(44, 126, 164, 0.16), 0 18px 34px rgba(25, 67, 85, 0.1);
}

body.zm-airword-page .zm-airword-video-poster > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.zm-airword-page .zm-airword-video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(5, 28, 40, 0.42);
}

body.zm-airword-page .zm-airword-video-status {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 7px 10px;
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: var(--zm-action-orange);
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 72px;
  height: 72px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
  transform: translate(-50%, -50%);
}

body.zm-airword-page .zm-airword-video-play svg {
  width: 27px;
  height: 27px;
  margin-left: 4px;
}

body.zm-airword-page .zm-airword-video-caption {
  position: absolute;
  right: 22px;
  bottom: 22px;
  left: 22px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #ffffff;
}

body.zm-airword-page .zm-airword-video-caption strong {
  font-size: 22px;
  line-height: 1.15;
}

body.zm-airword-page .zm-airword-video-caption small {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  line-height: 1.4;
}

body.zm-airword-page .zm-airword-video-copy {
  padding: 28px;
  border: 1px solid #d5e5eb;
  border-radius: var(--zm-card-radius);
  background: #f3f8fa;
}

body.zm-airword-page .zm-airword-video-copy ol {
  display: grid;
  gap: 0;
  padding: 0;
  margin: 0 0 26px;
  list-style: none;
}

body.zm-airword-page .zm-airword-video-copy li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  padding: 17px 0;
  border-top: 1px solid #d3e2e8;
}

body.zm-airword-page .zm-airword-video-copy li:first-child {
  border-top: 0;
}

body.zm-airword-page .zm-airword-video-copy li > span {
  color: var(--airword-blue);
  font-size: 10px;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-video-copy strong {
  display: block;
  color: var(--airword-ink);
  font-size: 14px;
  line-height: 1.3;
}

body.zm-airword-page .zm-airword-video-copy p {
  margin: 5px 0 0;
  color: #617782;
  font-size: 11px;
  line-height: 1.5;
}

body.zm-airword-page .zm-airword-demo {
  padding-block: 82px;
  color: var(--airword-ink);
  background: linear-gradient(135deg, #e6f2f7 0%, #f6fafc 56%, #ffffff 100%);
}

body.zm-airword-page .zm-airword-demo .zm-kicker {
  color: #237da4;
}

body.zm-airword-page .zm-airword-demo-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  align-items: end;
  gap: 48px;
}

body.zm-airword-page .zm-airword-demo-heading h2 {
  color: var(--airword-ink);
}

body.zm-airword-page .zm-airword-demo-heading > p {
  margin: 0;
  color: #5c7480;
  font-size: 14px;
  line-height: 1.6;
}

body.zm-airword-page .zm-airword-demo-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 36px;
}

body.zm-airword-page .zm-airword-demo-tabs button {
  display: grid;
  min-width: 0;
  min-height: 72px;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 11px 14px;
  border: 1px solid #cbdde5;
  border-radius: var(--zm-control-radius);
  color: #536d78;
  background: rgba(255, 255, 255, 0.72);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}

body.zm-airword-page .zm-airword-demo-tabs button[aria-selected="true"] {
  border-color: #77b9d3;
  color: var(--airword-ink);
  background: #ffffff;
  box-shadow: -5px 0 18px rgba(55, 145, 183, 0.17), 0 8px 20px rgba(34, 84, 103, 0.07);
}

body.zm-airword-page .zm-airword-demo-tab-icons {
  display: flex;
  align-items: center;
}

body.zm-airword-page .zm-airword-demo-tab-icons img {
  display: block;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  margin-left: -4px;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px rgba(3, 18, 27, 0.16));
}

body.zm-airword-page .zm-airword-demo-tab-icons img:first-child { margin-left: 0; }
body.zm-airword-page .zm-airword-demo-tab-icons img.is-amocrm-logo {
  width: 35px;
  height: 21px;
  flex-basis: 35px;
  filter: brightness(0) saturate(100%) invert(56%) sepia(39%) saturate(1013%) hue-rotate(151deg) brightness(92%) contrast(87%);
}
body.zm-airword-page .zm-airword-demo-tabs button > span:last-child,
body.zm-airword-page .zm-airword-demo-tabs button strong,
body.zm-airword-page .zm-airword-demo-tabs button small { display: block; min-width: 0; }
body.zm-airword-page .zm-airword-demo-tabs button strong { font-size: 13px; line-height: 1.2; }
body.zm-airword-page .zm-airword-demo-tabs button small { margin-top: 4px; color: currentColor; font-size: 9px; font-weight: 620; line-height: 1.25; opacity: 0.72; }

body.zm-airword-page .zm-airword-demo-panel {
  padding: 14px;
  margin-top: 10px;
  border: 1px solid #c6dce5;
  border-radius: var(--zm-card-radius);
  color: var(--airword-ink);
  background: linear-gradient(180deg, #fafdfe 0%, #eff7fa 100%);
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.13), 0 16px 38px rgba(3, 18, 27, 0.12);
}

body.zm-airword-page .zm-airword-demo-panel[hidden],
body.zm-airword-page .zm-airword-demo-variant[hidden] { display: none; }

body.zm-airword-page .zm-airword-demo-panel-head {
  display: flex;
  min-width: 0;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 2px 2px 14px;
}

body.zm-airword-page .zm-airword-demo-panel-head > div:first-child { min-width: 220px; }
body.zm-airword-page .zm-airword-demo-panel-head > div:first-child :is(strong, span) { display: block; }
body.zm-airword-page .zm-airword-demo-panel-head > div:first-child strong { font-size: 14px; line-height: 1.2; }
body.zm-airword-page .zm-airword-demo-panel-head > div:first-child span { margin-top: 4px; color: #637b86; font-size: 10px; line-height: 1.35; }

body.zm-airword-page .zm-airword-demo-services {
  display: flex;
  min-width: 0;
  gap: 6px;
  align-items: center;
}

body.zm-airword-page .zm-airword-demo-services button {
  display: inline-flex;
  min-width: 0;
  min-height: 38px;
  gap: 7px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid #d3e2e8;
  border-radius: var(--zm-control-radius);
  color: #536d78;
  background: #ffffff;
  font: inherit;
  font-size: 10px;
  font-weight: 730;
  white-space: nowrap;
  cursor: pointer;
}

body.zm-airword-page .zm-airword-demo-services button[aria-selected="true"] {
  border-color: #78bdd9;
  color: #164d64;
  background: #e9f6fb;
  box-shadow: inset 0 0 0 1px rgba(64, 151, 187, 0.1);
}

body.zm-airword-page .zm-airword-demo-services img,
body.zm-airword-page .zm-airword-demo-appbar img {
  display: block;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
}

body.zm-airword-page .zm-airword-demo-services img.is-amocrm-logo {
  width: 38px;
  height: 20px;
  flex-basis: 38px;
  filter: brightness(0) saturate(100%) invert(56%) sepia(39%) saturate(1013%) hue-rotate(151deg) brightness(92%) contrast(87%);
}

body.zm-airword-page .zm-airword-demo-appbar img.is-amocrm-logo {
  width: 52px;
  height: 22px;
  flex-basis: 52px;
  filter: brightness(0) saturate(100%) invert(56%) sepia(39%) saturate(1013%) hue-rotate(151deg) brightness(92%) contrast(87%);
}

body.zm-airword-page .zm-airword-demo-appbar img.is-sipuni-logo {
  width: 70px;
  height: 24px;
  flex-basis: 70px;
}

body.zm-airword-page .zm-airword-demo-variant {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(260px, 0.64fr) minmax(0, 1.36fr);
  gap: 12px;
  animation: zm-airword-demo-enter 260ms ease both;
}

body.zm-airword-page :is(.zm-airword-demo-voice, .zm-airword-demo-screen) {
  min-width: 0;
  min-height: 390px;
  border-radius: var(--zm-card-radius);
}

body.zm-airword-page .zm-airword-demo-voice {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #c8e2ec;
  background: linear-gradient(145deg, #e9f6fb 0%, #ffffff 70%);
}

body.zm-airword-page .zm-airword-demo-voice-label { color: #237da4; font-size: 9px; font-weight: 820; text-transform: uppercase; }
body.zm-airword-page .zm-airword-demo-voice blockquote { padding: 0; margin: 20px 0 18px; color: #294854; font-size: 14px; font-weight: 630; line-height: 1.58; }

body.zm-airword-page .zm-airword-demo-wave { display: flex; height: 30px; gap: 4px; align-items: center; margin-top: auto; }
body.zm-airword-page .zm-airword-demo-wave i { display: block; width: 3px; height: 9px; border-radius: 3px; background: #429abc; animation: zm-airword-demo-wave 1050ms ease-in-out infinite alternate; }
body.zm-airword-page .zm-airword-demo-wave i:nth-child(2), body.zm-airword-page .zm-airword-demo-wave i:nth-child(6) { animation-delay: -180ms; }
body.zm-airword-page .zm-airword-demo-wave i:nth-child(3), body.zm-airword-page .zm-airword-demo-wave i:nth-child(7) { animation-delay: -360ms; }
body.zm-airword-page .zm-airword-demo-wave i:nth-child(4), body.zm-airword-page .zm-airword-demo-wave i:nth-child(8) { animation-delay: -540ms; }

body.zm-airword-page .zm-airword-demo-voice > p { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; padding-top: 13px; margin: 5px 0 0; border-top: 1px solid #d8e9ef; }
body.zm-airword-page .zm-airword-demo-voice > p strong { color: var(--airword-orange); font-size: 10px; }
body.zm-airword-page .zm-airword-demo-voice > p span { color: #647c87; font-size: 9px; line-height: 1.45; }

body.zm-airword-page .zm-airword-demo-screen {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #cbdde4;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(30, 76, 94, 0.08);
}

body.zm-airword-page .zm-airword-demo-appbar { display: flex; min-height: 52px; gap: 14px; align-items: center; justify-content: space-between; padding: 9px 16px; border-bottom: 1px solid #e0eaee; background: #fbfdfe; }
body.zm-airword-page .zm-airword-demo-appbar > span { display: inline-flex; min-width: 0; gap: 9px; align-items: center; }
body.zm-airword-page .zm-airword-demo-appbar img { width: 26px; height: 26px; flex-basis: 26px; }
body.zm-airword-page .zm-airword-demo-appbar strong { color: #213e4a; font-size: 12px; }
body.zm-airword-page .zm-airword-demo-appbar small { overflow: hidden; color: #728790; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

body.zm-airword-page .zm-airword-mail-compose { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 0 18px; }
body.zm-airword-page .zm-airword-mail-compose > p { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 8px; padding: 10px 0; margin: 0; border-bottom: 1px solid #e5edef; color: #334f5b; font-size: 10px; line-height: 1.35; }
body.zm-airword-page .zm-airword-mail-compose > p span { color: #84969e; }
body.zm-airword-page .zm-airword-mail-body { flex: 1; padding: 16px 4px 12px; color: #263f4a; font-size: 11px; line-height: 1.55; }
body.zm-airword-page .zm-airword-mail-compose footer { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 10px 0 12px; }
body.zm-airword-page .zm-airword-mail-compose footer b { display: inline-flex; min-height: 30px; align-items: center; padding: 7px 15px; border-radius: 5px; color: #ffffff; background: #3579e8; font-size: 9px; }
body.zm-airword-page .is-yandex .zm-airword-mail-compose footer b { background: #ff3d33; }
body.zm-airword-page .is-mailru .zm-airword-mail-compose footer b { background: #168de2; }
body.zm-airword-page .zm-airword-mail-compose footer span { overflow: hidden; color: #70858e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }

body.zm-airword-page .zm-airword-demo-live { display: grid; min-height: 48px; grid-template-columns: 10px auto minmax(0, 1fr); gap: 7px; align-items: center; padding: 8px 14px; border-top: 1px solid #dce8ec; color: #2b5668; background: #f1f8fb; }
body.zm-airword-page .zm-airword-demo-live strong { font-size: 9px; line-height: 1.25; }
body.zm-airword-page .zm-airword-demo-live small { color: #7b9099; font-size: 8px; line-height: 1.25; text-align: right; }
body.zm-airword-page .zm-airword-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--airword-orange); box-shadow: 0 0 0 4px rgba(231, 81, 34, 0.1); animation: zm-airword-demo-pulse 1400ms ease-in-out infinite; }

body.zm-airword-page :is(.zm-airword-mail-body, .zm-airword-ai-chat .is-user span, .zm-airword-terminal .is-prompt span, .zm-airword-sipuni-note p, .zm-airword-bitrix-task h3, .zm-airword-amocrm-reply) > i { display: inline-block; width: 2px; height: 1.05em; margin-left: 2px; vertical-align: -2px; background: var(--airword-orange); animation: zm-airword-demo-cursor 900ms step-end infinite; }

body.zm-airword-page .is-terminal {
  border-color: #1e3742;
  background: #101a20;
  box-shadow: 0 14px 28px rgba(15, 37, 47, 0.18);
}

body.zm-airword-page .is-terminal .zm-airword-demo-appbar {
  border-color: #2c414a;
  background: #1a2a32;
}

body.zm-airword-page .is-terminal .zm-airword-demo-appbar img { filter: brightness(0) invert(1); }
body.zm-airword-page .is-terminal .zm-airword-demo-appbar strong { color: #f3f8fa; }
body.zm-airword-page .is-terminal .zm-airword-demo-appbar small { color: #91a7b1; }

body.zm-airword-page .zm-airword-terminal { display: flex; min-height: 0; flex: 1; flex-direction: column; color: #d5e0e4; background: #101a20; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
body.zm-airword-page .zm-airword-terminal-bar { display: grid; min-height: 38px; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 14px; border-bottom: 1px solid #263a43; color: #90a4ad; background: #16242b; font-size: 8px; }
body.zm-airword-page .zm-airword-terminal-bar > span { display: flex; gap: 5px; }
body.zm-airword-page .zm-airword-terminal-bar > span i { width: 8px; height: 8px; border-radius: 50%; background: #f0645a; }
body.zm-airword-page .zm-airword-terminal-bar > span i:nth-child(2) { background: #eeb948; }
body.zm-airword-page .zm-airword-terminal-bar > span i:nth-child(3) { background: #42bd70; }
body.zm-airword-page .zm-airword-terminal-bar strong { color: #cad7dc; font-size: 8px; font-weight: 650; }
body.zm-airword-page .zm-airword-terminal-bar small { justify-self: end; color: #66b9d9; font-size: 8px; }
body.zm-airword-page .zm-airword-terminal-body { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 10px; justify-content: center; padding: 18px 20px; }
body.zm-airword-page .zm-airword-terminal-body p { margin: 0; color: #cbd7dc; font-size: 9px; line-height: 1.55; }
body.zm-airword-page .zm-airword-terminal-body p em { margin-right: 8px; color: #57cc86; font-style: normal; font-weight: 800; }
body.zm-airword-page .zm-airword-terminal-body p.is-muted { color: #718791; }
body.zm-airword-page .zm-airword-terminal-files { display: flex; flex-wrap: wrap; gap: 6px; }
body.zm-airword-page .zm-airword-terminal-files span { padding: 5px 7px; border: 1px solid #344b55; border-radius: 4px; color: #a9bdc6; background: #182830; font-size: 7px; }
body.zm-airword-page .zm-airword-terminal-body p.is-prompt { display: grid; grid-template-columns: 14px minmax(0, 1fr); padding: 10px 11px; border-left: 2px solid #57accd; color: #eef5f7; background: #172830; }
body.zm-airword-page .zm-airword-terminal-body p.is-prompt em { color: #68c5e7; }
body.zm-airword-page .zm-airword-terminal-body p.is-status { color: #718791; font-size: 7px; }
body.zm-airword-page .zm-airword-terminal-body p.is-status b { color: #e7b45b; font-weight: 700; }
body.zm-airword-page .zm-airword-terminal-body p.is-status span { margin-inline: 5px; color: #455b65; }
body.zm-airword-page .is-terminal .zm-airword-demo-live { border-color: #d7e7ed; background: #f3f9fb; }

body.zm-airword-page .zm-airword-ai-context { display: flex; min-height: 40px; gap: 6px; align-items: center; padding: 7px 14px; overflow-x: auto; border-bottom: 1px solid #e1eaee; background: #f5f8fa; scrollbar-width: none; }
body.zm-airword-page .zm-airword-ai-context span { flex: 0 0 auto; padding: 5px 8px; border: 1px solid #d8e4e9; border-radius: 4px; color: #57717c; background: #ffffff; font-size: 8px; }
body.zm-airword-page .zm-airword-ai-chat { display: flex; min-height: 0; flex: 1; flex-direction: column; gap: 12px; justify-content: center; padding: 18px; }
body.zm-airword-page .zm-airword-ai-chat p { display: grid; max-width: 88%; grid-template-columns: 30px minmax(0, 1fr); gap: 9px; align-items: start; margin: 0; }
body.zm-airword-page .zm-airword-ai-chat p b { display: grid; width: 30px; height: 30px; border-radius: 50%; place-items: center; color: #ffffff; background: #385d6b; font-size: 8px; }
body.zm-airword-page .zm-airword-ai-chat p span { padding: 10px 12px; border: 1px solid #e0e9ed; border-radius: 6px; color: #2f4a55; background: #f8fbfc; font-size: 10px; line-height: 1.5; }
body.zm-airword-page .zm-airword-ai-chat p.is-user { align-self: flex-end; }
body.zm-airword-page .zm-airword-ai-chat p.is-user b { background: var(--airword-orange); }
body.zm-airword-page .zm-airword-ai-chat p.is-user span { border-color: #bcd8e3; background: #edf7fb; }

body.zm-airword-page .zm-airword-sipuni-workspace { display: grid; min-height: 0; flex: 1; grid-template-columns: 96px minmax(0, 1fr); background: #f4f4f8; }
body.zm-airword-page .zm-airword-sipuni-workspace > aside { display: flex; min-width: 0; flex-direction: column; padding: 13px 10px; border-right: 1px solid #e0e0e8; background: #ffffff; }
body.zm-airword-page .zm-airword-sipuni-workspace > aside > strong { color: #6a49f9; font-size: 10px; }
body.zm-airword-page .zm-airword-sipuni-workspace nav { display: grid; gap: 4px; margin-top: 13px; }
body.zm-airword-page .zm-airword-sipuni-workspace nav span { position: relative; padding: 6px 7px 6px 15px; border-radius: 4px; color: #777784; font-size: 7px; }
body.zm-airword-page .zm-airword-sipuni-workspace nav span::before { position: absolute; top: 50%; left: 6px; width: 4px; height: 4px; border-radius: 50%; background: #b9b8c1; content: ""; transform: translateY(-50%); }
body.zm-airword-page .zm-airword-sipuni-workspace nav span.is-active { color: #4f36c7; background: #efecff; font-weight: 760; }
body.zm-airword-page .zm-airword-sipuni-workspace nav span.is-active::before { background: #6a49f9; }
body.zm-airword-page .zm-airword-sipuni-workspace > aside > small { padding-top: 9px; margin-top: auto; border-top: 1px solid #ececf1; color: #3c9665; font-size: 7px; }
body.zm-airword-page .zm-airword-sipuni-main { display: flex; min-width: 0; flex-direction: column; padding: 11px 12px; }
body.zm-airword-page .zm-airword-sipuni-main > header { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
body.zm-airword-page .zm-airword-sipuni-main > header div :is(strong, span) { display: block; }
body.zm-airword-page .zm-airword-sipuni-main > header strong { color: #2e2e33; font-size: 10px; }
body.zm-airword-page .zm-airword-sipuni-main > header span { margin-top: 3px; color: #92919a; font-size: 7px; }
body.zm-airword-page .zm-airword-sipuni-main > header em { padding: 5px 7px; border: 1px solid #dedde7; border-radius: 4px; color: #686772; background: #ffffff; font-size: 7px; font-style: normal; }
body.zm-airword-page .zm-airword-sipuni-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 9px; }
body.zm-airword-page .zm-airword-sipuni-stats > span { display: flex; min-width: 0; align-items: center; justify-content: space-between; padding: 6px 8px; border: 1px solid #e1e0e8; border-radius: 4px; background: #ffffff; }
body.zm-airword-page .zm-airword-sipuni-stats small { overflow: hidden; color: #898892; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }
body.zm-airword-page .zm-airword-sipuni-stats b { color: #4b4a51; font-size: 10px; }
body.zm-airword-page .zm-airword-sipuni-content { display: grid; min-height: 0; flex: 1; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: 7px; margin-top: 7px; }
body.zm-airword-page .zm-airword-sipuni-content > section { min-width: 0; padding: 9px; border: 1px solid #dfdfe7; border-radius: 5px; background: #ffffff; }
body.zm-airword-page .zm-airword-sipuni-call { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 7px; align-items: center; }
body.zm-airword-page .zm-airword-sipuni-call > b { display: grid; width: 26px; height: 26px; border-radius: 50%; place-items: center; color: #ffffff; background: #6a49f9; font-size: 7px; }
body.zm-airword-page .zm-airword-sipuni-call p { min-width: 0; margin: 0; }
body.zm-airword-page .zm-airword-sipuni-call p :is(strong, span) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.zm-airword-page .zm-airword-sipuni-call p strong { color: #3b3a42; font-size: 8px; }
body.zm-airword-page .zm-airword-sipuni-call p span { margin-top: 3px; color: #9998a1; font-size: 6px; }
body.zm-airword-page .zm-airword-sipuni-call time { color: #5f5e67; font-size: 7px; font-style: normal; text-align: right; }
body.zm-airword-page .zm-airword-sipuni-call time small { color: #9a99a2; font-size: 6px; }
body.zm-airword-page .zm-airword-sipuni-player { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 6px; align-items: center; padding: 7px 0; margin-top: 7px; border-block: 1px solid #ececf1; }
body.zm-airword-page .zm-airword-sipuni-player i { position: relative; width: 20px; height: 20px; border-radius: 50%; background: #6a49f9; }
body.zm-airword-page .zm-airword-sipuni-player i::after { position: absolute; top: 6px; left: 8px; border-width: 4px 0 4px 6px; border-style: solid; border-color: transparent transparent transparent #ffffff; content: ""; }
body.zm-airword-page .zm-airword-sipuni-player > span { position: relative; height: 3px; border-radius: 3px; background: #e1dff0; }
body.zm-airword-page .zm-airword-sipuni-player > span::after { position: absolute; inset: 0 42% 0 0; border-radius: inherit; background: #6a49f9; content: ""; }
body.zm-airword-page .zm-airword-sipuni-player small { color: #8f8e98; font-size: 6px; }
body.zm-airword-page .zm-airword-sipuni-content dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; margin: 7px 0 0; }
body.zm-airword-page .zm-airword-sipuni-content dl div { min-width: 0; }
body.zm-airword-page .zm-airword-sipuni-content dt { color: #9a99a2; font-size: 6px; }
body.zm-airword-page .zm-airword-sipuni-content dd { overflow: hidden; margin: 2px 0 0; color: #4c4b53; font-size: 7px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
body.zm-airword-page .zm-airword-sipuni-note { display: flex; flex-direction: column; border-color: #bfb4fa !important; box-shadow: 0 6px 14px rgba(72, 48, 185, 0.07); }
body.zm-airword-page .zm-airword-sipuni-note > header { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
body.zm-airword-page .zm-airword-sipuni-note > header strong { color: #3d3c44; font-size: 8px; }
body.zm-airword-page .zm-airword-sipuni-note > header small { color: #6a49f9; font-size: 6px; }
body.zm-airword-page .zm-airword-sipuni-note > p { flex: 1; padding: 8px; margin: 7px 0 0; border: 1px solid #e4e2ef; border-radius: 4px; color: #4f4e57; background: #faf9ff; font-size: 7px; line-height: 1.45; }
body.zm-airword-page .zm-airword-sipuni-note footer { display: flex; gap: 7px; align-items: center; justify-content: space-between; padding-top: 7px; }
body.zm-airword-page .zm-airword-sipuni-note footer span { color: #4d966d; font-size: 6px; }
body.zm-airword-page .zm-airword-sipuni-note footer b { padding: 5px 7px; border-radius: 4px; color: #ffffff; background: #6a49f9; font-size: 6px; }

body.zm-airword-page .zm-airword-bitrix-task { display: flex; min-height: 0; flex: 1; flex-direction: column; padding: 16px 18px; }
body.zm-airword-page .zm-airword-bitrix-task h3 { margin: 0 0 12px; color: #203f4b; font-size: 14px; line-height: 1.3; }
body.zm-airword-page .zm-airword-bitrix-task dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
body.zm-airword-page .zm-airword-bitrix-task dl div { padding: 8px 10px; border: 1px solid #dce8ed; border-radius: 5px; background: #f7fafb; }
body.zm-airword-page .zm-airword-bitrix-task dt { color: #83969e; font-size: 7px; text-transform: uppercase; }
body.zm-airword-page .zm-airword-bitrix-task dd { margin: 4px 0 0; color: #38545f; font-size: 9px; font-weight: 720; }
body.zm-airword-page .zm-airword-bitrix-task > p { padding: 10px 11px; margin: 8px 0 0; border: 1px solid #dce8ed; border-radius: 5px; color: #4a6570; font-size: 9px; line-height: 1.55; }
body.zm-airword-page .zm-airword-bitrix-task > p :is(strong, span) { display: block; }
body.zm-airword-page .zm-airword-bitrix-task > p strong { margin-bottom: 4px; color: #2e4c58; }
body.zm-airword-page .zm-airword-bitrix-task footer { padding: 9px 10px; margin-top: auto; border-left: 3px solid #2ca9da; color: #59727d; background: #eef8fc; font-size: 8px; }

body.zm-airword-page .zm-airword-amocrm-workspace { display: grid; min-height: 0; flex: 1; grid-template-columns: 128px minmax(0, 1fr); background: #eef3f5; }
body.zm-airword-page .zm-airword-amocrm-workspace > aside { display: flex; min-width: 0; flex-direction: column; padding: 14px 12px; border-right: 1px solid #dce5e9; background: #f8fbfc; }
body.zm-airword-page .zm-airword-amocrm-workspace > aside > :is(strong, span) { display: block; }
body.zm-airword-page .zm-airword-amocrm-workspace > aside > strong { color: #284651; font-size: 10px; }
body.zm-airword-page .zm-airword-amocrm-workspace > aside > span { margin-top: 4px; color: #7b8f98; font-size: 8px; }
body.zm-airword-page .zm-airword-amocrm-workspace dl { margin: 14px 0 0; }
body.zm-airword-page .zm-airword-amocrm-workspace dl div { padding-block: 8px; border-top: 1px solid #e4ebee; }
body.zm-airword-page .zm-airword-amocrm-workspace dt { color: #8a9ba2; font-size: 7px; text-transform: uppercase; }
body.zm-airword-page .zm-airword-amocrm-workspace dd { margin: 3px 0 0; color: #38545f; font-size: 8px; font-weight: 720; }
body.zm-airword-page .zm-airword-amocrm-workspace > aside em { align-self: flex-start; padding: 4px 6px; margin-top: auto; border-radius: 4px; color: #228054; background: #e0f5e9; font-size: 7px; font-style: normal; font-weight: 760; }
body.zm-airword-page .zm-airword-amocrm-dialog { display: flex; min-width: 0; flex-direction: column; padding: 12px 14px; }
body.zm-airword-page .zm-airword-amocrm-dialog header { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding-bottom: 9px; border-bottom: 1px solid #dce5e9; }
body.zm-airword-page .zm-airword-amocrm-dialog header strong { color: #36515c; font-size: 9px; }
body.zm-airword-page .zm-airword-amocrm-dialog header small { color: #899aa1; font-size: 7px; }
body.zm-airword-page .zm-airword-amocrm-dialog > p { max-width: 80%; padding: 8px 10px; margin: 12px 0 8px; border: 1px solid #d7e2e7; border-radius: 6px; color: #536d77; background: #ffffff; font-size: 8px; line-height: 1.45; }
body.zm-airword-page .zm-airword-amocrm-reply { padding: 10px 11px 8px; margin-top: auto; border: 1px solid #96cada; border-radius: 6px; color: #304d58; background: #ffffff; box-shadow: 0 7px 16px rgba(34, 84, 103, 0.07); font-size: 9px; line-height: 1.5; }
body.zm-airword-page .zm-airword-amocrm-reply footer { display: flex; gap: 10px; align-items: center; justify-content: space-between; padding-top: 8px; margin-top: 8px; border-top: 1px solid #e1eaed; }
body.zm-airword-page .zm-airword-amocrm-reply footer span { color: #82959d; font-size: 7px; }
body.zm-airword-page .zm-airword-amocrm-reply footer b { padding: 5px 9px; border-radius: 4px; color: #ffffff; background: #e75122; font-size: 7px; }

body.zm-airword-page .zm-airword-demo-note { max-width: 760px; margin: 13px 0 0; color: #71858e; font-size: 9px; line-height: 1.45; }

@keyframes zm-airword-demo-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zm-airword-demo-wave { to { height: 26px; background: var(--airword-orange); } }
@keyframes zm-airword-demo-pulse { 50% { box-shadow: 0 0 0 7px rgba(231, 81, 34, 0.02); } }
@keyframes zm-airword-demo-cursor { 50% { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-demo-variant,
  body.zm-airword-page .zm-airword-demo-wave i,
  body.zm-airword-page .zm-airword-live-dot,
  body.zm-airword-page :is(.zm-airword-mail-body, .zm-airword-ai-chat .is-user span, .zm-airword-terminal .is-prompt span, .zm-airword-sipuni-note p, .zm-airword-bitrix-task h3, .zm-airword-amocrm-reply) > i {
    animation: none;
  }
}

body.zm-airword-page .zm-airword-check-list {
  display: grid;
  gap: 0;
  padding: 0;
  margin: 24px 0 0;
  border-block: 1px solid #dfece8;
  list-style: none;
}

body.zm-airword-page .zm-airword-check-list li {
  position: relative;
  min-height: 46px;
  padding: 12px 0 12px 36px;
  border-top: 1px solid #e8f1ee;
  color: #2c4c43;
  font-size: 14px;
  line-height: 1.45;
}

body.zm-airword-page .zm-airword-check-list li:first-child {
  border-top: 0;
}

body.zm-airword-page .zm-airword-check-list li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(20, 174, 96, 0.22);
  border-radius: 50%;
  background: linear-gradient(145deg, #ecfbf3 0%, #dff7eb 100%);
  box-shadow: 0 4px 10px rgba(25, 139, 88, 0.09);
  content: "";
  transform: translateY(-50%);
}

body.zm-airword-page .zm-airword-check-list li::after {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 8px;
  height: 4px;
  border-bottom: 2px solid #0eaa5c;
  border-left: 2px solid #0eaa5c;
  content: "";
  transform: translateY(-65%) rotate(-45deg);
}

body.zm-airword-page .zm-airword-features {
  padding-block: 82px;
  background: var(--airword-blue-soft);
}

body.zm-shell.zm-airword-page #features.zm-section.zm-airword-features {
  padding-block: 58px 56px;
}

body.zm-shell.zm-airword-page #russian-speech.zm-section {
  padding-bottom: 60px;
}

body.zm-airword-page .zm-airword-features-heading {
  margin-bottom: 28px;
}

body.zm-airword-page .zm-airword-features-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 36px;
}

body.zm-airword-page .zm-airword-features-grid article {
  position: relative;
  display: grid;
  min-height: 240px;
  grid-template-columns: minmax(0, 1fr) 224px;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "title demo"
    "copy demo";
  column-gap: 28px;
  align-items: start;
  padding: 24px;
  border: 1px solid rgba(194, 217, 226, 0.82);
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 58%, #f6fbfd 100%);
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.1), 0 9px 24px rgba(26, 73, 91, 0.055);
}

body.zm-airword-page .zm-airword-features-grid article::before {
  position: absolute;
  top: 0;
  left: 24px;
  width: 58px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: var(--airword-blue);
  content: "";
}

body.zm-airword-page .zm-airword-features-grid article.is-airbar::before { background: var(--zm-action-orange); }
body.zm-airword-page .zm-airword-features-grid article.is-history::before { background: #18ad68; }
body.zm-airword-page .zm-airword-features-grid article.is-device::before { background: #2c829d; }

body.zm-airword-page .zm-airword-features-grid article > span {
  grid-area: label;
  margin-bottom: 26px;
  color: var(--airword-blue);
}

body.zm-airword-page .zm-airword-features-grid h3 {
  grid-area: title;
  max-width: 340px;
  margin-top: 3px;
  font-size: 21px;
}

body.zm-airword-page .zm-airword-features-grid article > p {
  grid-area: copy;
  max-width: 350px;
}

body.zm-airword-page .zm-airword-feature-demo {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 176px;
  grid-area: demo;
  align-self: stretch;
  flex-direction: column;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #dce9ee;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(37, 91, 111, 0.06);
}

body.zm-airword-page .zm-airword-features-grid article.is-shortcut {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 58%, #edf7ff 100%);
}

body.zm-airword-page .zm-airword-features-grid article.is-airbar {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 58%, #fff5f0 100%);
}

body.zm-airword-page .zm-airword-features-grid article.is-history {
  background: linear-gradient(135deg, #ffffff 0%, #ffffff 58%, #eefaf4 100%);
}

body.zm-airword-page .zm-airword-hotkey {
  display: flex;
  gap: 7px;
  align-items: center;
}

body.zm-airword-page .zm-airword-hotkey kbd {
  display: grid;
  min-width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid #b9d2df;
  border-bottom-width: 3px;
  border-radius: 6px;
  color: #244b5e;
  background: #ffffff;
  box-shadow: 0 5px 12px rgba(37, 88, 110, 0.08);
  font: 750 14px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

body.zm-airword-page .zm-airword-hotkey kbd.is-wide {
  width: 84px;
}

body.zm-airword-page .zm-airword-hotkey > i {
  color: #8ca0a8;
  font-size: 12px;
  font-style: normal;
}

body.zm-airword-page .zm-airword-feature-demo.is-shortcut > strong {
  margin-top: 17px;
  color: var(--airword-ink);
  font-size: 14px;
}

body.zm-airword-page .zm-airword-feature-demo.is-shortcut > small {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: auto;
  color: #57717c;
  font-size: 9px;
}

body.zm-airword-page .zm-airword-feature-demo.is-shortcut > small i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #13b967;
  box-shadow: 0 0 0 4px rgba(19, 185, 103, 0.1);
}

body.zm-airword-page .zm-airword-mode-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 3px;
  border: 1px solid #e0e9ed;
  border-radius: 6px;
  background: #f1f5f7;
}

body.zm-airword-page .zm-airword-mode-tabs b {
  padding: 6px 3px;
  border-radius: 4px;
  color: #71858e;
  font-size: 7px;
  text-align: center;
}

body.zm-airword-page .zm-airword-mode-tabs b.is-active {
  color: #a93c1d;
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(61, 91, 104, 0.09);
}

body.zm-airword-page .zm-airword-mini-wave {
  display: flex;
  height: 58px;
  gap: 5px;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}

body.zm-airword-page .zm-airword-mini-wave i {
  width: 4px;
  height: 16px;
  border-radius: 3px;
  background: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-mini-wave i:nth-child(2),
body.zm-airword-page .zm-airword-mini-wave i:nth-child(8) { height: 25px; }
body.zm-airword-page .zm-airword-mini-wave i:nth-child(3),
body.zm-airword-page .zm-airword-mini-wave i:nth-child(7) { height: 38px; }
body.zm-airword-page .zm-airword-mini-wave i:nth-child(4),
body.zm-airword-page .zm-airword-mini-wave i:nth-child(6) { height: 29px; background: #438dc8; }
body.zm-airword-page .zm-airword-mini-wave i:nth-child(5) { height: 48px; background: #2874b3; }

body.zm-airword-page .zm-airword-color-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

body.zm-airword-page .zm-airword-color-row > span {
  display: flex;
  gap: 5px;
}

body.zm-airword-page .zm-airword-color-row > span i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e75a31;
}

body.zm-airword-page .zm-airword-color-row > span i:nth-child(2) { background: #2874b3; }
body.zm-airword-page .zm-airword-color-row > span i:nth-child(3) { background: #16b86b; }
body.zm-airword-page .zm-airword-color-row small { color: #71858e; font-size: 8px; }

body.zm-airword-page .zm-airword-history-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.zm-airword-page .zm-airword-history-stats > strong {
  display: flex;
  flex-direction: column;
  padding: 9px;
  border: 1px solid #dcebe4;
  border-radius: 6px;
  color: #225844;
  background: #f4fbf7;
  font-size: 16px;
}

body.zm-airword-page .zm-airword-history-stats small {
  margin-top: 3px;
  color: #6e837a;
  font-size: 7px;
  font-weight: 600;
}

body.zm-airword-page .zm-airword-history-chart {
  display: flex;
  height: 54px;
  gap: 5px;
  align-items: end;
  margin-top: 10px;
  border-bottom: 1px solid #d8e7e0;
}

body.zm-airword-page .zm-airword-history-chart i {
  width: 9px;
  height: 18px;
  border-radius: 3px 3px 0 0;
  background: #72c79c;
}

body.zm-airword-page .zm-airword-history-chart i:nth-child(2) { height: 27px; }
body.zm-airword-page .zm-airword-history-chart i:nth-child(3) { height: 22px; }
body.zm-airword-page .zm-airword-history-chart i:nth-child(4) { height: 38px; }
body.zm-airword-page .zm-airword-history-chart i:nth-child(5) { height: 31px; }
body.zm-airword-page .zm-airword-history-chart i:nth-child(6) { height: 46px; background: #20ad69; }
body.zm-airword-page .zm-airword-history-chart i:nth-child(7) { height: 40px; }
body.zm-airword-page .zm-airword-history-chart i:nth-child(8) { height: 51px; background: #178d59; }
body.zm-airword-page .zm-airword-feature-demo.is-history > small { margin-top: 8px; color: #71857c; font-size: 8px; }

body.zm-airword-page .zm-airword-device-row,
body.zm-airword-page .zm-airword-toggle-row {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #dce8ed;
  border-radius: 7px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-device-row svg {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  color: #2b7bb2;
}

body.zm-airword-page .zm-airword-device-row > span,
body.zm-airword-page .zm-airword-toggle-row > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 3px;
}

body.zm-airword-page .zm-airword-device-row small,
body.zm-airword-page .zm-airword-toggle-row small {
  color: #788d96;
  font-size: 8px;
}

body.zm-airword-page .zm-airword-device-row strong,
body.zm-airword-page .zm-airword-toggle-row strong {
  color: #294b59;
  font-size: 11px;
}

body.zm-airword-page .zm-airword-device-row > i {
  width: 7px;
  height: 7px;
  border-right: 1px solid #72858d;
  border-bottom: 1px solid #72858d;
  transform: rotate(45deg);
}

body.zm-airword-page .zm-airword-toggle-row {
  margin-top: 10px;
}

body.zm-airword-page .zm-airword-toggle-row > i {
  position: relative;
  width: 38px;
  height: 22px;
  flex: 0 0 38px;
  border-radius: 20px;
  background: #18b76a;
  box-shadow: inset 0 0 0 1px rgba(8, 126, 69, 0.12);
}

body.zm-airword-page .zm-airword-toggle-row > i::after {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(27, 79, 57, 0.22);
  content: "";
}

@media (max-width: 620px) {
  body.zm-airword-page .zm-airword-features-grid article {
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "title"
      "copy"
      "demo";
    row-gap: 0;
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-feature-demo {
    min-height: 154px;
    margin-top: 20px;
  }
}

body.zm-airword-page .zm-airword-control-center {
  margin-top: 0;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 8px;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, #4a8ca5 0%, rgba(105, 170, 194, 0.45) 42%, rgba(105, 170, 194, 0.08) 100%) border-box;
  box-shadow: -5px 0 20px rgba(64, 134, 160, 0.14), 0 14px 34px rgba(29, 71, 86, 0.07);
}

body.zm-airword-page .zm-airword-control-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  gap: 36px;
  align-items: end;
  padding: 24px 28px 22px;
  border-bottom: 1px solid #dbe8ed;
  background: linear-gradient(90deg, rgba(239, 248, 252, 0.9) 0%, #ffffff 48%, rgba(255, 247, 242, 0.55) 100%);
}

body.zm-airword-page .zm-airword-control-head h3 {
  margin: 8px 0 0;
  color: var(--airword-ink);
  font-size: 24px;
  line-height: 1.08;
}

body.zm-airword-page .zm-airword-control-head > p {
  max-width: 430px;
  margin: 0;
  color: var(--airword-muted);
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
}

body.zm-airword-page .zm-airword-ready {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: #277252;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-ready > i,
body.zm-airword-page .zm-airword-control-shortcut > small > i,
body.zm-airword-page .zm-airword-control-history > small > i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #18b76a;
  box-shadow: 0 0 0 4px rgba(24, 183, 106, 0.1);
}

body.zm-airword-page .zm-airword-ready > i {
  animation: zm-airword-ready-pulse 2.2s ease-out infinite;
}

@keyframes zm-airword-ready-pulse {
  0%, 46%, 100% { box-shadow: 0 0 0 4px rgba(24, 183, 106, 0.1); }
  22% { box-shadow: 0 0 0 7px rgba(24, 183, 106, 0.03); }
}

body.zm-airword-page .zm-airword-control-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.9fr 1.12fr;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-control-cell {
  position: relative;
  min-width: 0;
  padding: 27px;
  border-right: 1px solid #dbe8ed;
}

body.zm-airword-page .zm-airword-control-cell:last-child {
  border-right: 0;
}

body.zm-airword-page .zm-airword-control-cell::before {
  position: absolute;
  top: 0;
  left: 27px;
  width: 54px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: var(--airword-blue);
  content: "";
}

body.zm-airword-page .zm-airword-control-cell.is-history::before { background: #18ad68; }
body.zm-airword-page .zm-airword-control-cell.is-environment::before { background: var(--zm-action-orange); }

body.zm-airword-page .zm-airword-control-cell.is-dictation {
  background: linear-gradient(145deg, #ffffff 0%, #ffffff 62%, #eff8fc 100%);
}

body.zm-airword-page .zm-airword-control-cell.is-history {
  background: linear-gradient(145deg, #ffffff 0%, #ffffff 62%, #f1faf5 100%);
}

body.zm-airword-page .zm-airword-control-cell.is-environment {
  background: linear-gradient(145deg, #ffffff 0%, #ffffff 62%, #fff6f1 100%);
}

body.zm-airword-page .zm-airword-control-cell > h3 {
  max-width: 320px;
  margin: 3px 0 0;
  color: var(--airword-ink);
  font-size: 19px;
  line-height: 1.16;
}

body.zm-airword-page .zm-airword-control-cell > p {
  max-width: 370px;
  margin: 9px 0 0;
  color: var(--airword-muted);
  font-size: 12px;
  line-height: 1.48;
}

body.zm-airword-page .zm-airword-control-shortcut {
  display: grid;
  gap: 16px;
  margin-top: 24px;
  padding: 20px;
  border: 1px solid #d9e9ef;
  border-radius: 7px;
  background: rgba(239, 248, 252, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.zm-airword-page .zm-airword-control-shortcut > strong {
  color: var(--airword-ink);
  font-size: 13px;
}

body.zm-airword-page .zm-airword-control-shortcut > small,
body.zm-airword-page .zm-airword-control-history > small {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #527064;
  font-size: 9px;
  font-weight: 700;
}

body.zm-airword-page .zm-airword-control-history {
  margin-top: 24px;
}

body.zm-airword-page .zm-airword-control-history .zm-airword-history-stats > strong {
  padding: 12px;
  font-size: 18px;
}

body.zm-airword-page .zm-airword-control-history .zm-airword-history-chart {
  height: 72px;
  gap: 7px;
  margin-top: 16px;
}

body.zm-airword-page .zm-airword-control-history .zm-airword-history-chart i {
  width: 11px;
}

body.zm-airword-page .zm-airword-control-history > small {
  margin-top: 13px;
}

body.zm-airword-page .zm-airword-control-settings {
  margin-top: 16px;
}

body.zm-airword-page .zm-airword-control-settings .zm-airword-device-row,
body.zm-airword-page .zm-airword-control-settings .zm-airword-toggle-row {
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid #e0e9ed;
  border-radius: 0;
  background: transparent;
}

body.zm-airword-page .zm-airword-control-settings .zm-airword-toggle-row {
  margin-top: 0;
}

body.zm-airword-page .zm-airword-control-airbar {
  margin-top: 13px;
  padding-top: 2px;
}

body.zm-airword-page .zm-airword-control-airbar-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 9px;
}

body.zm-airword-page .zm-airword-control-airbar-title strong {
  color: #294b59;
  font-size: 11px;
}

body.zm-airword-page .zm-airword-control-airbar-title small {
  color: #788d96;
  font-size: 8px;
}

body.zm-airword-page .zm-airword-control-airbar .zm-airword-mini-wave {
  height: 48px;
  margin-top: 7px;
}

@media (max-width: 1040px) {
  body.zm-airword-page .zm-airword-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-airword-page .zm-airword-control-cell:nth-child(2) {
    border-right: 0;
  }

  body.zm-airword-page .zm-airword-control-cell.is-environment {
    grid-column: 1 / -1;
    border-top: 1px solid #dbe8ed;
  }

  body.zm-airword-page .zm-airword-control-cell.is-environment > p {
    max-width: 540px;
  }

  body.zm-airword-page .zm-airword-control-cell.is-environment .zm-airword-control-settings {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 0.75fr) minmax(260px, 1.5fr);
    gap: 16px;
    align-items: start;
  }

  body.zm-airword-page .zm-airword-control-settings .zm-airword-device-row,
  body.zm-airword-page .zm-airword-control-settings .zm-airword-toggle-row {
    min-height: 56px;
    border-bottom: 0;
  }

  body.zm-airword-page .zm-airword-control-airbar {
    margin-top: 0;
  }
}

@media (max-width: 720px) {
  body.zm-shell.zm-airword-page #features.zm-section.zm-airword-features {
    padding-block: 46px 44px;
  }

  body.zm-shell.zm-airword-page #russian-speech.zm-section {
    padding-bottom: 42px;
  }

  body.zm-airword-page .zm-airword-control-center {
    margin-top: 0;
  }

  body.zm-airword-page .zm-airword-features-heading {
    margin-bottom: 24px;
  }

  body.zm-airword-page .zm-airword-control-head {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 21px 20px;
  }

  body.zm-airword-page .zm-airword-control-head h3 {
    font-size: 21px;
  }

  body.zm-airword-page .zm-airword-control-head > p {
    max-width: none;
    text-align: left;
  }

  body.zm-airword-page .zm-airword-control-grid {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-control-cell,
  body.zm-airword-page .zm-airword-control-cell:nth-child(2),
  body.zm-airword-page .zm-airword-control-cell:last-child {
    grid-column: auto;
    padding: 23px 20px;
    border-right: 0;
    border-bottom: 1px solid #dbe8ed;
  }

  body.zm-airword-page .zm-airword-control-cell:last-child {
    border-bottom: 0;
  }

  body.zm-airword-page .zm-airword-control-cell::before {
    left: 20px;
  }

  body.zm-airword-page .zm-airword-control-cell.is-environment .zm-airword-control-settings {
    display: block;
  }

  body.zm-airword-page .zm-airword-control-settings .zm-airword-device-row,
  body.zm-airword-page .zm-airword-control-settings .zm-airword-toggle-row {
    min-height: 0;
    border-bottom: 1px solid #e0e9ed;
  }

  body.zm-airword-page .zm-airword-control-shortcut {
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-ready > i {
    animation: none;
  }
}

body.zm-airword-page .zm-airword-reviews {
  padding-block: 82px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-reviews-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
  align-items: end;
  gap: 48px;
}

body.zm-airword-page .zm-airword-reviews-heading h2 {
  margin: 0;
  color: var(--airword-ink);
  font-size: 42px;
  line-height: 1.06;
}

body.zm-airword-page .zm-airword-reviews-heading > p {
  margin: 0;
  color: #5c737e;
  font-size: 13px;
  line-height: 1.6;
}

body.zm-airword-page .zm-airword-reviews-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 36px;
}

body.zm-airword-page .zm-airword-reviews-grid article {
  display: flex;
  min-width: 0;
  min-height: 270px;
  flex-direction: column;
  padding: 24px;
  border: 1px solid #d7e5eb;
  border-radius: var(--zm-card-radius);
  background: #f8fbfc;
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.1), 0 8px 22px rgba(26, 73, 91, 0.05);
}

body.zm-airword-page .zm-airword-review-mark {
  color: var(--zm-action-orange);
  font-family: Georgia, serif;
  font-size: 48px;
  line-height: 0.8;
}

body.zm-airword-page .zm-airword-reviews-grid article > p {
  margin: 24px 0;
  color: #29444f;
  font-size: 14px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-reviews-grid footer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: auto;
}

body.zm-airword-page .zm-airword-reviews-grid footer > span {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #ffffff;
  background: var(--airword-blue);
  font-size: 10px;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-reviews-grid footer div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

body.zm-airword-page .zm-airword-reviews-grid footer strong {
  color: var(--airword-ink);
  font-size: 13px;
}

body.zm-airword-page .zm-airword-reviews-grid footer small {
  color: #6d818a;
  font-size: 10px;
}

body.zm-airword-page .zm-airword-reviews-source {
  margin-top: 24px;
}

body.zm-airword-page .zm-airword-trust {
  padding-block: 82px;
  color: #ffffff;
  background: #102733;
}

body.zm-airword-page .zm-airword-trust-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  gap: 70px;
}

body.zm-airword-page .zm-airword-trust-heading {
  align-self: start;
}

body.zm-airword-page .zm-airword-trust-heading .zm-kicker {
  color: #91d6f3;
}

body.zm-airword-page .zm-airword-trust-heading h2 {
  color: #ffffff;
}

body.zm-airword-page .zm-airword-trust-heading .zm-text-link {
  margin-top: 28px;
  color: #ffffff;
}

body.zm-airword-page .zm-airword-trust-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.14);
}

body.zm-airword-page .zm-airword-trust-grid article {
  min-width: 0;
  padding: 24px;
  background: #102733;
}

body.zm-airword-page .zm-airword-trust-grid strong {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.25;
}

body.zm-airword-page .zm-airword-trust-grid p {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 12px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-creator {
  position: relative;
  padding-block: 60px;
  overflow: hidden;
  border-block: 1px solid #d8e6eb;
  background: linear-gradient(180deg, #ffffff 0%, #f4fafc 56%, #fff9f5 100%);
}

body.zm-airword-page .zm-airword-creator-layout {
  position: relative;
  display: grid;
  grid-template-columns: 188px minmax(0, 1fr) 310px;
  align-items: center;
  gap: 28px;
  padding: 22px;
  border: 1px solid transparent;
  border-radius: var(--zm-card-radius);
  background:
    linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)) padding-box,
    linear-gradient(135deg, rgba(42, 126, 160, 0.56), rgba(42, 126, 160, 0.08) 58%, rgba(221, 91, 30, 0.2)) border-box;
  box-shadow: 0 20px 48px rgba(26, 78, 98, 0.07);
}

body.zm-airword-page .zm-airword-creator-portrait {
  position: relative;
  width: 188px;
  height: 230px;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--zm-card-radius);
  background: #e8f1f4;
}

body.zm-airword-page .zm-airword-creator-portrait > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 38%;
}

body.zm-airword-page .zm-airword-creator-product {
  position: static;
  display: flex;
  min-width: 0;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0 20px 26px;
  border-left: 1px solid #d8e7ec;
}

body.zm-airword-page .zm-airword-creator-product-brand {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
}

body.zm-airword-page .zm-airword-creator-product-brand > img {
  box-sizing: content-box;
  width: 22px;
  height: 25px;
  flex: 0 0 auto;
  padding: 8px;
  border-radius: 8px;
  background: #123a4d;
}

body.zm-airword-page .zm-airword-creator-product-brand strong,
body.zm-airword-page .zm-airword-creator-product-brand small {
  display: block;
}

body.zm-airword-page .zm-airword-creator-product-brand strong {
  color: var(--airword-ink);
  font-size: 17px;
  line-height: 1;
  font-weight: 850;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-creator-product-brand small {
  margin-top: 5px;
  color: #5e747e;
  font-size: 9px;
  line-height: 1.3;
  font-weight: 700;
}

body.zm-airword-page .zm-airword-creator-product > p {
  margin: 18px 0 0;
  color: #486672;
  font-size: 12px;
  line-height: 1.5;
}

body.zm-airword-page .zm-airword-creator-copy {
  max-width: 720px;
  padding: 0;
}

body.zm-airword-page .zm-airword-creator-copy h2 {
  max-width: 680px;
  margin: 0;
  color: var(--airword-ink);
  font-size: clamp(34px, 3.2vw, 44px);
  line-height: 1.04;
}

body.zm-airword-page .zm-airword-creator-copy > p.zm-airword-creator-role {
  margin: 10px 0 0;
  color: var(--airword-blue);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-creator-copy > p.zm-airword-creator-lead {
  max-width: 620px;
  margin: 18px 0 0;
  color: #526b76;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
}

body.zm-airword-page .zm-airword-creator-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 20px;
}

body.zm-shell.zm-airword-page .zm-airword-creator-actions .zm-button {
  width: 100%;
  min-height: 48px;
  padding-inline: 12px;
  font-size: 12px;
}

body.zm-airword-page .zm-airword-plan {
  padding-block: 82px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-plan-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  margin-top: 36px;
}

body.zm-airword-page .zm-airword-plan-layout > article,
body.zm-airword-page .zm-airword-plan-note {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px;
  border: 1px solid #d5e3e9;
  border-radius: var(--zm-card-radius);
  background: #f8fbfc;
}

body.zm-airword-page .zm-airword-plan-layout > article.is-free {
  border-color: #a7cee0;
  box-shadow: -5px 0 20px rgba(53, 133, 171, 0.16);
}

body.zm-airword-page .zm-airword-plan-layout > article.is-pro {
  border-color: #1d4658;
  background: #102c39;
}

body.zm-airword-page .zm-airword-plan-top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.zm-airword-page .zm-airword-plan-layout small,
body.zm-airword-page .zm-airword-plan-top > span {
  color: var(--airword-blue);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-plan-top > span {
  padding: 6px 9px;
  border-radius: var(--zm-control-radius);
  color: var(--airword-ink);
  background: #dceff6;
}

body.zm-airword-page .zm-airword-plan-layout .is-pro small {
  color: #9edcf5;
}

body.zm-airword-page .zm-airword-plan-layout .is-pro .zm-airword-plan-top > span {
  color: #ffffff;
  background: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-plan-layout h3 {
  margin: 28px 0 8px;
  color: var(--airword-ink);
  font-size: 22px;
}

body.zm-airword-page .zm-airword-plan-layout p {
  margin: 0;
  color: #5d747f;
  font-size: 12px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-plan-layout .is-pro h3,
body.zm-airword-page .zm-airword-plan-layout .is-pro > strong {
  color: #ffffff;
}

body.zm-airword-page .zm-airword-plan-layout .is-pro > p {
  color: rgba(255, 255, 255, 0.68);
}

body.zm-airword-page .zm-airword-plan-layout article > strong {
  margin: 24px 0;
  color: var(--airword-ink);
  font-size: 28px;
  line-height: 1;
}

body.zm-airword-page .zm-airword-plan-layout article > strong span {
  color: #6a7e87;
  font-size: 11px;
  font-weight: 600;
}

body.zm-airword-page .zm-airword-plan-layout .is-pro > strong span {
  color: rgba(255, 255, 255, 0.6);
}

body.zm-airword-page .zm-airword-plan-layout article > ul {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0 0 28px;
  list-style: none;
}

body.zm-airword-page .zm-airword-plan-layout article > ul li {
  position: relative;
  padding-left: 22px;
  color: #405d69;
  font-size: 12px;
  line-height: 1.4;
}

body.zm-airword-page .zm-airword-plan-layout article > ul li::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid var(--airword-blue);
  border-left: 2px solid var(--airword-blue);
  content: "";
  transform: rotate(-45deg);
}

body.zm-airword-page .zm-airword-plan-layout .is-pro > ul li {
  color: rgba(255, 255, 255, 0.72);
}

body.zm-airword-page .zm-airword-plan-layout .is-pro > ul li::before {
  border-color: #8fd5f5;
}

body.zm-airword-page .zm-airword-plan-layout article .zm-button {
  width: 100%;
  margin-top: auto;
}

body.zm-airword-page .zm-airword-plan-layout .zm-airword-button-dark {
  border-color: #ffffff;
  color: var(--airword-ink);
  background: #ffffff;
}

body.zm-airword-page .zm-airword-plan-note {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border: 0;
  background: #edf5f8;
}

body.zm-airword-page .zm-airword-plan-note > div:first-child {
  max-width: 420px;
}

body.zm-airword-page .zm-airword-plan-note > div:first-child > strong {
  color: var(--airword-ink);
  font-size: 17px;
}

body.zm-airword-page .zm-airword-plan-note p {
  margin-top: 12px;
}

body.zm-airword-page .zm-airword-plan-downloads {
  display: grid;
  min-width: min(100%, 540px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.zm-airword-page .zm-airword-plan-downloads > a {
  display: grid;
  min-width: 0;
  grid-template-columns: 24px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #c7dce4;
  border-radius: var(--zm-control-radius);
  color: var(--airword-ink);
  background: #ffffff;
}

body.zm-airword-page .zm-airword-plan-downloads img {
  width: 21px;
  height: 21px;
}

body.zm-airword-page .zm-airword-plan-downloads span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}

body.zm-airword-page .zm-airword-plan-downloads strong {
  font-size: 12px;
  line-height: 1.2;
}

body.zm-airword-page .zm-airword-plan-downloads small {
  color: #6a7e87;
  font-size: 9px;
  line-height: 1.25;
  text-transform: none;
}

body.zm-airword-page .zm-airword-plan-downloads svg {
  width: 16px;
  height: 16px;
  color: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-next {
  padding-block: 82px;
  background: var(--airword-blue-soft);
}

body.zm-airword-page .zm-airword-next-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 36px;
}

body.zm-airword-page .zm-airword-next-grid > a {
  display: grid;
  min-width: 0;
  min-height: 118px;
  grid-template-columns: 38px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border: 0;
  border-radius: var(--zm-card-radius);
  color: var(--airword-ink);
  background: #ffffff;
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.13), 0 8px 22px rgba(26, 73, 91, 0.06);
}

body.zm-airword-page .zm-airword-next-grid > a > svg:first-child {
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: var(--zm-control-radius);
  color: var(--airword-blue);
  background: #edf7fb;
}

body.zm-airword-page .zm-airword-next-grid > a > svg:last-child {
  width: 17px;
  height: 17px;
  color: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-next-grid span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
}

body.zm-airword-page .zm-airword-next-grid strong {
  font-size: 16px;
  line-height: 1.2;
}

body.zm-airword-page .zm-airword-next-grid small {
  color: #637984;
  font-size: 11px;
  line-height: 1.38;
}

body.zm-airword-page .zm-airword-faq {
  padding-block: 82px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-faq .zm-faq-layout > div:first-child > p:not(.zm-kicker) {
  margin-top: 20px;
  color: #5e747e;
  font-size: 13px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-faq .zm-faq-list {
  display: grid;
  gap: 10px;
  border-bottom: 0;
}

body.zm-airword-page .zm-airword-faq .zm-faq-list details {
  overflow: hidden;
  border: 1px solid #d3e1e7;
  border-radius: var(--zm-card-radius);
  background: #f8fbfc;
  transition: border-color var(--zm-component-transition), background-color var(--zm-component-transition), box-shadow var(--zm-component-transition);
}

body.zm-airword-page .zm-airword-faq .zm-faq-list details[open] {
  border-color: #9fc8d9;
  background: #ffffff;
  box-shadow: -4px 0 18px rgba(58, 134, 167, 0.1), 0 8px 22px rgba(26, 73, 91, 0.05);
}

body.zm-airword-page .zm-airword-faq .zm-faq-list summary {
  min-height: 68px;
  padding: 15px 16px 15px 19px;
  font-size: 15px;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-faq .zm-faq-list summary > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #cadbe2;
  border-radius: 50%;
  color: var(--airword-blue);
  background: #eaf4f8;
  font-size: 19px;
  line-height: 1;
}

body.zm-airword-page .zm-airword-faq .zm-faq-list details[open] summary > span {
  color: #ffffff;
  background: var(--airword-blue);
}

body.zm-airword-page .zm-airword-faq .zm-faq-list details p {
  padding: 0 68px 19px 19px;
  font-size: 13px;
}

body.zm-airword-page .zm-airword-request {
  border-top: 1px solid #d5e4ea;
  background: #eef6f9;
}

body.zm-airword-page .zm-airword-request-points {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
}

body.zm-airword-page .zm-airword-request-points li {
  position: relative;
  padding-left: 22px;
  color: #3e5c68;
  font-size: 12px;
  line-height: 1.4;
}

body.zm-airword-page .zm-airword-request-points li::before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: "";
  background: var(--zm-action-orange);
}

@media (max-width: 1100px) {
  body.zm-airword-page .zm-airword-hero h1 {
    font-size: 58px;
  }

  body.zm-airword-page .zm-airword-hero h1 span {
    font-size: 34px;
  }

  body.zm-airword-page .zm-airword-quick-card {
    grid-template-columns: 94px minmax(0, 1fr) 16px;
    gap: 10px;
  }

  body.zm-airword-page .zm-airword-feature-layout {
    gap: 42px;
  }

  body.zm-airword-page .zm-airword-outcome-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-airword-page .zm-airword-workspace-card:last-child {
    grid-column: 1 / -1;
  }

  body.zm-airword-page .zm-airword-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-airword-page .zm-airword-reviews-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-airword-page .zm-airword-plan-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-airword-page .zm-airword-plan-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  body.zm-airword-page .zm-airword-hero,
  body.zm-airword-page .zm-airword-hero-inner {
    min-height: 670px;
  }

  body.zm-airword-page .zm-airword-hero-media img {
    object-position: 58% 50%;
  }

  body.zm-airword-page .zm-airword-quick-grid {
    grid-template-columns: 1fr;
    margin-top: -28px;
  }

  body.zm-airword-page .zm-airword-quick-stage {
    padding-bottom: 26px;
  }

  body.zm-airword-page .zm-airword-quick-stage::before {
    top: -38px;
    height: 78px;
    backdrop-filter: blur(6px);
  }

  body.zm-airword-page .zm-airword-quick-card {
    grid-template-columns: 112px minmax(0, 1fr) 18px;
  }

  body.zm-airword-page .zm-airword-outcome-grid,
  body.zm-airword-page .zm-airword-next-grid {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-workspace-card:last-child {
    grid-column: auto;
  }

  body.zm-airword-page .zm-airword-app-marquee {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.zm-airword-page .zm-airword-feature-layout,
  body.zm-airword-page .zm-airword-feature-layout.is-reversed,
  body.zm-airword-page .zm-airword-trust-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.zm-airword-page .zm-airword-feature-layout.is-reversed .zm-airword-feature-media {
    order: 0;
  }

  body.zm-airword-page .zm-airword-feature-media {
    max-height: 520px;
  }

  body.zm-airword-page .zm-airword-demo-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body.zm-airword-page .zm-airword-demo-variant {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-demo-voice {
    min-height: 240px;
  }

  body.zm-airword-page .zm-airword-video-layout,
  body.zm-airword-page .zm-airword-reviews-heading {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.zm-airword-page .zm-airword-video-poster {
    min-height: 400px;
  }

  body.zm-airword-page .zm-airword-creator-portrait {
    width: 150px;
    height: 184px;
  }

  body.zm-airword-page .zm-airword-creator-layout {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 24px;
  }

  body.zm-airword-page .zm-airword-creator-copy {
    max-width: 760px;
  }

  body.zm-airword-page .zm-airword-creator-copy h2 {
    font-size: clamp(32px, 5.2vw, 40px);
  }

  body.zm-airword-page .zm-airword-creator-product {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 150px minmax(145px, 1fr) minmax(252px, 0.9fr);
    align-items: center;
    gap: 18px;
    padding: 20px 0 0;
    border-top: 1px solid #d8e7ec;
    border-left: 0;
  }

  body.zm-airword-page .zm-airword-creator-product > p,
  body.zm-airword-page .zm-airword-creator-actions {
    margin-top: 0;
  }

  body.zm-airword-page .zm-airword-creator-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body.zm-airword-page .zm-airword-hero,
  body.zm-airword-page .zm-airword-hero-inner {
    min-height: 650px;
  }

  body.zm-airword-page .zm-airword-hero::after {
    background: rgba(3, 20, 31, 0.68);
  }

  body.zm-airword-page .zm-airword-hero-inner {
    justify-content: flex-end;
    padding-top: 92px;
    padding-bottom: 44px;
  }

  body.zm-airword-page .zm-airword-brand {
    margin-bottom: 20px;
  }

  body.zm-airword-page .zm-airword-brand-word {
    width: 166px;
    height: 21px;
  }

  body.zm-airword-page .zm-airword-brand-mark {
    width: 27px;
    height: 30px;
  }

  body.zm-airword-page .zm-airword-hero h1 {
    font-size: 42px;
    line-height: 1;
  }

  body.zm-airword-page .zm-airword-hero h1 span {
    margin-top: 8px;
    font-size: 27px;
    line-height: 1.08;
  }

  body.zm-airword-page .zm-airword-hero-lead {
    margin: 18px 0 20px;
    font-size: 14px;
  }

  body.zm-airword-page .zm-airword-platform-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-platform-button,
  body.zm-airword-page .zm-airword-button-secondary {
    width: 100%;
  }

  body.zm-airword-page .zm-airword-hero-facts {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 24px;
  }

  body.zm-airword-page .zm-airword-hero-facts li,
  body.zm-airword-page .zm-airword-hero-facts li:first-child {
    display: grid;
    grid-template-columns: minmax(120px, auto) 1fr;
    gap: 10px;
    padding: 7px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-left: 0;
  }

  body.zm-airword-page .zm-airword-hero-facts li:first-child {
    border-top: 0;
  }

  body.zm-airword-page .zm-airword-quick-grid {
    gap: 8px;
    margin-top: -20px;
  }

  body.zm-airword-page .zm-airword-quick-stage {
    padding-bottom: 22px;
  }

  body.zm-airword-page .zm-airword-quick-card {
    min-height: 108px;
    grid-template-columns: 96px minmax(0, 1fr) 16px;
    padding-right: 12px;
  }

  body.zm-airword-page .zm-airword-quick-card strong {
    font-size: 14px;
  }

  body.zm-airword-page .zm-airword-quick-card em {
    font-size: 10px;
  }

  body.zm-airword-page .zm-airword-outcome,
  body.zm-airword-page .zm-airword-feature,
  body.zm-airword-page .zm-airword-russian,
  body.zm-airword-page .zm-airword-video,
  body.zm-airword-page .zm-airword-demo,
  body.zm-airword-page .zm-airword-features,
  body.zm-airword-page .zm-airword-reviews,
  body.zm-airword-page .zm-airword-trust,
  body.zm-airword-page .zm-airword-creator,
  body.zm-airword-page .zm-airword-plan,
  body.zm-airword-page .zm-airword-next,
  body.zm-airword-page .zm-airword-faq {
    padding-block: 58px;
  }

  body.zm-airword-page .zm-airword-feature-copy h2,
  body.zm-airword-page .zm-airword-reviews-heading h2,
  body.zm-airword-page .zm-airword-demo-heading h2,
  body.zm-airword-page .zm-airword-trust-heading h2,
  body.zm-airword-page .zm-airword-creator-copy h2 {
    font-size: 32px;
    line-height: 1.08;
  }

  body.zm-airword-page .zm-airword-outcome-grid {
    gap: 8px;
    margin-top: 26px;
  }

  body.zm-airword-page .zm-airword-workspace-card {
    min-height: 334px;
    flex: 0 0 min(88vw, 360px);
    padding: 16px;
  }

  body.zm-airword-page .zm-airword-outcome-grid {
    display: flex;
    margin-right: -18px;
    padding-right: 18px;
    padding-bottom: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  body.zm-airword-page .zm-airword-workspace-card {
    scroll-snap-align: start;
  }

  body.zm-airword-page .zm-airword-app-marquee {
    padding: 13px;
  }

  body.zm-airword-page .zm-airword-app-marquee-copy span {
    max-width: 270px;
  }

  body.zm-airword-page .zm-airword-app-marquee-group {
    gap: 17px;
    padding-right: 17px;
  }

  body.zm-airword-page .zm-airword-app-marquee-track {
    animation-duration: 30s;
  }

  body.zm-airword-page .zm-airword-demo-tabs {
    display: flex;
    gap: 8px;
    margin-top: 26px;
    margin-right: -18px;
    padding-right: 18px;
    padding-bottom: 6px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }

  body.zm-airword-page .zm-airword-demo-tabs button {
    width: min(78vw, 286px);
    flex: 0 0 min(78vw, 286px);
    grid-template-columns: 64px minmax(0, 1fr);
    scroll-snap-align: start;
  }

  body.zm-airword-page .zm-airword-demo-panel {
    padding: 10px;
  }

  body.zm-airword-page .zm-airword-demo-panel-head {
    display: block;
    padding: 3px 2px 12px;
  }

  body.zm-airword-page .zm-airword-demo-services {
    margin-top: 11px;
    padding-bottom: 4px;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  body.zm-airword-page .zm-airword-demo-services button {
    flex: 0 0 auto;
  }

  body.zm-airword-page :is(.zm-airword-demo-voice, .zm-airword-demo-screen) {
    min-height: 0;
  }

  body.zm-airword-page .zm-airword-demo-voice {
    min-height: 230px;
    padding: 16px;
  }

  body.zm-airword-page .zm-airword-demo-voice blockquote {
    margin-block: 15px;
    font-size: 12px;
  }

  body.zm-airword-page .zm-airword-demo-screen {
    min-height: 390px;
  }

  body.zm-airword-page .zm-airword-demo-appbar {
    padding-inline: 12px;
  }

  body.zm-airword-page .zm-airword-mail-compose {
    padding-inline: 12px;
  }

  body.zm-airword-page .zm-airword-mail-body {
    font-size: 10px;
  }

  body.zm-airword-page .zm-airword-demo-live {
    grid-template-columns: 10px minmax(0, 1fr);
  }

  body.zm-airword-page .zm-airword-demo-live small {
    grid-column: 2;
    text-align: left;
  }

  body.zm-airword-page .zm-airword-ai-chat,
  body.zm-airword-page .zm-airword-terminal-body {
    padding: 14px;
  }

  body.zm-airword-page .zm-airword-ai-chat p {
    max-width: 100%;
  }

  body.zm-airword-page .zm-airword-sipuni-workspace {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-sipuni-workspace > aside {
    flex-direction: row;
    align-items: center;
    padding: 8px 10px;
    border-right: 0;
    border-bottom: 1px solid #e0e0e8;
  }

  body.zm-airword-page .zm-airword-sipuni-workspace > aside > strong,
  body.zm-airword-page .zm-airword-sipuni-workspace > aside > small,
  body.zm-airword-page .zm-airword-sipuni-workspace nav span:not(.is-active) {
    display: none;
  }

  body.zm-airword-page .zm-airword-sipuni-workspace nav {
    display: flex;
    margin: 0;
  }

  body.zm-airword-page .zm-airword-sipuni-main {
    padding: 10px;
  }

  body.zm-airword-page .zm-airword-sipuni-content {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-bitrix-task dl {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-amocrm-workspace {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-amocrm-workspace > aside {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px 12px;
    border-right: 0;
    border-bottom: 1px solid #dce5e9;
  }

  body.zm-airword-page .zm-airword-amocrm-workspace > aside > span {
    grid-column: 1;
  }

  body.zm-airword-page .zm-airword-amocrm-workspace > aside dl {
    display: none;
  }

  body.zm-airword-page .zm-airword-amocrm-workspace > aside em {
    grid-row: 1 / span 2;
    grid-column: 2;
    align-self: center;
    margin: 0;
  }

  body.zm-airword-page .zm-airword-amocrm-dialog {
    padding: 10px 12px;
  }

  body.zm-airword-page .zm-airword-video-layout,
  body.zm-airword-page .zm-airword-reviews-grid {
    gap: 8px;
    margin-top: 26px;
  }

  body.zm-airword-page .zm-airword-video-poster {
    min-height: 280px;
  }

  body.zm-airword-page .zm-airword-video-play {
    width: 58px;
    height: 58px;
  }

  body.zm-airword-page .zm-airword-video-caption {
    right: 16px;
    bottom: 16px;
    left: 16px;
  }

  body.zm-airword-page .zm-airword-video-caption strong {
    font-size: 18px;
  }

  body.zm-airword-page .zm-airword-video-copy {
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-features-grid,
  body.zm-airword-page .zm-airword-reviews-grid,
  body.zm-airword-page .zm-airword-trust-grid,
  body.zm-airword-page .zm-airword-plan-layout {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-features-grid {
    gap: 8px;
    margin-top: 26px;
  }

  body.zm-airword-page .zm-airword-reviews-grid article {
    min-height: 220px;
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-trust-grid {
    gap: 1px;
  }

  body.zm-airword-page .zm-airword-creator {
    padding-block: 48px;
  }

  body.zm-airword-page .zm-airword-creator-layout {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 14px;
  }

  body.zm-airword-page .zm-airword-creator-portrait {
    width: 112px;
    height: 132px;
  }

  body.zm-airword-page .zm-airword-creator-copy {
    padding: 0 8px;
  }

  body.zm-airword-page .zm-airword-creator-copy h2 {
    font-size: 32px;
  }

  body.zm-airword-page .zm-airword-creator-copy > p.zm-airword-creator-role {
    margin-top: 10px;
    font-size: 14px;
  }

  body.zm-airword-page .zm-airword-creator-copy > p.zm-airword-creator-lead {
    margin-top: 20px;
    font-size: 14px;
  }

  body.zm-airword-page .zm-airword-creator-product {
    display: flex;
    grid-column: auto;
    padding: 20px 8px 4px;
    border-top: 1px solid #d8e7ec;
    border-left: 0;
  }

  body.zm-airword-page .zm-airword-creator-product > p {
    margin-top: 16px;
  }

  body.zm-airword-page .zm-airword-creator-actions {
    grid-template-columns: 1fr;
    margin-top: 18px;
  }

  body.zm-airword-page .zm-airword-creator-actions .zm-button {
    width: 100%;
  }

  body.zm-airword-page .zm-airword-plan-layout {
    gap: 8px;
    margin-top: 26px;
  }

  body.zm-airword-page .zm-airword-plan-note {
    grid-column: auto;
    align-items: stretch;
    flex-direction: column;
  }

  body.zm-airword-page .zm-airword-plan-downloads {
    min-width: 0;
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-next-grid {
    gap: 8px;
    margin-top: 26px;
  }

  body.zm-airword-page .zm-airword-next-grid > a {
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    min-height: 108px;
    padding: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-quick-card,
  body.zm-airword-page .zm-airword-button-secondary,
  body.zm-airword-page .zm-airword-button-dark {
    transition: none;
  }
}

@font-face {
  font-family: "Uni Neue";
  src: url("fonts/UniNeueBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Uni Neue";
  src: url("fonts/UniNeueHeavy.woff2") format("woff2");
  font-style: normal;
  font-weight: 800 900;
  font-display: swap;
}

body.zm-shell {
  --zm-ink: #18272f;
  --zm-muted: #5b6c75;
  --zm-line: #d8e0e4;
  --zm-soft: #f2f5f6;
  --zm-blue-soft: #e7eff3;
  --zm-blue-dark: #176b9d;
  --zm-dark: #182a33;
  --zm-dark-line: #50616a;
  --zm-orange: #e75122;
  --zm-orange-dark: #bd3b16;
  --zm-white: #ffffff;
  --zm-max: 1360px;
  color: var(--zm-ink);
  background: var(--zm-white);
  font-family: "Uni Neue", Inter, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
}

/* Lead-generation partnership: a connected path from demand to revenue. */
.zm-section.zm-lead-steps {
  overflow: hidden;
  padding-bottom: clamp(74px, 7vw, 96px);
  border-top: 1px solid #d3e0e5;
  background: linear-gradient(180deg, #f7f9fa 0%, #edf4f7 100%);
}

.zm-lead-steps .zm-section-heading {
  margin-bottom: 36px;
}

.zm-lead-steps .zm-section-heading h2 span {
  color: #2374c6;
}

.zm-lead-steps .zm-heading-proof {
  position: relative;
  max-width: 475px;
  padding-left: 22px;
}

.zm-lead-steps .zm-heading-proof::before {
  position: absolute;
  top: 3px;
  bottom: 1px;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #2379cf 0%, #e75122 100%);
  content: "";
}

.zm-lead-steps .zm-heading-proof-label {
  color: #b74626;
}

.zm-lead-steps .zm-heading-proof > strong {
  max-width: 460px;
  font-size: clamp(24px, 2vw, 30px);
}

.zm-lead-steps .zm-heading-proof > p {
  max-width: 470px;
}

.zm-lead-steps .zm-heading-proof-line {
  width: 92px;
  background: linear-gradient(90deg, #2379cf 0%, #e75122 100%);
}

.zm-lead-step-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.zm-lead-step-card {
  --zm-lead-dot: #2379cf;
  --zm-lead-pulse: 35, 121, 207;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 0;
  overflow: visible;
  flex-direction: column;
  border: 1px solid #d1dde2;
  border-radius: 24px;
  background: #fff;
  box-shadow:
    0 20px 44px rgba(29, 55, 67, 0.09),
    0 5px 14px rgba(29, 55, 67, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-lead-step-card::before {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 24px;
  left: 24px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: #2379cf;
  content: "";
}

.zm-lead-step-card:not(:last-child)::after {
  position: absolute;
  z-index: 5;
  top: 174px;
  right: -31px;
  display: grid;
  width: 40px;
  height: 40px;
  border: 1px solid #cbd9df;
  border-radius: 50%;
  color: #2379cf;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(27, 58, 73, 0.13);
  content: "→";
  font-size: 20px;
  line-height: 1;
  place-items: center;
}

.zm-lead-step-card:hover {
  border-color: #b8cbd5;
  box-shadow:
    0 25px 52px rgba(29, 55, 67, 0.12),
    0 7px 18px rgba(29, 55, 67, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transform: translateY(-3px);
}

.zm-lead-step-card--offer {
  --zm-lead-dot: #d9512f;
  --zm-lead-pulse: 217, 81, 47;
  border-color: #dc8c72;
  box-shadow:
    0 22px 46px rgba(198, 75, 42, 0.14),
    0 5px 14px rgba(29, 55, 67, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.zm-lead-step-card--offer::before {
  background: #e05b36;
}

.zm-lead-step-card--offer::after {
  color: #d9512f;
}

.zm-lead-step-card--launch {
  --zm-lead-dot: #167a9d;
  --zm-lead-pulse: 22, 122, 157;
}

.zm-lead-step-card--launch::before {
  background: #167a9d;
}

.zm-lead-step-visual {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 8.6;
  overflow: hidden;
  border-bottom: 1px solid #dce5e8;
  border-radius: 23px 23px 0 0;
  background: #eaf2f7;
}

.zm-lead-step-visual--offer {
  border-bottom-color: #efc7ba;
  background: #f5eeeb;
}

.zm-lead-step-visual--launch {
  background: #edf4f6;
}

.zm-lead-step-visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 42, 54, 0) 46%, rgba(20, 42, 54, 0.2) 100%);
  content: "";
  pointer-events: none;
}

.zm-lead-step-visual > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.94) contrast(1.035);
  transition: transform 400ms ease;
}

.zm-lead-step-card:hover .zm-lead-step-visual > img {
  transform: scale(1.025);
}

.zm-lead-step-visual--research > img {
  object-position: 52% center;
}

.zm-lead-stage {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  left: 18px;
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #264c60;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 7px 18px rgba(23, 59, 80, 0.12);
  font-size: 11px;
  line-height: 1;
  font-weight: 720;
  text-transform: uppercase;
  backdrop-filter: blur(7px);
}

.zm-lead-stage svg {
  width: 16px;
  height: 16px;
  color: #2374c6;
}

.zm-lead-step-visual--offer .zm-lead-stage svg {
  color: #d9512f;
}

.zm-lead-step-visual--launch .zm-lead-stage svg {
  color: #167a9d;
}

.zm-lead-step-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 24px 26px;
}

.zm-lead-step-copy h3 {
  min-height: 0;
  margin: 0 0 12px;
  color: var(--zm-ink);
  font-size: clamp(23px, 1.8vw, 28px);
  line-height: 1.08;
  font-weight: 720;
}

.zm-lead-step-copy > p {
  min-height: 0;
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.5;
}

.zm-lead-step-copy ul {
  display: grid;
  gap: 8px;
  padding: 15px 0 0;
  margin: 17px 0 0;
  border-top: 1px solid #dce5e8;
  list-style: none;
}

.zm-lead-step-copy li {
  position: relative;
  padding-left: 20px;
  color: #324953;
  font-size: 12px;
  line-height: 1.42;
}

.zm-lead-step-copy li::before {
  position: absolute;
  top: 5px;
  left: 1px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--zm-lead-dot);
  box-shadow: 0 0 0 0 rgba(var(--zm-lead-pulse), 0.24);
  content: "";
  animation: zm-lead-dot-pulse 3.2s ease-in-out infinite;
}

.zm-lead-step-copy li:nth-child(2)::before {
  animation-delay: 180ms;
}

.zm-lead-step-copy li:nth-child(3)::before {
  animation-delay: 360ms;
}

@keyframes zm-lead-dot-pulse {
  0%,
  58%,
  100% {
    opacity: 0.82;
    box-shadow: 0 0 0 0 rgba(var(--zm-lead-pulse), 0.24);
    transform: scale(0.94);
  }

  72% {
    opacity: 1;
    box-shadow: 0 0 0 5px rgba(var(--zm-lead-pulse), 0);
    transform: scale(1.08);
  }
}

.zm-lead-steps-footer {
  position: relative;
  display: grid;
  grid-template-columns: minmax(340px, 1.2fr) minmax(315px, 0.85fr) auto;
  align-items: center;
  gap: clamp(22px, 3vw, 44px);
  padding: 28px 30px;
  margin-top: 20px;
  border: 1px solid #c9d9e0;
  border-radius: 24px;
  color: var(--zm-ink);
  background: linear-gradient(105deg, #ffffff 0%, #f5fbfd 54%, #edf6fa 100%);
  box-shadow:
    0 22px 48px rgba(31, 55, 66, 0.11),
    0 5px 14px rgba(31, 55, 66, 0.05),
    inset 4px 0 0 #2379cf;
}

.zm-lead-steps-footer::before {
  position: absolute;
  top: 0;
  right: 28px;
  left: 28px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #2379cf 0%, #167a9d 54%, #e75122 100%);
  content: "";
}

.zm-lead-footer-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.zm-lead-steps-footer strong {
  max-width: 520px;
  font-size: clamp(22px, 2vw, 29px);
  line-height: 1.08;
}

.zm-lead-steps-footer span {
  max-width: 540px;
  color: #4f6c79;
  font-size: 14px;
  line-height: 1.45;
}

.zm-lead-footer-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.zm-lead-footer-proof li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 9px;
}

.zm-lead-footer-proof-media {
  display: block;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  overflow: hidden;
  border: 2px solid #ffffff;
  border-radius: 17px;
  background: #edf5f8;
  box-shadow:
    0 9px 20px rgba(32, 65, 80, 0.11),
    0 2px 5px rgba(32, 65, 80, 0.07);
}

.zm-lead-footer-proof-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.08);
}

.zm-lead-footer-proof span {
  color: #324953;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
}

.zm-lead-steps-footer .zm-button {
  flex: 0 0 auto;
  min-width: 220px;
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .zm-lead-steps-footer {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .zm-lead-footer-copy {
    grid-column: 1 / -1;
  }
}

@media (max-width: 960px) {
  .zm-lead-step-grid {
    grid-template-columns: 1fr;
  }

  .zm-lead-step-card {
    display: grid;
    grid-template-columns: minmax(260px, 40%) minmax(0, 1fr);
    min-height: 0;
  }

  .zm-lead-step-card::after {
    display: none !important;
  }

  .zm-lead-step-visual {
    min-height: 300px;
    aspect-ratio: auto;
    border-right: 1px solid #dce5e8;
    border-bottom: 0;
    border-radius: 23px 0 0 23px;
  }

  .zm-lead-step-copy h3,
  .zm-lead-step-copy > p {
    min-height: 0;
  }

  .zm-lead-step-copy ul {
    margin-top: 24px;
  }

  .zm-lead-step-visual--launch > img {
    object-position: 53% center;
  }
}

@media (max-width: 680px) {
  .zm-section.zm-lead-steps {
    padding-bottom: 64px;
  }

  .zm-lead-steps .zm-section-heading {
    margin-bottom: 28px;
  }

  .zm-lead-steps .zm-section-heading h2 {
    font-size: clamp(35px, 11vw, 46px);
  }

  .zm-lead-steps .zm-heading-proof {
    padding-left: 16px;
  }

  .zm-lead-steps .zm-heading-proof > strong {
    font-size: 23px;
  }

  .zm-lead-step-card {
    display: flex;
    min-height: 0;
  }

  .zm-lead-step-visual {
    min-height: 206px;
    aspect-ratio: 16 / 8.6;
    border-right: 0;
    border-bottom: 1px solid #dce5e8;
    border-radius: 23px 23px 0 0;
  }

  .zm-lead-step-copy {
    padding: 23px 20px 25px;
  }

  .zm-lead-step-copy h3 {
    font-size: 24px;
  }

  .zm-lead-step-copy > p {
    font-size: 14px;
  }

  .zm-lead-steps-footer {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 21px;
    padding: 24px 20px;
  }

  .zm-lead-footer-copy {
    grid-column: auto;
  }

  .zm-lead-footer-proof {
    gap: 8px;
  }

  .zm-lead-footer-proof li {
    align-items: center;
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }

  .zm-lead-footer-proof span {
    font-size: 10px;
  }

  .zm-lead-footer-proof-media {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
    border-radius: 19px;
  }

  .zm-lead-steps-footer .zm-button {
    width: 100%;
    min-width: 0;
  }
}

/* Homepage v109: clearer call action and quieter section introductions. */
.zm-shell .zm-header .header-actions {
  gap: 18px;
}

.zm-shell .zm-header .zm-header-phone {
  border-radius: 14px;
}

@media (max-width: 1120px) {
  .zm-shell .zm-header .header-actions {
    gap: 10px;
  }

  .zm-shell .zm-header .zm-header-phone {
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-lead-step-card,
  .zm-lead-step-visual > img,
  .zm-lead-step-copy li::before {
    transition: none;
    animation: none;
  }
}

.zm-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000;
  padding: 12px 16px;
  color: var(--zm-white);
  background: var(--zm-dark);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  transform: translateY(calc(-100% - 24px));
}

.zm-skip-link:focus-visible {
  transform: translateY(0);
}

.zm-shell :focus-visible {
  outline: 3px solid #2381b5;
  outline-offset: 3px;
}

.zm-shell svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.project-art,
.avatar,
.news-thumb {
  position: relative;
  overflow: hidden;
}

.media-cover {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zm-shell .site-header.zm-header {
  position: sticky;
  inset: 0 0 auto;
  z-index: 50;
  width: 100%;
  max-width: none;
  min-height: 84px;
  margin: 0;
  padding: 15px max(24px, calc((100% - var(--zm-max)) / 2));
  border: 0;
  border-bottom: 1px solid var(--zm-line);
  border-radius: 0;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: none;
  backdrop-filter: blur(14px);
}

.zm-shell .site-header.zm-header.is-scrolled {
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.97);
  border-color: var(--zm-line);
  box-shadow: 0 8px 24px rgba(24, 39, 47, 0.08);
}

.zm-shell .zm-brand {
  grid-template-columns: 42px minmax(0, auto);
  gap: 11px;
}

.zm-shell .zm-brand .brand-mark {
  width: 42px;
  height: 46px;
  border-radius: 3px;
  color: var(--zm-white);
  background: var(--zm-orange);
  box-shadow: none;
  font-size: 31px;
  font-style: italic;
  font-weight: 900;
}

.zm-shell .zm-brand .zm-logo-symbol {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--zm-white);
}

.zm-shell .zm-brand .zm-logo-symbol img {
  position: absolute;
  top: 3px;
  left: 0;
  width: auto;
  max-width: none;
  height: 40px;
}

.zm-shell .zm-brand-name {
  display: flex;
  align-items: center;
  gap: 16px;
}

.zm-shell .zm-brand-name strong {
  font-size: 16px;
  line-height: 0.98;
  font-weight: 780;
}

.zm-shell .zm-brand-name small {
  max-width: 150px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 9px;
  line-height: 1.45;
  text-transform: uppercase;
  opacity: 1;
}

.zm-shell .site-header .zm-brand-name {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}

.zm-shell .site-header .zm-brand-name small {
  max-width: none;
  font-size: 8px;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
}

.zm-shell .zm-nav {
  align-items: stretch;
  gap: 4px;
}

.zm-shell .zm-nav > .zm-nav-direct,
.zm-shell .zm-nav-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 52px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  color: var(--zm-ink);
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease;
}

.zm-shell .zm-nav > .zm-nav-direct:hover,
.zm-shell .zm-nav > .zm-nav-direct.is-active,
.zm-shell .zm-nav-trigger:hover,
.zm-shell .zm-nav-trigger.is-active,
.zm-shell .zm-nav-group.is-expanded > .zm-nav-trigger {
  color: var(--zm-orange-dark);
}

.zm-shell .zm-nav > .zm-nav-direct:hover,
.zm-shell .zm-nav-trigger:hover {
  background: #f5f8fa;
}

.zm-shell .zm-nav-group.is-expanded > .zm-nav-trigger {
  background: #fff3ee;
}

.zm-shell .zm-nav-trigger:focus-visible,
.zm-shell .zm-nav > .zm-nav-direct:focus-visible {
  outline: 2px solid rgba(35, 129, 181, 0.5);
  outline-offset: 1px;
}

.zm-shell .zm-nav-trigger svg {
  width: 15px;
  height: 15px;
  transition: transform 0.18s ease;
}

.zm-shell .zm-nav-group.is-expanded > .zm-nav-trigger svg {
  transform: rotate(180deg);
}

.zm-nav-group {
  position: relative;
  display: flex;
  align-items: stretch;
}

.zm-nav-group::after {
  content: "";
  position: absolute;
  top: 100%;
  right: -12px;
  left: -12px;
  height: 18px;
}

.zm-nav-panel {
  position: absolute;
  z-index: 70;
  top: calc(100% + 13px);
  padding: 12px;
  border: 1px solid var(--zm-line);
  border-radius: 16px;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 20px 56px rgba(24, 39, 47, 0.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition:
    opacity 0.16s ease,
    transform 0.16s ease,
    visibility 0.16s ease;
}

.zm-nav-group:hover > .zm-nav-panel,
.zm-nav-group:focus-within > .zm-nav-panel,
.zm-nav-group.is-expanded > .zm-nav-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.zm-nav-panel-services {
  left: -128px;
  display: grid;
  gap: 0;
  width: min(820px, calc(100vw - 32px));
  padding: 0;
}

.zm-nav-panel-compact {
  width: 306px;
}

.zm-nav-group-solutions .zm-nav-panel-compact {
  left: 50%;
  margin-left: -153px;
}

.zm-nav-group-company .zm-nav-panel-compact {
  right: 0;
}

.zm-nav-shelf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0 18px;
  border-bottom: 1px solid var(--zm-line);
  background: #fbfcfd;
}

.zm-nav-shelf-head > strong {
  font-size: 14px;
  line-height: 1.3;
}

.zm-shell .zm-nav .zm-nav-shelf-head > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--zm-blue-dark);
  font-size: 12px;
  font-weight: 750;
}

.zm-shell .zm-nav .zm-nav-shelf-head svg {
  width: 14px;
  height: 14px;
  transition: transform 0.18s ease;
}

.zm-shell .zm-nav .zm-nav-shelf-head > a:hover svg {
  transform: translateX(3px);
}

.zm-nav-shelf-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 16px 8px 18px;
}

.zm-nav-column {
  min-width: 0;
  padding: 0 10px;
}

.zm-nav-column + .zm-nav-column {
  border-left: 1px solid var(--zm-line);
}

.zm-shell .zm-nav .zm-nav-column-title {
  display: block;
  margin: 0 8px 8px;
  color: var(--zm-blue-dark);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}

.zm-nav-column:nth-child(even) .zm-nav-column-title {
  color: var(--zm-orange-dark);
}

.zm-nav-column ul,
.zm-nav-simple-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.zm-shell .zm-nav .zm-nav-column li > a {
  display: block;
  padding: 8px;
  border-radius: 9px;
  color: var(--zm-ink);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  white-space: normal;
  transition: color 0.18s ease, background 0.18s ease;
}

.zm-shell .zm-nav .zm-nav-column li > a:hover,
.zm-shell .zm-nav .zm-nav-column li > a.is-active {
  color: var(--zm-blue-dark);
  background: #eef6fb;
}

.zm-nav-column:nth-child(even) li > a:hover,
.zm-nav-column:nth-child(even) li > a.is-active {
  color: var(--zm-orange-dark);
  background: #fff4ef;
}

.zm-shell .zm-nav .zm-nav-simple-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--zm-ink);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 650;
  transition: color 0.18s ease, background 0.18s ease;
}

.zm-shell .zm-nav .zm-nav-simple-list a:hover,
.zm-shell .zm-nav .zm-nav-simple-list a.is-active {
  color: var(--zm-orange-dark);
  background: #fff4ef;
}

.zm-shell .zm-nav .zm-nav-simple-list svg {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  color: var(--zm-muted);
  transition: transform 0.18s ease;
}

.zm-shell .zm-nav .zm-nav-simple-list a:hover svg {
  transform: translateX(3px);
}

.zm-shell .zm-nav .zm-nav-cta {
  display: none;
}

.zm-shell .zm-nav .zm-nav-phone {
  display: none;
}

.zm-header-phone {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 5px 11px;
  border: 1px solid #d7e1e5;
  border-radius: 14px;
  color: var(--zm-ink);
  font-weight: 750;
  white-space: nowrap;
  background: #f7fafb;
  box-shadow: 0 5px 14px rgba(34, 55, 65, 0.06);
}

.zm-header-phone svg {
  width: 18px;
  height: 18px;
  color: var(--zm-orange-dark);
}

.zm-header-phone-copy {
  display: grid;
  gap: 1px;
  line-height: 1.05;
}

.zm-header-phone-copy small {
  color: #657a83;
  font-size: 9px;
  font-weight: 650;
}

.zm-header-phone-copy strong {
  color: var(--zm-ink);
  font-size: 12px;
  font-weight: 800;
}

.zm-header-phone:hover {
  color: var(--zm-orange-dark);
  border-color: rgba(202, 72, 34, 0.42);
  background: #fff8f5;
}

.zm-header-cta,
.zm-footer-action,
.zm-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  border-bottom: 1px solid var(--zm-orange);
  font-size: 13px;
  font-weight: 750;
}

.zm-header-cta svg,
.zm-footer-action svg,
.zm-text-link svg {
  width: 17px;
  height: 17px;
  transition: transform 0.2s ease;
}

.zm-header-cta:hover svg,
.zm-footer-action:hover svg,
.zm-text-link:hover svg {
  transform: translateX(4px);
}

.zm-shell .zm-header .icon-button {
  color: var(--zm-ink);
  border-color: var(--zm-line);
  border-radius: 4px;
  background: var(--zm-white);
}

.zm-container {
  width: min(calc(100% - 48px), var(--zm-max));
  margin-inline: auto;
}

.zm-kicker {
  margin: 0 0 20px;
  color: var(--zm-muted);
  font-size: 11px;
  line-height: 1.45;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0;
}

.zm-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.zm-hero {
  position: relative;
  min-height: 620px;
  height: calc(100svh - 126px);
  max-height: 760px;
  overflow: hidden;
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-hero-mark {
  position: absolute;
  top: -115px;
  right: 2%;
  color: var(--zm-white);
  font-size: 560px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  opacity: 0.035;
  pointer-events: none;
  user-select: none;
}

.zm-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 72px;
}

.zm-hero .zm-kicker {
  color: #b9c8cf;
}

.zm-hero h1 {
  display: flex;
  flex-direction: column;
  max-width: 1120px;
  margin: 0;
  color: var(--zm-white);
  font-size: 84px;
  line-height: 0.96;
  font-weight: 760;
  letter-spacing: 0;
}

.zm-hero h1 span {
  display: block;
}

.zm-hero h1 .zm-accent {
  color: #f06a3e;
}

.zm-hero-footer {
  display: grid;
  grid-template-columns: minmax(0, 540px) auto;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-top: 34px;
}

.zm-hero-footer > p {
  margin: 0;
  color: #c4d0d6;
  font-size: 18px;
  line-height: 1.55;
}

.zm-actions {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.zm-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 52px;
  padding: 14px 20px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 750;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.zm-button svg {
  width: 18px;
  height: 18px;
}

.zm-button-primary {
  color: var(--zm-white);
  background: var(--zm-orange-dark);
  border-color: var(--zm-orange-dark);
}

.zm-button-primary:hover {
  background: #982e11;
  border-color: #982e11;
}

.zm-button-secondary {
  color: var(--zm-orange-dark);
  background: var(--zm-white);
  border-color: #cf9b86;
}

.zm-button-secondary:hover {
  background: #fff5f1;
  border-color: var(--zm-orange);
}

.zm-hero .zm-text-link {
  color: var(--zm-white);
  border-color: #73848c;
}

.zm-system-line {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: auto;
  border-top: 1px solid var(--zm-dark-line);
}

.zm-system-line > div {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 14px;
  min-height: 94px;
  padding: 20px 22px;
  border-right: 1px solid var(--zm-dark-line);
}

.zm-system-line > div:first-child {
  padding-left: 0;
}

.zm-system-line > div:last-child {
  border-right: 0;
}

.zm-system-line span {
  grid-row: span 2;
  color: #ef8a65;
  font-size: 11px;
}

.zm-system-line strong {
  font-size: 17px;
  font-weight: 650;
}

.zm-system-line small {
  color: #9eafb7;
  font-size: 12px;
}

.zm-routes {
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-soft);
}

.zm-routes .zm-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.zm-routes a {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 20px;
  min-height: 96px;
  padding: 23px 28px;
  border-right: 1px solid var(--zm-line);
  transition: color 0.2s ease, background 0.2s ease;
}

.zm-routes a:first-of-type {
  padding-left: 0;
}

.zm-routes a:last-of-type {
  border-right: 0;
}

.zm-routes a:hover {
  color: var(--zm-orange-dark);
  background: #e9eef0;
}

.zm-routes span {
  grid-column: 1;
  color: var(--zm-muted);
  font-size: 11px;
}

.zm-routes strong {
  grid-column: 1;
  font-size: 16px;
  font-weight: 680;
}

.zm-routes svg {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}

.zm-section {
  padding: 104px 0;
}

.zm-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.55fr);
  align-items: end;
  gap: 72px;
  margin-bottom: 42px;
}

.zm-section-heading--proof {
  grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.66fr);
  align-items: start;
  column-gap: clamp(48px, 5vw, 76px);
}

.zm-heading-proof {
  width: 100%;
  max-width: 440px;
  min-width: 0;
  padding-top: 2px;
}

.zm-heading-proof-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
  color: var(--zm-orange-dark);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-heading-proof-label svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: #236fc2;
}

.zm-heading-proof > strong {
  display: block;
  max-width: 430px;
  margin: 0 0 10px;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.18;
  font-weight: 720;
}

.zm-heading-proof > p {
  max-width: 430px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.58;
}

.zm-heading-proof-line {
  display: block;
  width: 72px;
  height: 2px;
  margin-top: 17px;
  background: var(--zm-orange-dark);
}

.zm-heading-proof--dark > strong {
  color: var(--zm-white);
}

.zm-heading-proof--dark > p {
  color: #b4c3ca;
}

.zm-heading-proof--dark .zm-heading-proof-label svg {
  color: #77a8e6;
}

.zm-section h2 {
  margin: 0;
  color: var(--zm-ink);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 720;
  letter-spacing: 0;
}

.zm-section-heading > p,
.zm-medical-copy > p:not(.zm-kicker),
.zm-career-layout > div > p:not(.zm-kicker),
.zm-request-layout > div > p:not(.zm-kicker) {
  margin: 0;
  color: var(--zm-muted);
  font-size: 16px;
  line-height: 1.65;
}

.zm-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.zm-service-grid > a {
  display: flex;
  flex-direction: column;
  min-height: 310px;
  padding: 24px;
  border: 1px solid #dbe3e7;
  border-radius: 5px;
  background: var(--zm-soft);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.zm-service-grid > a:hover {
  border-color: var(--zm-orange);
  background: var(--zm-white);
  transform: translateY(-3px);
}

.zm-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #78909c;
}

.zm-card-top span {
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-service-grid h3 {
  margin: auto 0 14px;
  color: var(--zm-ink);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 680;
  letter-spacing: 0;
}

.zm-service-grid p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.6;
}

.zm-dark,
.zm-career {
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-dark .zm-kicker,
.zm-career .zm-kicker {
  color: #a9bbc4;
}

.zm-dark h2,
.zm-career h2 {
  color: var(--zm-white);
}

.zm-dark .zm-section-heading > p,
.zm-career-layout > div > p:not(.zm-kicker) {
  color: #b4c3ca;
}

.zm-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 0;
  margin: 56px 0 0;
  list-style: none;
}

.zm-flow li {
  padding-top: 18px;
  border-top: 1px solid var(--zm-dark-line);
}

.zm-flow span,
.zm-format-grid span {
  color: #f08b67;
  font-size: 11px;
}

.zm-flow h3 {
  min-height: 52px;
  margin: 24px 0 12px;
  color: var(--zm-white);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 650;
  letter-spacing: 0;
}

.zm-flow p {
  margin: 0;
  color: #aabcc5;
  font-size: 14px;
  line-height: 1.6;
}

.zm-commercial-system {
  overflow: hidden;
  background: #f3f6f7;
}

.zm-commercial-system h2 span {
  color: var(--zm-blue);
}

.zm-commercial-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.zm-commercial-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 604px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #dce4e8;
  border-radius: 22px;
  background: var(--zm-white);
  box-shadow: 0 16px 42px rgba(14, 42, 58, 0.07);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.zm-commercial-media {
  position: relative;
  aspect-ratio: 16 / 10;
  flex: 0 0 auto;
  margin: -24px -24px 22px;
  overflow: hidden;
  background: #eaf0f3;
}

.zm-commercial-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2));
  pointer-events: none;
}

.zm-commercial-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.zm-commercial-card:hover .zm-commercial-media img {
  transform: scale(1.025);
}

.zm-commercial-card::before {
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  content: "";
  background: var(--zm-blue);
}

.zm-commercial-card--growth::before,
.zm-commercial-card--team::before {
  background: var(--zm-orange);
}

.zm-commercial-card:hover {
  transform: translateY(-4px);
  border-color: #c6d4da;
  box-shadow: 0 22px 52px rgba(14, 42, 58, 0.12);
}

.zm-commercial-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 30px;
}

.zm-commercial-icon {
  display: grid;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  place-items: center;
  color: var(--zm-blue);
  border: 1px solid #cfe0ee;
  border-radius: 16px;
  background: #edf6fd;
}

.zm-commercial-card--growth .zm-commercial-icon,
.zm-commercial-card--team .zm-commercial-icon {
  color: var(--zm-orange-dark);
  border-color: #f1d2c5;
  background: #fff2ed;
}

.zm-commercial-icon svg {
  width: 27px;
  height: 27px;
}

.zm-commercial-tag {
  color: var(--zm-muted);
  font-size: 10px;
  line-height: 1.35;
  font-weight: 760;
  text-align: right;
  text-transform: uppercase;
}

.zm-commercial-card h3 {
  min-height: 58px;
  margin: 0 0 12px;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.18;
  font-weight: 720;
}

.zm-commercial-card > p {
  min-height: 88px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.58;
}

.zm-commercial-card ul {
  display: grid;
  gap: 9px;
  padding: 18px 0 20px;
  margin: 18px 0 0;
  border-top: 1px solid var(--zm-line);
  list-style: none;
}

.zm-commercial-card li {
  position: relative;
  padding-left: 16px;
  color: #40525c;
  font-size: 12px;
  line-height: 1.45;
}

.zm-commercial-card li::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  background: var(--zm-orange);
}

.zm-commercial-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 42px;
  margin-top: auto;
  color: var(--zm-blue-dark);
  border-top: 1px solid var(--zm-line);
  font-size: 13px;
  font-weight: 760;
}

.zm-commercial-link svg {
  width: 17px;
  height: 17px;
  transition: transform 0.2s ease;
}

.zm-commercial-link:hover svg {
  transform: translateX(4px);
}

.zm-commercial-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 44px;
  margin-top: 18px;
  padding: 30px 32px;
  color: var(--zm-white);
  border-radius: 22px;
  background: var(--zm-dark);
  box-shadow: 0 18px 44px rgba(10, 30, 40, 0.14);
}

.zm-commercial-cta > div {
  display: grid;
  grid-template-columns: minmax(130px, 0.28fr) minmax(240px, 0.72fr);
  gap: 4px 28px;
  align-items: center;
}

.zm-commercial-cta span {
  grid-row: 1 / span 2;
  color: #8eb8ec;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-commercial-cta strong {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 710;
}

.zm-commercial-cta p {
  max-width: 650px;
  margin: 5px 0 0;
  color: #b7c6cd;
  font-size: 13px;
  line-height: 1.55;
}

#approach .zm-section-heading--proof {
  align-items: center;
  margin-bottom: 36px;
}

#approach .zm-heading-proof {
  max-width: 520px;
  padding: 2px 0 2px 26px;
  border-left: 2px solid #86aec2;
}

#approach .zm-heading-proof-label {
  color: #176b9d;
}

#approach .zm-heading-proof-label svg {
  color: #e75122;
}

#approach .zm-heading-proof > strong {
  max-width: 500px;
  font-size: 25px;
}

#approach .zm-heading-proof > p {
  max-width: 500px;
}

#approach .zm-heading-proof-line {
  width: 96px;
  background: linear-gradient(90deg, #176b9d 0 62%, #e75122 62% 100%);
}

.zm-commercial-next {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(480px, 1.28fr) minmax(250px, 0.72fr);
  align-items: center;
  gap: 26px;
  margin-top: 18px;
  padding: 26px 28px;
  overflow: hidden;
  border: 1px solid #cbd9df;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(31, 65, 81, 0.09);
}

.zm-commercial-next::before {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #176b9d 0 58%, #e75122 58% 100%);
  content: "";
}

.zm-commercial-next-copy h3 {
  margin: 0;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 740;
  text-wrap: balance;
}

.zm-commercial-next-copy p {
  margin: 9px 0 0;
  color: #526873;
  font-size: 13px;
  line-height: 1.5;
}

.zm-commercial-next-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.zm-commercial-next-points li {
  display: grid;
  min-width: 0;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 0 14px;
  border-left: 1px solid #d7e1e5;
}

.zm-commercial-next-points li:first-child {
  border-left: 0;
}

.zm-commercial-next-points svg {
  width: 40px;
  height: 40px;
  padding: 9px;
  color: #176b9d;
  border: 1px solid #c9dce5;
  border-radius: 13px;
  background: #edf5f8;
}

.zm-commercial-next-points li:nth-child(2) svg {
  color: #c9441b;
  border-color: #edd0c5;
  background: #fff2ed;
}

.zm-commercial-next-points span {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.zm-commercial-next-points strong {
  color: var(--zm-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 720;
}

.zm-commercial-next-points small {
  color: #61747d;
  font-size: 11px;
  line-height: 1.35;
}

.zm-commercial-next-actions {
  display: grid;
  gap: 10px;
}

.zm-commercial-next-actions .zm-button {
  width: 100%;
  justify-content: space-between;
}

.zm-commercial-next-link {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #176b9d;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 690;
}

.zm-commercial-next-link svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}

.zm-commercial-next-link:hover svg,
.zm-commercial-next-link:focus-visible svg {
  transform: translateX(3px);
}

@media (max-width: 1100px) {
  .zm-commercial-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-commercial-card {
    min-height: 0;
  }

  .zm-commercial-card h3,
  .zm-commercial-card > p {
    min-height: 0;
  }

  .zm-commercial-next {
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  }

  .zm-commercial-next-actions {
    grid-column: 1 / -1;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    align-items: center;
  }
}

@media (max-width: 760px) {
  .zm-commercial-grid {
    width: calc(100% + 18px);
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(286px, 84%);
    gap: 12px;
    padding: 2px 18px 10px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .zm-commercial-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-commercial-card {
    padding: 22px;
    border-radius: 18px;
    scroll-snap-align: start;
  }

  .zm-commercial-media {
    margin: -22px -22px 20px;
  }

  .zm-commercial-card-top {
    margin-bottom: 24px;
  }

  .zm-commercial-card h3 {
    font-size: 22px;
  }

  .zm-commercial-cta {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 25px 22px;
    border-radius: 18px;
  }

  .zm-commercial-cta > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .zm-commercial-cta span {
    grid-row: auto;
  }

  .zm-commercial-cta .zm-button {
    width: 100%;
  }

  #approach .zm-heading-proof {
    padding: 18px 0 0;
    border-top: 1px solid #cbd9df;
    border-left: 0;
  }

  #approach .zm-heading-proof > strong {
    font-size: 22px;
  }

  .zm-commercial-next {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 22px 18px 20px;
    border-radius: 20px;
  }

  .zm-commercial-next-copy h3 {
    font-size: 22px;
  }

  .zm-commercial-next-points {
    grid-template-columns: 1fr;
  }

  .zm-commercial-next-points li {
    min-height: 64px;
    padding: 10px 0;
    border-top: 1px solid #d7e1e5;
    border-left: 0;
  }

  .zm-commercial-next-points li:first-child {
    border-top: 0;
  }

  .zm-commercial-next-actions {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .zm-commercial-next-link {
    min-height: 42px;
  }
}

.zm-medicine {
  background: var(--zm-blue-soft);
}

.zm-medicine-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  align-items: center;
  gap: 9%;
}

.zm-medical-visual {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 390px;
  padding: 34px 34px 32px;
  border-left: 5px solid var(--zm-orange);
  background: #d8e5eb;
}

.zm-medical-visual > span {
  max-width: 100px;
  color: #657b86;
  font-size: 11px;
  line-height: 1.45;
  text-transform: uppercase;
}

.zm-medical-visual > strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--zm-ink);
  font-size: 45px;
  line-height: 1;
  font-weight: 650;
}

.zm-medical-visual > strong i {
  color: var(--zm-orange);
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
}

.zm-medical-visual > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.zm-medical-visual b {
  padding: 7px 9px;
  border: 1px solid #afc2cb;
  border-radius: 3px;
  color: #526b77;
  font-size: 11px;
  font-weight: 600;
}

.zm-medical-copy h2 {
  margin-bottom: 24px;
}

.zm-medical-copy > p:not(.zm-kicker) {
  max-width: 580px;
  margin-bottom: 28px;
}

.zm-industries {
  overflow: hidden;
  background: #eef3f5;
}

.zm-industries-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.72fr);
  align-items: end;
  gap: clamp(48px, 8vw, 120px);
  margin-bottom: 38px;
}

.zm-industries-heading h2 {
  margin: 0;
}

.zm-industries-heading h2 span {
  color: var(--zm-blue-dark);
}

.zm-industries-summary {
  max-width: 570px;
  padding: 0 0 3px 22px;
  border-left: 3px solid var(--zm-orange);
}

.zm-industries-summary strong {
  display: block;
  margin-bottom: 9px;
  color: var(--zm-ink);
  font-size: 18px;
  line-height: 1.35;
}

.zm-industries-summary p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.62;
}

.zm-industry-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(2, 260px);
  gap: 14px;
}

.zm-industry-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(24, 39, 47, 0.14);
  border-radius: 20px;
  color: var(--zm-white);
  background: var(--zm-dark);
  box-shadow: 0 16px 34px rgba(24, 42, 51, 0.11);
  isolation: isolate;
}

.zm-industry-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 27, 36, 0.02) 20%, rgba(10, 27, 36, 0.94) 100%);
  content: "";
}

.zm-industry-card > img {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.zm-industry-card:hover > img {
  transform: scale(1.035);
}

.zm-industry-card > span {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 999px;
  color: #213c49;
  background: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  line-height: 1;
  font-weight: 750;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.zm-industry-card > div {
  position: absolute;
  right: 20px;
  bottom: 18px;
  left: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: start;
  align-items: end;
  gap: 2px 18px;
}

.zm-industry-card h3 {
  margin: 0;
  font-size: clamp(20px, 2vw, 29px);
  line-height: 1.12;
  font-weight: 720;
}

.zm-industry-card p {
  max-width: 440px;
  margin: 6px 0 0;
  color: #dbe6ea;
  font-size: 13px;
  line-height: 1.45;
}

.zm-industry-focus {
  display: flex;
  grid-column: 1;
  min-width: 0;
  padding: 0;
  margin: 12px 0 0;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
}

.zm-industry-focus li {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  color: #f6fafb;
  background: rgba(7, 27, 36, 0.56);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 650;
  backdrop-filter: blur(8px);
}

.zm-industry-card svg {
  grid-column: 2;
  grid-row: 1 / span 3;
  width: 21px;
  height: 21px;
  transition: transform 0.18s ease;
}

.zm-industry-card:hover svg {
  transform: translateX(4px);
}

.zm-industry-card--medical {
  grid-column: 1 / 6;
  grid-row: 1 / 3;
}

.zm-industry-card--medical > img {
  object-position: 51% center;
}

.zm-industry-card--auto {
  grid-column: 6 / 9;
}

.zm-industry-card--auto > img {
  object-position: 69% center;
}

.zm-industry-card--estate {
  grid-column: 9 / 13;
}

.zm-industry-card--estate > img {
  object-position: center;
}

.zm-industry-card--digital {
  grid-column: 6 / 13;
  grid-row: 2;
}

.zm-industry-card--digital > img {
  object-position: center 46%;
}

.zm-industry-system {
  margin-top: 18px;
}

.zm-industry-system-main {
  background: transparent;
}

.zm-industry-system-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 34px;
  padding: 20px 2px 17px;
}

.zm-industry-system-title > span {
  margin: 0;
  color: var(--zm-orange-dark);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-industry-system-title > strong {
  max-width: 760px;
  color: var(--zm-ink);
  font-size: clamp(20px, 2vw, 25px);
  line-height: 1.24;
  text-align: right;
}

.zm-industry-system ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.zm-industry-system li {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 258px;
  overflow: hidden;
  border: 1px solid rgba(24, 39, 47, 0.14);
  border-radius: 20px;
  color: var(--zm-white);
  background: var(--zm-dark);
  box-shadow: 0 16px 34px rgba(24, 42, 51, 0.11);
  isolation: isolate;
}

.zm-industry-system li::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 25, 34, 0.02) 22%, rgba(9, 25, 34, 0.92) 100%);
  content: "";
}

.zm-industry-capability-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: #e7eef1;
}

.zm-industry-capability-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.zm-industry-system li:hover .zm-industry-capability-media img {
  transform: scale(1.035);
}

.zm-industry-system li > span,
.zm-industry-system li > span strong,
.zm-industry-system li > span small {
  display: block;
}

.zm-industry-system li > span {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 18px;
  left: 18px;
}

.zm-industry-system li > span strong {
  color: var(--zm-white);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.22;
}

.zm-industry-system li > span small {
  margin-top: 6px;
  color: #dbe6ea;
  font-size: 11px;
  line-height: 1.4;
}

.zm-industry-partner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 14px;
  padding: 22px 24px 22px 28px;
  overflow: hidden;
  border: 1px solid rgba(76, 135, 164, 0.24);
  border-radius: 20px;
  color: var(--zm-white);
  background: var(--zm-dark);
  box-shadow: 0 16px 34px rgba(24, 42, 51, 0.11);
}

.zm-industry-partner p {
  max-width: 800px;
  margin: 0;
  color: #c3d0d5;
  font-size: 14px;
  line-height: 1.55;
}

.zm-industry-partner p strong {
  color: var(--zm-white);
}

.zm-industry-partner .zm-button {
  flex: 0 0 auto;
}

@media (max-width: 1100px) {
  .zm-industries-heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 24px;
  }

  .zm-industries-summary {
    max-width: 720px;
  }

  .zm-industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, 300px);
  }

  .zm-industry-card--medical,
  .zm-industry-card--auto,
  .zm-industry-card--estate,
  .zm-industry-card--digital {
    grid-column: auto;
    grid-row: auto;
  }

  .zm-industry-system-main {
    display: block;
  }

  .zm-industry-system-title {
    align-items: flex-start;
  }

  .zm-industry-system ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-industry-system li {
    min-height: 238px;
  }
}

@media (max-width: 760px) {
  .zm-industries-heading {
    margin-bottom: 28px;
  }

  .zm-industries-summary {
    padding-left: 17px;
  }

  .zm-industry-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .zm-industry-card {
    min-height: 290px;
  }

  .zm-industry-system ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-industry-system-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
  }

  .zm-industry-system-title > strong {
    max-width: 560px;
    text-align: left;
  }

  .zm-industry-partner {
    align-items: stretch;
    flex-direction: column;
  }

  .zm-industry-partner .zm-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .zm-industry-card {
    min-height: 276px;
  }

  .zm-industry-card > div {
    right: 17px;
    bottom: 17px;
    left: 17px;
  }

  .zm-industry-card h3 {
    font-size: 24px;
  }

  .zm-industry-focus {
    margin-top: 10px;
  }

  .zm-industry-focus li {
    padding: 6px 8px;
    font-size: 10px;
  }

  .zm-industry-system ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-industry-system li {
    min-height: 202px;
  }

  .zm-industry-system li > span {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  .zm-industry-system li > span strong {
    font-size: 16px;
  }

  .zm-industry-system li > span small {
    font-size: 10.5px;
  }
}

@media (max-width: 360px) {
  .zm-industry-system ul {
    grid-template-columns: 1fr;
  }

  .zm-industry-system li {
    min-height: 220px;
  }
}

/* Contextual video overviews for the ten priority commercial pages. */
.zm-video-placeholder {
  --zm-video-accent: #2379cf;
  padding: 60px 0 64px;
  border-top: 1px solid #d7e2e6;
  border-bottom: 1px solid #d7e2e6;
  background: #f4f7f8;
}

.zm-video-placeholder--development {
  --zm-video-accent: #e75122;
}

.zm-video-placeholder--data {
  --zm-video-accent: #16806d;
}

.zm-video-placeholder-heading {
  align-items: start;
  margin-bottom: 30px;
}

.zm-video-placeholder-heading .zm-kicker {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  color: #52707d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.zm-video-placeholder-heading h2 {
  max-width: 790px;
  font-size: clamp(38px, 4.25vw, 58px);
  line-height: 1;
}

.zm-video-placeholder-heading h2 span {
  color: var(--zm-video-accent);
}

.zm-video-placeholder-intro {
  display: grid;
  gap: 16px;
  padding-top: 28px;
}

.zm-video-placeholder-heading .zm-video-placeholder-intro > p {
  max-width: 540px;
  padding: 0 0 0 18px;
  border-left: 3px solid #e75122;
}

.zm-video-placeholder-intro small {
  display: grid;
  max-width: 540px;
  padding-left: 18px;
  color: #264657;
  font-size: 13px;
  line-height: 1.5;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
}

.zm-video-placeholder-intro small svg {
  width: 17px;
  height: 17px;
  margin-top: 1px;
  color: var(--zm-video-accent);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

.zm-video-placeholder-track {
  align-items: stretch;
  gap: 16px;
}

.zm-video-placeholder-card {
  display: grid;
  overflow: hidden;
  min-width: 0;
  aspect-ratio: auto;
  border: 1px solid rgba(21, 52, 70, 0.13);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(18, 46, 62, 0.09);
  grid-template-rows: auto 1fr;
}

.zm-video-placeholder-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #dbe5ea;
}

.zm-video-placeholder-image {
  filter: saturate(0.82) contrast(1.06);
}

.zm-video-placeholder-shade {
  background: linear-gradient(180deg, rgba(7, 24, 35, 0.13), rgba(7, 24, 35, 0.58));
}

.zm-video-placeholder-index,
.zm-video-placeholder-status {
  position: absolute;
  z-index: 4;
  top: 14px;
  min-height: 28px;
  padding: 7px 10px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

.zm-video-placeholder-index {
  left: 14px;
  color: #ffffff;
  background: rgba(8, 30, 42, 0.76);
}

.zm-video-placeholder-status {
  right: 14px;
  color: #173847;
  background: rgba(255, 255, 255, 0.92);
}

.zm-video-placeholder-mark {
  width: 58px;
  height: 58px;
  border-color: rgba(255, 255, 255, 0.8);
  background: #e75122;
  box-shadow:
    0 12px 28px rgba(81, 24, 9, 0.28),
    0 0 0 7px rgba(255, 255, 255, 0.16);
}

.zm-video-placeholder-mark svg {
  width: 23px;
  height: 23px;
}

.zm-video-placeholder-copy {
  display: grid;
  min-height: 132px;
  padding: 18px 18px 20px;
  align-content: start;
  gap: 9px;
}

.zm-video-placeholder-copy h3,
.zm-video-placeholder-copy p {
  margin: 0;
}

.zm-video-placeholder-copy h3 {
  color: var(--zm-ink);
  font-size: 21px;
  line-height: 1.12;
}

.zm-video-placeholder-copy p {
  color: #58707b;
  font-size: 13.5px;
  line-height: 1.48;
}

.zm-video-placeholder-action {
  display: grid;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d5e0e4;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
}

.zm-video-placeholder-action p {
  display: grid;
  margin: 0;
  color: #5a727d;
  font-size: 13px;
  line-height: 1.45;
  gap: 2px;
}

.zm-video-placeholder-action p strong {
  color: #173847;
  font-size: 15px;
}

.zm-video-placeholder-action .zm-button {
  min-height: 46px;
  padding: 12px 17px;
  white-space: nowrap;
}

@media (max-width: 960px) {
  .zm-video-placeholder-intro {
    max-width: 720px;
    padding-top: 0;
  }

  .zm-video-placeholder-heading .zm-video-placeholder-intro > p,
  .zm-video-placeholder-intro small {
    max-width: 720px;
  }

  .zm-video-placeholder-copy {
    min-height: 142px;
  }
}

@media (max-width: 680px) {
  .zm-video-placeholder {
    padding: 48px 0 50px;
  }

  .zm-video-placeholder-heading {
    gap: 18px;
    margin-bottom: 24px;
  }

  .zm-video-placeholder-heading h2 {
    font-size: 34px;
    line-height: 1.03;
  }

  .zm-video-placeholder-heading .zm-video-placeholder-intro > p {
    font-size: 14px;
  }

  .zm-video-placeholder-track {
    gap: 12px;
  }

  .zm-video-placeholder-card {
    flex-basis: min(84vw, 340px);
    border-radius: 8px;
  }

  .zm-video-placeholder-copy {
    min-height: 136px;
    padding: 17px 16px 19px;
  }

  .zm-video-placeholder-copy h3 {
    font-size: 20px;
  }

  .zm-video-placeholder-action {
    margin-right: 18px;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 16px;
  }

  .zm-video-placeholder-action .zm-button {
    width: 100%;
    justify-content: center;
    white-space: normal;
  }
}

/* Compact market showcase selected for the home page. */
.zm-industries--showcase {
  padding-block: clamp(80px, 7vw, 108px);
  background: #f3f7f9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.zm-industries--showcase .zm-industries-heading {
  align-items: start;
  gap: clamp(48px, 7vw, 110px);
  margin-bottom: 44px;
}

.zm-industries--showcase .zm-industries-heading h2 {
  max-width: 690px;
  font-size: clamp(56px, 4.65vw, 68px);
  line-height: 0.99;
}

.zm-industries--showcase .zm-industries-summary {
  max-width: 590px;
  padding: 2px 0 5px 26px;
  border-left-width: 3px;
}

.zm-industries--showcase .zm-industries-summary strong {
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 1.3;
}

.zm-industries--showcase .zm-industries-summary p {
  font-size: 16px;
  line-height: 1.6;
}

.zm-industries-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.zm-industries-controls > span {
  min-width: 72px;
  margin-right: 6px;
  color: var(--zm-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.zm-industries-controls button {
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(35, 84, 108, 0.18);
  border-radius: 50%;
  place-items: center;
  color: var(--zm-blue-dark);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 9px 20px rgba(28, 65, 83, 0.08);
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.zm-industries-controls button:hover:not(:disabled) {
  border-color: var(--zm-blue-dark);
  color: var(--zm-white);
  background: var(--zm-blue-dark);
  transform: translateY(-1px);
}

.zm-industries-controls button:focus-visible {
  outline: 3px solid rgba(31, 120, 202, 0.28);
  outline-offset: 3px;
}

.zm-industries-controls button:disabled {
  cursor: default;
  opacity: 0.34;
}

.zm-industries-controls button svg {
  width: 17px;
  height: 17px;
}

.zm-industries-controls [data-industries-prev] svg {
  transform: rotate(180deg);
}

.zm-industries--showcase .zm-industry-grid {
  grid-template-columns: none;
  grid-template-rows: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 4);
  gap: 16px;
  padding: 6px 4px 18px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-padding-inline: 4px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.zm-industries--showcase .zm-industry-grid.is-programmatic-scrolling {
  scroll-behavior: auto;
  scroll-snap-type: none;
}

.zm-industries--showcase .zm-industry-grid::-webkit-scrollbar {
  display: none;
}

.zm-industries--showcase .zm-industry-grid:focus-visible {
  outline: 3px solid rgba(31, 120, 202, 0.25);
  outline-offset: 5px;
}

.zm-industries--showcase .zm-industry-card,
.zm-industries--showcase .zm-industry-card--medical,
.zm-industries--showcase .zm-industry-card--auto,
.zm-industries--showcase .zm-industry-card--estate,
.zm-industries--showcase .zm-industry-card--digital {
  display: flex;
  grid-column: auto;
  grid-row: auto;
  height: 500px;
  min-height: 0;
  flex-direction: column;
  border-color: rgba(28, 58, 72, 0.1);
  border-radius: 26px;
  color: var(--zm-ink);
  background: var(--zm-white);
  box-shadow: 0 18px 44px rgba(38, 74, 91, 0.085);
  scroll-snap-align: start;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.zm-industries--showcase .zm-industry-card::after {
  display: none;
}

.zm-industries--showcase .zm-industry-card:hover {
  border-color: rgba(38, 116, 180, 0.28);
  box-shadow: 0 24px 54px rgba(27, 67, 87, 0.14);
  transform: translateY(-4px);
}

.zm-industries--showcase .zm-industry-card:focus-visible {
  outline: 3px solid rgba(31, 120, 202, 0.36);
  outline-offset: 3px;
}

.zm-industries--showcase .zm-industry-card > img,
.zm-industries--showcase .zm-industry-card--medical > img,
.zm-industries--showcase .zm-industry-card--auto > img,
.zm-industries--showcase .zm-industry-card--estate > img,
.zm-industries--showcase .zm-industry-card--digital > img {
  position: static;
  z-index: auto;
  width: 100%;
  height: 282px;
  flex: 0 0 282px;
  object-fit: cover;
  object-position: center;
}

.zm-industries--showcase .zm-industry-card--medical > img {
  object-position: 54% 34%;
}

.zm-industries--showcase .zm-industry-card--auto > img {
  object-position: 67% center;
}

.zm-industries--showcase .zm-industry-card--estate > img {
  object-position: 54% center;
}

.zm-industries--showcase .zm-industry-card--digital > img {
  object-position: 46% center;
}

.zm-industries--showcase .zm-industry-card--licensing > img {
  object-position: 48% center;
}

.zm-industries--showcase .zm-industry-card--cleaning > img {
  object-position: 50% center;
}

.zm-industries--showcase .zm-industry-card--disinfection > img {
  object-position: 48% center;
}

.zm-industries--showcase .zm-industry-card:hover > img {
  transform: scale(1.018);
}

.zm-industries--showcase .zm-industry-card > div {
  position: relative;
  z-index: 1;
  inset: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto minmax(104px, 1fr);
  align-items: start;
  gap: 4px 16px;
  margin-top: -58px;
  padding: 28px 22px 23px;
  flex: 1;
  background: var(--zm-white);
  box-shadow: 0 -14px 18px 6px rgba(255, 255, 255, 0.96);
}

.zm-industries--showcase .zm-industry-card h3 {
  color: var(--zm-ink);
  font-size: clamp(24px, 2vw, 27px);
  line-height: 1.05;
}

.zm-industries--showcase .zm-industry-card p {
  grid-column: 1 / -1;
  max-width: none;
  margin-top: 7px;
  color: #526b77;
  font-size: 14.5px;
  line-height: 1.42;
}

.zm-industries--showcase .zm-industry-focus {
  grid-column: 1;
  align-self: end;
  margin-top: 12px;
  gap: 6px;
}

.zm-industries--showcase .zm-industry-focus li {
  padding: 7px 10px;
  border-color: transparent;
  color: #38515d;
  background: #e9f0f4;
  font-size: 11px;
  font-weight: 650;
  backdrop-filter: none;
}

.zm-industry-card-arrow {
  display: grid;
  grid-column: 2;
  grid-row: 3;
  width: 46px;
  height: 46px;
  align-self: center;
  border: 1px solid rgba(35, 84, 108, 0.14);
  border-radius: 50%;
  place-items: center;
  color: var(--zm-blue-dark);
  background: var(--zm-white);
  box-shadow: 0 10px 22px rgba(28, 65, 83, 0.1);
  transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.zm-industry-card-arrow svg {
  grid-column: auto;
  grid-row: auto;
  width: 18px;
  height: 18px;
}

.zm-industries--showcase .zm-industry-card:hover .zm-industry-card-arrow {
  color: var(--zm-white);
  background: var(--zm-blue-dark);
  transform: translateX(3px);
}

.zm-industries--showcase .zm-industry-system {
  margin-top: 6px;
}

.zm-industries--showcase .zm-industry-system-main {
  display: block;
  align-items: center;
  padding: 26px 28px;
  border: 1px solid rgba(28, 58, 72, 0.08);
  border-radius: 26px;
  background: var(--zm-white);
  box-shadow: 0 16px 38px rgba(27, 55, 68, 0.065);
}

.zm-industries--showcase .zm-industry-system ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
}

.zm-industries--showcase .zm-industry-system li {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 14px;
  min-height: 0;
  padding: 0 20px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  color: var(--zm-ink);
  background: transparent;
  box-shadow: none;
}

.zm-industries--showcase .zm-industry-system li:first-child {
  padding-left: 0;
}

.zm-industries--showcase .zm-industry-system li:last-child {
  grid-template-columns: 58px minmax(0, 1fr);
  padding-right: 0;
}

.zm-industries--showcase .zm-industry-system li::after {
  display: none;
}

.zm-industries--showcase .zm-industry-system li > span {
  position: static;
  inset: auto;
}

.zm-industries--showcase .zm-industry-step-icon {
  display: grid;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  place-items: center;
  color: var(--zm-blue-dark);
  background: #e9f3fb;
}

.zm-industries--showcase .zm-industry-step-icon svg {
  width: 28px;
  height: 28px;
}

.zm-industries--showcase .zm-industry-system li > span:not(.zm-industry-step-icon) {
  display: block;
  min-width: 0;
}

.zm-industries--showcase .zm-industry-system li > span strong {
  color: var(--zm-ink);
  font-size: 17px;
  line-height: 1.25;
}

.zm-industries--showcase .zm-industry-system li > span small {
  margin-top: 5px;
  color: #617782;
  font-size: 12px;
  line-height: 1.4;
}

.zm-industry-step-arrow {
  width: 19px;
  height: 19px;
  color: var(--zm-blue-dark);
}

.zm-industries--showcase .zm-industry-partner {
  padding: 24px 8px 0;
  border: 0;
  border-radius: 0;
  color: var(--zm-ink);
  background: transparent;
  box-shadow: none;
}

.zm-industries--showcase .zm-industry-actions {
  display: flex;
  align-items: center;
  gap: 30px;
}

.zm-industries--showcase .zm-industry-actions .zm-button {
  min-width: 300px;
  min-height: 64px;
  padding-inline: 28px;
  box-shadow: 0 14px 30px rgba(207, 71, 34, 0.22);
}

.zm-industries--showcase .zm-industry-actions .zm-text-link {
  flex: 0 0 auto;
}

.zm-industries--showcase .zm-industry-partner p {
  max-width: 430px;
  color: #617782;
  font-size: 14px;
  text-align: right;
}

.zm-industries--showcase .zm-industry-partner p strong {
  color: var(--zm-ink);
}

@media (max-width: 1180px) {
  .zm-industries--showcase .zm-industry-grid {
    grid-template-columns: none;
    grid-auto-columns: calc((100% - 16px) / 2);
  }

  .zm-industries--showcase .zm-industry-card,
  .zm-industries--showcase .zm-industry-card--medical,
  .zm-industries--showcase .zm-industry-card--auto,
  .zm-industries--showcase .zm-industry-card--estate,
  .zm-industries--showcase .zm-industry-card--digital {
    height: 500px;
    min-height: 0;
  }
}

@media (max-width: 760px) {
  .zm-industries--showcase .zm-industry-grid {
    grid-template-columns: none;
    grid-auto-columns: min(88vw, 390px);
    padding-bottom: 14px;
  }

  .zm-industries--showcase .zm-industry-card,
  .zm-industries--showcase .zm-industry-card--medical,
  .zm-industries--showcase .zm-industry-card--auto,
  .zm-industries--showcase .zm-industry-card--estate,
  .zm-industries--showcase .zm-industry-card--digital {
    display: grid;
    grid-template-columns: minmax(118px, 0.78fr) minmax(0, 1.22fr);
    height: auto;
    min-height: 0;
    border-radius: 24px;
  }

  .zm-industries--showcase .zm-industry-card > img,
  .zm-industries--showcase .zm-industry-card--medical > img,
  .zm-industries--showcase .zm-industry-card--auto > img,
  .zm-industries--showcase .zm-industry-card--estate > img,
  .zm-industries--showcase .zm-industry-card--digital > img {
    width: 100%;
    height: 100%;
    min-height: 212px;
    aspect-ratio: auto;
    object-position: center;
  }

  .zm-industries--showcase .zm-industry-card--medical > img {
    object-position: 58% 34%;
  }

  .zm-industries--showcase .zm-industry-card--auto > img {
    object-position: 63% center;
  }

  .zm-industries--showcase .zm-industry-card--digital > img {
    object-position: 22% center;
  }

  .zm-industries--showcase .zm-industry-card > div {
    grid-template-rows: auto auto minmax(84px, 1fr);
    margin-top: 0;
    padding: 18px 15px 15px;
    box-shadow: none;
  }

  .zm-industries--showcase .zm-industry-card h3 {
    font-size: 21px;
  }

  .zm-industries--showcase .zm-industry-card p {
    margin-top: 6px;
    font-size: 12px;
  }

  .zm-industries--showcase .zm-industry-focus {
    margin-top: 10px;
    gap: 5px;
  }

  .zm-industries--showcase .zm-industry-focus li {
    padding: 5px 7px;
    font-size: 9px;
  }

  .zm-industries--showcase .zm-industry-card-arrow {
    grid-row: 3;
    width: 36px;
    height: 36px;
    align-self: center;
  }

  .zm-industries--showcase .zm-industry-system-main {
    padding: 22px 18px;
  }

  .zm-industries--showcase .zm-industry-system ul {
    grid-template-columns: 1fr;
  }

  .zm-industries--showcase .zm-industry-system li,
  .zm-industries--showcase .zm-industry-system li:first-child,
  .zm-industries--showcase .zm-industry-system li:last-child {
    grid-template-columns: 50px minmax(0, 1fr) 18px;
    min-height: 0;
    padding: 14px 0;
    border-top: 1px solid rgba(28, 58, 72, 0.1);
  }

  .zm-industries--showcase .zm-industry-system li:first-child {
    border-top: 0;
  }

  .zm-industries--showcase .zm-industry-system li:last-child {
    grid-template-columns: 50px minmax(0, 1fr);
    padding-bottom: 0;
  }

  .zm-industries--showcase .zm-industry-step-arrow {
    transform: rotate(90deg);
  }

  .zm-industries--showcase .zm-industry-partner {
    gap: 18px;
    padding-top: 18px;
  }

  .zm-industries--showcase .zm-industry-actions {
    align-items: stretch;
    gap: 14px;
    flex-direction: column;
  }

  .zm-industries--showcase .zm-industry-actions .zm-button {
    width: 100%;
    min-width: 0;
  }

  .zm-industries--showcase .zm-industry-partner p {
    max-width: none;
    text-align: left;
  }

  .zm-industries--showcase .zm-industry-step-icon {
    width: 50px;
    height: 50px;
  }

  .zm-industries--showcase .zm-industry-step-icon svg {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 480px) {
  .zm-industries--showcase {
    padding-block: 66px;
  }

  .zm-industries--showcase .zm-industries-heading {
    margin-bottom: 30px;
  }

  .zm-industries--showcase .zm-industries-heading h2 {
    font-size: 39px;
    line-height: 1.02;
  }

  .zm-industries--showcase .zm-industries-summary strong {
    font-size: 19px;
  }

  .zm-industries--showcase .zm-industries-summary p {
    font-size: 15px;
  }

  .zm-industries--showcase .zm-industry-card > div {
    padding: 16px 14px 14px;
  }

  .zm-industries--showcase .zm-industry-focus li {
    padding: 5px 6px;
  }

  .zm-industries--showcase .zm-industry-system-main {
    padding: 18px 16px;
  }
}

.zm-formats:not(.zm-lead-steps) {
  background: var(--zm-white);
}

.zm-format-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px;
}

.zm-format-grid article {
  padding-top: 22px;
  border-top: 1px solid #c8d3d8;
}

.zm-format-grid span {
  color: var(--zm-orange-dark);
}

.zm-format-grid h3 {
  margin: 24px 0 13px;
  color: var(--zm-ink);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 660;
  letter-spacing: 0;
}

.zm-format-grid p {
  max-width: 360px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.65;
}

.zm-team {
  overflow: hidden;
  background: #f1f5f6;
}

.zm-team-heading h2 {
  max-width: 760px;
}

.zm-team-intro > p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 16px;
  line-height: 1.65;
}

.zm-team-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
}

.zm-team-controls > span {
  min-width: 82px;
  margin-right: 8px;
  color: var(--zm-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.zm-team-controls button {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border: 1px solid #aebfc5;
  border-radius: 14px;
  color: var(--zm-ink);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(17, 50, 64, 0.07);
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.zm-team-controls button:hover:not(:disabled) {
  border-color: var(--zm-orange-dark);
  color: var(--zm-white);
  background: var(--zm-orange-dark);
}

.zm-team-controls button:disabled {
  cursor: default;
  opacity: 0.34;
}

.zm-team-controls button svg {
  width: 18px;
  height: 18px;
}

.zm-team-controls [data-team-prev] svg {
  transform: rotate(180deg);
}

.zm-team-grid {
  display: flex;
  gap: 18px;
  padding: 4px 0 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
}

.zm-team-grid::-webkit-scrollbar {
  display: none;
}

.zm-team-grid:focus-visible {
  outline: 2px solid var(--zm-orange-dark);
  outline-offset: 7px;
}

.zm-team-card {
  display: flex;
  flex: 0 0 calc((100% - 54px) / 4);
  flex-direction: column;
  min-width: 0;
  padding: 10px;
  overflow: hidden;
  border: 1px solid #d8e2e5;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(20, 54, 67, 0.08);
  scroll-snap-align: start;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.zm-team-card:hover {
  border-color: #c2d2d8;
  box-shadow: 0 22px 46px rgba(20, 54, 67, 0.12);
  transform: translateY(-3px);
}

.zm-team-photo {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 15px;
  background: #dce6e8;
}

.zm-team-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.35s ease;
}

.zm-team-card:hover .zm-team-photo img {
  transform: scale(1.025);
}

.zm-team-initial {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--zm-orange-dark);
  background: linear-gradient(135deg, #f5eee8, #d8e8ec);
  font-size: 72px;
  font-weight: 720;
}

.zm-team-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px 12px 12px;
}

.zm-team-card h3 {
  margin: 0;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.12;
  font-weight: 690;
  letter-spacing: 0;
}

.zm-team-card .zm-team-role {
  margin: 6px 0 0;
  color: #1769ad;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

.zm-team-card .zm-team-responsibility {
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid #e1e8ea;
  color: #435b65;
  font-size: 13px;
  line-height: 1.55;
}

.zm-team-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-top: 26px;
  margin-top: 28px;
  border-top: 1px solid #bdcbd0;
}

.zm-team-footer p {
  max-width: 650px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.6;
}

.zm-team-footer .zm-text-link {
  flex: 0 0 auto;
}

.zm-page-experts {
  border-top: 1px solid #d7e0e2;
  background: #f3f6f7;
}

.zm-page-experts-heading h2 {
  max-width: 650px;
}

.zm-page-experts-intro {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 22px;
}

.zm-page-experts-intro > p {
  max-width: 560px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 16px;
  line-height: 1.65;
}

.zm-page-experts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.zm-page-expert {
  display: grid;
  grid-template-columns: minmax(104px, 132px) minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  min-height: 180px;
  padding: 14px 14px 14px 0;
  border-top: 1px solid #adbec4;
}

.zm-page-expert-photo {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 8px;
  background: #dce6e8;
}

.zm-page-expert-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.35s ease;
}

.zm-page-expert:hover .zm-page-expert-photo img {
  transform: scale(1.025);
}

.zm-page-expert-photo > span {
  position: absolute;
  top: 7px;
  left: 7px;
  padding: 5px 6px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 3px;
  color: #263a43;
  background: rgba(244, 247, 248, 0.88);
  font-size: 8px;
  line-height: 1;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-page-expert-photo > b {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--zm-orange-dark);
  font-size: 48px;
  font-weight: 720;
}

.zm-page-expert-copy {
  min-width: 0;
  padding-top: 4px;
}

.zm-page-expert-copy > p {
  min-height: 34px;
  margin: 0 0 7px;
  color: var(--zm-orange-dark);
  font-size: 11px;
  line-height: 1.45;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-page-expert h3 {
  margin: 0;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.12;
  font-weight: 690;
  letter-spacing: 0;
}

.zm-page-expert-copy > small {
  display: block;
  margin-top: 12px;
  color: #435b65;
  font-size: 12px;
  line-height: 1.55;
}

.zm-career-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 70px;
}

.zm-career-layout > div > p:not(.zm-kicker) {
  max-width: 710px;
  margin-top: 24px;
  font-size: 17px;
}

.zm-button-on-dark {
  min-width: 220px;
  color: var(--zm-white);
  border-color: #71828a;
  background: transparent;
}

.zm-button-on-dark:hover {
  border-color: var(--zm-orange-dark);
  background: var(--zm-orange-dark);
}

.zm-faq-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1fr);
  gap: 9%;
}

.zm-faq-layout > * {
  min-width: 0;
}

.zm-faq-list {
  border-bottom: 1px solid var(--zm-line);
}

.zm-faq-list details {
  border-top: 1px solid var(--zm-line);
}

.zm-faq-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 23px 0;
  cursor: pointer;
  color: var(--zm-ink);
  font-size: 17px;
  font-weight: 650;
  list-style: none;
}

.zm-faq-list summary::-webkit-details-marker {
  display: none;
}

.zm-faq-list summary span {
  color: var(--zm-orange);
  font-size: 24px;
  font-weight: 400;
  transition: transform 0.2s ease;
}

.zm-faq-list details[open] summary span {
  transform: rotate(45deg);
}

.zm-faq-list details p {
  max-width: 720px;
  padding: 0 46px 23px 0;
  margin: 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.65;
}

.zm-request {
  border-top: 1px solid var(--zm-line);
  background: var(--zm-soft);
}

.zm-request-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(420px, 0.75fr);
  gap: 9%;
  align-items: start;
}

.zm-request-layout > div > p:not(.zm-kicker) {
  max-width: 470px;
  margin-top: 24px;
}

.zm-request .contact-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 30px;
  border: 1px solid var(--zm-line);
  border-radius: 8px;
  background: var(--zm-white);
  box-shadow: none;
}

.zm-request .contact-form label {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.zm-request .contact-form label > span {
  color: #435962;
  font-size: 12px;
  font-weight: 700;
}

.zm-request .contact-form input,
.zm-request .contact-form textarea {
  width: 100%;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #bdcbd2;
  border-radius: 4px;
  color: var(--zm-ink);
  background: var(--zm-white);
  font-size: 16px;
}

.zm-request .contact-form textarea {
  min-height: 112px;
  resize: vertical;
}

.zm-request .contact-form input:focus,
.zm-request .contact-form textarea:focus {
  border-color: #2381b5;
  outline: 2px solid rgba(35, 129, 181, 0.2);
  outline-offset: 1px;
}

.zm-request .contact-form .form-consent {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}

.zm-request .contact-form .form-consent input {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: var(--zm-orange);
  flex: 0 0 auto;
}

.zm-request .contact-form .btn {
  min-height: 52px;
  border-radius: 5px;
  color: var(--zm-white);
  background: var(--zm-orange-dark);
  border-color: var(--zm-orange-dark);
  box-shadow: none;
  font-size: 14px;
}

.zm-request .contact-form .btn::before {
  display: none;
}

.zm-request .contact-form .btn:hover {
  transform: none;
  background: #982e11;
  border-color: #982e11;
  box-shadow: none;
}

.zm-request .form-status[data-state="saved"] {
  color: #22633f;
}

.zm-request .form-status[data-state="error"] {
  color: #a72e20;
}

.zm-request .contact-form input[aria-invalid="true"],
.zm-request .contact-form textarea[aria-invalid="true"] {
  border-color: #a72e20;
  background: #fff8f6;
  box-shadow: 0 0 0 2px rgba(167, 46, 32, 0.14);
}

.zm-shell .footer.zm-footer {
  color: var(--zm-white);
  background: #101f26;
}

.zm-footer-main,
.zm-footer-bottom {
  width: min(calc(100% - 48px), var(--zm-max));
  margin-inline: auto;
}

.zm-footer-main {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 50px;
  min-height: 150px;
  padding: 34px 0;
}

.zm-shell .zm-footer-brand .zm-brand-name strong {
  color: var(--zm-white);
}

.zm-shell .zm-footer-brand .zm-brand-name small {
  color: #9babb2;
}

.zm-footer-links {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.zm-footer-links a {
  color: #b8c5ca;
  font-size: 12px;
}

.zm-footer-links a:hover {
  color: var(--zm-white);
}

.zm-footer-action {
  color: var(--zm-white);
}

.zm-footer-directory {
  width: min(calc(100% - 48px), var(--zm-max));
  margin-inline: auto;
  padding: 34px 0 42px;
  border-top: 1px solid #34454d;
}

.zm-footer-directory-title {
  margin: 0 0 21px;
  color: #899aa1;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}

.zm-footer-directory-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(24px, 4vw, 64px);
}

.zm-footer-directory-grid section {
  min-width: 0;
}

.zm-footer-directory-root {
  display: flex;
  min-height: 48px;
  align-items: center;
  color: var(--zm-white);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 680;
}

.zm-footer-directory-grid ul {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}

.zm-footer-directory-grid li a {
  display: flex;
  min-height: 48px;
  padding: 9px 0;
  color: #aebcc1;
  font-size: 12px;
  line-height: 1.35;
  align-items: center;
}

.zm-footer-directory a:hover {
  color: var(--zm-white);
}

.zm-sitemap-hero {
  padding: 52px 0 58px;
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-blue-soft);
}

.zm-sitemap-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  align-items: end;
  gap: clamp(42px, 8vw, 120px);
  margin-top: 52px;
}

.zm-sitemap-hero h1 {
  max-width: 760px;
  margin: 14px 0 0;
  font-size: clamp(48px, 5.2vw, 76px);
  line-height: 0.98;
  font-weight: 690;
  letter-spacing: 0;
}

.zm-sitemap-hero-layout > p {
  max-width: 520px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 17px;
  line-height: 1.65;
}

.zm-sitemap-map {
  padding: 58px 0 96px;
  background: var(--zm-white);
}

.zm-site-tree {
  --tree-line: #c7d4da;
  position: relative;
}

.zm-site-tree-home {
  display: inline-flex;
  position: relative;
  min-width: min(100%, 330px);
  min-height: 84px;
  padding: 18px 22px;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-site-tree-home::after {
  position: absolute;
  top: 100%;
  left: 28px;
  width: 1px;
  height: 34px;
  background: var(--tree-line);
  content: "";
}

.zm-site-tree-home span,
.zm-site-tree-primary-heading small {
  color: #8fa2ab;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-site-tree-home strong {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 680;
}

.zm-site-tree-level {
  position: relative;
  margin-top: 34px;
  padding: 34px 0 0 28px;
  border-top: 1px solid var(--tree-line);
}

.zm-site-tree-primary {
  position: relative;
  min-width: 0;
  padding-left: 24px;
  border-left: 1px solid var(--tree-line);
}

.zm-site-tree-primary-heading {
  display: grid;
  min-height: 64px;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

.zm-site-tree-primary-heading > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--zm-orange-dark);
  background: #fff1eb;
  font-size: 11px;
  font-weight: 760;
}

.zm-site-tree-primary-heading h2 {
  margin: 4px 0 0;
  font-size: 23px;
  line-height: 1.18;
  font-weight: 680;
}

.zm-site-tree-primary-heading h2 a {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  color: var(--zm-ink);
}

.zm-site-tree-primary-heading h2 a:hover {
  color: var(--zm-orange-dark);
}

.zm-site-tree-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 62px);
  margin-top: 20px;
  padding: 34px 0 0 46px;
  border-top: 1px solid var(--tree-line);
}

.zm-site-tree-branch {
  position: relative;
  padding-left: 20px;
  border-left: 1px solid var(--tree-line);
}

.zm-site-tree-branch h3 {
  margin: 0 0 13px;
  color: var(--zm-ink);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}

.zm-site-tree-branch ul,
.zm-site-tree-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.zm-site-tree-branch a,
.zm-site-tree-links a {
  display: flex;
  min-height: 48px;
  padding: 10px 0;
  align-items: center;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.4;
}

.zm-site-tree-branch a:hover,
.zm-site-tree-links a:hover {
  color: var(--zm-orange-dark);
}

.zm-site-tree-secondary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 3.5vw, 52px);
  margin-top: 64px;
  padding-top: 34px;
  border-top: 1px solid var(--tree-line);
}

.zm-site-tree-links {
  margin-top: 8px;
}

.zm-sitemap-help {
  padding: 72px 0;
  border-top: 1px solid var(--zm-line);
  background: var(--zm-soft);
}

.zm-sitemap-help-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.7fr);
  align-items: end;
  gap: clamp(42px, 8vw, 120px);
}

.zm-sitemap-help h2 {
  max-width: 720px;
  margin: 13px 0 0;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.02;
  font-weight: 660;
  letter-spacing: 0;
}

.zm-sitemap-help-layout > div:last-child {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 22px;
}

.zm-sitemap-help-layout > div:last-child p {
  max-width: 500px;
  margin: 0;
  color: var(--zm-muted);
  line-height: 1.65;
}

.zm-footer-contacts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 0.9fr);
  align-items: center;
  gap: 54px;
  width: min(calc(100% - 48px), var(--zm-max));
  margin-inline: auto;
  padding: 30px 0;
  border-top: 1px solid #34454d;
}

.zm-footer-direct {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.zm-footer-direct a {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
}

.zm-footer-direct span,
.zm-footer-messengers > span {
  color: #899aa1;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.zm-footer-direct strong {
  overflow-wrap: anywhere;
  color: var(--zm-white);
  font-size: 17px;
  line-height: 1.3;
}

.zm-footer-direct a:hover strong {
  color: #f08a66;
}

.zm-footer-messengers {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.zm-shell .footer-bottom.zm-footer-bottom {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 20px 0;
  border-top: 1px solid #34454d;
  color: #899aa1;
  font-size: 11px;
}

.zm-shell .footer-bottom.zm-footer-bottom a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  color: #aebbc0;
}

.zm-footer-cookie-settings {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 6px;
  padding: 7px 0;
  border: 0;
  color: #aebbc0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.zm-footer-cookie-settings svg {
  width: 14px;
  height: 14px;
}

.zm-footer-cookie-settings:hover {
  color: var(--zm-white);
}

@media (max-width: 1120px) {
  .zm-shell .zm-brand-name small {
    display: none;
  }

  .zm-shell .zm-nav {
    gap: 0;
  }

  .zm-header-phone {
    width: 38px;
    min-height: 38px;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--zm-line);
    border-radius: 4px;
    background: var(--zm-white);
  }

  .zm-header-phone-copy {
    display: none;
  }

  .zm-hero h1 {
    font-size: 70px;
  }

  .zm-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-service-grid > a {
    min-height: 250px;
  }

}

@media (max-width: 960px) {
  .zm-shell .site-header.zm-header {
    grid-template-columns: auto auto;
    left: 0;
    right: 0;
    min-height: 72px;
    padding: 11px 24px;
  }

  .zm-shell .zm-nav {
    position: fixed;
    inset: 72px 0 auto;
    height: calc(100svh - 72px);
    align-content: start;
    gap: 0;
    padding: 10px 24px 18px;
    overflow-y: auto;
    border: 0;
    border-bottom: 1px solid var(--zm-line);
    border-radius: 0;
    color: var(--zm-ink);
    background: var(--zm-white);
    box-shadow: none;
    visibility: hidden;
  }

  .zm-shell .zm-nav.is-open {
    visibility: visible;
  }

  .zm-shell .zm-nav > .zm-nav-direct {
    padding: 14px 0;
    border-bottom: 1px solid var(--zm-line);
    border-radius: 0;
    font-size: 15px;
  }

  .zm-shell .zm-nav > .zm-nav-direct:hover {
    background: transparent;
  }

  .zm-nav-group {
    display: block;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-nav-group::after {
    display: none;
  }

  .zm-shell .zm-nav-trigger {
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    padding: 0;
    font-size: 15px;
  }

  .zm-nav-panel,
  .zm-nav-panel-services,
  .zm-nav-panel-compact,
  .zm-nav-group-solutions .zm-nav-panel-compact,
  .zm-nav-group-company .zm-nav-panel-compact {
    position: static;
    display: none;
    width: auto;
    margin: 0;
    padding: 2px 0 12px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: none;
  }

  .zm-nav-group.is-expanded > .zm-nav-panel {
    display: grid;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .zm-nav-panel-services {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .zm-nav-shelf-head {
    min-height: 44px;
    padding: 0 8px;
    border-bottom: 1px solid var(--zm-line);
    background: transparent;
  }

  .zm-nav-shelf-head > strong {
    display: none;
  }

  .zm-shell .zm-nav .zm-nav-shelf-head > a {
    font-size: 13px;
  }

  .zm-nav-shelf-columns {
    grid-template-columns: 1fr;
    padding: 4px 0 0;
  }

  .zm-nav-column {
    padding: 12px 0 8px;
  }

  .zm-nav-column + .zm-nav-column {
    border-top: 1px solid var(--zm-line);
    border-left: 0;
  }

  .zm-shell .zm-nav .zm-nav-column-title {
    margin-bottom: 5px;
    font-size: 13px;
  }

  .zm-shell .zm-nav .zm-nav-column li > a {
    padding: 8px;
    font-size: 13px;
  }

  .zm-nav-panel-compact {
    padding-left: 8px;
  }

  .zm-shell .zm-nav .zm-nav-simple-list a {
    min-height: 40px;
    padding: 8px;
    font-size: 13px;
  }

  .zm-shell .zm-nav .zm-nav-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid var(--zm-orange-dark);
    border-radius: 4px;
    color: var(--zm-white);
    background: var(--zm-orange-dark);
  }

  .zm-shell .zm-nav .zm-nav-cta:hover {
    color: var(--zm-white);
    background: #982e11;
  }

  .zm-shell .zm-nav .zm-nav-phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 10px;
    padding: 15px 0;
    border-top: 1px solid var(--zm-line);
    border-bottom: 0;
    color: var(--zm-muted);
  }

  .zm-shell .zm-nav .zm-nav-phone strong {
    color: var(--zm-ink);
    font-size: 16px;
  }

  .zm-header-phone {
    width: 44px;
    min-height: 44px;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--zm-line);
    border-radius: 4px;
    background: var(--zm-white);
  }

  .zm-header-phone-copy {
    display: none;
  }

  .zm-header-cta {
    display: none;
  }

  .zm-hero {
    min-height: 600px;
    height: calc(100svh - 108px);
  }

  .zm-hero-inner {
    padding-top: 54px;
  }

  .zm-hero h1 {
    font-size: 62px;
  }

  .zm-hero-footer,
  .zm-section-heading,
  .zm-medicine-layout,
  .zm-faq-layout,
  .zm-request-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .zm-section-heading--proof {
    grid-template-columns: 1fr;
  }

  .zm-heading-proof {
    max-width: 620px;
  }

  .zm-hero-footer {
    align-items: start;
  }

  .zm-system-line > div {
    padding-inline: 14px;
  }

  .zm-routes strong {
    font-size: 14px;
  }

  .zm-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 28px;
  }

  .zm-team-grid {
    gap: 18px;
  }

  .zm-team-card {
    flex-basis: calc((100% - 18px) / 2);
  }

  .zm-page-experts-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .zm-page-expert {
    grid-template-columns: 118px minmax(0, 1fr);
    min-height: 0;
  }

  .zm-career-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .zm-career-layout .zm-button {
    justify-self: start;
  }

  .zm-request-layout {
    grid-template-columns: minmax(0, 680px);
  }

  .zm-footer-main {
    grid-template-columns: auto 1fr;
  }

  .zm-footer-links {
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .zm-footer-action {
    justify-self: end;
  }

  .zm-footer-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 38px;
  }

  .zm-sitemap-hero-layout,
  .zm-sitemap-help-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .zm-sitemap-hero-layout {
    margin-top: 48px;
  }

  .zm-site-tree-secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 44px;
  }

  .zm-footer-contacts {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 680px) {
  .zm-container,
  .zm-footer-main,
  .zm-footer-bottom,
  .zm-footer-contacts,
  .zm-footer-directory {
    width: min(calc(100% - 36px), var(--zm-max));
  }

  .zm-shell .site-header.zm-header {
    margin: 0;
    padding: 10px 18px;
  }

  .zm-shell .zm-brand {
    grid-template-columns: 36px auto;
    gap: 9px;
  }

  .zm-shell .zm-brand .brand-mark {
    width: 36px;
    height: 40px;
    font-size: 27px;
  }

  .zm-shell .zm-brand .zm-logo-symbol img {
    top: 3px;
    height: 34px;
  }

  .zm-shell .zm-brand-name strong {
    font-size: 14px;
  }

  .zm-hero {
    min-height: 570px;
    height: calc(100svh - 104px);
    max-height: 680px;
  }

  .zm-hero-mark {
    top: 40px;
    right: -35px;
    font-size: 290px;
  }

  .zm-hero-inner {
    padding-top: 38px;
  }

  .zm-hero h1 {
    font-size: 45px;
    line-height: 1.01;
  }

  .zm-hero-footer {
    gap: 22px;
    margin-top: 26px;
  }

  .zm-hero-footer > p {
    max-width: 430px;
    font-size: 15px;
    line-height: 1.55;
  }

  .zm-actions {
    gap: 18px;
  }

  .zm-button {
    min-height: 50px;
    padding: 13px 17px;
    gap: 18px;
  }

  .zm-system-line {
    grid-template-columns: repeat(2, 1fr);
  }

  .zm-system-line > div {
    min-height: 61px;
    padding: 11px 10px;
    border-top: 1px solid var(--zm-dark-line);
  }

  .zm-system-line > div:nth-child(odd) {
    padding-left: 0;
  }

  .zm-system-line > div:nth-child(2) {
    border-right: 0;
  }

  .zm-system-line strong {
    font-size: 14px;
  }

  .zm-system-line small {
    font-size: 10px;
  }

  .zm-routes .zm-container {
    grid-template-columns: 1fr;
  }

  .zm-routes a,
  .zm-routes a:first-of-type {
    min-height: 76px;
    padding: 17px 0;
    border-right: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-routes a:last-of-type {
    border-bottom: 0;
  }

  .zm-routes strong {
    font-size: 16px;
  }

  .zm-section {
    padding: 72px 0;
  }

  .zm-section h2 {
    font-size: 36px;
    line-height: 1.08;
  }

  .zm-section-heading {
    gap: 22px;
    margin-bottom: 30px;
  }

  .zm-heading-proof {
    padding-top: 0;
  }

  .zm-heading-proof-label {
    margin-bottom: 11px;
  }

  .zm-heading-proof-label svg {
    width: 22px;
    height: 22px;
    flex-basis: 22px;
  }

  .zm-heading-proof > strong {
    max-width: 340px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 1.22;
  }

  .zm-heading-proof > p {
    font-size: 14px;
    line-height: 1.58;
  }

  .zm-heading-proof-line {
    width: 58px;
    margin-top: 14px;
  }

  .zm-section-heading > p,
  .zm-medical-copy > p:not(.zm-kicker),
  .zm-career-layout > div > p:not(.zm-kicker),
  .zm-request-layout > div > p:not(.zm-kicker) {
    font-size: 15px;
  }

  .zm-service-grid,
  .zm-flow,
  .zm-format-grid {
    grid-template-columns: 1fr;
  }

  .zm-service-grid > a {
    min-height: 225px;
    padding: 21px;
  }

  .zm-service-grid h3 {
    font-size: 24px;
  }

  .zm-flow {
    gap: 26px;
    margin-top: 36px;
  }

  .zm-flow h3 {
    min-height: 0;
    margin-top: 18px;
  }

  .zm-medical-visual {
    min-height: 300px;
    padding: 26px 23px;
  }

  .zm-medical-visual > strong {
    font-size: 36px;
  }

  .zm-format-grid {
    gap: 28px;
  }

  .zm-team-grid {
    gap: 12px;
  }

  .zm-team-card {
    flex-basis: min(82vw, 312px);
    padding: 9px;
    border-radius: 20px;
  }

  .zm-team-card-copy {
    padding: 15px 10px 10px;
  }

  .zm-team-card h3 {
    font-size: 20px;
  }

  .zm-team-card .zm-team-role {
    font-size: 12px;
  }

  .zm-team-card .zm-team-responsibility {
    margin-top: 12px;
    padding-top: 12px;
    font-size: 12px;
  }

  .zm-team-controls {
    justify-content: flex-start;
    margin-top: 18px;
  }

  .zm-team-controls button {
    width: 44px;
    height: 44px;
  }

  .zm-team-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
    margin-top: 32px;
  }

  .zm-page-experts-intro {
    gap: 18px;
  }

  .zm-page-experts-grid {
    gap: 16px;
  }

  .zm-page-expert {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 14px;
    padding: 10px 0 0;
  }

  .zm-page-expert-copy > p {
    min-height: 0;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .zm-page-expert h3 {
    font-size: 20px;
  }

  .zm-page-expert-copy > small {
    margin-top: 8px;
    font-size: 11px;
  }

  .zm-career-layout .zm-button,
  .zm-request .contact-form .btn {
    width: 100%;
  }

  .zm-faq-layout {
    gap: 28px;
  }

  .zm-faq-list summary {
    padding: 19px 0;
    font-size: 15px;
  }

  .zm-faq-list details p {
    padding-right: 24px;
    font-size: 14px;
  }

  .zm-request .contact-form {
    padding: 20px;
  }

  .zm-footer-main {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 38px 0;
  }

  .zm-footer-action {
    justify-self: start;
  }

  .zm-footer-directory {
    padding: 32px 0 38px;
  }

  .zm-footer-directory-title {
    margin-bottom: 18px;
  }

  .zm-footer-directory-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .zm-sitemap-hero {
    padding: 34px 0 52px;
  }

  .zm-sitemap-hero-layout {
    margin-top: 38px;
  }

  .zm-sitemap-hero h1 {
    font-size: 44px;
    line-height: 1;
  }

  .zm-sitemap-hero-layout > p {
    font-size: 15px;
  }

  .zm-sitemap-map {
    padding: 68px 0 76px;
  }

  .zm-sitemap-help h2 {
    font-size: 34px;
    line-height: 1.06;
  }

  .zm-site-tree-home {
    width: 100%;
    min-width: 0;
  }

  .zm-site-tree-level {
    padding: 28px 0 0 18px;
  }

  .zm-site-tree-primary {
    padding-left: 16px;
  }

  .zm-site-tree-primary-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .zm-site-tree-groups {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 14px;
    padding: 28px 0 0 18px;
  }

  .zm-site-tree-secondary {
    grid-template-columns: 1fr;
    gap: 38px;
    margin-top: 46px;
    padding-top: 28px;
  }

  .zm-sitemap-help {
    padding: 60px 0;
  }

  .zm-footer-links {
    justify-content: flex-start;
    gap: 17px 20px;
  }

  .zm-footer-direct {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .zm-footer-bottom {
    flex-wrap: wrap;
    gap: 12px 20px;
  }
}

/* Product catalogue, post-call analytics and marketplace chatbots. */
.zm-home-products {
  scroll-margin-top: 86px;
  padding-top: 82px;
  border-block: 1px solid var(--zm-line);
  background: #f3f6f7;
}

.zm-home-products > .zm-container {
  width: min(calc(100% - 64px), 1200px);
}

.zm-home-products-heading-copy {
  align-self: start;
}

.zm-home-products-heading-copy > p {
  margin-bottom: 0;
}

.zm-product-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #6b7d84;
  font-size: 11px;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-product-meta strong {
  font-size: 10px;
  font-weight: 760;
}

.zm-products-card h3 {
  color: var(--zm-ink);
  font-weight: 720;
}

.zm-products-card h3 a {
  color: inherit;
}

.zm-products-card-body > p {
  max-width: 600px;
  margin-top: 0;
  color: var(--zm-muted);
}

.zm-products-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 50px 0 0;
  border-bottom: 1px solid var(--zm-line);
  background: #eaf2f3;
}

.zm-products-hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
}

.zm-products-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zm-products-hero > .zm-container {
  position: relative;
  z-index: 1;
}

.zm-products-hero .zm-breadcrumb {
  margin-bottom: 0;
}

.zm-products-hero-layout {
  min-height: 488px;
  padding: 72px 0 84px;
}

.zm-products-hero-content {
  max-width: 720px;
}

.zm-products-hero h1 {
  max-width: 850px;
  margin: 14px 0 0;
  color: var(--zm-ink);
  font-size: 72px;
  line-height: 0.98;
  font-weight: 740;
  letter-spacing: 0;
}

.zm-products-hero-copy > p {
  max-width: 580px;
  margin: 25px 0 30px;
  color: var(--zm-muted);
  font-size: 17px;
  line-height: 1.65;
}

.zm-products-index {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--zm-line);
  border-bottom: 0;
  background: rgba(255, 255, 255, 0.82);
}

.zm-products-index a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  min-width: 0;
  padding: 20px 24px;
  color: var(--zm-ink);
  border-right: 1px solid var(--zm-line);
}

.zm-products-index a:last-child {
  border-right: 0;
}

.zm-products-index span {
  grid-row: span 2;
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-products-index strong {
  font-size: 15px;
}

.zm-products-index small {
  color: var(--zm-muted);
  font-size: 12px;
}

.zm-products-catalog {
  overflow: hidden;
  background: #f5f7f8;
}

.zm-products-intro > p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 16px;
  line-height: 1.65;
}

.zm-products-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
}

.zm-products-controls > span {
  min-width: 72px;
  margin-right: 8px;
  color: var(--zm-muted);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

.zm-products-controls button {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border: 1px solid #aebfc5;
  border-radius: 4px;
  color: var(--zm-ink);
  background: transparent;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.zm-products-controls button:hover:not(:disabled) {
  border-color: var(--zm-orange-dark);
  color: var(--zm-white);
  background: var(--zm-orange-dark);
}

.zm-products-controls button:disabled {
  cursor: default;
  opacity: 0.34;
}

.zm-products-controls button svg {
  width: 18px;
  height: 18px;
}

.zm-products-controls [data-products-prev] svg {
  transform: rotate(180deg);
}

.zm-products-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  border: 0;
  background: transparent;
}

.zm-products-grid:focus-visible {
  outline: 2px solid var(--zm-orange-dark);
  outline-offset: 7px;
}

.zm-products-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dbe3e6;
  border-radius: 8px;
  background: #ffffff;
  box-shadow:
    0 16px 34px rgba(24, 39, 47, 0.075),
    0 3px 8px rgba(24, 39, 47, 0.045);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-products-card + .zm-products-card {
  border-left: 1px solid #dbe3e6;
}

.zm-products-card:hover {
  border-color: #c9d4d8;
  box-shadow:
    0 20px 40px rgba(24, 39, 47, 0.1),
    0 4px 10px rgba(24, 39, 47, 0.055);
  transform: translateY(-3px);
}

.zm-products-card-media {
  display: block;
  aspect-ratio: 4 / 3;
  margin: 10px 10px 0;
  overflow: hidden;
  border-radius: 8px;
}

.zm-products-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 260ms ease;
}

.zm-products-card:hover .zm-products-card-media img {
  transform: scale(1.018);
}

.zm-products-card-body {
  display: flex;
  min-height: 330px;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 19px 20px 22px;
}

.zm-product-meta {
  align-items: flex-start;
  flex-direction: column;
  gap: 9px;
}

.zm-product-meta > span {
  color: #6b7d84;
}

.zm-product-card-status {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  line-height: 1.2;
}

.zm-products-card:nth-child(1) .zm-product-card-status {
  color: #16795e;
  background: #e2f5ec;
}

.zm-products-card:nth-child(2) .zm-product-card-status {
  color: #246db0;
  background: #e5f0fb;
}

.zm-products-card:nth-child(3) .zm-product-card-status {
  color: #7652a8;
  background: #f0e8fa;
}

.zm-products-card:nth-child(4) .zm-product-card-status {
  color: #a45d12;
  background: #fbeed9;
}

.zm-products-card h3 {
  margin: 23px 0 12px;
  font-size: 25px;
  line-height: 1.08;
}

.zm-products-card-body > p {
  margin-bottom: 22px;
  font-size: 13px;
  line-height: 1.6;
}

.zm-product-card-action {
  width: 100%;
  margin-top: auto;
}

.zm-product-card-action > span {
  display: block;
  width: 52px;
  height: 2px;
  margin: 0 0 16px;
  background: #df5232;
}

.zm-product-card-action .zm-button {
  width: 100%;
  min-height: 48px;
  gap: 20px;
  padding: 12px 18px;
  font-size: 13px;
}

.zm-home-products-promise {
  display: block;
  margin-top: 9px;
  color: #236fc2;
  font-size: 0.86em;
  line-height: 1.05;
}

.zm-home-products-action {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.zm-home-products-action .zm-text-link {
  color: var(--zm-ink);
}

.zm-kc-ai-hero .zm-product-hero-media img,
.zm-chatbots-hero .zm-product-hero-media img {
  object-position: center;
}

.zm-kc-ai-output {
  background: #f3f6f7;
}

.zm-kc-ai-output-grid,
.zm-chatbot-platform-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block: 1px solid var(--zm-line);
}

.zm-kc-ai-output-grid article,
.zm-chatbot-platform-grid article {
  min-width: 0;
  padding: 28px;
  border-right: 1px solid var(--zm-line);
}

.zm-kc-ai-output-grid article:first-child,
.zm-chatbot-platform-grid article:first-child {
  padding-left: 0;
}

.zm-kc-ai-output-grid article:last-child,
.zm-chatbot-platform-grid article:last-child {
  border-right: 0;
}

.zm-kc-ai-output-grid span,
.zm-chatbot-platform-grid span {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.zm-kc-ai-output-grid h3,
.zm-chatbot-platform-grid h3 {
  margin: 54px 0 12px;
  color: var(--zm-ink);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

.zm-kc-ai-output-grid p,
.zm-chatbot-platform-grid p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.62;
}

.zm-chatbot-platforms {
  background: var(--zm-white);
}

.zm-product-audiences {
  background: #f5f7f8;
}

.zm-chatbot-handoff {
  border-block: 1px solid #d5e0e2;
  background: #edf4f4;
}

.zm-product-related {
  background: var(--zm-white);
}

@media (min-width: 961px) {
  .zm-products-controls {
    display: none;
  }
}

@media (max-width: 1120px) {
  .zm-products-hero h1 { font-size: 62px; }
  .zm-products-card-body { min-height: 370px; padding-inline: 18px; }
  .zm-products-card h3 { font-size: 23px; }
}

@media (max-width: 960px) {
  .zm-products-hero-media img { object-position: 58% center; opacity: 0.78; }
  .zm-products-hero-layout { min-height: 450px; padding-block: 60px 76px; }
  .zm-products-hero-content { max-width: 640px; }
  .zm-products-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zm-products-index a:nth-child(2) { border-right: 0; }
  .zm-products-index a:nth-child(n + 3) { border-top: 1px solid var(--zm-line); }
  .zm-products-grid {
    display: flex;
    gap: 14px;
    padding: 2px 0 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    border: 0;
    background: transparent;
  }
  .zm-products-grid::-webkit-scrollbar { display: none; }
  .zm-products-card {
    flex: 0 0 calc((100% - 14px) / 2);
    scroll-snap-align: start;
  }
  .zm-products-card + .zm-products-card { border-left: 1px solid #dbe3e6; }
  .zm-products-card-body { min-height: 330px; padding: 24px 22px 28px; }
  .zm-kc-ai-output-grid,
  .zm-chatbot-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zm-kc-ai-output-grid article:nth-child(2),
  .zm-chatbot-platform-grid article:nth-child(2) { border-right: 0; }
  .zm-kc-ai-output-grid article:nth-child(n + 3),
  .zm-chatbot-platform-grid article:nth-child(n + 3) { border-top: 1px solid var(--zm-line); }
  .zm-kc-ai-output-grid article:nth-child(3),
  .zm-chatbot-platform-grid article:nth-child(3) { padding-left: 0; }
}

@media (max-width: 680px) {
  .zm-home-products > .zm-container {
    width: min(calc(100% - 36px), 1200px);
  }

  .zm-products-hero { padding-top: 28px; }
  .zm-products-hero-media img { object-position: 56% center; opacity: 0.62; }
  .zm-products-hero-layout { min-height: 430px; padding: 44px 0 58px; }
  .zm-products-hero h1 { font-size: 42px; line-height: 1; }
  .zm-products-hero-copy > p { font-size: 15px; }
  .zm-products-index { grid-template-columns: repeat(2, minmax(0, 1fr)); border-inline: 0; }
  .zm-products-index a,
  .zm-products-index a:nth-child(2) { padding: 15px 14px; border-top: 0; border-right: 1px solid var(--zm-line); border-bottom: 1px solid var(--zm-line); }
  .zm-products-index a:nth-child(even) { border-right: 0; }
  .zm-products-index a:nth-child(n + 3) { border-bottom: 0; }
  .zm-products-index a { gap: 4px 9px; }
  .zm-products-index strong { font-size: 13px; }
  .zm-products-index small { font-size: 10px; }
  .zm-products-controls { justify-content: flex-start; margin-top: 18px; }
  .zm-products-controls button { width: 44px; height: 44px; }
  .zm-products-card { flex-basis: min(82vw, 320px); }
  .zm-products-card-body { padding: 23px 21px 27px; }
  .zm-product-meta { align-items: flex-start; flex-direction: column; gap: 9px; }
  .zm-products-card h3 { margin-top: 30px; font-size: 25px; }
  .zm-products-card-body { min-height: 330px; }
  .zm-home-products-promise { margin-top: 8px; font-size: 0.72em; }
  .zm-home-products-action { justify-content: flex-start; margin-top: 27px; }
  .zm-kc-ai-output-grid,
  .zm-chatbot-platform-grid { grid-template-columns: 1fr; }
  .zm-kc-ai-output-grid article,
  .zm-chatbot-platform-grid article,
  .zm-kc-ai-output-grid article:first-child,
  .zm-chatbot-platform-grid article:first-child,
  .zm-kc-ai-output-grid article:nth-child(3),
  .zm-chatbot-platform-grid article:nth-child(3) { padding: 24px 0; border-right: 0; border-top: 1px solid var(--zm-line); }
  .zm-kc-ai-output-grid article:first-child,
  .zm-chatbot-platform-grid article:first-child { border-top: 0; }
  .zm-kc-ai-output-grid h3,
  .zm-chatbot-platform-grid h3 { margin-top: 24px; }
}

@media (max-width: 380px) {
  .zm-hero h1 {
    font-size: 40px;
  }

  .zm-hero .zm-text-link {
    font-size: 12px;
  }

  .zm-medical-visual > strong {
    font-size: 31px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-shell *,
  .zm-shell *::before,
  .zm-shell *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}

/* Service page system */
.zm-service-hero {
  position: relative;
  min-height: 650px;
  overflow: hidden;
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-service-mark {
  position: absolute;
  top: -140px;
  right: 2%;
  color: var(--zm-white);
  font-size: 600px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  opacity: 0.03;
  pointer-events: none;
}

.zm-service-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 650px;
  padding-top: 34px;
}

.zm-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 50px;
  color: #93a7b0;
  font-size: 11px;
}

.zm-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}

.zm-breadcrumb a:hover {
  color: var(--zm-white);
}

.zm-service-hero .zm-kicker {
  color: #adbec6;
}

.zm-service-hero h1 {
  max-width: 1100px;
  margin: 0;
  color: var(--zm-white);
  font-size: 68px;
  line-height: 1.02;
  font-weight: 740;
  letter-spacing: 0;
  overflow-wrap: break-word;
}

.zm-service-lead {
  max-width: 790px;
  margin: 28px 0 30px;
  color: #bfccd2;
  font-size: 18px;
  line-height: 1.6;
}

.zm-service-hero .zm-text-link {
  color: var(--zm-white);
  border-color: #71828a;
}

.zm-service-signal {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: auto;
  border-top: 1px solid var(--zm-dark-line);
}

.zm-service-signal > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 14px;
  min-height: 92px;
  padding: 20px 24px;
  border-right: 1px solid var(--zm-dark-line);
}

.zm-service-signal > div:first-child {
  padding-left: 0;
}

.zm-service-signal > div:last-child {
  border-right: 0;
}

.zm-service-signal span {
  grid-row: span 2;
  color: #f08b67;
  font-size: 11px;
}

.zm-signal-icon {
  width: 24px;
  height: 24px;
  grid-row: span 2;
  color: var(--zm-orange-dark);
  stroke-width: 1.8;
}

.zm-service-signal strong {
  color: var(--zm-white);
  font-size: 17px;
  font-weight: 650;
}

.zm-service-signal small {
  color: #9dafb8;
  font-size: 12px;
}

.zm-service-situations {
  background: var(--zm-white);
}

.zm-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.zm-feature-grid article {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: 25px;
  border: 1px solid #dae3e7;
  border-radius: 8px;
  background: var(--zm-soft);
}

.zm-feature-grid span {
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-feature-grid h3 {
  margin: 0 0 14px;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 670;
  letter-spacing: 0;
}

.zm-feature-grid p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.65;
}

.zm-scope-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
  align-items: start;
  gap: 9%;
}

.zm-scope-intro > p:not(.zm-kicker) {
  max-width: 470px;
  margin: 24px 0 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.65;
}

.zm-scope-list {
  border-bottom: 1px solid var(--zm-line);
}

.zm-scope-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 23px 0;
  border-top: 1px solid var(--zm-line);
}

.zm-scope-list article > span {
  padding-top: 3px;
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-scope-list h3 {
  margin: 0 0 8px;
  color: var(--zm-ink);
  font-size: 19px;
  line-height: 1.3;
  font-weight: 670;
  letter-spacing: 0;
}

.zm-scope-list p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.6;
}

.zm-service-check {
  border-top: 1px solid var(--zm-line);
  background: var(--zm-blue-soft);
}

.zm-check-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.zm-check-grid > div {
  min-height: 230px;
  padding: 25px;
  border: 1px solid #cbd9df;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.42);
}

.zm-check-grid svg {
  color: var(--zm-orange-dark);
}

.zm-check-grid h3 {
  margin: 62px 0 12px;
  color: var(--zm-ink);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 670;
  letter-spacing: 0;
}

.zm-check-grid p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 960px) {
  .zm-service-hero,
  .zm-service-hero-inner {
    min-height: 620px;
  }

  .zm-service-hero h1 {
    font-size: 54px;
  }

  .zm-scope-layout {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .zm-footer-main {
    grid-template-columns: 1fr;
  }

  .zm-footer-links {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .zm-service-hero,
  .zm-service-hero-inner {
    min-height: 610px;
  }

  .zm-service-hero-inner {
    padding-top: 24px;
  }

  .zm-service-mark {
    top: 90px;
    right: -35px;
    font-size: 300px;
  }

  .zm-breadcrumb {
    margin-bottom: 36px;
  }

  .zm-service-hero h1 {
    font-size: 40px;
    line-height: 1.06;
  }

  .zm-service-lead {
    margin: 22px 0 24px;
    font-size: 15px;
    line-height: 1.55;
  }

  .zm-service-hero .zm-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .zm-service-signal {
    grid-template-columns: 1fr;
  }

  .zm-service-signal > div,
  .zm-service-signal > div:first-child {
    min-height: 57px;
    padding: 10px 0;
    border-right: 0;
    border-bottom: 1px solid var(--zm-dark-line);
  }

  .zm-service-signal > div:last-child {
    border-bottom: 0;
  }

  .zm-service-signal strong {
    font-size: 14px;
  }

  .zm-service-signal small {
    font-size: 10px;
  }

  .zm-feature-grid,
  .zm-check-grid {
    grid-template-columns: 1fr;
  }

  .zm-feature-grid article,
  .zm-check-grid > div {
    min-height: 220px;
    padding: 21px;
  }

  .zm-check-grid h3 {
    margin-top: 46px;
  }
}

@media (max-width: 380px) {
  .zm-service-hero h1 {
    font-size: 36px;
  }
}

/* Cases and contact routes */
.zm-cases-hero .zm-service-lead {
  max-width: 760px;
}

.zm-case-structure {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  padding: 0;
  margin: 54px 0 0;
  list-style: none;
}

.zm-case-structure li {
  padding-top: 19px;
  border-top: 1px solid #cbd6db;
}

.zm-case-structure span {
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-case-structure h3 {
  min-height: 32px;
  margin: 23px 0 11px;
  color: var(--zm-ink);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 670;
  letter-spacing: 0;
}

.zm-case-structure p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.65;
}

.zm-published-cases {
  background: #eef3f5;
}

.zm-published-case-list {
  margin-top: 50px;
  border-bottom: 1px solid #cbd6db;
}

.zm-published-case {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.35fr) minmax(180px, 0.7fr);
  gap: 48px;
  padding: 30px 0 34px;
  border-top: 1px solid #cbd6db;
}

.zm-published-case-index {
  margin: 0 0 20px;
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 750;
}

.zm-published-case h3 {
  margin: 0;
  color: var(--zm-ink);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 680;
  letter-spacing: 0;
}

.zm-published-case-subtitle,
.zm-published-case-copy {
  color: var(--zm-muted);
  line-height: 1.65;
}

.zm-published-case-subtitle {
  margin: 10px 0 0;
  font-size: 13px;
}

.zm-published-case-copy {
  margin: 0;
  font-size: 15px;
}

.zm-published-case-proof {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.zm-published-case-proof strong {
  padding: 7px 9px;
  border: 1px solid #becbd0;
  border-radius: 4px;
  color: var(--zm-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 680;
}

.zm-published-case-proof small {
  width: 100%;
  margin-top: 5px;
  color: var(--zm-muted);
  font-size: 11px;
  line-height: 1.5;
}

.zm-integrity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 60px;
}

.zm-integrity-grid > div {
  padding-top: 20px;
  border-top: 1px solid var(--zm-dark-line);
}

.zm-integrity-grid > div > span {
  display: block;
  margin-bottom: 24px;
  color: #f08b67;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.zm-integrity-grid p {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 0;
  margin: 0;
  border-top: 1px solid #40535c;
  color: #d0dbe0;
  font-size: 14px;
  line-height: 1.55;
}

.zm-integrity-grid p:first-of-type {
  border-top: 0;
}

.zm-integrity-grid p svg {
  width: 17px;
  height: 17px;
  margin-top: 2px;
  color: #ef8058;
  flex: 0 0 auto;
}

.zm-contact-hero {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-contact-hero-inner {
  position: relative;
  z-index: 1;
  min-height: 520px;
  padding-top: 34px;
}

.zm-contact-hero .zm-kicker {
  color: #adbec6;
}

.zm-contact-hero h1 {
  margin: 0;
  color: var(--zm-white);
  font-size: 84px;
  line-height: 0.98;
  font-weight: 750;
  letter-spacing: 0;
}

.zm-contact-hero h1 span {
  color: #f06a3e;
}

.zm-contact-hero-inner > p:not(.zm-kicker) {
  max-width: 720px;
  margin: 28px 0 0;
  color: #bfccd2;
  font-size: 18px;
  line-height: 1.6;
}

.zm-contact-routes {
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-soft);
}

.zm-contact-routes .zm-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zm-contact-routes a {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 20px;
  min-height: 116px;
  padding: 26px 28px;
  border-right: 1px solid var(--zm-line);
  transition: color 0.2s ease, background 0.2s ease;
}

.zm-contact-routes a:first-of-type {
  padding-left: 0;
}

.zm-contact-routes a:last-of-type {
  border-right: 0;
}

.zm-contact-routes a:hover,
.zm-contact-routes a[aria-current="true"] {
  color: var(--zm-orange-dark);
  background: #e8edef;
}

.zm-contact-routes span {
  grid-column: 1;
  color: var(--zm-muted);
  font-size: 11px;
}

.zm-contact-routes strong {
  grid-column: 1;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 680;
}

.zm-contact-routes svg {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
}

.zm-contact-facts {
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-white);
}

.zm-contact-facts .zm-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zm-contact-facts a,
.zm-contact-facts .zm-container > div {
  display: flex;
  min-width: 0;
  min-height: 142px;
  padding: 30px 28px;
  border-right: 1px solid var(--zm-line);
  flex-direction: column;
  justify-content: center;
}

.zm-contact-facts a:first-child {
  padding-left: 0;
}

.zm-contact-facts a:last-child {
  border-right: 0;
}

.zm-contact-facts span,
.zm-contact-facts small {
  color: var(--zm-muted);
}

.zm-contact-facts span {
  margin-bottom: 9px;
  font-size: 11px;
  text-transform: uppercase;
}

.zm-contact-facts strong {
  overflow-wrap: anywhere;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 680;
}

.zm-contact-facts small {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
}

.zm-contact-facts a:hover strong {
  color: var(--zm-orange-dark);
}

.zm-contact-messengers {
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-soft);
}

.zm-contact-messengers .zm-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 104px;
}

.zm-contact-messengers .zm-contact-messenger-heading {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.zm-contact-messengers .zm-contact-messenger-heading > span {
  color: var(--zm-muted);
  font-size: 11px;
  text-transform: uppercase;
}

.zm-contact-messengers .zm-contact-messenger-heading > strong {
  font-size: 18px;
}

.zm-messenger-buttons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.zm-messenger-buttons > .zm-channel {
  --zm-channel-color: var(--zm-orange-dark);
  --zm-channel-soft: #fff1eb;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 11px;
  min-height: 68px;
  padding: 10px 12px;
  border: 1px solid #cbd6db;
  border-radius: 5px;
  color: var(--zm-ink);
  background: var(--zm-white);
  font-family: inherit;
  text-align: left;
}

.zm-messenger-buttons > a.zm-channel {
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease,
    box-shadow 0.2s ease;
}

.zm-messenger-buttons > a.zm-channel:hover {
  border-color: var(--zm-channel-color);
  background: var(--zm-channel-soft);
  box-shadow: 0 7px 16px rgba(24, 39, 47, 0.08);
  transform: translateY(-2px);
}

.zm-messenger-buttons > button.is-disabled {
  color: #65767e;
  background: #edf1f2;
  cursor: not-allowed;
}

.zm-channel.is-telegram {
  --zm-channel-color: #197cad;
  --zm-channel-soft: #eff9fd;
}

.zm-channel.is-whatsapp {
  --zm-channel-color: #197851;
  --zm-channel-soft: #eff9f3;
}

.zm-channel.is-max {
  --zm-channel-color: #5c3bc6;
  --zm-channel-soft: #f5f2ff;
}

.zm-channel-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 4px;
  color: var(--zm-channel-color);
  background: var(--zm-channel-soft);
  font-size: 10px;
  line-height: 1;
  font-weight: 850;
}

.zm-channel-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

.zm-channel-copy strong {
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 760;
}

.zm-channel-copy small {
  color: #6d7d85;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 650;
}

.zm-messenger-buttons svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.zm-footer .zm-messenger-buttons > a,
.zm-footer .zm-messenger-buttons > button.is-disabled {
  min-height: 62px;
  color: var(--zm-white);
  border-color: #43555e;
  background: #172930;
}

.zm-footer .zm-messenger-buttons > a:hover {
  color: var(--zm-white);
  border-color: var(--zm-channel-color);
  background: #20343d;
}

.zm-footer .zm-messenger-buttons > button.is-disabled {
  color: #9cabb1;
  background: #15252c;
}

.zm-footer .zm-channel-copy small {
  color: #75868d;
}

.zm-footer .zm-channel.is-telegram .zm-channel-mark {
  background: #173746;
}

.zm-footer .zm-channel.is-whatsapp .zm-channel-mark {
  background: #17372d;
}

.zm-footer .zm-channel.is-max .zm-channel-mark {
  background: #2b2547;
}

.zm-contact-prep {
  background: var(--zm-white);
}

@media (max-width: 1120px) {
  .zm-contact-facts .zm-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-contact-facts .zm-container > :nth-child(2) {
    border-right: 0;
  }

  .zm-contact-facts .zm-container > :nth-child(-n + 2) {
    border-bottom: 1px solid var(--zm-line);
  }
}

@media (max-width: 960px) {
  .zm-case-structure {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 28px;
  }

  .zm-published-case {
    grid-template-columns: minmax(200px, 0.8fr) minmax(0, 1.2fr);
  }

  .zm-published-case-proof {
    grid-column: 2;
  }

  .zm-contact-hero h1 {
    font-size: 70px;
  }

}

@media (max-width: 680px) {
  .zm-case-structure,
  .zm-published-case,
  .zm-integrity-grid,
  .zm-contact-routes .zm-container,
  .zm-contact-facts .zm-container {
    grid-template-columns: 1fr;
  }

  .zm-case-structure {
    gap: 25px;
    margin-top: 34px;
  }

  .zm-case-structure h3 {
    min-height: 0;
    margin-top: 17px;
  }

  .zm-published-case-list {
    margin-top: 34px;
  }

  .zm-published-case {
    gap: 22px;
    padding: 25px 0 28px;
  }

  .zm-published-case-proof {
    grid-column: auto;
  }

  .zm-integrity-grid {
    gap: 36px;
  }

  .zm-contact-hero,
  .zm-contact-hero-inner {
    min-height: 465px;
  }

  .zm-contact-hero-inner {
    padding-top: 24px;
  }

  .zm-contact-hero h1 {
    font-size: 48px;
  }

  .zm-contact-hero-inner > p:not(.zm-kicker) {
    font-size: 15px;
    line-height: 1.55;
  }

  .zm-contact-routes a,
  .zm-contact-routes a:first-of-type {
    min-height: 84px;
    padding: 18px 0;
    border-right: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-contact-routes a:last-of-type {
    border-bottom: 0;
  }

  .zm-contact-facts a,
  .zm-contact-facts a:first-child,
  .zm-contact-facts .zm-container > div {
    min-height: 112px;
    padding: 22px 0;
    border-right: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-contact-facts a:last-child {
    border-bottom: 0;
  }

  .zm-contact-messengers .zm-container {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .zm-messenger-buttons {
    width: 100%;
    grid-template-columns: 1fr;
  }
}

/* Legal documents */
.zm-legal {
  min-height: 70vh;
  background: #f5f7f8;
}

.zm-legal-header {
  padding: 74px 0 58px;
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-white);
}

.zm-legal-header h1 {
  max-width: 920px;
  margin: 14px 0 0;
  overflow-wrap: anywhere;
  font-size: 58px;
  line-height: 1.05;
  font-weight: 760;
  hyphens: auto;
  letter-spacing: 0;
}

.zm-legal-summary {
  max-width: 760px;
  margin: 24px 0 0;
  color: var(--zm-muted);
  font-size: 18px;
  line-height: 1.6;
}

.zm-legal-date {
  margin: 19px 0 0;
  color: var(--zm-muted);
  font-size: 12px;
}

.zm-legal-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 820px);
  gap: 72px;
  align-items: start;
  padding-top: 58px;
  padding-bottom: 90px;
}

.zm-legal-nav {
  position: sticky;
  top: 112px;
  display: grid;
  border-top: 1px solid var(--zm-line);
}

.zm-legal-nav a {
  padding: 13px 0;
  border-bottom: 1px solid var(--zm-line);
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 650;
}

.zm-legal-nav a:hover,
.zm-legal-nav a[aria-current="page"] {
  color: var(--zm-orange-dark);
}

.zm-legal-body {
  min-width: 0;
  color: var(--zm-ink);
  font-size: 16px;
  line-height: 1.75;
}

.zm-legal-body h2 {
  margin: 52px 0 16px;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 730;
  letter-spacing: 0;
}

.zm-legal-body h2:first-child {
  margin-top: 0;
}

.zm-legal-body p,
.zm-legal-body ul {
  margin: 0 0 18px;
}

.zm-legal-body ul {
  padding-left: 22px;
}

.zm-legal-body li + li {
  margin-top: 7px;
}

.zm-request .contact-form .form-consent span {
  line-height: 1.45;
}

.zm-request .contact-form .form-consent a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.zm-request .contact-form .form-legal {
  margin: -7px 0 0 28px;
  color: var(--zm-muted);
  font-size: 11px;
  line-height: 1.45;
}

.zm-request .contact-form .form-legal a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Consent remains unobtrusive after a choice, and easy to reopen. */
.zm-cookie-banner {
  position: fixed;
  z-index: 90;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 22px;
  border: 1px solid #cfd9de;
  border-radius: 6px;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 48px rgba(24, 39, 47, 0.16);
  backdrop-filter: blur(12px);
}

.zm-cookie-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: grid;
  width: 34px;
  height: 34px;
  padding: 0;
  place-items: center;
  border: 1px solid #d7e1e5;
  border-radius: 50%;
  color: #38505a;
  background: #ffffff;
  font: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.zm-cookie-close:hover,
.zm-cookie-close:focus-visible {
  color: #ffffff;
  background: #2379cf;
}

.zm-cookie-banner[hidden] {
  display: none;
}

.zm-cookie-banner strong {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
}

.zm-cookie-banner p {
  max-width: 690px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.5;
}

.zm-cookie-banner a {
  color: var(--zm-orange-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.zm-cookie-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.zm-cookie-actions button {
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid var(--zm-ink);
  border-radius: 4px;
  font: inherit;
  font-size: 12px;
  font-weight: 720;
  cursor: pointer;
}

.zm-cookie-secondary {
  color: var(--zm-ink);
  background: var(--zm-white);
}

.zm-cookie-primary {
  color: var(--zm-white);
  background: var(--zm-ink);
}

.zm-error-screen {
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-blue-soft);
}

.zm-error-screen-visual {
  position: relative;
  min-height: 700px;
  overflow: hidden;
}

.zm-error-visual {
  position: absolute;
  inset: 0;
}

.zm-error-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zm-error-screen-visual .zm-error-layout {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 700px;
}

.zm-error-screen-visual .zm-error-inner {
  width: min(49%, 670px);
  min-height: 700px;
}

.zm-error-id {
  display: flex;
  margin: 0 0 12px;
  align-items: baseline;
  gap: 14px;
}

.zm-error-id strong {
  color: var(--zm-orange-dark);
  font-size: 54px;
  line-height: 0.9;
  font-weight: 760;
}

.zm-error-id span {
  color: var(--zm-muted);
  font-size: 10px;
  line-height: 1.4;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-error-layout {
  display: grid;
  min-height: 680px;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.52fr);
  align-items: center;
  gap: clamp(56px, 9vw, 150px);
}

.zm-error-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 72px 0;
}

.zm-error-inner h1 {
  max-width: 850px;
  margin: 13px 0 0;
  color: var(--zm-ink);
  font-size: clamp(52px, 5.3vw, 76px);
  line-height: 0.98;
  font-weight: 700;
  letter-spacing: 0;
}

.zm-error-copy {
  max-width: 620px;
  margin: 26px 0 30px;
  color: var(--zm-muted);
  font-size: 17px;
  line-height: 1.6;
}

.zm-error-routes {
  display: grid;
  max-width: 700px;
  margin-top: 50px;
  border-top: 1px solid #bccbd2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.zm-error-routes a {
  display: flex;
  min-height: 62px;
  padding: 12px 18px 12px 0;
  border-bottom: 1px solid #bccbd2;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: var(--zm-ink);
  font-size: 13px;
  font-weight: 680;
}

.zm-error-routes a:nth-child(even) {
  padding-right: 0;
  padding-left: 18px;
  border-left: 1px solid #bccbd2;
}

.zm-error-routes svg {
  width: 17px;
  height: 17px;
  color: var(--zm-orange-dark);
}

.zm-error-routes a:hover {
  color: var(--zm-orange-dark);
}

.zm-error-status {
  display: flex;
  min-height: 390px;
  padding-left: clamp(42px, 5vw, 78px);
  border-left: 1px solid #bccbd2;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.zm-error-status span,
.zm-error-status small {
  color: var(--zm-muted);
  font-size: 10px;
  line-height: 1.4;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-error-status strong {
  margin: 4px 0 10px;
  color: var(--zm-orange-dark);
  font-size: clamp(118px, 12vw, 176px);
  line-height: 0.9;
  font-weight: 760;
}

@media (max-width: 680px) {
  .zm-error-screen-visual {
    min-height: 0;
    overflow: visible;
  }

  .zm-error-visual {
    position: relative;
    height: 260px;
  }

  .zm-error-visual img {
    object-position: 72% center;
  }

  .zm-error-layout {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .zm-error-screen-visual .zm-error-layout {
    min-height: 0;
  }

  .zm-error-screen-visual .zm-error-inner {
    width: auto;
    min-height: 0;
  }

  .zm-error-inner {
    padding: 30px 0 62px;
  }

  .zm-error-inner h1 {
    font-size: 42px;
    line-height: 1.02;
  }

  .zm-error-copy {
    margin: 22px 0 26px;
    font-size: 16px;
  }

  .zm-error-status {
    display: grid;
    min-height: 0;
    padding: 30px 0 26px;
    border-bottom: 1px solid #bccbd2;
    border-left: 0;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: end;
    column-gap: 18px;
    order: -1;
  }

  .zm-error-status span {
    grid-column: 1 / -1;
  }

  .zm-error-status strong {
    margin: 5px 0 0;
    font-size: 82px;
  }

  .zm-error-status small {
    padding-bottom: 6px;
  }

  .zm-error-id strong {
    font-size: 48px;
  }

  .zm-error-routes {
    margin-top: 38px;
    grid-template-columns: 1fr;
  }

  .zm-error-routes a,
  .zm-error-routes a:nth-child(even) {
    min-height: 56px;
    padding: 10px 0;
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .zm-legal-header {
    padding: 48px 0 38px;
  }

  .zm-legal-header h1 {
    font-size: 38px;
  }

  .zm-legal-summary {
    font-size: 16px;
  }

  .zm-legal-layout {
    grid-template-columns: 1fr;
    gap: 38px;
    padding-top: 36px;
    padding-bottom: 64px;
  }

  .zm-legal-nav {
    position: static;
  }

  .zm-legal-body h2 {
    margin-top: 38px;
    font-size: 23px;
  }

  .zm-cookie-banner {
    right: 12px;
    bottom: 12px;
    left: 12px;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 18px;
  }

  .zm-cookie-actions {
    align-items: stretch;
  }

  .zm-cookie-actions button {
    flex: 1 1 0;
  }
}

@media (max-width: 430px) {
  .zm-cookie-actions {
    flex-direction: column;
  }
}

/* Light corporate direction */
body.zm-shell {
  --zm-milk: #f4f7f8;
  --zm-cyan: #087fae;
}

.zm-hero,
.zm-service-hero,
.zm-contact-hero,
.zm-corporate-hero {
  color: var(--zm-ink);
  background: var(--zm-milk);
}

.zm-hero-mark,
.zm-service-mark,
.zm-corporate-mark {
  color: var(--zm-cyan);
  opacity: 0.055;
}

.zm-hero .zm-kicker,
.zm-service-hero .zm-kicker,
.zm-contact-hero .zm-kicker,
.zm-corporate-hero .zm-kicker,
.zm-breadcrumb {
  color: var(--zm-muted);
}

.zm-hero h1,
.zm-service-hero h1,
.zm-contact-hero h1,
.zm-corporate-hero h1 {
  color: var(--zm-ink);
}

.zm-hero h1 .zm-accent,
.zm-contact-hero h1 span {
  color: var(--zm-orange);
}

.zm-hero-footer > p,
.zm-service-lead,
.zm-contact-hero-inner > p:not(.zm-kicker),
.zm-corporate-hero-footer > p {
  color: var(--zm-muted);
}

.zm-hero .zm-text-link,
.zm-service-hero .zm-text-link {
  color: var(--zm-ink);
  border-color: #9baab1;
}

.zm-breadcrumb a:hover {
  color: var(--zm-orange-dark);
}

.zm-system-line,
.zm-service-signal {
  border-color: #cdd7dc;
}

.zm-system-line > div,
.zm-service-signal > div {
  border-color: #cdd7dc;
}

.zm-system-line span,
.zm-service-signal span {
  color: var(--zm-orange-dark);
}

.zm-system-line small,
.zm-service-signal small {
  color: var(--zm-muted);
}

.zm-service-signal strong {
  color: var(--zm-ink);
}

/* Scalable first-level corporate pages */
.zm-corporate-hero {
  position: relative;
  min-height: 650px;
  overflow: hidden;
}

.zm-corporate-mark {
  position: absolute;
  top: -140px;
  right: 2%;
  font-size: 600px;
  line-height: 1;
  font-weight: 900;
  font-style: italic;
  pointer-events: none;
  user-select: none;
}

.zm-corporate-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 650px;
  padding-top: 34px;
  flex-direction: column;
}

.zm-corporate-hero h1 {
  max-width: 1120px;
  margin: 0;
  font-size: 72px;
  line-height: 1;
  font-weight: 750;
  letter-spacing: 0;
  overflow-wrap: break-word;
}

.zm-corporate-hero-footer {
  display: grid;
  grid-template-columns: minmax(0, 760px) auto;
  align-items: end;
  justify-content: space-between;
  gap: 40px;
  margin-top: 32px;
}

.zm-corporate-hero-footer > p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
}

.zm-corporate-hero-footer .zm-button {
  white-space: nowrap;
}

.zm-corporate-signal {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  min-height: 92px;
  margin-top: auto;
  border-top: 1px solid #cdd7dc;
}

.zm-corporate-signal span,
.zm-corporate-signal small {
  color: var(--zm-muted);
  font-size: 11px;
}

.zm-corporate-signal span {
  color: var(--zm-orange-dark);
  font-weight: 750;
  text-transform: uppercase;
}

.zm-corporate-signal strong {
  font-size: 16px;
  line-height: 1.35;
  font-weight: 650;
}

.zm-corporate-intro {
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-white);
}

.zm-corporate-intro-layout {
  display: grid;
  grid-template-columns: 150px minmax(300px, 0.95fr) minmax(280px, 0.65fr);
  gap: 6%;
  align-items: start;
}

.zm-corporate-intro-layout h2 {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 47px;
  hyphens: auto;
}

.zm-corporate-intro-layout > p:last-child {
  margin: 0;
  color: var(--zm-muted);
  font-size: 16px;
  line-height: 1.7;
}

.zm-corporate-scope {
  background: #eef3f5;
}

.zm-project-scope-title > span {
  display: block;
}

.zm-project-scope-title .zm-project-brand-line {
  width: fit-content;
  max-width: 100%;
  color: #176b9d;
  font-weight: 680;
}

.zm-project-brand-route {
  display: flex;
  width: 100%;
  height: 3px;
  margin-top: 11px;
  gap: 7px;
}

.zm-project-brand-route > span {
  display: block;
  min-width: 0;
  border-radius: 999px;
  background: #176b9d;
  flex: 1 1 0;
}

.zm-project-brand-route > span:nth-child(even) {
  background: #e75122;
}

.zm-project-pillars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: clamp(28px, 3vw, 52px);
  margin: 0 0 54px;
}

.zm-project-pillars > a {
  display: flex;
  min-width: 0;
  min-height: 220px;
  padding: 3px 0 0;
  color: var(--zm-ink);
  background: transparent;
  flex-direction: column;
}

.zm-project-pillar-icon {
  display: block;
  width: 66px;
  height: 66px;
  color: #176b9d;
}

.zm-project-pillars > a:nth-child(even) .zm-project-pillar-icon {
  color: #d84f27;
}

.zm-project-pillar-icon svg {
  width: 58px;
  height: 58px;
  stroke-width: 1.55;
}

.zm-project-pillars h3 {
  margin: 16px 0 9px;
  font-size: 21px;
  line-height: 1.18;
  font-weight: 700;
  transition: color 180ms ease;
}

.zm-project-pillars p {
  max-width: 280px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.55;
}

.zm-project-pillar-arrow {
  display: block;
  width: 28px;
  height: 28px;
  margin-top: 20px;
  color: #d84f27;
  transition: transform 180ms ease;
}

.zm-project-pillar-arrow svg {
  width: 24px;
  height: 24px;
}

.zm-project-pillars > a:hover,
.zm-project-pillars > a:focus-visible {
  color: #176b9d;
}

.zm-project-pillars > a:hover .zm-project-pillar-arrow,
.zm-project-pillars > a:focus-visible .zm-project-pillar-arrow {
  transform: translateX(5px);
}

.zm-project-pillars > a:focus-visible {
  border-radius: 8px;
  outline: 3px solid rgba(35, 121, 207, 0.34);
  outline-offset: 7px;
}

@media (max-width: 1120px) {
  .zm-project-pillars {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px 48px;
  }
}

@media (max-width: 680px) {
  .zm-project-pillars {
    gap: 32px 18px;
    margin-bottom: 42px;
  }

  .zm-project-pillars > a {
    min-height: 238px;
    padding: 0;
  }

  .zm-project-pillar-icon {
    width: 54px;
    height: 54px;
  }

  .zm-project-pillar-icon svg {
    width: 48px;
    height: 48px;
  }

  .zm-project-pillars h3 {
    margin-top: 12px;
    font-size: 17px;
  }

  .zm-project-pillars p {
    font-size: 12px;
    line-height: 1.48;
  }

  .zm-project-pillar-arrow {
    margin-top: 16px;
  }
}

.zm-corporate-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.zm-corporate-grid article {
  display: flex;
  min-width: 0;
  min-height: 310px;
  padding: 24px;
  border: 1px solid #d4dee2;
  border-radius: 8px;
  background: var(--zm-white);
  flex-direction: column;
}

.zm-corporate-item-top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  color: var(--zm-muted);
  font-size: 11px;
}

.zm-corporate-item-top > span {
  color: var(--zm-orange-dark);
}

.zm-corporate-item-top > small {
  overflow-wrap: anywhere;
  font-size: inherit;
  text-align: left;
  text-transform: uppercase;
}

.zm-corporate-grid h3 {
  margin: 28px 0 13px;
  color: var(--zm-ink);
  font-size: 23px;
  line-height: 1.2;
  font-weight: 680;
  letter-spacing: 0;
}

.zm-corporate-grid p,
.zm-corporate-empty {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.62;
}

.zm-corporate-grid .zm-text-link {
  align-self: flex-start;
  margin-top: auto;
  padding-top: 22px;
  color: var(--zm-ink);
}

.zm-corporate-process .zm-flow li {
  border-color: #4d6068;
}

@media (max-width: 1120px) {
  .zm-corporate-hero h1 {
    font-size: 62px;
  }

  .zm-corporate-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-corporate-grid article {
    min-height: 265px;
  }
}

@media (max-width: 960px) {
  .zm-corporate-hero,
  .zm-corporate-hero-inner {
    min-height: 620px;
  }

  .zm-corporate-hero-footer,
  .zm-corporate-intro-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .zm-corporate-intro-layout h2 {
    max-width: 760px;
  }
}

@media (max-width: 680px) {
  .zm-corporate-hero,
  .zm-corporate-hero-inner {
    min-height: 610px;
  }

  .zm-corporate-hero-inner {
    padding-top: 24px;
  }

  .zm-corporate-mark {
    top: 80px;
    right: -35px;
    font-size: 300px;
  }

  .zm-corporate-hero h1 {
    font-size: 36px;
    line-height: 1.04;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
  }

  .zm-corporate-hero-footer {
    gap: 22px;
    margin-top: 24px;
  }

  .zm-corporate-hero-footer > p {
    font-size: 15px;
    line-height: 1.55;
  }

  .zm-corporate-hero-footer .zm-button {
    width: 100%;
  }

  .zm-corporate-signal {
    grid-template-columns: 1fr;
    gap: 5px;
    align-content: center;
    min-height: 104px;
    padding: 15px 0;
  }

  .zm-corporate-signal strong {
    font-size: 14px;
  }

  .zm-corporate-intro-layout h2 {
    font-size: 36px;
  }

  .zm-corporate-grid {
    grid-template-columns: 1fr;
  }

  .zm-corporate-grid article {
    min-height: 235px;
    padding: 21px;
  }

  .zm-service-signal > div,
  .zm-service-signal > div:first-child {
    border-color: #cdd7dc;
  }
}

@media (max-width: 380px) {
  .zm-corporate-hero h1 {
    font-size: 34px;
  }
}

@media (min-width: 961px) {
  .zm-hero {
    min-height: 550px;
    height: calc(100svh - 172px);
  }

  .zm-corporate-hero,
  .zm-corporate-hero-inner {
    min-height: 500px;
  }
}

/* Higgsfield visual system */
.zm-hero-media,
.zm-service-hero-media,
.zm-corporate-hero-media,
.zm-career-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.zm-hero-media img,
.zm-service-hero-media img,
.zm-corporate-hero-media img,
.zm-career-media img,
.zm-service-card-media img,
.zm-medical-visual > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zm-hero-media {
  opacity: 0.72;
}

.zm-hero-media img {
  object-position: center right;
}

.zm-hero-mark,
.zm-service-mark,
.zm-corporate-mark {
  display: none;
}

.zm-hero-inner,
.zm-service-hero-inner,
.zm-corporate-hero-inner {
  z-index: 2;
}

.zm-hero h1 {
  max-width: 720px;
}

.zm-hero-footer {
  max-width: 760px;
}

.zm-hero-footer > p {
  max-width: 540px;
}

.zm-system-line {
  max-width: 100%;
  background: rgba(244, 247, 248, 0.9);
}

.zm-service-card-media {
  aspect-ratio: 16 / 9;
  margin: 0 -22px 20px;
  overflow: hidden;
  border-bottom: 1px solid #d7e0e4;
  background: #e8eef0;
}

.zm-service-card-media img {
  transition: transform 0.45s ease;
}

.zm-service-grid > a {
  min-height: 390px;
  padding: 0 22px 24px;
  overflow: hidden;
  background: #f5f7f7;
}

.zm-service-grid > a:hover .zm-service-card-media img {
  transform: scale(1.035);
}

.zm-service-grid h3 {
  margin-top: auto;
}

.zm-service-hero-media,
.zm-corporate-hero-media {
  opacity: 1;
}

.zm-service-hero-media img,
.zm-corporate-hero-media img {
  object-position: center right;
}

.zm-service-hero::before,
.zm-corporate-hero::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(244, 247, 248, 0.99) 0%, rgba(244, 247, 248, 0.96) 38%, rgba(244, 247, 248, 0.78) 58%, rgba(244, 247, 248, 0.1) 100%);
  pointer-events: none;
}

.zm-service-signal,
.zm-corporate-signal {
  position: relative;
  z-index: 2;
  background: rgba(244, 247, 248, 0.84);
  backdrop-filter: blur(10px);
}

.zm-service-hero h1,
.zm-service-lead,
.zm-corporate-hero h1,
.zm-corporate-hero-footer {
  position: relative;
  max-width: 820px;
}

.zm-medical-visual {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  border: 1px solid #c7d6dc;
  border-left: 5px solid var(--zm-orange);
  background: #d8e5eb;
}

.zm-medical-visual > img {
  position: absolute;
  inset: 0;
  object-position: center;
}

.zm-medical-visual > span,
.zm-medical-visual > strong,
.zm-medical-visual > div {
  position: relative;
  z-index: 1;
}

.zm-medical-visual > span {
  align-self: flex-start;
  max-width: none;
  padding: 8px 10px;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.9);
}

.zm-medical-visual > strong {
  align-self: flex-start;
  margin-top: auto;
  padding: 12px 16px;
  color: var(--zm-white);
  background: rgba(14, 37, 47, 0.9);
}

.zm-medical-visual > div {
  align-self: flex-start;
  padding: 8px;
  background: rgba(255, 255, 255, 0.9);
}

.zm-medical-visual b {
  border-color: #9db2bb;
  color: #314b56;
}

.zm-career {
  position: relative;
  overflow: hidden;
}

.zm-career-media {
  opacity: 0.17;
}

.zm-career-media img {
  object-position: center;
}

.zm-career-layout {
  position: relative;
  z-index: 1;
}

@media (max-width: 1120px) {
  .zm-hero-media {
    opacity: 0.5;
  }

  .zm-hero h1 {
    max-width: 690px;
  }

  .zm-service-grid > a {
    min-height: 365px;
  }
}

@media (min-width: 961px) {
  .zm-hero-footer {
    display: flex;
    max-width: 620px;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }
}

@media (max-width: 960px) {
  .zm-hero-media {
    opacity: 0.3;
  }

  .zm-hero-media img {
    object-position: 68% center;
  }

  .zm-service-hero-media,
  .zm-corporate-hero-media {
    opacity: 1;
  }

  .zm-service-hero::before,
  .zm-corporate-hero::before {
    background: linear-gradient(90deg, rgba(244, 247, 248, 0.99) 0%, rgba(244, 247, 248, 0.96) 48%, rgba(244, 247, 248, 0.62) 76%, rgba(244, 247, 248, 0.25) 100%);
  }

  .zm-service-grid > a {
    min-height: 380px;
  }

  .zm-career-media {
    opacity: 0.12;
  }
}

@media (max-width: 680px) {
  .zm-hero-media {
    opacity: 0.2;
  }

  .zm-hero-media img {
    object-position: 61% center;
  }

  .zm-service-hero-media img,
  .zm-corporate-hero-media img {
    object-position: 68% center;
  }

  .zm-service-hero::before,
  .zm-corporate-hero::before {
    background: linear-gradient(180deg, rgba(244, 247, 248, 0.9) 0%, rgba(244, 247, 248, 0.78) 52%, rgba(244, 247, 248, 0.95) 100%);
  }

  .zm-service-card-media {
    margin: 0 -20px 18px;
  }

  .zm-service-grid > a {
    min-height: 350px;
    padding: 0 20px 22px;
  }

  .zm-medical-visual {
    min-height: 320px;
    padding: 20px;
  }

  .zm-medical-visual > strong {
    font-size: 30px;
  }
}

/* Govorilka AI product page and home product band. */
.zm-home-product {
  padding: 0;
  border-block: 1px solid var(--zm-line);
  background: #f3f6f7;
}

.zm-home-product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.75fr);
  min-height: 560px;
}

.zm-home-product-visual {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-right: 1px solid var(--zm-line);
}

.zm-home-product-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 62% center;
}

.zm-home-product-visual figcaption {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 8px 10px;
  border: 1px solid rgba(30, 58, 68, 0.18);
  border-radius: 4px;
  color: #334f58;
  background: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  line-height: 1.3;
}

.zm-home-product-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  padding: 64px 0 64px 64px;
}

.zm-home-product-copy h2 {
  font-size: 56px;
}

.zm-home-product-lead {
  max-width: 520px;
  margin: 24px 0 0;
  color: var(--zm-muted);
  font-size: 17px;
  line-height: 1.65;
}

.zm-product-status {
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 0;
  margin: 28px 0 34px;
  list-style: none;
}

.zm-product-status li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #263e47;
  font-size: 13px;
  font-weight: 680;
}

.zm-product-status li > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #15916f;
  box-shadow: 0 0 0 4px rgba(21, 145, 111, 0.12);
}

.zm-product-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 640px;
  height: calc(100svh - 78px);
  max-height: 820px;
  overflow: hidden;
  color: var(--zm-ink);
  background: #f4f7f8;
}

.zm-product-hero::after {
  position: absolute;
  inset: 0;
  content: "";
  background: rgba(244, 247, 248, 0.24);
  pointer-events: none;
}

.zm-product-hero-media {
  position: absolute;
  inset: 0;
}

.zm-product-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zm-product-hero-inner {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  padding-top: 46px;
}

.zm-product-hero .zm-breadcrumb {
  margin-bottom: 54px;
}

.zm-product-hero .zm-kicker {
  color: #486771;
}

.zm-product-hero h1 {
  max-width: 690px;
  margin: 0;
  color: #102c36;
  font-size: 72px;
  line-height: 0.98;
  font-weight: 760;
  letter-spacing: 0;
}

.zm-product-hero h1 span {
  display: block;
  max-width: 640px;
  margin-top: 12px;
  color: #245f72;
  font-size: 38px;
  line-height: 1.08;
  font-weight: 660;
}

.zm-product-hero-lead {
  max-width: 600px;
  margin: 26px 0 30px;
  color: #38535d;
  font-size: 17px;
  line-height: 1.6;
}

.zm-product-hero .zm-text-link {
  color: #173d4b;
  border-color: #8da6ae;
}

.zm-product-concept-note {
  margin: 22px 0 0;
  color: #647c84;
  font-size: 11px;
  line-height: 1.4;
}

.zm-product-hero-status {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid rgba(80, 108, 117, 0.22);
  border-bottom: 0;
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(12px);
}

.zm-product-hero-status > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px 14px;
  min-width: 0;
  padding: 18px 22px;
  border-right: 1px solid rgba(80, 108, 117, 0.2);
}

.zm-product-hero-status > div:last-child {
  border-right: 0;
}

.zm-product-hero-status span {
  grid-row: span 2;
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-product-hero-status strong {
  color: #173640;
  font-size: 15px;
  font-weight: 720;
}

.zm-product-hero-status small {
  color: #657b83;
  font-size: 12px;
}

.zm-product-family {
  scroll-margin-top: 86px;
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-white);
}

.zm-product-family-inner {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  min-height: 82px;
}

.zm-product-family-back {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 24px;
  border-right: 1px solid var(--zm-line);
  color: var(--zm-ink);
  font-size: 13px;
  font-weight: 720;
}

.zm-product-family-back svg {
  width: 17px;
  height: 17px;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

.zm-product-family-back:hover svg {
  transform: rotate(180deg) translateX(3px);
}

.zm-product-family-track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

.zm-product-family-link {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid var(--zm-line);
  color: var(--zm-ink);
  transition: color 0.2s ease, background 0.2s ease;
}

.zm-product-family-link:last-child {
  border-right: 0;
}

.zm-product-family-link::after {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  height: 3px;
  content: "";
  background: transparent;
}

.zm-product-family-link:hover {
  color: var(--zm-orange-dark);
  background: #f8faf9;
}

.zm-product-family-link.is-active {
  color: var(--zm-ink);
  background: #edf4f4;
}

.zm-product-family-link.is-active::after {
  background: var(--zm-orange-dark);
}

.zm-product-family-link span {
  color: var(--zm-orange-dark);
  font-size: 10px;
  font-weight: 760;
}

.zm-product-family-link strong {
  min-width: 0;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 720;
}

.zm-product-outcome {
  background: var(--zm-white);
}

.zm-product-outcome-grid,
.zm-product-scenario-grid,
.zm-product-boundaries-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--zm-line);
  border-bottom: 1px solid var(--zm-line);
}

.zm-product-outcome-grid article,
.zm-product-scenario-grid article,
.zm-product-boundaries-grid article {
  min-width: 0;
  padding: 30px;
  border-right: 1px solid var(--zm-line);
}

.zm-product-outcome-grid article:first-child,
.zm-product-scenario-grid article:first-child,
.zm-product-boundaries-grid article:first-child {
  padding-left: 0;
}

.zm-product-outcome-grid article:last-child,
.zm-product-scenario-grid article:last-child,
.zm-product-boundaries-grid article:last-child {
  border-right: 0;
}

.zm-product-outcome-grid span,
.zm-product-scenario-grid span {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 750;
}

.zm-product-outcome-grid h3,
.zm-product-scenario-grid h3,
.zm-product-boundaries-grid h3 {
  margin: 42px 0 12px;
  color: var(--zm-ink);
  font-size: 22px;
  line-height: 1.22;
  font-weight: 700;
}

.zm-product-outcome-grid h3,
.zm-product-scenario-grid h3 {
  margin-top: 0;
}

.zm-product-outcome-grid p,
.zm-product-scenario-grid p,
.zm-product-boundaries-grid p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.65;
}

.zm-product-how {
  border-block: 1px solid #d5e0e2;
  background: #edf4f4;
}

.zm-product-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  margin: 52px 0 0;
  border-top: 1px solid #b8cdd2;
  list-style: none;
}

.zm-product-steps li {
  position: relative;
  min-width: 0;
  padding: 26px 24px 0 0;
}

.zm-product-steps li::before {
  position: absolute;
  top: -5px;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  content: "";
  background: #177b92;
}

.zm-product-steps span {
  color: #4e707a;
  font-size: 11px;
}

.zm-product-steps h3 {
  margin: 27px 0 8px;
  color: #163944;
  font-size: 20px;
  font-weight: 710;
}

.zm-product-steps p {
  max-width: 220px;
  margin: 0;
  color: #57717a;
  font-size: 13px;
  line-height: 1.6;
}

.zm-product-capabilities {
  background: var(--zm-white);
}

.zm-product-capabilities-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.18fr);
  gap: 9%;
  align-items: start;
}

.zm-product-capabilities-intro {
  position: sticky;
  top: 112px;
}

.zm-product-capabilities-intro h2 {
  margin: 0;
}

.zm-product-capabilities-intro > p:not(.zm-kicker) {
  max-width: 430px;
  margin: 26px 0 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.68;
}

.zm-product-capabilities-list {
  border-top: 1px solid var(--zm-line);
}

.zm-product-capabilities-list article {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 24px 0;
  border-bottom: 1px solid var(--zm-line);
}

.zm-product-capabilities-list article > span {
  color: var(--zm-orange-dark);
  font-size: 11px;
}

.zm-product-capabilities-list h3 {
  margin: 0 0 7px;
  color: var(--zm-ink);
  font-size: 19px;
  font-weight: 700;
}

.zm-product-capabilities-list p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.6;
}

.zm-product-boundaries {
  color: var(--zm-white);
  background: #17333d;
}

.zm-product-boundaries-heading {
  display: grid;
  grid-template-columns: minmax(220px, 0.6fr) minmax(0, 1fr);
  align-items: end;
  gap: 80px;
  margin-bottom: 42px;
}

.zm-product-boundaries .zm-kicker {
  color: #abc1c8;
}

.zm-product-boundaries h2 {
  color: var(--zm-white);
}

.zm-product-boundaries-grid {
  border-color: #48616a;
}

.zm-product-boundaries-grid article {
  border-color: #48616a;
}

.zm-product-boundaries-grid article > span {
  color: #83d9c6;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.zm-product-boundaries-grid h3 {
  color: var(--zm-white);
}

.zm-product-boundaries-grid p {
  color: #bed0d5;
}

.zm-product-scenarios {
  background: #f3f6f7;
}

@media (max-width: 1120px) {
  .zm-home-product-copy {
    padding-left: 44px;
  }

  .zm-product-hero h1 {
    font-size: 64px;
  }
}

@media (max-width: 960px) {
  .zm-home-product-layout {
    grid-template-columns: 1fr;
  }

  .zm-home-product-visual {
    min-height: 430px;
    border-right: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-home-product-copy {
    padding: 56px 0;
  }

  .zm-product-hero {
    min-height: 720px;
    height: auto;
    max-height: none;
  }

  .zm-product-hero-media {
    opacity: 0.42;
  }

  .zm-product-hero-media img {
    object-position: 63% center;
  }

  .zm-product-hero::after {
    background: rgba(244, 247, 248, 0.5);
  }

  .zm-product-hero-inner {
    min-height: 620px;
    padding-bottom: 44px;
  }

  .zm-product-hero-status {
    width: 100%;
    border-inline: 0;
  }

  .zm-product-family-inner {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  .zm-product-family-track {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .zm-product-family-track::-webkit-scrollbar {
    display: none;
  }

  .zm-product-family-link {
    flex: 0 0 min(31vw, 220px);
    scroll-snap-align: start;
  }

  .zm-product-outcome-grid,
  .zm-product-scenario-grid,
  .zm-product-boundaries-grid {
    grid-template-columns: 1fr;
  }

  .zm-product-outcome-grid article,
  .zm-product-scenario-grid article,
  .zm-product-boundaries-grid article,
  .zm-product-outcome-grid article:first-child,
  .zm-product-scenario-grid article:first-child,
  .zm-product-boundaries-grid article:first-child {
    padding: 26px 0;
    border-right: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-product-outcome-grid article:last-child,
  .zm-product-scenario-grid article:last-child,
  .zm-product-boundaries-grid article:last-child {
    border-bottom: 0;
  }

  .zm-product-boundaries-grid article {
    border-color: #48616a;
  }

  .zm-product-outcome-grid h3,
  .zm-product-scenario-grid h3,
  .zm-product-boundaries-grid h3 {
    margin-top: 22px;
  }

  .zm-product-outcome-grid h3,
  .zm-product-scenario-grid h3 {
    margin-top: 0;
  }

  .zm-product-capabilities-layout {
    grid-template-columns: 1fr;
    gap: 46px;
  }

  .zm-product-capabilities-intro {
    position: static;
  }

  .zm-product-boundaries-heading {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

@media (max-width: 680px) {
  .zm-home-product-visual {
    min-height: 330px;
  }

  .zm-home-product-copy {
    padding: 46px 0;
  }

  .zm-home-product-copy h2 {
    font-size: 42px;
  }

  .zm-home-product-lead {
    font-size: 15px;
  }

  .zm-product-hero {
    min-height: 760px;
  }

  .zm-product-hero-media {
    opacity: 0.25;
  }

  .zm-product-hero-media img {
    object-position: 65% center;
  }

  .zm-product-hero::after {
    background: rgba(244, 247, 248, 0.62);
  }

  .zm-product-hero-inner {
    min-height: 610px;
    padding-top: 24px;
  }

  .zm-product-hero .zm-breadcrumb {
    margin-bottom: 36px;
  }

  .zm-product-hero h1 {
    max-width: 100%;
    font-size: 44px;
    line-height: 1;
  }

  .zm-product-hero h1 span {
    margin-top: 10px;
    font-size: 27px;
    line-height: 1.12;
  }

  .zm-product-hero-lead {
    margin: 21px 0 24px;
    font-size: 15px;
    line-height: 1.55;
  }

  .zm-product-hero .zm-actions {
    align-items: stretch;
    gap: 16px;
  }

  .zm-product-hero .zm-button,
  .zm-product-hero .zm-text-link {
    width: 100%;
  }

  .zm-product-hero-status {
    grid-template-columns: 1fr;
  }

  .zm-product-hero-status > div {
    padding: 13px 20px;
    border-right: 0;
    border-bottom: 1px solid rgba(80, 108, 117, 0.2);
  }

  .zm-product-hero-status > div:last-child {
    border-bottom: 0;
  }

  .zm-product-family-inner {
    display: block;
    min-height: 0;
  }

  .zm-product-family-back {
    min-height: 54px;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-product-family-link {
    flex-basis: min(76vw, 270px);
    min-height: 68px;
    padding: 15px 17px;
  }

  .zm-product-family-link::after {
    right: 17px;
    left: 17px;
  }

  .zm-product-steps {
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 0;
    border-left: 1px solid #b8cdd2;
  }

  .zm-product-steps li {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 10px;
    padding: 0 0 30px 24px;
  }

  .zm-product-steps li::before {
    top: 4px;
    left: -5px;
  }

  .zm-product-steps h3 {
    margin: 0 0 7px;
  }

  .zm-product-steps p {
    max-width: none;
  }

  .zm-product-capabilities-list article {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* Development routes and technical service maps. */
.zm-technical-map {
  overflow: hidden;
  border-top: 1px solid var(--zm-line);
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-milk);
}

.zm-breadcrumb [data-breadcrumb-label] {
  min-width: 0;
}

.zm-breadcrumb > span[aria-current="page"] {
  color: var(--zm-ink);
  font-weight: 650;
}

.zm-breadcrumb-separator {
  color: #9baab1;
}

.zm-technical-flow {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.zm-technical-flow.is-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.zm-technical-flow.is-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.zm-technical-flow li {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 216px;
  padding: 24px;
  border: 1px solid #cbd7dc;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  flex-direction: column;
}

.zm-technical-flow li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -19px;
  z-index: 2;
  display: grid;
  width: 26px;
  height: 26px;
  border: 1px solid #b7c7ce;
  border-radius: 50%;
  color: var(--zm-orange-dark);
  background: var(--zm-milk);
  content: "→";
  font-size: 15px;
  place-items: center;
  transform: translateY(-50%);
}

.zm-technical-flow span {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-technical-flow strong {
  max-width: 270px;
  margin-top: auto;
  color: var(--zm-ink);
  font-size: 21px;
  line-height: 1.22;
  font-weight: 680;
}

.zm-technical-flow small {
  max-width: 270px;
  margin-top: 10px;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.5;
}

.zm-technical-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
  border-radius: 8px;
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-technical-controls > div {
  display: grid;
  min-width: 0;
  min-height: 104px;
  padding: 21px 24px;
  border-right: 1px solid var(--zm-dark-line);
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.zm-technical-controls > div:last-child {
  border-right: 0;
}

.zm-technical-controls span {
  color: #f49a78;
  font-size: 11px;
  font-weight: 720;
  text-transform: uppercase;
}

.zm-technical-controls strong {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 580;
}

.zm-development-paths {
  border-top: 1px solid var(--zm-line);
  background: #eef3f5;
}

.zm-development-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.zm-development-path-grid > a {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 250px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #d0dade;
  border-radius: 8px;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.9);
  flex-direction: column;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.zm-development-path-grid > a:hover {
  border-color: #96afb9;
  background: var(--zm-white);
  transform: translateY(-3px);
}

.zm-development-path-grid span {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 720;
}

.zm-development-path-grid h3 {
  max-width: 280px;
  margin: auto 0 12px;
  font-size: 24px;
  line-height: 1.18;
  font-weight: 680;
  letter-spacing: 0;
}

.zm-development-path-grid p {
  max-width: 310px;
  margin: 0;
  padding-right: 34px;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.55;
}

.zm-development-path-grid svg {
  position: absolute;
  right: 22px;
  bottom: 23px;
  color: var(--zm-orange-dark);
}

.zm-crm-route {
  overflow: hidden;
  border-top: 1px solid #cad9df;
  border-bottom: 1px solid #cad9df;
  background: var(--zm-blue-soft);
}

.zm-crm-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.zm-crm-flow li {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 212px;
  padding: 22px;
  border: 1px solid #c6d5dc;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  flex-direction: column;
}

.zm-crm-flow li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -17px;
  z-index: 2;
  display: grid;
  width: 24px;
  height: 24px;
  border: 1px solid #abc0c9;
  border-radius: 50%;
  color: var(--zm-orange-dark);
  background: var(--zm-blue-soft);
  content: "→";
  font-size: 14px;
  place-items: center;
  transform: translateY(-50%);
}

.zm-crm-flow span {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 720;
}

.zm-crm-flow strong {
  margin-top: auto;
  color: var(--zm-ink);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 680;
}

.zm-crm-flow small {
  margin-top: 9px;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 960px) {
  .zm-technical-flow.is-four,
  .zm-development-path-grid,
  .zm-crm-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-technical-flow.is-four li:nth-child(2)::after {
    display: none;
  }

  .zm-crm-flow li:nth-child(2n)::after {
    display: none;
  }

  .zm-technical-controls > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (max-width: 680px) {
  .zm-technical-flow.is-three,
  .zm-technical-flow.is-four,
  .zm-technical-controls,
  .zm-development-path-grid,
  .zm-crm-flow {
    grid-template-columns: 1fr;
  }

  .zm-technical-flow li {
    min-height: 180px;
    padding: 21px;
  }

  .zm-technical-flow li:not(:last-child)::after,
  .zm-technical-flow.is-four li:nth-child(2)::after,
  .zm-crm-flow li:not(:last-child)::after,
  .zm-crm-flow li:nth-child(2n)::after {
    top: auto;
    right: 50%;
    bottom: -19px;
    display: grid;
    transform: translateX(50%) rotate(90deg);
  }

  .zm-crm-flow li {
    min-height: 178px;
    padding: 21px;
  }

  .zm-technical-controls > div {
    min-height: 86px;
    padding: 18px 21px;
    border-right: 0;
    border-bottom: 1px solid var(--zm-dark-line);
  }

  .zm-technical-controls > div:last-child {
    border-bottom: 0;
  }

  .zm-development-path-grid > a {
    min-height: 220px;
    padding: 21px;
  }

  .zm-development-paths .zm-section-heading > div,
  .zm-development-paths .zm-section-heading > p {
    min-width: 0;
    width: 100%;
  }

  .zm-development-paths .zm-section-heading h2 {
    font-size: 32px;
    overflow-wrap: anywhere;
  }

  .zm-development-path-grid svg {
    right: 19px;
    bottom: 20px;
  }
}

/* Task-led service navigation and distinct data/product sections. */
:where(
  #scope,
  #process,
  #approach,
  #request,
  #how,
  #product-access,
  #experts,
  #team,
  #case-standard,
  #published-cases,
  #service-map,
  #analytics-chain,
  #technical-map,
  #websites,
  #crm-route,
  #products,
  #products-request,
  #telegram-system,
  #platforms,
  #chatbot-request,
  #kc-ai-demo,
  #faq
) {
  scroll-margin-top: 92px;
}

.zm-service-map {
  overflow: hidden;
  border-top: 1px solid var(--zm-line);
  border-bottom: 1px solid var(--zm-line);
  background: var(--zm-blue-soft);
}

.zm-service-map-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.zm-service-map-grid > article {
  display: flex;
  min-width: 0;
  min-height: 450px;
  padding: 26px;
  border: 1px solid #c8d7dd;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  flex-direction: column;
}

.zm-service-map-index,
.zm-development-primary-grid span,
.zm-development-path-label {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 740;
  text-transform: uppercase;
}

.zm-service-map-grid h3 {
  max-width: 330px;
  margin: 38px 0 14px;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 690;
  letter-spacing: 0;
}

.zm-service-map-grid > article > p:not(.zm-service-map-index) {
  max-width: 340px;
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.6;
}

.zm-service-map-grid nav {
  display: grid;
  margin-top: auto;
  border-top: 1px solid #cbd8dd;
}

.zm-service-map-grid nav a,
.zm-related-directions a {
  display: flex;
  min-width: 0;
  min-height: 48px;
  padding: 11px 0;
  border-bottom: 1px solid #d7e0e4;
  color: var(--zm-ink);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 620;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

.zm-service-map-grid nav a:last-child,
.zm-related-directions a:last-child {
  border-bottom: 0;
}

.zm-service-map-grid nav svg,
.zm-related-directions svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: var(--zm-orange-dark);
}

.zm-service-map-grid nav a:hover,
.zm-related-directions a:hover {
  color: var(--zm-orange-dark);
}

.zm-analytics-chain {
  overflow: hidden;
  border-top: 1px solid #c9d8de;
  border-bottom: 1px solid #c9d8de;
  background: #eaf3f6;
}

.zm-analytics-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.zm-analytics-flow li {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 220px;
  padding: 23px;
  border: 1px solid #c3d3da;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  flex-direction: column;
}

.zm-analytics-flow li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  right: -17px;
  z-index: 2;
  display: grid;
  width: 24px;
  height: 24px;
  border: 1px solid #a9bec7;
  border-radius: 50%;
  color: var(--zm-orange-dark);
  background: #eaf3f6;
  content: "→";
  font-size: 14px;
  place-items: center;
  transform: translateY(-50%);
}

.zm-analytics-flow span {
  color: var(--zm-orange-dark);
  font-size: 11px;
  font-weight: 740;
  text-transform: uppercase;
}

.zm-analytics-flow strong {
  margin-top: auto;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 680;
}

.zm-analytics-flow small {
  margin-top: 10px;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.5;
}

.zm-analytics-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
  border-radius: 8px;
  color: var(--zm-white);
  background: var(--zm-dark);
}

.zm-analytics-controls > div {
  display: grid;
  min-width: 0;
  min-height: 104px;
  padding: 21px 24px;
  border-right: 1px solid var(--zm-dark-line);
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.zm-analytics-controls > div:last-child {
  border-right: 0;
}

.zm-analytics-controls span {
  color: #f49a78;
  font-size: 11px;
  font-weight: 740;
  text-transform: uppercase;
}

.zm-analytics-controls strong {
  font-size: 14px;
  line-height: 1.45;
  font-weight: 580;
}

.zm-related-directions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 30px;
  border-top: 1px solid #c4d2d8;
}

.zm-related-directions a {
  padding: 17px 0;
}

.zm-development-primary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 38px;
}

.zm-development-primary-grid article {
  display: grid;
  min-width: 0;
  min-height: 300px;
  padding: 28px;
  border-radius: 8px;
  color: var(--zm-white);
  background: var(--zm-dark);
  grid-template-rows: auto 1fr auto auto;
}

.zm-development-primary-grid h3 {
  max-width: 470px;
  margin: 42px 0 16px;
  color: var(--zm-white);
  font-size: 32px;
  line-height: 1.12;
  font-weight: 680;
  letter-spacing: 0;
}

.zm-development-primary-grid p {
  max-width: 520px;
  margin: 0;
  color: #c4d0d5;
  font-size: 14px;
  line-height: 1.62;
}

.zm-development-primary-grid .zm-text-link {
  display: inline-flex;
  min-height: 48px;
  align-self: end;
  align-items: center;
  justify-self: start;
  margin-top: 26px;
  color: var(--zm-white);
}

.zm-development-path-label {
  margin: 0 0 16px;
}

@media (max-width: 960px) {
  .zm-service-map-grid {
    grid-template-columns: 1fr;
  }

  .zm-service-map-grid > article {
    min-height: 390px;
  }

  .zm-analytics-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-analytics-flow li:nth-child(2n)::after {
    display: none;
  }

  .zm-analytics-controls > div {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (min-width: 681px) and (max-width: 900px) {
  .zm-format-grid h3 {
    font-size: 22px;
  }
}

@media (max-width: 680px) {
  :where(
    #scope,
    #process,
    #approach,
    #request,
    #how,
    #product-access,
    #experts,
    #team,
    #case-standard,
    #published-cases,
    #service-map,
    #analytics-chain,
    #technical-map,
    #websites,
    #crm-route,
    #products,
    #products-request,
    #telegram-system,
    #platforms,
    #chatbot-request,
    #kc-ai-demo,
    #faq
  ) {
    scroll-margin-top: 76px;
  }

  .zm-service-map-grid > article {
    min-height: 0;
    padding: 21px;
  }

  .zm-service-map-grid h3 {
    margin-top: 28px;
    font-size: 25px;
  }

  .zm-service-map-grid nav {
    margin-top: 28px;
  }

  .zm-analytics-flow,
  .zm-analytics-controls,
  .zm-related-directions,
  .zm-development-primary-grid {
    grid-template-columns: 1fr;
  }

  .zm-analytics-flow li {
    min-height: 178px;
    padding: 21px;
  }

  .zm-analytics-flow li:not(:last-child)::after,
  .zm-analytics-flow li:nth-child(2n)::after {
    top: auto;
    right: 50%;
    bottom: -19px;
    display: grid;
    transform: translateX(50%) rotate(90deg);
  }

  .zm-analytics-controls > div {
    min-height: 86px;
    padding: 18px 21px;
    border-right: 0;
    border-bottom: 1px solid var(--zm-dark-line);
  }

  .zm-analytics-controls > div:last-child {
    border-bottom: 0;
  }

  .zm-related-directions {
    gap: 0;
  }

  .zm-development-primary-grid article {
    min-height: 285px;
    padding: 23px;
  }

  .zm-development-primary-grid h3 {
    margin-top: 34px;
    font-size: 28px;
  }
}

@media (max-width: 340px) {
  .zm-product-page .zm-section-heading,
  .zm-product-page .zm-section-heading > * {
    min-width: 0;
  }

  .zm-product-page .zm-section-heading h2 {
    overflow-wrap: anywhere;
    font-size: 31px;
    line-height: 1.08;
  }

  .zm-faq-layout h2 {
    font-size: 31px;
    line-height: 1.08;
  }

  .zm-corporate-intro-layout h2 {
    font-size: 32px;
  }
}

@media (max-width: 680px) {
  .zm-shell .footer-bottom.zm-footer-bottom a,
  .zm-footer-cookie-settings {
    min-height: 44px;
    padding: 10px 0;
  }

  .zm-corporate-item-top {
    font-size: 12px;
  }
}

/* Selected CTA direction: deep orange gradient with a softly lit arrow well. */
.zm-shell .zm-button {
  overflow: hidden;
  border-radius: 999px;
  transition:
    color 180ms ease,
    background-position 260ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.zm-shell .zm-button-primary,
.zm-shell .zm-button-on-dark,
.zm-shell .zm-request .contact-form .btn {
  overflow: hidden;
  border-radius: 999px;
  color: var(--zm-white);
  border-color: rgba(185, 57, 20, 0.78);
  background:
    linear-gradient(105deg, #ff6338 0%, #dc4b22 44%, #a92f0d 100%);
  background-position: 0 50%;
  background-size: 118% 100%;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(94, 23, 7, 0.18),
    inset 24px 0 34px rgba(255, 137, 93, 0.14),
    inset -26px 0 36px rgba(91, 24, 8, 0.14),
    0 13px 27px rgba(172, 53, 18, 0.22),
    0 3px 8px rgba(86, 29, 13, 0.12);
  transition:
    color 180ms ease,
    background-position 260ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.zm-shell .zm-button-primary svg,
.zm-shell .zm-button-on-dark svg {
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin: -8px -8px -8px 0;
  padding: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 0 0 1px rgba(255, 255, 255, 0.035);
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.zm-shell .zm-button-secondary {
  box-shadow: 0 6px 16px rgba(24, 39, 47, 0.08);
}

.zm-shell .zm-button-primary:hover,
.zm-shell .zm-button-on-dark:hover,
.zm-shell .zm-request .contact-form .btn:hover {
  color: var(--zm-white);
  border-color: rgba(166, 45, 14, 0.84);
  background-position: 100% 50%;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -1px 0 rgba(94, 23, 7, 0.2),
    inset 28px 0 38px rgba(255, 142, 99, 0.16),
    inset -30px 0 40px rgba(81, 20, 6, 0.17),
    0 16px 32px rgba(172, 53, 18, 0.27),
    0 4px 10px rgba(86, 29, 13, 0.14);
  transform: translateY(-2px);
}

.zm-shell .zm-button-primary:hover svg,
.zm-shell .zm-button-on-dark:hover svg {
  background: rgba(255, 255, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 0 0 1px rgba(255, 255, 255, 0.05);
  transform: translateX(3px);
}

.zm-shell .zm-button-primary:active,
.zm-shell .zm-button-on-dark:active,
.zm-shell .zm-request .contact-form .btn:active {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3),
    inset 0 2px 5px rgba(80, 20, 6, 0.2),
    inset 20px 0 28px rgba(255, 125, 82, 0.11),
    inset -20px 0 30px rgba(77, 19, 5, 0.16),
    0 6px 13px rgba(172, 53, 18, 0.18);
  transform: translateY(0);
}

.zm-shell .zm-button-primary:focus-visible,
.zm-shell .zm-button-on-dark:focus-visible,
.zm-shell .zm-request .contact-form .btn:focus-visible {
  outline: 3px solid rgba(35, 121, 207, 0.42);
  outline-offset: 3px;
}

.zm-shell .zm-button svg {
  transition: transform 180ms ease;
}

.zm-shell .zm-button:hover svg {
  transform: translateX(3px);
}

.zm-shell .zm-request .contact-form .btn[aria-busy="true"] {
  transform: none;
}

@media (max-width: 680px) {
  .zm-shell .zm-button-primary,
  .zm-shell .zm-button-on-dark,
  .zm-shell .zm-request .contact-form .btn {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.34),
      inset 0 -1px 0 rgba(94, 23, 7, 0.16),
      inset 18px 0 28px rgba(255, 137, 93, 0.12),
      inset -20px 0 30px rgba(91, 24, 8, 0.12),
      0 9px 19px rgba(172, 53, 18, 0.2),
      0 2px 6px rgba(86, 29, 13, 0.1);
  }
}

/* Home directions: four disciplines presented as one connected system. */
.zm-direction-system {
  background: #fff;
}

.zm-direction-system .zm-section-heading {
  margin-bottom: 38px;
}

.zm-direction-heading-accent {
  display: inline-block;
  margin-top: 3px;
  color: #0a6fbd;
}

.zm-direction-summary {
  max-width: 430px;
  padding-bottom: 3px;
}

.zm-direction-system .zm-service-grid {
  gap: 18px;
}

.zm-direction-system .zm-service-grid > a {
  min-height: 420px;
  padding: 10px 10px 25px;
  overflow: hidden;
  border: 1px solid #d8e1e4;
  border-radius: 8px;
  background: #f4f7f8;
  box-shadow: 0 12px 28px rgba(30, 47, 54, 0.07);
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.zm-direction-system .zm-service-grid > a:hover {
  border-color: #e09278;
  background: #fff;
  box-shadow: 0 17px 34px rgba(30, 47, 54, 0.12);
  transform: translateY(-4px);
}

.zm-direction-system .zm-service-card-media {
  position: relative;
  aspect-ratio: 16 / 10;
  margin: 0 0 21px;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #e9eff1;
}

.zm-direction-system .zm-service-card-media::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, transparent 58%, rgba(19, 38, 47, 0.16));
  pointer-events: none;
}

.zm-direction-media-label {
  position: absolute;
  z-index: 1;
  left: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 999px;
  color: #17323f;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: 0 5px 13px rgba(24, 45, 55, 0.1);
  font-size: 11px;
  line-height: 1;
  font-weight: 720;
}

.zm-direction-system .zm-service-grid > a:nth-child(2) .zm-direction-media-label,
.zm-direction-system .zm-service-grid > a:nth-child(4) .zm-direction-media-label {
  color: #9d3d24;
  background: rgba(255, 240, 233, 0.93);
}

.zm-direction-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 0 12px;
}

.zm-direction-system .zm-service-grid h3 {
  margin: 0 0 13px;
  font-size: 23px;
  line-height: 1.16;
}

.zm-direction-system .zm-service-grid p {
  min-height: 66px;
}

.zm-direction-card-divider {
  display: block;
  width: 52px;
  height: 2px;
  margin-top: auto;
  margin-bottom: 16px;
  background: var(--zm-orange-dark);
}

.zm-direction-card-link {
  width: 100%;
  min-height: 48px;
  gap: 18px;
  padding: 12px 18px;
  font-size: 12px;
}

.zm-direction-card-link svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  color: currentColor;
}

.zm-direction-system .zm-service-grid > a:hover .zm-direction-card-link {
  color: var(--zm-white);
}

.zm-direction-system-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 34px;
}

.zm-direction-system-footer .zm-text-link {
  color: var(--zm-ink);
}

@media (max-width: 1120px) {
  .zm-direction-system .zm-service-grid > a {
    min-height: 410px;
  }
}

@media (max-width: 680px) {
  .zm-direction-system .zm-section-heading {
    margin-bottom: 28px;
  }

  .zm-direction-heading-accent {
    margin-top: 5px;
  }

  .zm-direction-summary {
    max-width: none;
  }

  .zm-direction-system .zm-service-grid {
    display: flex;
    gap: 14px;
    margin-inline: 0;
    padding: 0 0 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .zm-direction-system .zm-service-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-direction-system .zm-service-grid > a {
    flex: 0 0 min(84vw, 330px);
    min-height: 420px;
    padding: 9px 9px 24px;
    scroll-snap-align: start;
  }

  .zm-direction-system .zm-service-grid h3 {
    font-size: 24px;
  }

  .zm-direction-system-footer {
    justify-content: flex-start;
    margin-top: 27px;
  }
}

/* Home entry routes and the operating path share one visual system. */
.zm-home-pathways {
  position: relative;
  z-index: 3;
  margin-top: -8px;
  padding: 0 0 28px;
  border: 0;
  background: #f3f6f7;
}

.zm-home-pathways .zm-container {
  display: block;
}

.zm-route-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.06fr);
  overflow: hidden;
  border: 1px solid #d5e0e4;
  border-radius: 24px;
  background: #fff;
  box-shadow:
    0 22px 46px rgba(34, 55, 65, 0.11),
    0 5px 14px rgba(34, 55, 65, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.zm-home-pathways .zm-route-grid > a,
.zm-home-pathways .zm-route-grid > a:first-of-type {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 58px;
  align-items: center;
  gap: 20px;
  min-width: 0;
  min-height: 140px;
  padding: 20px 24px;
  border: 0;
  border-right: 1px solid #d9e2e6;
  color: var(--zm-ink);
  background: #fff;
  transition: color 180ms ease, background 180ms ease;
}

.zm-home-pathways .zm-route-grid > a:last-child {
  grid-template-columns: 88px minmax(0, 1fr) 54px;
  gap: 16px;
  min-height: 120px;
  margin: 10px;
  padding: 14px 18px;
  border-right: 0;
  border-radius: 18px;
  background: #fff0ea;
  box-shadow:
    inset 0 0 0 1px #ed8061,
    0 7px 18px rgba(207, 77, 42, 0.08);
}

.zm-home-pathways .zm-route-grid > a:hover {
  color: var(--zm-ink);
  background: #f2f7fa;
}

.zm-home-pathways .zm-route-grid > a:last-child:hover {
  background: #ffe8df;
}

.zm-home-pathways .zm-route-grid > a:focus-visible {
  z-index: 1;
  outline: 3px solid rgba(35, 111, 194, 0.28);
  outline-offset: -3px;
}

.zm-home-pathways .zm-route-icon,
.zm-home-pathways .zm-route-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-column: auto;
  grid-row: auto;
}

.zm-home-pathways .zm-route-icon {
  width: 96px;
  height: 96px;
  overflow: hidden;
  border: 1px solid rgba(151, 173, 183, 0.34);
  border-radius: 20px;
  background: #f3f7f8;
  box-shadow:
    0 9px 20px rgba(34, 55, 65, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.zm-home-pathways .zm-route-grid > a:last-child .zm-route-icon {
  width: 88px;
  height: 88px;
  border-color: rgba(221, 113, 82, 0.35);
}

.zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
  font-size: clamp(17px, 1.25vw, 19px);
}

.zm-home-pathways .zm-route-arrow svg {
  grid-column: auto;
  grid-row: auto;
  width: 25px;
  height: 25px;
}

.zm-home-pathways .zm-route-icon img,
.zm-home-pathways .zm-system-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.zm-home-pathways .zm-route-copy {
  display: flex;
  flex-direction: column;
  grid-column: auto;
  gap: 7px;
  min-width: 0;
  color: var(--zm-muted);
}

.zm-home-pathways .zm-route-copy > span {
  grid-column: auto;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.2;
}

.zm-home-pathways .zm-route-copy strong {
  grid-column: auto;
  color: var(--zm-ink);
  font-size: clamp(20px, 1.7vw, 24px);
  line-height: 1.16;
  font-weight: 720;
}

.zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-copy strong {
  font-size: clamp(20px, 1.55vw, 22px);
}

.zm-home-pathways .zm-route-arrow {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  color: #0a6fbd;
  background: #edf4fa;
  box-shadow: inset 0 0 0 1px rgba(28, 111, 187, 0.07);
  transition: transform 180ms ease, background 180ms ease;
}

.zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
  width: 54px;
  height: 54px;
  color: #d94d29;
  background: #fff;
}

.zm-home-pathways .zm-route-grid > a:hover .zm-route-arrow {
  transform: translateX(3px);
}

.zm-home-pathways .zm-system-line {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  max-width: none;
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #d5e0e4;
  border-radius: 20px;
  color: var(--zm-ink);
  background: #f7f9fa;
  box-shadow:
    0 15px 34px rgba(34, 55, 65, 0.085),
    0 4px 11px rgba(34, 55, 65, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.zm-home-pathways .zm-system-line > div,
.zm-home-pathways .zm-system-line > div:first-child {
  position: relative;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 122px;
  padding: 16px 18px 21px;
  border: 0;
  border-right: 1px solid #d9e2e6;
}

.zm-home-pathways .zm-system-line > div:last-child {
  border-right: 0;
}

.zm-home-pathways .zm-system-line > div::after {
  position: absolute;
  right: 18px;
  bottom: 12px;
  left: 18px;
  height: 4px;
  border-radius: 999px;
  background: #2379cf;
  content: "";
}

.zm-home-pathways .zm-system-line > div:nth-child(2)::after {
  background: #65a6dd;
}

.zm-home-pathways .zm-system-line > div:nth-child(3)::after {
  background: #e98b69;
}

.zm-home-pathways .zm-system-line > div:nth-child(4)::after {
  background: #df5a35;
}

.zm-home-pathways .zm-system-icon,
.zm-home-pathways .zm-system-copy {
  grid-column: auto;
  grid-row: auto;
}

.zm-home-pathways .zm-system-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  overflow: hidden;
  border: 1px solid rgba(151, 173, 183, 0.32);
  border-radius: 18px;
  background: #f2f6f7;
  box-shadow:
    0 7px 16px rgba(34, 55, 65, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.zm-home-pathways .zm-system-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.zm-home-pathways .zm-system-copy strong {
  color: var(--zm-ink);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
}

.zm-home-pathways .zm-system-copy small {
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.2;
}

@media (min-width: 961px) {
  .zm-home-pathways .zm-container {
    width: calc(100% - 48px);
    max-width: none;
  }

  .zm-home .zm-hero {
    min-height: 590px;
    height: clamp(590px, calc(100svh - 290px), 660px);
    max-height: 660px;
  }
}

@media (min-width: 1400px) {
  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
    white-space: nowrap;
  }
}

@media (max-width: 960px) {
  .zm-home .zm-hero {
    min-height: 560px;
    height: auto;
    max-height: none;
  }

  .zm-home .zm-hero-inner {
    min-height: inherit;
    padding-bottom: 44px;
  }

  .zm-home-pathways .zm-route-grid > a,
  .zm-home-pathways .zm-route-grid > a:first-of-type {
    grid-template-columns: 58px minmax(0, 1fr) 40px;
    gap: 12px;
    padding: 18px 16px;
  }

  .zm-home-pathways .zm-route-icon {
    width: 58px;
    height: 58px;
    border-radius: 14px;
  }

  .zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-copy strong {
    font-size: 18px;
  }

  .zm-home-pathways .zm-system-line > div,
  .zm-home-pathways .zm-system-line > div:first-child {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
    padding: 14px 14px 20px;
  }

  .zm-home-pathways .zm-system-icon {
    width: 54px;
    height: 54px;
    border-radius: 13px;
  }
}

@media (max-width: 680px) {
  .zm-home .zm-hero {
    min-height: 540px;
  }

  .zm-home-pathways {
    margin-top: -6px;
    padding: 0 0 22px;
  }

  .zm-route-grid {
    grid-template-columns: 1fr;
    border-radius: 18px;
    box-shadow:
      0 16px 32px rgba(34, 55, 65, 0.1),
      0 4px 10px rgba(34, 55, 65, 0.06);
  }

  .zm-home-pathways .zm-route-grid > a,
  .zm-home-pathways .zm-route-grid > a:first-of-type {
    min-height: 102px;
    padding: 15px;
    border-right: 0;
    border-bottom: 1px solid #d9e2e6;
  }

  .zm-home-pathways .zm-route-grid > a:last-child {
    grid-template-columns: 58px minmax(0, 1fr) 40px;
    gap: 12px;
    min-height: 102px;
    margin: 0;
    padding: 15px;
    border-bottom: 0;
    border-radius: 0 0 17px 17px;
    box-shadow: inset 0 1px 0 #ed8061;
  }

  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-icon {
    width: 58px;
    height: 58px;
  }

  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
    width: 40px;
    height: 40px;
  }

  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
    font-size: 16px;
  }

  .zm-home-pathways .zm-route-copy strong {
    font-size: 16px;
  }

  .zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-copy strong {
    font-size: 16px;
  }

  .zm-home-pathways .zm-system-line {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 18px;
    box-shadow:
      0 12px 26px rgba(34, 55, 65, 0.08),
      0 3px 8px rgba(34, 55, 65, 0.05);
  }

  .zm-home-pathways .zm-system-line > div,
  .zm-home-pathways .zm-system-line > div:first-child,
  .zm-home-pathways .zm-system-line > div:nth-child(odd) {
    min-height: 104px;
    padding: 14px 12px 19px;
    border-top: 0;
    border-right: 1px solid #d9e2e6;
    border-bottom: 1px solid #d9e2e6;
  }

  .zm-home-pathways .zm-system-line > div:nth-child(even) {
    border-right: 0;
  }

  .zm-home-pathways .zm-system-line > div:nth-child(n + 3) {
    border-bottom: 0;
  }

  .zm-home-pathways .zm-system-copy strong {
    font-size: 14px;
  }

  .zm-home-pathways .zm-system-copy small {
    font-size: 10px;
  }
}

/* Contact hero: a real communication scene keeps the first screen informative. */
.zm-contact-hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.zm-contact-hero-media::after {
  position: absolute;
  content: "";
  inset: 0;
  background: rgba(244, 247, 248, 0.08);
}

.zm-contact-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zm-contact-hero .zm-service-mark {
  z-index: 1;
}

.zm-contact-hero-inner > p:not(.zm-kicker) {
  max-width: 660px;
}

@media (min-width: 681px) and (max-width: 1024px) {
  .zm-contact-hero-media::after {
    background: linear-gradient(180deg, rgba(244, 247, 248, 0.92) 0%, rgba(244, 247, 248, 0.88) 66%, rgba(244, 247, 248, 0.12) 100%);
  }
}

/* Headings contain editorial copy, so automatic dictionary hyphenation hurts scanning. */
.zm-corporate-intro-layout h2 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: manual;
}

@media (max-width: 680px) {
  .zm-contact-hero,
  .zm-contact-hero-inner {
    min-height: 610px;
  }

  .zm-contact-hero-media {
    top: 376px;
    height: 234px;
    border-top: 1px solid rgba(189, 204, 211, 0.68);
  }

  .zm-contact-hero-media img {
    object-position: 67% 57%;
  }

  .zm-contact-hero-media::after {
    background: rgba(244, 247, 248, 0.12);
  }
}

/* A shared, soft geometry for repeated cards without rounding whole page sections. */
body.zm-shell {
  --zm-card-radius: 18px;
  --zm-media-radius: 14px;
  --zm-panel-radius: 14px;
}

.zm-service-grid > a,
.zm-direction-system .zm-service-grid > a,
.zm-products-card,
.zm-feature-grid article,
.zm-check-grid > div,
.zm-corporate-grid article,
.zm-technical-flow li,
.zm-crm-flow li,
.zm-service-map-grid > article,
.zm-analytics-flow li,
.zm-development-primary-grid article,
.zm-development-path-grid > a,
.zm-request .contact-form,
.zm-messenger-buttons > .zm-channel {
  border-radius: var(--zm-card-radius);
}

.zm-service-card-media,
.zm-direction-system .zm-service-card-media,
.zm-products-card-media,
.zm-team-photo,
.zm-page-expert-photo {
  border-radius: var(--zm-media-radius);
}

.zm-technical-controls,
.zm-analytics-controls,
.zm-nav-panel {
  overflow: hidden;
  border-radius: var(--zm-panel-radius);
}

.zm-team-controls button,
.zm-products-controls button,
.zm-shell .zm-header .icon-button,
.zm-header-phone,
.zm-shell .zm-nav .zm-nav-cta,
.zm-request .contact-form input,
.zm-request .contact-form textarea,
.zm-cookie-actions button,
.zm-channel-mark {
  border-radius: 12px;
}

.zm-cookie-banner {
  border-radius: var(--zm-card-radius);
}

/* The home product shelf stays informative but no longer fills an entire screen. */
.zm-home-products {
  padding-block: 68px;
}

.zm-home-products .zm-section-heading {
  margin-bottom: 30px;
}

.zm-home-products .zm-products-card-media {
  aspect-ratio: 16 / 9;
}

.zm-home-products .zm-products-card-body {
  min-height: 278px;
  padding: 17px 18px 19px;
}

.zm-home-products .zm-product-meta {
  gap: 6px;
}

.zm-home-products .zm-products-card h3 {
  margin: 17px 0 10px;
  font-size: 24px;
}

.zm-home-products .zm-products-card-body > p {
  margin-bottom: 16px;
  line-height: 1.52;
}

.zm-home-products .zm-product-card-action > span {
  margin-bottom: 12px;
}

/* Light editorial pass: fewer heavy dark bands, stronger content hierarchy. */
.zm-commercial-card {
  min-height: 566px;
  padding: 20px;
}

.zm-commercial-media {
  aspect-ratio: 16 / 9;
  margin: -20px -20px 18px;
}

.zm-commercial-card-top {
  margin-bottom: 20px;
}

.zm-commercial-card h3 {
  min-height: 56px;
  font-size: 23px;
}

.zm-commercial-card > p {
  min-height: 68px;
}

.zm-commercial-card ul {
  gap: 7px;
  padding: 14px 0 16px;
  margin-top: 14px;
}

.zm-commercial-cta,
.zm-industry-partner {
  color: var(--zm-ink);
  border: 1px solid #cfdae0;
  background: #fff;
  box-shadow:
    0 16px 36px rgba(31, 55, 66, 0.08),
    inset 4px 0 0 #2379cf;
}

.zm-commercial-cta span {
  color: #4f6c79;
}

.zm-commercial-cta strong,
.zm-industry-partner p strong {
  color: var(--zm-ink);
}

.zm-commercial-cta p,
.zm-industry-partner p {
  color: var(--zm-muted);
}

.zm-service-map-grid > article {
  min-height: 0;
  padding: 0 18px 18px;
  overflow: hidden;
  border-radius: var(--zm-card-radius);
  background: #fff;
  box-shadow: 0 15px 34px rgba(31, 55, 66, 0.08);
}

.zm-service-map-media {
  position: relative;
  aspect-ratio: 2 / 1;
  margin: 0 -18px 14px;
  overflow: hidden;
  border-bottom: 1px solid #d7e1e5;
  background: #eef3f5;
}

.zm-service-map-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 32%;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(24, 39, 47, 0.08));
  pointer-events: none;
}

.zm-service-map-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 260ms ease;
}

.zm-service-map-grid > article:hover .zm-service-map-media img {
  transform: scale(1.025);
}

.zm-service-map-grid h3 {
  margin: 0 0 9px;
  font-size: 23px;
}

.zm-service-map-grid nav {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
  margin-top: 14px;
}

.zm-service-map-grid nav a {
  min-height: 36px;
  padding-block: 6px;
  font-size: 13px;
  gap: 8px;
}

.zm-service-map-grid nav a:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.zm-service-map-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 36px;
  margin-top: 20px;
  padding: 26px 28px;
  border: 1px solid #d2dce1;
  border-radius: var(--zm-card-radius);
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 14px 32px rgba(31, 55, 66, 0.07);
}

.zm-service-map-cta > div {
  display: grid;
  gap: 6px;
}

.zm-service-map-cta span {
  color: #176b9d;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-service-map-cta strong {
  max-width: 760px;
  font-size: 19px;
  line-height: 1.35;
}

.zm-corporate-process.zm-dark,
.zm-service-process.zm-dark,
.zm-case-integrity.zm-dark,
.zm-product-boundaries {
  color: var(--zm-ink);
  border-block: 1px solid #d3dfe4;
  background: #eef3f5;
}

.zm-corporate-process.zm-dark .zm-kicker,
.zm-service-process.zm-dark .zm-kicker,
.zm-case-integrity.zm-dark .zm-kicker,
.zm-product-boundaries .zm-kicker {
  color: #176b9d;
}

.zm-corporate-process.zm-dark h2,
.zm-service-process.zm-dark h2,
.zm-case-integrity.zm-dark h2,
.zm-product-boundaries h2,
.zm-corporate-process.zm-dark .zm-flow h3,
.zm-service-process.zm-dark .zm-flow h3 {
  color: var(--zm-ink);
}

.zm-corporate-process.zm-dark .zm-section-heading > p,
.zm-service-process.zm-dark .zm-section-heading > p,
.zm-case-integrity.zm-dark .zm-section-heading > p,
.zm-corporate-process.zm-dark .zm-flow p,
.zm-service-process.zm-dark .zm-flow p {
  color: var(--zm-muted);
}

.zm-corporate-process.zm-dark .zm-flow li,
.zm-service-process.zm-dark .zm-flow li {
  padding: 22px 20px;
  border: 1px solid #cfdae0;
  border-radius: var(--zm-card-radius);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 11px 26px rgba(31, 55, 66, 0.06);
}

.zm-corporate-process.zm-dark .zm-flow span,
.zm-service-process.zm-dark .zm-flow span {
  color: var(--zm-orange-dark);
}

.zm-product-boundaries-grid article {
  border-color: #cfdae0;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.78);
}

.zm-product-boundaries-grid h3 {
  color: var(--zm-ink);
}

.zm-product-boundaries-grid p {
  color: var(--zm-muted);
}

.zm-technical-controls,
.zm-analytics-controls {
  color: var(--zm-ink);
  border: 1px solid #cbd8dd;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 11px 26px rgba(31, 55, 66, 0.06);
}

.zm-technical-controls > div,
.zm-analytics-controls > div {
  border-right-color: #d7e1e5;
}

.zm-technical-controls span,
.zm-analytics-controls span {
  color: var(--zm-orange-dark);
}

.zm-development-primary-grid article {
  color: var(--zm-ink);
  border: 1px solid #cfdae0;
  background: #fff;
  box-shadow: 0 14px 32px rgba(31, 55, 66, 0.07);
}

.zm-development-primary-grid h3,
.zm-development-primary-grid .zm-text-link {
  color: var(--zm-ink);
}

.zm-development-primary-grid p {
  color: var(--zm-muted);
}

.zm-career {
  min-height: 540px;
  padding-block: 0;
  color: var(--zm-ink);
  border-block: 1px solid #dce5e8;
  background: #f2f6f7;
}

.zm-career-media {
  inset: 0 0 0 auto;
  width: 50%;
  opacity: 1;
  border-left: 0;
}

.zm-career-media::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, #f2f6f7 0%, rgba(242, 246, 247, 0.2) 18%, rgba(242, 246, 247, 0) 42%);
}

.zm-career-media img {
  object-position: 54% center;
}

.zm-career-layout {
  display: grid;
  min-height: 540px;
  padding-block: 62px;
  grid-template-columns: minmax(0, 0.92fr) minmax(390px, 0.78fr);
  align-content: center;
  gap: 54px;
}

.zm-career-copy {
  grid-column: 1;
  max-width: 680px;
}

.zm-career h2 {
  max-width: 650px;
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(44px, 5vw, 72px);
  line-height: 0.98;
  letter-spacing: 0;
}

.zm-career h2 span {
  color: #1672b8;
}

.zm-career .zm-career-layout .zm-career-copy > p {
  max-width: 650px;
  margin: 24px 0 0;
  color: #4f6771;
  font-size: 16px;
  line-height: 1.65;
}

.zm-career-points {
  display: grid;
  padding: 0;
  margin: 28px 0 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  list-style: none;
}

.zm-career-points li {
  padding-top: 13px;
  border-top: 2px solid #cbd9de;
}

.zm-career-points li:first-child {
  border-top-color: var(--zm-orange-dark);
}

.zm-career-points li:nth-child(2) {
  border-top-color: #1672b8;
}

.zm-career-points strong,
.zm-career-points span {
  display: block;
}

.zm-career-points strong {
  color: var(--zm-ink);
  font-size: 14px;
  line-height: 1.35;
}

.zm-career-points span {
  margin-top: 6px;
  color: #526b75;
  font-size: 12px;
  line-height: 1.5;
}

.zm-career-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 26px;
  margin-top: 30px;
}

.zm-career-actions .zm-button {
  min-width: 208px;
}

.zm-career-actions .zm-text-link {
  flex: 0 0 auto;
}

.zm-shell .footer.zm-footer {
  color: var(--zm-ink);
  border-top: 1px solid #d2dce0;
  background: #f3f6f7;
  box-shadow: inset 0 4px 0 #e75122;
}

.zm-footer-main {
  min-height: 116px;
  padding-block: 22px;
}

.zm-shell .zm-footer-brand .zm-brand-name strong {
  color: var(--zm-ink);
}

.zm-shell .zm-footer-brand .zm-brand-name small,
.zm-footer-directory-title,
.zm-footer-direct span,
.zm-footer-messengers > span {
  color: #657780;
}

.zm-footer-pitch {
  display: flex;
  align-items: center;
  gap: 24px;
}

.zm-footer-pitch p {
  display: grid;
  max-width: 460px;
  gap: 4px;
  margin: 0;
}

.zm-footer-pitch p span {
  color: #176b9d;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-footer-pitch p strong {
  color: var(--zm-ink);
  font-size: 16px;
  line-height: 1.35;
}

.zm-footer-directory {
  padding: 24px 0 26px;
  border-top-color: #d4dde1;
}

.zm-footer-directory-root {
  min-height: 38px;
  color: var(--zm-ink);
}

.zm-footer-directory-grid li a {
  min-height: 31px;
  padding: 4px 0;
  color: #52646d;
}

.zm-footer-directory a:hover,
.zm-footer-links a:hover,
.zm-footer-cookie-settings:hover {
  color: var(--zm-orange-dark);
}

.zm-footer-contacts {
  padding: 20px 0;
  border-top-color: #d4dde1;
}

.zm-footer-direct strong {
  color: var(--zm-ink);
}

.zm-footer .zm-messenger-buttons > a,
.zm-footer .zm-messenger-buttons > button.is-disabled {
  min-height: 58px;
  color: var(--zm-ink);
  border-color: #cfdae0;
  background: rgba(255, 255, 255, 0.82);
}

.zm-footer .zm-messenger-buttons > a:hover {
  color: var(--zm-ink);
  border-color: var(--zm-channel-color);
  background: #fff;
}

.zm-footer .zm-messenger-buttons > button.is-disabled {
  color: #7b8b92;
  background: #e9eeef;
}

.zm-footer .zm-channel-copy small {
  color: #718188;
}

.zm-shell .footer-bottom.zm-footer-bottom {
  padding: 14px 0;
  border-top-color: #d4dde1;
  color: #697a82;
}

.zm-shell .footer-bottom.zm-footer-bottom a,
.zm-footer-cookie-settings {
  color: #52646d;
}

@media (max-width: 960px) {
  .zm-service-map-grid {
    grid-template-columns: 1fr;
  }

  .zm-service-map-grid > article {
    display: grid;
    grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
    column-gap: 24px;
  }

  .zm-service-map-media {
    grid-row: 1 / span 4;
    aspect-ratio: auto;
    min-height: 100%;
    margin: 0 0 0 -18px;
    border-right: 1px solid #d7e1e5;
    border-bottom: 0;
  }

  .zm-service-map-grid nav {
    margin-bottom: 0;
  }

  .zm-footer-main,
  .zm-footer-pitch {
    align-items: flex-start;
  }

  .zm-footer-pitch {
    flex-direction: column;
  }
}

@media (max-width: 680px) {
  .zm-commercial-card {
    min-height: 0;
  }

  .zm-commercial-cta,
  .zm-industry-partner,
  .zm-service-map-cta {
    padding: 22px 20px;
  }

  .zm-service-map-grid > article {
    display: flex;
  }

  .zm-service-map-media {
    width: auto;
    aspect-ratio: 2 / 1;
    min-height: 0;
    margin: 0 -18px 14px;
    border-right: 0;
    border-bottom: 1px solid #d7e1e5;
  }

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

  .zm-service-map-grid nav {
    grid-template-columns: 1fr;
  }

  .zm-service-map-grid nav a:nth-last-child(2) {
    border-bottom: 1px solid #d7e0e4;
  }

  .zm-service-map-cta .zm-button {
    width: 100%;
  }

  .zm-corporate-process.zm-dark .zm-flow li,
  .zm-service-process.zm-dark .zm-flow li {
    padding: 20px;
  }

  .zm-career {
    min-height: 0;
  }

  .zm-career-media {
    position: relative;
    width: 100%;
    height: 260px;
    border-bottom: 1px solid #d5dfe3;
    border-left: 0;
  }

  .zm-career-media::after {
    background: linear-gradient(180deg, transparent 66%, #f2f6f7 100%);
  }

  .zm-career-layout {
    min-height: 0;
    padding-block: 36px 52px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .zm-career h2 {
    font-size: 42px;
    line-height: 1.02;
  }

  .zm-career .zm-career-layout .zm-career-copy > p {
    margin-top: 20px;
    font-size: 15px;
  }

  .zm-career-points {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }

  .zm-career-points li {
    display: grid;
    padding-top: 11px;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 12px;
  }

  .zm-career-points span {
    margin-top: 0;
  }

  .zm-career-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    margin-top: 28px;
  }

  .zm-career-actions .zm-button {
    width: 100%;
  }

  .zm-footer-main,
  .zm-footer-pitch {
    align-items: stretch;
  }

  .zm-footer-pitch .zm-button {
    width: 100%;
  }

  .zm-footer-directory-grid li a {
    min-height: 38px;
  }
}

.zm-home-products .zm-product-card-action .zm-button {
  min-height: 46px;
}

.zm-home-products-action {
  margin-top: 24px;
}

@media (max-width: 680px) {
  .zm-home-products {
    padding-block: 54px;
  }

  .zm-home-products .zm-section-heading {
    gap: 18px;
    margin-bottom: 24px;
  }

  .zm-home-products .zm-heading-proof-line {
    margin-top: 11px;
  }

  .zm-home-products .zm-products-controls {
    margin-top: 14px;
  }

  .zm-home-products .zm-products-card-body {
    min-height: 282px;
    padding: 18px;
  }

  .zm-home-products .zm-products-card h3 {
    margin-top: 17px;
    font-size: 24px;
  }

  .zm-home-products-action {
    margin-top: 20px;
  }
}

/* Reference pass: clearer typography and recognizable messenger channels. */
body.zm-shell,
body.zm-shell button,
body.zm-shell input,
body.zm-shell textarea,
body.zm-shell select {
  font-family: "Uni Neue", Inter, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
}

.zm-messenger-buttons > .zm-channel {
  grid-template-columns: 42px minmax(0, 1fr) 16px;
  gap: 12px;
  border-radius: 14px;
}

.zm-channel.is-telegram {
  --zm-channel-color: #229ed9;
  --zm-channel-soft: #edf8fd;
}

.zm-channel.is-whatsapp {
  --zm-channel-color: #22b963;
  --zm-channel-soft: #edf9f2;
}

.zm-channel.is-max {
  --zm-channel-color: #6756d8;
  --zm-channel-soft: #f2f0ff;
}

.zm-channel-mark,
.zm-footer .zm-channel.is-telegram .zm-channel-mark,
.zm-footer .zm-channel.is-whatsapp .zm-channel-mark,
.zm-footer .zm-channel.is-max .zm-channel-mark {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: visible;
  color: inherit;
  background: transparent;
  box-shadow: none;
}

.zm-channel-mark img,
.zm-footer .zm-channel-mark img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 7px 8px color-mix(in srgb, var(--zm-channel-color) 20%, transparent));
}

.zm-channel.is-disabled .zm-channel-mark {
  opacity: 0.72;
}

.zm-channel-copy strong {
  font-size: 15px;
  font-weight: 700;
}

.zm-channel-copy small {
  font-size: 11px;
  font-weight: 400;
}

.zm-shell .footer.zm-footer .zm-logo-symbol,
.zm-footer .zm-logo-symbol img {
  background: transparent;
}

.zm-footer .zm-logo-symbol img {
  mix-blend-mode: multiply;
}

/* Service catalogue: every direction is a clear, fully clickable visual card. */
.zm-project-service-grid {
  align-items: stretch;
  gap: 12px;
}

.zm-project-service-card {
  display: block;
  min-width: 0;
  border-radius: var(--zm-card-radius);
  color: inherit;
  outline: none;
}

.zm-project-service-grid .zm-project-service-card article {
  height: 100%;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  border-color: #d6e0e4;
  background: #fff;
  box-shadow: 0 14px 34px rgba(31, 55, 66, 0.08);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.zm-project-service-media {
  position: relative;
  aspect-ratio: 12 / 5;
  overflow: hidden;
  border-bottom: 1px solid #dbe4e7;
  background: #edf3f5;
}

.zm-project-service-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(28, 47, 56, 0.12));
  pointer-events: none;
}

.zm-project-service-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 320ms ease;
}

.zm-project-service-content {
  display: flex;
  min-height: 144px;
  padding: 12px 15px 11px;
  flex-direction: column;
}

.zm-project-service-grid h3 {
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 1.2;
}

.zm-project-service-grid p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.zm-project-service-link {
  display: flex;
  min-height: 25px;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #e0e7ea;
  color: var(--zm-ink);
  font-size: 12px;
  font-weight: 720;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.zm-project-service-link svg {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: var(--zm-orange-dark);
  transition: transform 220ms ease;
}

.zm-project-service-card:hover article,
.zm-project-service-card:focus-visible article {
  border-color: rgba(213, 77, 43, 0.48);
  box-shadow: 0 20px 42px rgba(31, 55, 66, 0.14);
  transform: translateY(-3px);
}

.zm-project-service-card:hover .zm-project-service-media img,
.zm-project-service-card:focus-visible .zm-project-service-media img {
  transform: scale(1.035);
}

.zm-project-service-card:hover .zm-project-service-link,
.zm-project-service-card:focus-visible .zm-project-service-link {
  color: var(--zm-orange-dark);
}

.zm-project-service-card:hover .zm-project-service-link svg,
.zm-project-service-card:focus-visible .zm-project-service-link svg {
  transform: translateX(4px);
}

.zm-project-service-card:focus-visible {
  outline: 3px solid rgba(35, 121, 207, 0.36);
  outline-offset: 4px;
}

@media (max-width: 1120px) {
  .zm-project-service-content {
    min-height: 144px;
  }
}

@media (min-width: 681px) and (max-width: 1120px) {
  .zm-project-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .zm-project-service-grid {
    gap: 12px;
  }

  .zm-project-service-grid .zm-project-service-card article {
    min-height: 0;
    padding: 0;
  }

  .zm-project-service-media {
    aspect-ratio: 16 / 7;
  }

  .zm-project-service-content {
    min-height: 0;
    padding: 14px 15px;
  }

  .zm-project-service-grid h3 {
    font-size: 19px;
  }

  .zm-project-service-grid p {
    -webkit-line-clamp: 2;
  }

  .zm-project-service-link {
    margin-top: 8px;
  }
}

/* Services process: four visual stages without decorative numbering. */
.zm-results-process {
  overflow: hidden;
  background: #f4f7f8;
}

.zm-results-process .zm-section-heading h2 {
  max-width: 820px;
}

.zm-results-title-accent {
  color: #176b9d;
}

.zm-results-flow {
  gap: 14px;
  margin-top: 40px;
}

.zm-results-process.zm-dark .zm-results-flow li {
  padding: 0;
  overflow: hidden;
  border-color: #d3dee2;
  border-radius: var(--zm-card-radius);
  background: #fff;
  box-shadow: 0 14px 34px rgba(31, 55, 66, 0.08);
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.zm-results-process.zm-dark .zm-results-flow li:hover {
  border-color: rgba(213, 77, 43, 0.4);
  box-shadow: 0 20px 44px rgba(31, 55, 66, 0.14);
  transform: translateY(-3px);
}

.zm-results-media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-bottom: 1px solid #dbe4e7;
  background: #edf3f5;
}

.zm-results-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 30%;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(28, 47, 56, 0.12));
  pointer-events: none;
}

.zm-results-number {
  position: absolute;
  z-index: 1;
  bottom: -4px;
  left: -8px;
  display: block;
  width: 92px;
  filter: drop-shadow(0 9px 14px rgba(18, 50, 105, 0.22));
  pointer-events: none;
}

.zm-results-number img {
  display: block;
  width: 100%;
  height: auto;
}

.zm-results-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 320ms ease;
}

.zm-results-flow li:hover .zm-results-media img {
  transform: scale(1.035);
}

.zm-results-content {
  min-height: 150px;
  padding: 20px 19px;
}

.zm-results-process.zm-dark .zm-flow h3 {
  min-height: 50px;
  margin: 0 0 8px;
  font-size: 21px;
  line-height: 1.2;
}

.zm-results-process.zm-dark .zm-flow p {
  font-size: 13px;
  line-height: 1.5;
}

.zm-results-action {
  display: flex;
  margin-top: 26px;
  padding: 4px 4px 20px;
  border-bottom: 1px solid #ccd9de;
  align-items: center;
  justify-content: center;
}

.zm-results-more {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 34px;
  border-bottom: 1px solid #9eafb7;
  color: var(--zm-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 740;
  align-items: center;
  gap: 10px;
  transition:
    color 180ms ease,
    border-color 180ms ease;
}

.zm-results-more svg {
  width: 17px;
  height: 17px;
  transition: transform 180ms ease;
}

.zm-results-more:hover,
.zm-results-more:focus-visible {
  border-color: var(--zm-orange-dark);
  color: var(--zm-orange-dark);
}

.zm-results-more:hover svg,
.zm-results-more:focus-visible svg {
  transform: translateX(3px);
}

@media (max-width: 680px) {
  .zm-results-flow {
    gap: 16px;
    margin-top: 30px;
  }

  .zm-results-content {
    min-height: 0;
    padding: 18px;
  }

  .zm-results-process.zm-dark .zm-flow h3 {
    min-height: 0;
    font-size: 22px;
  }

  .zm-results-action {
    justify-content: center;
  }

  .zm-results-more {
    align-self: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-project-pillars > a,
  .zm-project-pillar-arrow,
  .zm-project-service-card article,
  .zm-project-service-media img,
  .zm-project-service-link svg,
  .zm-results-process.zm-dark .zm-results-flow li,
  .zm-results-media img,
  .zm-results-more,
  .zm-results-more svg {
    transition: none;
  }
}

/* Footer contact pass: verified office address and compact messenger actions. */
.zm-footer-contacts {
  grid-template-columns: minmax(230px, 0.8fr) minmax(360px, 1.25fr) auto;
  align-items: start;
  gap: clamp(30px, 4vw, 64px);
}

.zm-footer-direct {
  grid-template-columns: 1fr;
  gap: 14px;
}

.zm-footer-address {
  display: grid;
  margin: 0;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  color: var(--zm-ink);
  font-style: normal;
}

.zm-footer-address-icon {
  display: grid;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #176b9d;
  background: #e7f1f6;
  place-items: center;
}

.zm-footer-address-icon svg {
  width: 20px;
  height: 20px;
}

.zm-footer-address-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
}

.zm-footer-address-copy > span {
  color: #657780;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.zm-footer-address-copy strong {
  max-width: 520px;
  color: var(--zm-ink);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 680;
}

.zm-footer-address-copy a {
  display: inline-flex;
  width: fit-content;
  min-height: 32px;
  color: #176b9d;
  font-size: 12px;
  font-weight: 700;
  align-items: center;
  gap: 7px;
}

.zm-footer-address-copy a svg {
  width: 15px;
  height: 15px;
  transition: transform 180ms ease;
}

.zm-footer-address-copy a:hover svg,
.zm-footer-address-copy a:focus-visible svg {
  transform: translateX(4px);
}

.zm-footer-messengers {
  align-items: flex-start;
  padding-top: 1px;
}

.zm-footer .zm-messenger-buttons {
  display: flex;
  grid-template-columns: none;
  gap: 10px;
}

.zm-footer .zm-messenger-buttons > .zm-channel.is-compact {
  display: grid;
  width: 52px;
  height: 52px;
  min-height: 52px;
  padding: 4px;
  border-radius: 50%;
  grid-template-columns: 1fr;
  place-items: center;
}

.zm-footer .zm-messenger-buttons > a.zm-channel.is-compact:hover,
.zm-footer .zm-messenger-buttons > a.zm-channel.is-compact:focus-visible {
  transform: translateY(-2px);
}

.zm-footer .zm-messenger-buttons > button.zm-channel.is-compact {
  cursor: not-allowed;
}

@media (max-width: 1120px) {
  .zm-footer-contacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-footer-messengers {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .zm-footer-contacts {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .zm-footer-messengers {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-footer-address-copy a svg,
  .zm-footer .zm-messenger-buttons > a.zm-channel.is-compact {
    transition: none;
  }
}


/* Blog: список статей SEO-завода и страница статьи (на базе .zm-legal). */
.zm-blog {
  padding-top: 58px;
  padding-bottom: 90px;
}

.zm-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.zm-blog-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--zm-line);
  border-radius: 8px;
  background: var(--zm-white);
}

.zm-blog-card-media img,
.zm-blog-card-placeholder {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--zm-blue-soft);
}

.zm-blog-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px 24px 26px;
}

.zm-blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0 0 12px;
  color: var(--zm-muted);
  font-size: 12px;
}

.zm-blog-card h2 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 730;
}

.zm-blog-card h2 a:hover {
  color: var(--zm-orange-dark);
}

.zm-blog-card p:not(.zm-blog-meta) {
  margin: 0;
  color: var(--zm-muted);
  font-size: 15px;
  line-height: 1.55;
}

.zm-blog-pagination {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 44px;
  color: var(--zm-muted);
  font-size: 14px;
  font-weight: 650;
}

.zm-blog-pagination a {
  color: var(--zm-orange-dark);
}

.zm-blog-empty {
  color: var(--zm-muted);
  font-size: 18px;
}

.zm-article .zm-legal-header h1 {
  hyphens: manual;
  overflow-wrap: normal;
}

.zm-article-cover {
  padding-top: 40px;
}

.zm-article-cover img {
  display: block;
  width: 100%;
  max-width: 1112px;
  height: auto;
  border-radius: 8px;
}

.zm-article-notoc {
  grid-template-columns: minmax(0, 820px);
}

.zm-article-toc-title {
  margin: 0;
  padding: 13px 0;
  border-bottom: 1px solid var(--zm-line);
  color: var(--zm-ink);
  font-size: 13px;
  font-weight: 760;
}

.zm-article-body h2 {
  scroll-margin-top: 112px;
}

.zm-article-body h3 {
  margin: 32px 0 12px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 720;
}

.zm-article-body ol {
  margin: 0 0 18px;
  padding-left: 24px;
}

.zm-article-body li + li {
  margin-top: 7px;
}

.zm-article-body a {
  color: var(--zm-blue-dark);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.zm-article-body a:hover {
  color: var(--zm-orange-dark);
}

.zm-article-body blockquote {
  margin: 0 0 18px;
  padding: 16px 20px;
  border-left: 3px solid var(--zm-orange);
  background: var(--zm-white);
}

.zm-article-body blockquote p:last-child {
  margin-bottom: 0;
}

.zm-article-table {
  margin: 0 0 22px;
  overflow-x: auto;
  border: 1px solid var(--zm-line);
  border-radius: 8px;
  background: var(--zm-white);
}

.zm-article-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
}

.zm-article-body th,
.zm-article-body td {
  padding: 11px 14px;
  border-bottom: 1px solid var(--zm-line);
  text-align: left;
  vertical-align: top;
}

.zm-article-body th {
  background: var(--zm-soft);
  font-weight: 720;
}

.zm-article-body tr:last-child td {
  border-bottom: 0;
}

@media (max-width: 1080px) {
  .zm-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .zm-blog {
    padding-top: 36px;
    padding-bottom: 64px;
  }

  .zm-blog-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .zm-article-cover {
    padding-top: 24px;
  }
}

/* Compact commercial formats: media leads, controls no longer consume a full row. */
.zm-commercial-card {
  --zm-commercial-accent: #2379cf;
  --zm-commercial-pulse: 35, 121, 207;
  min-height: 520px;
  border-radius: 26px;
}

.zm-commercial-card--growth,
.zm-commercial-card--team {
  --zm-commercial-accent: #df542e;
  --zm-commercial-pulse: 223, 84, 46;
}

.zm-commercial-media {
  margin-bottom: 16px;
  background: #e8eff3;
}

.zm-commercial-media::after {
  height: 24%;
  background: rgba(255, 255, 255, 0.12);
}

.zm-commercial-media img {
  object-position: center 44%;
  filter: saturate(0.9) contrast(1.025);
}

.zm-commercial-card--growth .zm-commercial-media img {
  object-position: 48% 42%;
}

.zm-commercial-card--partner .zm-commercial-media img {
  object-position: center 50%;
}

.zm-commercial-card--team .zm-commercial-media img {
  object-position: 48% 46%;
}

.zm-commercial-card-top {
  position: relative;
  z-index: 2;
  min-height: 40px;
  margin: -38px 0 12px;
  align-items: center;
}

.zm-commercial-icon {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  border-color: rgba(35, 121, 207, 0.2);
  border-radius: 50%;
  color: var(--zm-commercial-accent);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 9px 20px rgba(24, 55, 71, 0.12);
}

.zm-commercial-card--growth .zm-commercial-icon,
.zm-commercial-card--team .zm-commercial-icon {
  color: var(--zm-commercial-accent);
  border-color: rgba(223, 84, 46, 0.22);
  background: rgba(255, 255, 255, 0.96);
}

.zm-commercial-icon svg {
  width: 20px;
  height: 20px;
}

.zm-commercial-tag {
  padding: 7px 10px;
  border: 1px solid rgba(24, 55, 71, 0.1);
  border-radius: 999px;
  color: #415a66;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 8px 18px rgba(24, 55, 71, 0.08);
}

.zm-commercial-card h3 {
  min-height: 54px;
  margin-bottom: 9px;
}

.zm-commercial-card > p {
  min-height: 64px;
  line-height: 1.5;
}

.zm-commercial-card ul {
  gap: 6px;
  padding: 12px 0 14px;
  margin-top: 12px;
}

.zm-commercial-card li::before {
  top: 0.52em;
  width: 7px;
  height: 7px;
  background: var(--zm-commercial-accent);
  box-shadow: 0 0 0 0 rgba(var(--zm-commercial-pulse), 0.3);
  animation: zm-commercial-dot-pulse 3.1s ease-in-out infinite;
}

.zm-commercial-card li:nth-child(2)::before {
  animation-delay: 0.45s;
}

.zm-commercial-card li:nth-child(3)::before {
  animation-delay: 0.9s;
}

@keyframes zm-commercial-dot-pulse {
  0%,
  58%,
  100% {
    opacity: 0.82;
    box-shadow: 0 0 0 0 rgba(var(--zm-commercial-pulse), 0.28);
    transform: scale(0.94);
  }

  72% {
    opacity: 1;
    box-shadow: 0 0 0 5px rgba(var(--zm-commercial-pulse), 0);
    transform: scale(1.08);
  }
}

@media (max-width: 760px) {
  .zm-commercial-card {
    min-height: 0;
  }

  .zm-commercial-card-top {
    margin-top: -38px;
    margin-bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-commercial-card li::before {
    animation: none;
  }
}

/* Product shelf v97: product visuals lead, supporting labels stay out of the way. */
.zm-home-products .zm-products-card {
  position: relative;
  border-color: rgba(24, 55, 71, 0.12);
  border-radius: 22px;
  box-shadow:
    0 18px 38px rgba(24, 55, 71, 0.09),
    0 3px 9px rgba(24, 55, 71, 0.045);
}

.zm-home-products .zm-products-card-media {
  margin: 10px 10px 0;
  border-radius: 14px;
  background: #e7eef1;
}

.zm-home-products .zm-products-card-media img {
  filter: saturate(0.94) contrast(1.035);
}

.zm-home-products .zm-products-card:nth-child(1) .zm-products-card-media img {
  object-position: 56% center;
}

.zm-home-products .zm-products-card:nth-child(2) .zm-products-card-media img {
  object-position: 53% center;
}

.zm-home-products .zm-products-card:nth-child(3) .zm-products-card-media img {
  object-position: 55% center;
}

.zm-home-products .zm-products-card:nth-child(4) .zm-products-card-media img {
  object-position: 51% 48%;
}

.zm-home-products .zm-products-card-body {
  min-height: 252px;
  padding: 17px 18px 18px;
}

.zm-home-products .zm-product-meta {
  position: relative;
  z-index: 2;
  width: fit-content;
  margin-top: -34px;
}

.zm-home-products .zm-product-card-status {
  min-height: 28px;
  gap: 7px;
  padding: 6px 10px 6px 9px;
  border: 2px solid #ffffff;
  box-shadow: 0 8px 18px rgba(24, 55, 71, 0.12);
}

.zm-home-products .zm-product-card-status::before {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.zm-home-products .zm-products-card h3 {
  min-height: 52px;
  margin: 15px 0 8px;
  font-size: 23px;
}

.zm-home-products .zm-products-card-body > p {
  margin-bottom: 14px;
  line-height: 1.5;
}

.zm-home-products .zm-product-card-action > span {
  display: none;
}

.zm-home-products .zm-product-card-action .zm-button {
  min-height: 44px;
  padding-block: 10px;
}

@media (max-width: 680px) {
  .zm-home-products .zm-products-card {
    border-radius: 22px;
  }

  .zm-home-products .zm-products-card-body {
    min-height: 252px;
    padding: 17px 18px 18px;
  }

  .zm-home-products .zm-products-card h3 {
    margin-top: 15px;
    font-size: 23px;
  }
}

/* Home hero v98: a clearer promise and a sharper product-work visual. */
.zm-home .zm-hero::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(244, 247, 248, 0.98) 0%, rgba(244, 247, 248, 0.9) 30%, rgba(244, 247, 248, 0.32) 52%, rgba(244, 247, 248, 0) 72%);
  content: "";
  pointer-events: none;
}

.zm-home .zm-hero-media {
  opacity: 0.86;
}

.zm-home .zm-hero-media img {
  filter: saturate(0.96) contrast(1.035);
}

.zm-home .zm-hero-inner {
  padding-top: 108px;
}

.zm-home .zm-hero h1 {
  max-width: 760px;
  font-weight: 800;
}

.zm-home .zm-hero h1 .zm-accent em {
  color: #2379cf;
  font-style: normal;
}

.zm-home .zm-hero-footer {
  gap: 20px;
  margin-top: 28px;
}

.zm-home .zm-hero-footer > p {
  max-width: 610px;
  font-size: 17px;
  line-height: 1.5;
}

@media (max-width: 960px) {
  .zm-home .zm-hero::after {
    background: linear-gradient(180deg, rgba(244, 247, 248, 0.9) 0%, rgba(244, 247, 248, 0.74) 48%, rgba(244, 247, 248, 0.92) 100%);
  }

  .zm-home .zm-hero-media {
    opacity: 0.32;
  }

  .zm-home .zm-hero-inner {
    padding-top: 78px;
  }
}

@media (max-width: 680px) {
  .zm-home .zm-hero h1 {
    font-size: 44px;
  }

  .zm-home .zm-hero-footer {
    margin-top: 24px;
  }

  .zm-home .zm-hero-footer > p {
    font-size: 15px;
    line-height: 1.52;
  }
}

/* Home pathways v99: larger scenes and clearly separated entry points. */
.zm-home-pathways {
  padding-bottom: 34px;
}

.zm-home-pathways .zm-route-grid {
  gap: 14px;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.zm-home-pathways .zm-route-grid > a,
.zm-home-pathways .zm-route-grid > a:first-of-type,
.zm-home-pathways .zm-route-grid > a:last-child {
  grid-template-columns: 112px minmax(0, 1fr) 52px;
  gap: 18px;
  min-height: 156px;
  margin: 0;
  padding: 20px;
  border: 1px solid #d5e0e4;
  border-radius: 22px;
  background: #ffffff;
  box-shadow:
    0 16px 34px rgba(34, 55, 65, 0.09),
    0 4px 10px rgba(34, 55, 65, 0.05);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-home-pathways .zm-route-grid > a:first-child {
  background: #f7fbfd;
}

.zm-home-pathways .zm-route-grid > a:last-child {
  border-color: #ec8b6f;
  background: #fff1eb;
  box-shadow:
    0 16px 34px rgba(207, 77, 42, 0.1),
    0 4px 10px rgba(34, 55, 65, 0.04);
}

.zm-home-pathways .zm-route-grid > a:hover,
.zm-home-pathways .zm-route-grid > a:last-child:hover {
  border-color: #aec8d5;
  background: #ffffff;
  box-shadow:
    0 20px 40px rgba(34, 55, 65, 0.12),
    0 5px 12px rgba(34, 55, 65, 0.06);
  transform: translateY(-3px);
}

.zm-home-pathways .zm-route-grid > a:last-child:hover {
  border-color: #df6a49;
  background: #fff7f3;
}

.zm-home-pathways .zm-route-icon,
.zm-home-pathways .zm-route-grid > a:last-child .zm-route-icon {
  width: 112px;
  height: 112px;
  border: 3px solid #ffffff;
  border-radius: 22px;
  box-shadow:
    0 10px 24px rgba(34, 55, 65, 0.12),
    0 0 0 1px rgba(151, 173, 183, 0.28);
}

.zm-home-pathways .zm-route-grid > a:last-child .zm-route-icon {
  box-shadow:
    0 10px 24px rgba(144, 65, 42, 0.12),
    0 0 0 1px rgba(221, 113, 82, 0.28);
}

.zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
  font-size: clamp(17px, 1.25vw, 19px);
}

.zm-home-pathways .zm-route-arrow,
.zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
  width: 52px;
  height: 52px;
}

.zm-home-pathways .zm-system-line {
  gap: 10px;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.zm-home-pathways .zm-system-line > div,
.zm-home-pathways .zm-system-line > div:first-child,
.zm-home-pathways .zm-system-line > div:last-child {
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  min-height: 132px;
  padding: 16px 16px 22px;
  border: 1px solid #d5e0e4;
  border-radius: 19px;
  background: #ffffff;
  box-shadow:
    0 12px 28px rgba(34, 55, 65, 0.075),
    0 3px 8px rgba(34, 55, 65, 0.04);
}

.zm-home-pathways .zm-system-line > div::after {
  right: 16px;
  bottom: 10px;
  left: 16px;
  height: 3px;
}

.zm-home-pathways .zm-system-icon {
  width: 96px;
  height: 96px;
  border: 3px solid #ffffff;
  border-radius: 19px;
  box-shadow:
    0 8px 20px rgba(34, 55, 65, 0.11),
    0 0 0 1px rgba(151, 173, 183, 0.26);
}

.zm-home-pathways .zm-system-copy {
  gap: 5px;
}

.zm-home-pathways .zm-system-copy small {
  line-height: 1.3;
}

@media (max-width: 960px) {
  .zm-home-pathways .zm-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .zm-home-pathways .zm-route-grid > a:last-child {
    grid-column: 1 / -1;
  }

  .zm-home-pathways .zm-route-grid > a,
  .zm-home-pathways .zm-route-grid > a:first-of-type,
  .zm-home-pathways .zm-route-grid > a:last-child {
    grid-template-columns: 72px minmax(0, 1fr) 42px;
    gap: 12px;
    min-height: 118px;
    padding: 14px;
    border-radius: 19px;
  }

  .zm-home-pathways .zm-route-icon,
  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-icon {
    width: 72px;
    height: 72px;
    border-radius: 17px;
  }

  .zm-home-pathways .zm-route-arrow,
  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
    width: 42px;
    height: 42px;
  }

  .zm-home-pathways .zm-system-line > div,
  .zm-home-pathways .zm-system-line > div:first-child,
  .zm-home-pathways .zm-system-line > div:last-child {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 9px;
    min-height: 114px;
    padding: 13px 12px 20px;
  }

  .zm-home-pathways .zm-system-icon {
    width: 64px;
    height: 64px;
    border-radius: 15px;
  }
}

@media (max-width: 680px) {
  .zm-home-pathways {
    padding-bottom: 26px;
  }

  .zm-home-pathways .zm-route-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .zm-home-pathways .zm-route-grid > a:last-child {
    grid-column: auto;
  }

  .zm-home-pathways .zm-route-grid > a,
  .zm-home-pathways .zm-route-grid > a:first-of-type,
  .zm-home-pathways .zm-route-grid > a:last-child {
    min-height: 112px;
    margin: 0;
    padding: 12px;
    border: 1px solid #d5e0e4;
    border-radius: 18px;
  }

  .zm-home-pathways .zm-route-grid > a:last-child {
    border-color: #ec8b6f;
    box-shadow: 0 12px 26px rgba(207, 77, 42, 0.09);
  }

  .zm-home-pathways .zm-route-copy strong,
  .zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-copy strong,
  .zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
    font-size: 16px;
  }

  .zm-home-pathways .zm-system-line {
    gap: 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .zm-home-pathways .zm-system-line > div,
  .zm-home-pathways .zm-system-line > div:first-child,
  .zm-home-pathways .zm-system-line > div:last-child,
  .zm-home-pathways .zm-system-line > div:nth-child(odd),
  .zm-home-pathways .zm-system-line > div:nth-child(even),
  .zm-home-pathways .zm-system-line > div:nth-child(n + 3) {
    min-height: 118px;
    padding: 12px 10px 19px;
    border: 1px solid #d5e0e4;
    border-radius: 17px;
  }

  .zm-home-pathways .zm-system-copy strong {
    font-size: 14px;
  }

  .zm-home-pathways .zm-system-copy small {
    font-size: 11px;
  }
}

/* Footer v103: concise directory, stronger contact hierarchy and mobile accordion. */
.zm-shell .footer.zm-footer {
  border-top: 1px solid #cbd9df;
  background: #eef4f6;
  box-shadow: inset 0 4px 0 #e75122;
}

.zm-footer-main {
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(38px, 6vw, 92px);
  min-height: 0;
  padding: 32px 0 28px;
}

.zm-footer-pitch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(24px, 4vw, 52px);
  padding: 22px 24px;
  border: 1px solid #d0dde3;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(41, 66, 77, 0.08);
}

.zm-footer-pitch p {
  max-width: 610px;
  gap: 5px;
}

.zm-footer-pitch p span {
  color: #176b9d;
  font-size: 10px;
}

.zm-footer-pitch p strong {
  color: var(--zm-ink);
  font-size: clamp(18px, 1.6vw, 23px);
  line-height: 1.17;
}

.zm-footer-pitch p small {
  color: #60747d;
  font-size: 12px;
  line-height: 1.45;
}

.zm-footer-pitch-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 9px;
}

.zm-footer-pitch-actions .zm-button {
  min-width: 192px;
}

.zm-footer-services-link,
.zm-footer-sitemap-link {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #176b9d;
  font-size: 12px;
  font-weight: 720;
}

.zm-footer-services-link svg,
.zm-footer-sitemap-link svg {
  width: 16px;
  height: 16px;
  transition: transform 180ms ease;
}

.zm-footer-services-link:hover svg,
.zm-footer-services-link:focus-visible svg,
.zm-footer-sitemap-link:hover svg,
.zm-footer-sitemap-link:focus-visible svg {
  transform: translateX(4px);
}

.zm-footer-directory {
  padding: 23px 0 27px;
  border-top-color: #cfdae0;
}

.zm-footer-directory-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 17px;
}

.zm-footer-directory-title {
  margin: 0;
  color: var(--zm-ink);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 690;
  text-transform: none;
}

.zm-footer-sitemap-link {
  justify-content: flex-end;
}

.zm-footer-directory-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 46px);
}

.zm-footer-group-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
}

.zm-footer-directory-root {
  min-height: 40px;
  color: var(--zm-ink);
  font-size: 15px;
  line-height: 1.3;
}

.zm-footer-group-toggle {
  display: none;
  border: 0;
  color: #176b9d;
  background: transparent;
}

.zm-footer-group-toggle svg {
  width: 18px;
  height: 18px;
  transition: transform 180ms ease;
}

.zm-footer-group-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.zm-footer-directory-grid ul {
  margin-top: 2px;
}

.zm-footer-directory-grid li a {
  min-height: 34px;
  padding: 5px 0;
  color: #51666f;
  font-size: 12px;
  line-height: 1.35;
}

.zm-footer-directory a:hover,
.zm-footer-services-link:hover,
.zm-footer-sitemap-link:hover {
  color: var(--zm-orange-dark);
}

.zm-footer-contacts {
  grid-template-columns: minmax(220px, 0.75fr) minmax(390px, 1.35fr) auto;
  align-items: center;
  gap: clamp(28px, 4vw, 58px);
  margin-bottom: 20px;
  padding: 23px 26px;
  border: 1px solid #d0dde3;
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(41, 66, 77, 0.075);
}

.zm-footer-direct {
  gap: 12px;
}

.zm-footer-direct a {
  gap: 4px;
}

.zm-footer-direct span,
.zm-footer-address-copy > span {
  color: #6c7e86;
}

.zm-footer-direct strong {
  color: var(--zm-ink);
  font-size: 16px;
}

.zm-footer-address-icon {
  color: #176b9d;
  background: #e4f0f6;
}

.zm-footer-address-copy strong {
  font-size: 14px;
}

.zm-footer-messengers {
  align-items: flex-end;
  padding: 0;
}

.zm-footer .zm-messenger-buttons > .zm-channel.is-compact {
  width: 50px;
  height: 50px;
  min-height: 50px;
  border-color: #d0dde3;
  background: #f7fafb;
  box-shadow: 0 7px 18px rgba(41, 66, 77, 0.08);
}

.zm-footer .zm-channel.is-max.is-disabled {
  display: none;
}

.zm-shell .footer-bottom.zm-footer-bottom {
  gap: 14px 24px;
  padding: 15px 0 19px;
  border-top-color: #cfdae0;
  color: #657780;
}

.zm-shell .footer-bottom.zm-footer-bottom > span:first-child {
  margin-right: auto;
  color: #425963;
  font-weight: 650;
}

.zm-shell .footer-bottom.zm-footer-bottom a,
.zm-footer-cookie-settings {
  min-height: 36px;
  color: #5b6f78;
}

.zm-footer [hidden] {
  display: none !important;
}

@media (max-width: 1120px) {
  .zm-footer-main {
    grid-template-columns: minmax(210px, 0.5fr) minmax(0, 1.5fr);
    gap: 30px;
  }

  .zm-footer-pitch {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .zm-footer-pitch-actions {
    flex-direction: row;
    align-items: center;
  }

  .zm-footer-directory-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 34px;
  }

  .zm-footer-contacts {
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.35fr) auto;
    gap: 26px;
  }

  .zm-footer-messengers {
    grid-column: auto;
  }
}

@media (max-width: 820px) {
  .zm-footer-main {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .zm-footer-pitch {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .zm-footer-pitch-actions {
    flex-direction: column;
  }

  .zm-footer-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-footer-contacts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .zm-footer-messengers {
    grid-column: 1 / -1;
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .zm-footer-main {
    gap: 17px;
    padding: 25px 0 20px;
  }

  .zm-footer-pitch {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 20px;
    border-radius: 20px;
  }

  .zm-footer-pitch p strong {
    font-size: 20px;
  }

  .zm-footer-pitch-actions {
    align-items: stretch;
  }

  .zm-footer-pitch-actions .zm-button {
    width: 100%;
    min-width: 0;
  }

  .zm-footer-directory {
    padding: 19px 0 23px;
  }

  .zm-footer-directory-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
  }

  .zm-footer-directory-title {
    font-size: 18px;
  }

  .zm-footer-sitemap-link {
    min-height: 36px;
    justify-content: flex-start;
  }

  .zm-footer-directory-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .zm-footer-group {
    border-top: 1px solid #d1dde2;
  }

  .zm-footer-group:last-child {
    border-bottom: 1px solid #d1dde2;
  }

  .zm-footer-group-heading {
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 8px;
  }

  .zm-footer-directory-root {
    min-height: 58px;
    font-size: 15px;
  }

  .zm-footer-group-toggle {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    cursor: pointer;
    place-items: center;
  }

  .zm-footer-group-toggle:hover,
  .zm-footer-group-toggle:focus-visible {
    background: #dfecef;
  }

  .zm-footer-directory-grid ul {
    margin: -3px 0 8px;
    padding: 0 0 8px;
  }

  .zm-footer-directory-grid li a {
    min-height: 42px;
    padding: 8px 0;
    font-size: 13px;
  }

  .zm-footer-contacts {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 14px;
    padding: 20px;
    border-radius: 20px;
  }

  .zm-footer-messengers {
    grid-column: auto;
  }

  .zm-footer .zm-messenger-buttons > .zm-channel.is-compact {
    width: 48px;
    height: 48px;
    min-height: 48px;
  }

  .zm-shell .footer-bottom.zm-footer-bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 16px;
    padding: 13px 0 22px;
  }

  .zm-shell .footer-bottom.zm-footer-bottom > span:first-child {
    grid-column: 1 / -1;
    margin: 0 0 5px;
  }

  .zm-shell .footer-bottom.zm-footer-bottom a,
  .zm-footer-cookie-settings {
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-footer-services-link svg,
  .zm-footer-sitemap-link svg,
  .zm-footer-group-toggle svg {
    transition: none;
  }
}

/* Services hub: one visual language from the hero to the project brief. */
.zm-section-services .zm-corporate-title-accent,
.zm-section-services .zm-heading-blue {
  color: #2379cf;
}

.zm-section-services .zm-corporate-hero::before {
  background: linear-gradient(90deg, rgba(244, 247, 248, 0.995) 0%, rgba(244, 247, 248, 0.97) 40%, rgba(244, 247, 248, 0.72) 60%, rgba(244, 247, 248, 0.06) 100%);
}

.zm-section-services .zm-corporate-hero-media img {
  object-position: center right;
}

.zm-section-services .zm-corporate-hero,
.zm-section-services .zm-corporate-hero-inner {
  min-height: clamp(560px, 68svh, 650px);
}

.zm-section-services .zm-corporate-hero-footer {
  grid-template-columns: minmax(0, 720px) auto;
  align-items: center;
}

.zm-section-services .zm-corporate-hero-footer .zm-button {
  min-width: 224px;
  justify-content: space-between;
}

.zm-services-pathways {
  position: relative;
  z-index: 3;
  border-top: 1px solid #d2dfe4;
  border-bottom: 1px solid #c9d8de;
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(35, 62, 74, 0.07);
}

.zm-services-pathways-layout {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(24px, 3.2vw, 48px);
  padding-block: 22px;
}

.zm-services-pathways header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  padding-right: 24px;
  border-right: 1px solid #d8e2e6;
}

.zm-services-pathways header > h2 {
  margin: 0;
  color: var(--zm-ink);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 720;
}

.zm-services-pathways nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.zm-services-pathways nav > a {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 74px;
  padding: 10px 12px;
  border: 1px solid #d4e0e5;
  border-radius: 18px;
  color: var(--zm-ink);
  background: #f7fafb;
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-services-pathways nav > a:hover,
.zm-services-pathways nav > a:focus-visible {
  border-color: #8db8ce;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(35, 82, 105, 0.11);
  transform: translateY(-2px);
}

.zm-services-pathway-icon {
  display: block;
  overflow: hidden;
  width: 44px;
  height: 44px;
  border: 2px solid #ffffff;
  border-radius: 15px;
  background: #e9f1f4;
  box-shadow: 0 5px 13px rgba(34, 70, 87, 0.12);
}

.zm-services-pathway-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zm-services-pathways nav > a > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.zm-services-pathways nav strong {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 720;
}

.zm-services-pathways nav small {
  color: #61747d;
  font-size: 11px;
  line-height: 1.35;
}

.zm-services-pathway-arrow {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #6d818a;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease, stroke 180ms ease;
}

.zm-services-pathways nav > a:hover .zm-services-pathway-arrow,
.zm-services-pathways nav > a:focus-visible .zm-services-pathway-arrow {
  stroke: #176b9d;
  transform: translateX(3px);
}

.zm-services-start {
  position: relative;
  overflow: hidden;
  padding-block: clamp(58px, 6vw, 82px);
  border-bottom: 1px solid #cbd9df;
  background:
    linear-gradient(112deg, rgba(255, 255, 255, 0.96) 0%, rgba(245, 249, 251, 0.94) 52%, rgba(231, 241, 246, 0.92) 100%);
}

.zm-services-start::after {
  position: absolute;
  right: -9%;
  bottom: -46%;
  width: 42%;
  aspect-ratio: 1;
  border: 1px solid rgba(23, 107, 157, 0.12);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.zm-services-start-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.78fr);
  align-items: center;
  gap: clamp(36px, 5vw, 72px);
}

.zm-services-start-content {
  min-width: 0;
}

.zm-services-start-content > h2 {
  max-width: 760px;
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(38px, 4.2vw, 60px);
  line-height: 0.98;
  font-weight: 760;
  letter-spacing: 0;
  text-wrap: balance;
}

.zm-services-start-content > h2 span {
  color: #176b9d;
}

.zm-services-start-content > p {
  max-width: 690px;
  margin: 22px 0 0;
  color: #4f6670;
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.55;
}

.zm-services-start-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.zm-services-start-options > a {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 160px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 18px 52px 18px 18px;
  overflow: hidden;
  border: 1px solid #cedde3;
  border-radius: 22px;
  color: var(--zm-ink);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 12px 28px rgba(33, 67, 82, 0.08);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-services-start-options > a::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, #176b9d, #4da9d1);
  content: "";
}

.zm-services-start-options > a:nth-child(2)::before {
  background: linear-gradient(90deg, #e75122, #f18a60);
}

.zm-services-start-options > a:hover,
.zm-services-start-options > a:focus-visible {
  border-color: #88b7ca;
  box-shadow: 0 16px 34px rgba(31, 75, 94, 0.14);
  transform: translateY(-3px);
}

.zm-services-start-label {
  display: block;
  margin-bottom: auto;
  color: #176b9d;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-services-start-options > a:nth-child(2) .zm-services-start-label {
  color: #c9441b;
}

.zm-services-start-options strong {
  display: block;
  margin-top: 22px;
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.18;
  font-weight: 740;
}

.zm-services-start-options small {
  display: block;
  margin-top: 8px;
  color: #60737c;
  font-size: 12px;
  line-height: 1.4;
}

.zm-services-start-options svg {
  position: absolute;
  right: 18px;
  bottom: 19px;
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}

.zm-services-start-options > a:hover svg,
.zm-services-start-options > a:focus-visible svg {
  transform: translateX(4px);
}

.zm-services-start-media {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border: 7px solid rgba(255, 255, 255, 0.92);
  border-radius: 28px;
  background: #dce8ed;
  box-shadow: 0 24px 50px rgba(31, 65, 81, 0.18);
}

.zm-services-start-media::after {
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(180deg, transparent, rgba(8, 28, 42, 0.76));
  content: "";
  pointer-events: none;
}

.zm-services-start-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zm-services-start-media figcaption {
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: 18px;
  left: 20px;
  color: #ffffff;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 680;
}

/* Services hub: choose a business result, then inspect the relevant expertise. */
.zm-section-services .zm-service-map {
  padding-block: clamp(70px, 7vw, 96px);
  background:
    linear-gradient(145deg, #edf4f7 0%, #f8fafb 54%, #edf4f7 100%);
}

.zm-section-services .zm-service-map .zm-section-heading {
  align-items: end;
  margin-bottom: 34px;
}

.zm-section-services .zm-service-map .zm-section-heading h2 {
  max-width: 660px;
}

.zm-section-services .zm-service-map .zm-section-heading > p {
  max-width: 650px;
  color: #4f6670;
  font-size: 16px;
  line-height: 1.6;
}

.zm-section-services .zm-service-map-grid {
  gap: 16px;
}

.zm-section-services .zm-service-map-grid > article {
  padding: 0 20px 20px;
  border-color: #cbd9df;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 36px rgba(31, 65, 81, 0.09);
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.zm-section-services .zm-service-map-grid > article:hover {
  border-color: #98bdcc;
  box-shadow: 0 22px 44px rgba(31, 65, 81, 0.14);
  transform: translateY(-4px);
}

.zm-section-services .zm-service-map-media {
  display: block;
  aspect-ratio: 16 / 9;
  margin: 0 -20px 18px;
  border-bottom-color: #cfdae0;
  color: #ffffff;
  background: #dce8ed;
}

.zm-section-services .zm-service-map-media::after {
  height: 52%;
  background: linear-gradient(180deg, transparent, rgba(7, 27, 41, 0.78));
}

.zm-section-services .zm-service-map-media img {
  object-position: center;
}

.zm-section-services .zm-service-map-media > span {
  position: absolute;
  z-index: 1;
  right: 16px;
  bottom: 14px;
  left: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 720;
  opacity: 0.92;
}

.zm-section-services .zm-service-map-media > span svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}

.zm-section-services .zm-service-map-media:hover > span svg,
.zm-section-services .zm-service-map-media:focus-visible > span svg {
  transform: translateX(4px);
}

.zm-section-services .zm-service-map-grid h3 {
  min-height: 56px;
  margin: 0 0 10px;
  font-size: clamp(21px, 1.7vw, 25px);
  line-height: 1.12;
  text-wrap: balance;
}

.zm-section-services .zm-service-map-grid > article > p {
  min-height: 68px;
  color: #536b75;
  line-height: 1.5;
}

.zm-section-services .zm-service-map-grid nav {
  margin-top: 18px;
}

.zm-section-services .zm-service-map-grid nav a {
  border-bottom-color: #d7e1e5;
  transition: color 160ms ease, transform 160ms ease;
}

.zm-section-services .zm-service-map-grid nav a:hover,
.zm-section-services .zm-service-map-grid nav a:focus-visible {
  transform: translateX(2px);
}

.zm-section-services .zm-service-map-cta {
  grid-template-columns: 92px minmax(0, 1fr) minmax(250px, 300px);
  gap: 24px;
  margin-top: 18px;
  padding: 22px 24px;
  border-color: #c8d8df;
  border-radius: 24px;
  background: linear-gradient(112deg, #ffffff 0%, #f7fafb 58%, #eef5f8 100%);
  box-shadow: 0 16px 36px rgba(31, 65, 81, 0.09);
}

.zm-service-map-cta-visual {
  position: relative;
  width: 82px;
  height: 82px;
  overflow: hidden;
  border: 1px solid rgba(23, 107, 157, 0.22);
  border-radius: 26px;
  background: #edf5f8;
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.58);
}

.zm-service-map-cta-visual::before {
  position: absolute;
  top: 40px;
  left: 17px;
  width: 49px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #176b9d, #e75122);
  content: "";
  transform: rotate(-25deg);
}

.zm-service-map-cta-visual span {
  position: absolute;
  z-index: 1;
  width: 15px;
  height: 15px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  background: #176b9d;
  box-shadow: 0 4px 10px rgba(31, 65, 81, 0.18);
}

.zm-service-map-cta-visual span:nth-child(1) {
  left: 13px;
  bottom: 20px;
}

.zm-service-map-cta-visual span:nth-child(2) {
  top: 31px;
  left: 34px;
  background: #4da9d1;
}

.zm-service-map-cta-visual span:nth-child(3) {
  top: 15px;
  right: 12px;
  background: #e75122;
}

.zm-service-map-cta-copy {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.zm-section-services .zm-service-map-cta-copy h3 {
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.15;
  font-weight: 740;
  text-wrap: balance;
}

.zm-section-services .zm-service-map-cta-copy p {
  max-width: 760px;
  margin: 0;
  color: #526873;
  font-size: 14px;
  line-height: 1.5;
}

.zm-service-map-cta-copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
}

.zm-service-map-cta-copy li {
  position: relative;
  padding-left: 14px;
  color: #3f5661;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 650;
}

.zm-service-map-cta-copy li::before {
  position: absolute;
  top: 0.42em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e75122;
  content: "";
}

.zm-service-map-cta-actions {
  display: grid;
  justify-items: stretch;
  gap: 10px;
}

.zm-section-services .zm-service-map-cta-actions .zm-button {
  width: 100%;
  justify-content: space-between;
}

.zm-service-map-result-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #176b9d;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 690;
}

.zm-service-map-result-link svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms ease;
}

.zm-service-map-result-link:hover svg,
.zm-service-map-result-link:focus-visible svg {
  transform: translateX(3px);
}

.zm-service-map-grid > article[id] {
  scroll-margin-top: 118px;
}

.zm-section-services .zm-service-map .zm-section-heading h2,
.zm-section-services .zm-corporate-scope .zm-section-heading h2,
.zm-section-services .zm-results-process .zm-section-heading h2 {
  text-wrap: balance;
}

.zm-section-services .zm-page-experts-heading h2 {
  max-width: 720px;
}

@media (max-width: 960px) {
  .zm-section-services .zm-corporate-hero::before {
    background: linear-gradient(180deg, rgba(244, 247, 248, 0.96) 0%, rgba(244, 247, 248, 0.8) 58%, rgba(244, 247, 248, 0.96) 100%);
  }

  .zm-section-services .zm-corporate-hero-media img {
    object-position: 69% center;
  }

  .zm-section-services .zm-corporate-hero-footer {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .zm-section-services .zm-corporate-hero-footer .zm-button {
    width: fit-content;
  }

  .zm-services-pathways-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .zm-services-pathways header {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 0;
    padding: 0 0 14px;
    border-right: 0;
    border-bottom: 1px solid #d8e2e6;
  }

  .zm-services-start-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.78fr);
    gap: 28px;
  }

  .zm-services-start-content > h2 {
    font-size: clamp(36px, 5vw, 48px);
  }

  .zm-services-start-options {
    grid-template-columns: 1fr;
  }

  .zm-services-start-options > a {
    min-height: 126px;
  }

  .zm-section-services .zm-service-map .zm-section-heading {
    align-items: start;
  }

  .zm-section-services .zm-service-map-grid > article {
    padding-right: 20px;
    padding-left: 20px;
  }

  .zm-section-services .zm-service-map-media {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: auto;
    aspect-ratio: auto;
    min-height: 100%;
    margin: 0 0 0 -20px;
  }

  .zm-section-services .zm-service-map-grid > article > h3,
  .zm-section-services .zm-service-map-grid > article > p,
  .zm-section-services .zm-service-map-grid > article > nav {
    grid-column: 2;
  }

  .zm-section-services .zm-service-map-grid h3,
  .zm-section-services .zm-service-map-grid > article > p {
    min-height: 0;
  }

  .zm-section-services .zm-service-map-cta {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 18px 20px;
  }

  .zm-service-map-cta-visual {
    width: 72px;
    height: 72px;
    border-radius: 23px;
  }

  .zm-service-map-cta-actions {
    grid-column: 2;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    align-items: center;
  }
}

@media (max-width: 680px) {
  .zm-section-services .zm-corporate-hero,
  .zm-section-services .zm-corporate-hero-inner {
    min-height: 580px;
  }

  .zm-section-services .zm-corporate-hero-footer .zm-button {
    width: 100%;
  }

  .zm-services-pathways-layout {
    padding-block: 18px;
  }

  .zm-services-pathways header {
    grid-template-columns: 1fr;
    gap: 4px;
    padding-bottom: 12px;
  }

  .zm-services-pathways nav {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .zm-services-pathways nav > a {
    min-height: 66px;
    border-radius: 16px;
  }

  .zm-services-pathway-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .zm-services-start {
    padding-block: 48px;
  }

  .zm-services-start::after {
    display: none;
  }

  .zm-services-start-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .zm-services-start-content > h2 {
    font-size: clamp(34px, 10vw, 44px);
    line-height: 1.02;
  }

  .zm-services-start-content > p {
    margin-top: 18px;
    font-size: 15px;
  }

  .zm-services-start-options {
    gap: 10px;
    margin-top: 22px;
  }

  .zm-services-start-options > a {
    min-height: 118px;
    padding: 16px 46px 15px 16px;
    border-radius: 19px;
  }

  .zm-services-start-options strong {
    margin-top: 16px;
    font-size: 17px;
  }

  .zm-services-start-media {
    aspect-ratio: 16 / 10;
    border-width: 5px;
    border-radius: 22px;
  }

  .zm-services-start-media figcaption {
    right: 16px;
    bottom: 14px;
    left: 16px;
    font-size: 12px;
  }

  .zm-section-services .zm-service-map {
    padding-block: 56px;
  }

  .zm-section-services .zm-service-map .zm-section-heading {
    margin-bottom: 24px;
  }

  .zm-section-services .zm-service-map .zm-section-heading > p {
    font-size: 15px;
  }

  .zm-section-services .zm-service-map-grid {
    gap: 12px;
  }

  .zm-section-services .zm-service-map-grid > article {
    padding: 0 16px 16px;
    border-radius: 20px;
  }

  .zm-section-services .zm-service-map-media {
    width: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    margin: 0 -16px 16px;
    border-right: 0;
    border-bottom: 1px solid #cfdae0;
  }

  .zm-section-services .zm-service-map-grid h3 {
    margin-bottom: 8px;
    font-size: 22px;
  }

  .zm-section-services .zm-service-map-grid > article > p {
    font-size: 13px;
  }

  .zm-section-services .zm-service-map-grid nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
  }

  .zm-section-services .zm-service-map-grid nav a:nth-last-child(2) {
    border-bottom: 0;
  }

  .zm-section-services .zm-service-map-cta {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px 18px;
    border-radius: 20px;
  }

  .zm-service-map-cta-visual {
    display: none;
  }

  .zm-service-map-cta-actions {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .zm-service-map-result-link {
    min-height: 40px;
  }

  .zm-section-services .zm-project-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .zm-section-services .zm-project-service-media {
    aspect-ratio: 4 / 3;
  }

  .zm-section-services .zm-project-service-content {
    padding: 11px 10px 10px;
  }

  .zm-section-services .zm-project-service-grid h3 {
    font-size: 16px;
    line-height: 1.18;
  }

  .zm-section-services .zm-project-service-grid p {
    font-size: 11px;
    line-height: 1.4;
  }

  .zm-section-services .zm-project-service-link {
    font-size: 10px;
    gap: 6px;
  }

  .zm-section-services :where(#service-map, #scope, #process, #experts, #faq, #request, #page-video),
  .zm-section-services .zm-faq {
    scroll-margin-top: 116px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-services-pathways nav > a,
  .zm-services-pathway-arrow,
  .zm-services-start-options > a,
  .zm-services-start-options svg,
  .zm-section-services .zm-service-map-grid > article,
  .zm-section-services .zm-service-map-media img,
  .zm-section-services .zm-service-map-media > span svg,
  .zm-service-map-result-link svg {
    transition: none;
  }

  .zm-services-pathways nav > a:hover,
  .zm-services-pathways nav > a:focus-visible,
  .zm-services-start-options > a:hover,
  .zm-services-start-options > a:focus-visible,
  .zm-section-services .zm-service-map-grid > article:hover {
    transform: none;
  }
}

/* Home and services request: a clear first-step story beside a lighter project brief. */
:where(.zm-home, .zm-section-services) .zm-request {
  padding-block: clamp(66px, 7vw, 94px);
  border-top: 1px solid #cedbe1;
  background: #eaf2f5;
}

:where(.zm-home, .zm-section-services) .zm-request-layout {
  grid-template-columns: minmax(0, 1.03fr) minmax(430px, 0.87fr);
  align-items: stretch;
  gap: clamp(40px, 6vw, 84px);
}

.zm-request-intro {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.zm-request-intro .zm-kicker {
  margin: 0 0 13px;
  color: #176b9d;
}

.zm-request-intro h2 {
  max-width: 690px;
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(42px, 4.7vw, 66px);
  line-height: 0.98;
  font-weight: 760;
}

.zm-request-intro h2 span {
  color: #2379cf;
}

.zm-request-layout .zm-request-intro > p:not(.zm-kicker, .zm-request-reassurance) {
  max-width: 650px;
  margin: 20px 0 0;
  color: #51666f;
  font-size: 16px;
  line-height: 1.58;
}

.zm-request-media {
  overflow: hidden;
  aspect-ratio: 16 / 8.6;
  margin: 25px 0 17px;
  border: 3px solid #ffffff;
  border-radius: 24px;
  background: #dfe9ed;
  box-shadow:
    0 18px 38px rgba(38, 65, 77, 0.12),
    0 3px 9px rgba(38, 65, 77, 0.06);
}

.zm-request-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 43%;
}

.zm-request-outcomes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.zm-request-outcomes li {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
  min-height: 106px;
  padding: 13px 12px;
  border: 1px solid #cfdae0;
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 20px rgba(38, 65, 77, 0.06);
}

.zm-request-outcome-icon {
  display: grid;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #176b9d;
  background: #e5f1f6;
  place-items: center;
}

.zm-request-outcomes li:nth-child(2) .zm-request-outcome-icon {
  color: #c64b2a;
  background: #fff0ea;
}

.zm-request-outcome-icon svg {
  width: 19px;
  height: 19px;
}

.zm-request-outcomes li > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
}

.zm-request-outcomes strong {
  color: var(--zm-ink);
  font-size: 13px;
  line-height: 1.28;
}

.zm-request-outcomes small {
  color: #60747d;
  font-size: 11px;
  line-height: 1.4;
}

.zm-request-reassurance {
  display: flex;
  max-width: 650px;
  align-items: flex-start;
  gap: 10px;
  margin: 15px 0 0;
  color: #4e636c;
  font-size: 12px;
  line-height: 1.48;
}

.zm-request-reassurance svg {
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: #c64b2a;
  flex: 0 0 auto;
}

.zm-request-form-panel {
  overflow: hidden;
  align-self: start;
  border: 1px solid #ccd9df;
  border-radius: 24px;
  background: #ffffff;
  box-shadow:
    0 20px 46px rgba(38, 65, 77, 0.12),
    0 4px 12px rgba(38, 65, 77, 0.05);
}

.zm-request-form-heading {
  padding: 25px 28px 21px;
  border-bottom: 1px solid #d8e2e6;
  background: #f8fbfc;
}

.zm-request-form-heading > span {
  color: #176b9d;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-request-form-heading h3 {
  margin: 7px 0 5px;
  color: var(--zm-ink);
  font-size: 23px;
  line-height: 1.15;
  font-weight: 720;
}

.zm-request-form-heading p {
  max-width: 470px;
  margin: 0;
  color: #60747d;
  font-size: 12px;
  line-height: 1.48;
}

:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form {
  gap: 12px;
  padding: 22px 28px 28px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form label {
  gap: 6px;
}

:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form input,
:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form textarea {
  min-height: 48px;
  border-color: #c4d1d7;
  border-radius: 12px;
  background: #fbfcfd;
}

:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form textarea {
  min-height: 102px;
}

:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form .form-consent {
  margin-top: 2px;
}

:where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form .btn {
  margin-top: 3px;
}

@media (max-width: 1120px) {
  :where(.zm-home, .zm-section-services) .zm-request-layout {
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr);
    gap: 34px;
  }

  .zm-request-outcomes {
    grid-template-columns: 1fr;
  }

  .zm-request-outcomes li {
    min-height: 0;
  }
}

@media (max-width: 960px) {
  :where(.zm-home, .zm-section-services) .zm-request-layout {
    grid-template-columns: minmax(0, 680px);
    gap: 34px;
  }

  .zm-request-intro h2 {
    max-width: 620px;
  }

  .zm-request-outcomes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .zm-request-form-panel {
    width: 100%;
  }
}

@media (max-width: 680px) {
  :where(.zm-home, .zm-section-services) .zm-request {
    padding-block: 54px;
  }

  :where(.zm-home, .zm-section-services) .zm-request-layout {
    gap: 26px;
  }

  .zm-request-intro h2 {
    font-size: 40px;
    line-height: 1;
  }

  .zm-request-layout .zm-request-intro > p:not(.zm-kicker, .zm-request-reassurance) {
    margin-top: 17px;
    font-size: 15px;
  }

  .zm-request-media {
    aspect-ratio: 4 / 3;
    margin: 21px 0 13px;
    border-radius: 20px;
  }

  .zm-request-outcomes {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .zm-request-outcomes li {
    min-height: 0;
    padding: 12px;
    border-radius: 16px;
  }

  .zm-request-outcomes small {
    font-size: 12px;
  }

  .zm-request-reassurance {
    margin-top: 13px;
  }

  .zm-request-form-panel {
    border-radius: 20px;
  }

  .zm-request-form-heading {
    padding: 21px 20px 18px;
  }

  .zm-request-form-heading h3 {
    font-size: 21px;
  }

  :where(.zm-home, .zm-section-services) .zm-request-form-panel .contact-form {
    padding: 19px 20px 22px;
  }
}

/* Home and services FAQ: practical answers with a clear project-preparation visual. */
:where(.zm-home, .zm-section-services) .zm-faq {
  padding-block: clamp(60px, 6.5vw, 86px);
  border-top: 1px solid #d7e0e4;
  border-bottom: 1px solid #d7e0e4;
  background: #f5f8fa;
}

:where(.zm-home, .zm-section-services) .zm-faq-layout {
  grid-template-columns: minmax(340px, 0.84fr) minmax(0, 1.16fr);
  align-items: start;
  gap: clamp(38px, 5.5vw, 74px);
}

.zm-faq-intro {
  min-width: 0;
}

.zm-faq-intro .zm-kicker {
  margin: 0 0 13px;
  color: #176b9d;
}

.zm-faq-intro h2 {
  max-width: 560px;
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(42px, 4.5vw, 62px);
  line-height: 0.98;
  font-weight: 760;
}

.zm-faq-intro h2 span {
  color: #2379cf;
}

.zm-faq-intro > p:not(.zm-kicker) {
  max-width: 560px;
  margin: 16px 0 0;
  color: #536970;
  font-size: 15px;
  line-height: 1.58;
}

.zm-faq-media {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  margin: 20px 0 0;
  border: 3px solid #ffffff;
  border-radius: 22px;
  background: #e1eaee;
  box-shadow:
    0 18px 38px rgba(38, 65, 77, 0.11),
    0 3px 9px rgba(38, 65, 77, 0.05);
}

.zm-faq-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zm-faq-note {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  padding: 11px 13px;
  border: 1px solid #d3dfe4;
  border-radius: 17px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(38, 65, 77, 0.05);
}

.zm-faq-note > svg {
  width: 38px;
  height: 38px;
  padding: 9px;
  border-radius: 50%;
  color: #176b9d;
  background: #e4f0f5;
}

.zm-faq-note p {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  margin: 0;
}

.zm-faq-note strong {
  color: var(--zm-ink);
  font-size: 13px;
  line-height: 1.35;
}

.zm-faq-note span {
  color: #60747d;
  font-size: 12px;
  line-height: 1.42;
}

:where(.zm-home, .zm-section-services) .zm-faq-list {
  display: grid;
  gap: 8px;
  border-bottom: 0;
}

:where(.zm-home, .zm-section-services) .zm-faq-list details {
  overflow: hidden;
  border: 1px solid #d2dde2;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 22px rgba(38, 65, 77, 0.045);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

:where(.zm-home, .zm-section-services) .zm-faq-list details[open] {
  border-color: #a9c5d4;
  background: #ffffff;
  box-shadow: 0 15px 32px rgba(38, 65, 77, 0.085);
}

:where(.zm-home, .zm-section-services) .zm-faq-list summary {
  min-height: 70px;
  gap: 16px;
  padding: 13px 16px 13px 19px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 680;
}

:where(.zm-home, .zm-section-services) .zm-faq-list summary:hover {
  background: #f9fbfc;
}

:where(.zm-home, .zm-section-services) .zm-faq-list summary:focus-visible {
  outline: 3px solid rgba(35, 121, 207, 0.32);
  outline-offset: -3px;
}

:where(.zm-home, .zm-section-services) .zm-faq-list summary span,
:where(.zm-home, .zm-section-services) .zm-faq-list details[open] summary span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  transform: none;
  transition: none;
}

.zm-faq-question {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 3px;
  color: var(--zm-ink);
}

:where(.zm-home, .zm-section-services) .zm-faq-list .zm-faq-question small {
  color: #176b9d;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
  text-transform: uppercase;
}

:where(.zm-home, .zm-section-services) .zm-faq-list details:nth-child(even) .zm-faq-question small {
  color: #bd4a2b;
}

:where(.zm-home, .zm-section-services) .zm-faq-list summary .zm-faq-toggle {
  display: grid;
  width: 38px;
  height: 38px;
  border: 1px solid #cfdae0;
  border-radius: 50%;
  color: #176b9d;
  background: #edf5f8;
  flex: 0 0 auto;
  place-items: center;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}

:where(.zm-home, .zm-section-services) .zm-faq-list summary .zm-faq-toggle svg {
  width: 17px;
  height: 17px;
}

:where(.zm-home, .zm-section-services) .zm-faq-list details[open] summary .zm-faq-toggle {
  color: #ffffff;
  background: #2379cf;
  transform: rotate(180deg);
}

:where(.zm-home, .zm-section-services) .zm-faq-list details p {
  max-width: 760px;
  margin: 0;
  padding: 0 70px 18px 19px;
  color: #536970;
  font-size: 14px;
  line-height: 1.62;
}

.zm-faq-footer {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 2px;
  padding: 0 5px;
}

.zm-faq-footer p {
  margin: 0;
  color: #60747d;
  font-size: 13px;
  line-height: 1.45;
}

.zm-faq-footer .zm-text-link {
  flex: 0 0 auto;
}

@media (min-width: 961px) {
  .zm-faq-intro {
    position: sticky;
    top: 112px;
  }
}

@media (max-width: 960px) {
  :where(.zm-home, .zm-section-services) .zm-faq-layout {
    grid-template-columns: minmax(0, 680px);
    gap: 28px;
  }
}

@media (max-width: 680px) {
  :where(.zm-home, .zm-section-services) .zm-faq {
    padding-block: 48px;
  }

  .zm-faq-intro h2 {
    font-size: 40px;
    line-height: 1;
  }

  .zm-faq-intro > p:not(.zm-kicker) {
    margin-top: 14px;
    font-size: 15px;
  }

  .zm-faq-media {
    aspect-ratio: 16 / 9;
    margin-top: 18px;
    border-radius: 20px;
  }

  .zm-faq-note {
    border-radius: 16px;
  }

  :where(.zm-home, .zm-section-services) .zm-faq-list details {
    border-radius: 16px;
  }

  :where(.zm-home, .zm-section-services) .zm-faq-list summary {
    min-height: 68px;
    gap: 12px;
    padding: 12px 14px 12px 16px;
    font-size: 15px;
  }

  :where(.zm-home, .zm-section-services) .zm-faq-list summary .zm-faq-toggle {
    width: 36px;
    height: 36px;
  }

  :where(.zm-home, .zm-section-services) .zm-faq-list details p {
    padding: 0 16px 17px;
    font-size: 13px;
  }

  .zm-faq-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding-top: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.zm-home, .zm-section-services) .zm-faq-list details,
  :where(.zm-home, .zm-section-services) .zm-faq-list summary .zm-faq-toggle {
    transition: none;
  }
}

/* SEO FAQ: clear expectations before the first project stage. */
.zm-service-page .zm-faq--seo {
  padding-block: clamp(62px, 6.8vw, 90px);
  border-top: 1px solid #d6e1e5;
  border-bottom: 1px solid #d6e1e5;
  background: #f4f8fa;
}

.zm-service-page .zm-faq--seo .zm-faq-layout {
  grid-template-columns: minmax(340px, 0.84fr) minmax(0, 1.16fr);
  align-items: start;
  gap: clamp(38px, 5.5vw, 74px);
}

.zm-service-page .zm-faq--seo .zm-faq-intro h2 {
  font-size: clamp(42px, 4.5vw, 62px);
}

.zm-service-page .zm-faq--seo .zm-faq-media {
  aspect-ratio: 4 / 3;
}

.zm-service-page .zm-faq--seo .zm-faq-list {
  display: grid;
  gap: 8px;
  border-bottom: 0;
}

.zm-service-page .zm-faq--seo .zm-faq-list details {
  overflow: hidden;
  border: 1px solid #d2dde2;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(38, 65, 77, 0.045);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.zm-service-page .zm-faq--seo .zm-faq-list details[open] {
  border-color: #a9c5d4;
  background: #ffffff;
  box-shadow: 0 15px 32px rgba(38, 65, 77, 0.085);
}

.zm-service-page .zm-faq--seo .zm-faq-list summary {
  min-height: 70px;
  gap: 16px;
  padding: 13px 16px 13px 19px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 680;
}

.zm-service-page .zm-faq--seo .zm-faq-list summary:hover {
  background: #f9fbfc;
}

.zm-service-page .zm-faq--seo .zm-faq-list summary:focus-visible {
  outline: 3px solid rgba(35, 121, 207, 0.32);
  outline-offset: -3px;
}

.zm-service-page .zm-faq--seo .zm-faq-list summary span,
.zm-service-page .zm-faq--seo .zm-faq-list details[open] summary span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  transform: none;
  transition: none;
}

.zm-service-page .zm-faq--seo .zm-faq-question small {
  color: #176b9d;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-service-page .zm-faq--seo .zm-faq-list details:nth-child(even) .zm-faq-question small {
  color: #bd4a2b;
}

.zm-service-page .zm-faq--seo .zm-faq-list summary .zm-faq-toggle {
  display: grid;
  width: 38px;
  height: 38px;
  border: 1px solid #cfdae0;
  border-radius: 50%;
  color: #176b9d;
  background: #edf5f8;
  flex: 0 0 auto;
  place-items: center;
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}

.zm-service-page .zm-faq--seo .zm-faq-list summary .zm-faq-toggle svg {
  width: 17px;
  height: 17px;
}

.zm-service-page .zm-faq--seo .zm-faq-list details[open] summary .zm-faq-toggle {
  color: #ffffff;
  background: #2379cf;
  transform: rotate(180deg);
}

.zm-service-page .zm-faq--seo .zm-faq-list details p {
  max-width: 760px;
  margin: 0;
  padding: 0 70px 18px 19px;
  color: #536970;
  font-size: 14px;
  line-height: 1.62;
}

@media (max-width: 960px) {
  .zm-service-page .zm-faq--seo .zm-faq-layout {
    grid-template-columns: minmax(0, 680px);
    gap: 28px;
  }

  .zm-service-page .zm-faq--seo .zm-faq-media {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 680px) {
  .zm-service-page .zm-faq--seo {
    padding-block: 48px;
  }

  .zm-service-page .zm-faq--seo .zm-faq-intro h2 {
    font-size: 40px;
  }

  .zm-service-page .zm-faq--seo .zm-faq-list summary {
    min-height: 68px;
    gap: 12px;
    padding: 12px 14px 12px 16px;
    font-size: 15px;
  }

  .zm-service-page .zm-faq--seo .zm-faq-list summary .zm-faq-toggle {
    width: 36px;
    height: 36px;
  }

  .zm-service-page .zm-faq--seo .zm-faq-list details p {
    padding: 0 16px 17px;
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-service-page .zm-faq--seo .zm-faq-list details,
  .zm-service-page .zm-faq--seo .zm-faq-list summary .zm-faq-toggle {
    transition: none;
  }
}

/* Homepage v107: one visual rhythm from the first service card to the brief. */
.zm-home {
  --zm-home-card-radius: 22px;
  --zm-home-section-line: #d7e1e5;
}

.zm-home #approach,
.zm-home #industries,
.zm-home #lead-partnership,
.zm-home #team {
  border-top: 1px solid var(--zm-home-section-line);
}

.zm-home :is(
  #services,
  #products,
  #approach,
  #industries,
  #lead-partnership,
  #team,
  #career,
  #faq,
  #request
) {
  padding-block: clamp(72px, 6vw, 88px);
}

.zm-home .zm-direction-system .zm-service-grid > a,
.zm-home .zm-products-card,
.zm-home .zm-commercial-card,
.zm-home .zm-industry-card,
.zm-home .zm-team-card {
  border-radius: var(--zm-home-card-radius);
}

.zm-home .zm-faq-list details {
  border-radius: 18px;
}

.zm-home .zm-industries--showcase .zm-industry-partner p {
  color: #566d78;
}

.zm-home .zm-products-card:nth-child(4) .zm-product-card-status {
  color: #96520d;
}

.zm-shell .zm-footer-brand .zm-brand-name small,
.zm-footer-directory-title,
.zm-footer-direct span,
.zm-footer-messengers > span {
  color: #566b74;
}

.zm-home .zm-industries--showcase .zm-industry-actions .zm-button {
  min-width: 0;
  min-height: 52px;
  padding: 14px 20px;
}

.zm-home-products .zm-product-card-action .zm-button {
  min-height: 48px;
}

@media (min-width: 961px) {
  .zm-home .zm-industries--showcase .zm-industries-heading h2,
  .zm-home .zm-career h2,
  .zm-home .zm-faq-intro h2,
  .zm-home .zm-request-intro h2 {
    font-size: 52px;
    line-height: 1.04;
  }
}

@media (max-width: 680px) {
  .zm-home :is(
    #services,
    #products,
    #approach,
    #industries,
    #lead-partnership,
    #team,
    #career,
    #faq,
    #request
  ) {
    padding-block: 60px;
  }
}

/* Shared video gallery: visual previews stay inert until real video URLs are supplied. */
.zm-video-placeholder {
  padding: 44px 0 66px;
  border-top: 1px solid #dbe4e8;
  background: #f7f9fa;
}

.zm-video-placeholder-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.zm-video-placeholder-card {
  position: relative;
  isolation: isolate;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(21, 52, 70, 0.12);
  border-radius: 22px;
  background: #dbe5ea;
  box-shadow:
    0 18px 42px rgba(18, 46, 62, 0.11),
    0 3px 10px rgba(18, 46, 62, 0.05);
}

.zm-video-placeholder-image,
.zm-video-placeholder-shade,
.zm-video-placeholder-wave,
.zm-video-placeholder-mark {
  position: absolute;
}

.zm-video-placeholder-image,
.zm-video-placeholder-shade {
  width: 100%;
  height: 100%;
  inset: 0;
}

.zm-video-placeholder-image {
  z-index: 0;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.04);
}

.zm-video-placeholder-shade {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(7, 24, 35, 0.16), rgba(7, 24, 35, 0.5)),
    linear-gradient(90deg, rgba(20, 85, 145, 0.08), rgba(231, 81, 34, 0.08));
}

.zm-video-placeholder-wave {
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 86%;
  height: auto;
  opacity: 0.64;
  filter: drop-shadow(0 2px 7px rgba(5, 22, 34, 0.25));
  transform: translate(-50%, -50%);
}

.zm-video-placeholder-mark {
  z-index: 3;
  top: 50%;
  left: 50%;
  display: grid;
  width: 68px;
  height: 68px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(145deg, #ff5a35, #dc3f1b);
  box-shadow:
    0 14px 30px rgba(81, 24, 9, 0.3),
    0 0 0 8px rgba(255, 255, 255, 0.18),
    0 0 0 9px rgba(255, 255, 255, 0.5);
  place-items: center;
  transform: translate(-50%, -50%);
}

.zm-video-placeholder-mark svg {
  width: 27px;
  height: 27px;
  margin-left: 4px;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1.4;
}

@media (prefers-reduced-motion: no-preference) {
  .zm-video-placeholder-wave {
    animation: zm-video-wave-breathe 5s ease-in-out infinite;
  }

  .zm-video-placeholder-card:nth-child(2) .zm-video-placeholder-wave {
    animation-delay: -1.6s;
  }

  .zm-video-placeholder-card:nth-child(3) .zm-video-placeholder-wave {
    animation-delay: -3.2s;
  }
}

@keyframes zm-video-wave-breathe {
  0%, 100% {
    opacity: 0.54;
    transform: translate(-50%, -50%) scaleX(0.98);
  }

  50% {
    opacity: 0.72;
    transform: translate(-50%, -50%) scaleX(1.02);
  }
}

/* Blog and editorial pages. */
.zm-blog-hero,
.zm-article-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #eaf1f4;
}

.zm-blog-hero {
  min-height: 610px;
}

.zm-article-hero {
  min-height: 560px;
}

.zm-blog-hero-media,
.zm-article-hero-media {
  position: absolute;
  z-index: -2;
  inset: 0;
}

.zm-blog-hero-media img,
.zm-article-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.78) contrast(0.88);
}

.zm-blog-hero::after,
.zm-article-hero::after {
  position: absolute;
  z-index: -1;
  background: rgba(247, 250, 251, 0.84);
  content: "";
  inset: 0;
}

.zm-blog-hero-inner,
.zm-article-hero-inner {
  display: flex;
  min-height: inherit;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  padding-top: 150px;
  padding-bottom: 72px;
}

.zm-blog-hero-inner .zm-breadcrumbs,
.zm-article-hero-inner .zm-breadcrumbs {
  position: absolute;
  top: 118px;
  left: max(var(--zm-container-gutter), calc((100vw - var(--zm-container)) / 2));
}

.zm-blog-hero h1,
.zm-article-hero h1 {
  max-width: 940px;
  margin: 12px 0 20px;
  color: #0d2734;
  font-size: clamp(48px, 5.6vw, 76px);
  line-height: 0.98;
}

.zm-blog-hero-inner > p:not(.zm-kicker),
.zm-article-hero-inner > p:not(.zm-kicker) {
  max-width: 720px;
  margin: 0;
  color: #415d69;
  font-size: 19px;
  line-height: 1.55;
}

.zm-blog-hero-note,
.zm-article-meta {
  display: inline-flex;
  margin-top: 26px;
  padding: 10px 15px;
  border: 1px solid rgba(35, 121, 207, 0.2);
  border-radius: 999px;
  color: #176b9d;
  background: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  font-weight: 760;
}

.zm-blog-feed {
  background: #ffffff;
}

.zm-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.zm-blog-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d9e3e7;
  border-radius: 24px;
  color: #0d2734;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(18, 46, 62, 0.07);
  flex-direction: column;
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.zm-blog-card:hover,
.zm-blog-card:focus-visible {
  border-color: rgba(35, 121, 207, 0.42);
  box-shadow: 0 22px 48px rgba(18, 46, 62, 0.12);
  transform: translateY(-4px);
}

.zm-blog-card:focus-visible {
  outline: 3px solid rgba(35, 121, 207, 0.26);
  outline-offset: 3px;
}

.zm-blog-card-media {
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #dfe9ed;
}

.zm-blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.zm-blog-card:hover .zm-blog-card-media img {
  transform: scale(1.025);
}

.zm-blog-card-body {
  display: flex;
  min-height: 310px;
  padding: 24px;
  flex: 1 1 auto;
  flex-direction: column;
}

.zm-blog-card-meta {
  margin-bottom: 15px;
  color: #176b9d;
  font-size: 11px;
  line-height: 1.35;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-blog-card-body > strong {
  font-size: 25px;
  line-height: 1.08;
}

.zm-blog-card-body > span:not(.zm-blog-card-meta):not(.zm-blog-card-link) {
  margin-top: 16px;
  color: #5a707a;
  font-size: 15px;
  line-height: 1.55;
}

.zm-blog-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 24px;
  color: #bd4a2b;
  font-size: 14px;
  font-weight: 800;
}

.zm-blog-card-link svg {
  width: 18px;
  height: 18px;
}

.zm-blog-cta,
.zm-article-cta {
  border-top: 1px solid #d9e3e7;
  background: #f4f7f8;
}

.zm-blog-cta-inner {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 48px;
}

.zm-blog-cta-inner h2 {
  max-width: 780px;
  margin: 8px 0 15px;
  color: #0d2734;
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.02;
}

.zm-blog-cta-inner p:not(.zm-kicker) {
  max-width: 680px;
  margin: 0;
  color: #5a707a;
  line-height: 1.6;
}

.zm-article-layout {
  display: grid;
  padding-top: 84px;
  padding-bottom: 84px;
  grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.65fr);
  gap: clamp(48px, 7vw, 112px);
}

.zm-article-summary {
  position: sticky;
  top: 116px;
  align-self: start;
  padding: 26px 0 0 24px;
  border-left: 4px solid #2379cf;
}

.zm-article-summary > span,
.zm-article-body section > span {
  color: #176b9d;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-article-summary strong {
  display: block;
  margin-top: 10px;
  color: #0d2734;
  font-size: 25px;
  line-height: 1.16;
}

.zm-article-summary p {
  margin: 16px 0 0;
  color: #5a707a;
  line-height: 1.62;
}

.zm-article-body section {
  padding: 0 0 38px;
  border-bottom: 1px solid #dce5e8;
}

.zm-article-body section + section {
  padding-top: 38px;
}

.zm-article-body h2 {
  margin: 10px 0 14px;
  color: #0d2734;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
}

.zm-article-body p {
  margin: 0;
  color: #405a65;
  font-size: 18px;
  line-height: 1.72;
}

.zm-article-checklist {
  border-top: 1px solid #d8e2e6;
  background: #edf3f5;
}

.zm-article-checklist ol {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.zm-article-checklist li {
  display: grid;
  min-height: 190px;
  padding: 24px;
  border: 1px solid #d4e0e5;
  border-radius: 22px;
  background: #ffffff;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
}

.zm-article-checklist li > span {
  display: grid;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #ffffff;
  background: #2379cf;
  font-size: 13px;
  font-weight: 850;
  place-items: center;
}

.zm-article-checklist li:nth-child(2) > span {
  background: #e75122;
}

.zm-article-checklist h3 {
  margin: 6px 0 10px;
  color: #0d2734;
  font-size: 21px;
  line-height: 1.12;
}

.zm-article-checklist li p {
  margin: 0;
  color: #5a707a;
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 960px) {
  .zm-blog-grid,
  .zm-article-checklist ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-blog-card:last-child,
  .zm-article-checklist li:last-child {
    grid-column: 1 / -1;
  }

  .zm-article-layout {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .zm-article-summary {
    position: static;
    max-width: 760px;
  }
}

@media (max-width: 960px) {
  .zm-video-placeholder-track {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .zm-video-placeholder-track::-webkit-scrollbar {
    display: none;
  }

  .zm-video-placeholder-card {
    flex: 0 0 min(72vw, 430px);
    scroll-snap-align: start;
  }
}

@media (max-width: 680px) {
  .zm-video-placeholder {
    padding: 30px 0 48px;
  }

  .zm-video-placeholder .zm-container {
    padding-right: 0;
  }

  .zm-video-placeholder-track {
    gap: 12px;
    padding-right: 18px;
    scroll-padding-inline: 18px;
  }

  .zm-video-placeholder-card {
    flex-basis: min(84vw, 360px);
    border-radius: 18px;
  }

  .zm-video-placeholder-mark {
    width: 58px;
    height: 58px;
    box-shadow:
      0 12px 26px rgba(81, 24, 9, 0.28),
      0 0 0 6px rgba(255, 255, 255, 0.18),
      0 0 0 7px rgba(255, 255, 255, 0.48);
  }

  .zm-video-placeholder-mark svg {
    width: 23px;
    height: 23px;
  }

  .zm-blog-hero,
  .zm-article-hero {
    min-height: 590px;
  }

  .zm-blog-hero-inner,
  .zm-article-hero-inner {
    padding-top: 132px;
    padding-bottom: 48px;
  }

  .zm-blog-hero-inner .zm-breadcrumbs,
  .zm-article-hero-inner .zm-breadcrumbs {
    top: 106px;
    left: var(--zm-container-gutter);
  }

  .zm-blog-hero h1,
  .zm-article-hero h1 {
    margin-top: 10px;
    font-size: 42px;
  }

  .zm-blog-hero-inner > p:not(.zm-kicker),
  .zm-article-hero-inner > p:not(.zm-kicker) {
    font-size: 16px;
  }

  .zm-blog-hero-note,
  .zm-article-meta {
    align-items: flex-start;
    border-radius: 16px;
    font-size: 12px;
  }

  .zm-blog-grid,
  .zm-article-checklist ol {
    grid-template-columns: 1fr;
  }

  .zm-blog-card:last-child,
  .zm-article-checklist li:last-child {
    grid-column: auto;
  }

  .zm-blog-card {
    border-radius: 20px;
  }

  .zm-blog-card-body {
    min-height: 0;
    padding: 20px;
  }

  .zm-blog-card-body > strong {
    font-size: 23px;
  }

  .zm-blog-card-link {
    margin-top: 22px;
    padding-top: 0;
  }

  .zm-blog-cta-inner {
    align-items: start;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .zm-blog-cta-inner h2 {
    font-size: 38px;
  }

  .zm-blog-cta-inner .zm-button {
    width: 100%;
  }

  .zm-article-layout {
    padding-top: 56px;
    padding-bottom: 56px;
    gap: 42px;
  }

  .zm-article-summary {
    padding: 22px 0 0 18px;
  }

  .zm-article-body h2 {
    font-size: 31px;
  }

  .zm-article-body p {
    font-size: 16px;
    line-height: 1.68;
  }

  .zm-article-checklist li {
    min-height: 0;
    border-radius: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-blog-card,
  .zm-blog-card-media img {
    transition: none;
  }
}

/* Homepage completion pass: two phone lines, editorial content and media channels. */
.zm-header-phones {
  display: inline-flex;
  overflow: hidden;
  align-items: stretch;
  border: 1px solid #cbdbe2;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(30, 56, 69, 0.09);
}

.zm-shell .zm-header .zm-header-phones .zm-header-phone {
  min-height: 52px;
  gap: 9px;
  padding: 7px 13px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.zm-shell .zm-header .zm-header-phone--city {
  background: linear-gradient(135deg, rgba(35, 121, 207, 0.08), rgba(255, 255, 255, 0) 68%);
}

.zm-shell .zm-header .zm-header-phone--city svg {
  width: 20px;
  height: 20px;
}

.zm-shell .zm-header .zm-header-phone--tollfree {
  border-left: 1px solid #d9e3e7;
  background: linear-gradient(135deg, rgba(231, 81, 34, 0.08), rgba(255, 255, 255, 0) 68%);
}

.zm-header-phones .zm-header-phone-copy small {
  color: #5c747f;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: uppercase;
}

.zm-header-phones .zm-header-phone-copy strong {
  color: var(--zm-ink);
  font-size: 13px;
  line-height: 1.1;
  font-weight: 790;
}

.zm-header-phones .zm-header-phone--city:hover,
.zm-header-phones .zm-header-phone--city:focus-visible {
  color: #176b9d;
  background: #edf7fd;
  box-shadow: inset 0 -3px 0 rgba(35, 121, 207, 0.34);
}

.zm-header-phones .zm-header-phone--tollfree:hover,
.zm-header-phones .zm-header-phone--tollfree:focus-visible {
  color: var(--zm-orange-dark);
  background: #fff3ee;
  box-shadow: inset 0 -3px 0 rgba(231, 81, 34, 0.32);
}

@media (prefers-reduced-motion: reduce) {
  .zm-header-phones .zm-header-phone {
    transition: none;
  }
}

.zm-nav-phones {
  display: none;
}

.zm-footer-phone-stack {
  display: grid;
  gap: 12px;
}

.zm-footer-phone-stack + a {
  padding-top: 13px;
  border-top: 1px solid #d6e0e4;
}

.zm-footer-contacts {
  grid-template-columns: minmax(210px, 0.7fr) minmax(330px, 1.1fr) minmax(585px, auto);
  gap: clamp(24px, 3vw, 46px);
}

.zm-footer-messengers {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 22px;
}

.zm-footer-channel-group {
  display: grid;
  min-width: 0;
  gap: 11px;
}

.zm-footer-channel-group + .zm-footer-channel-group {
  padding-left: 22px;
  border-left: 1px solid #d8e2e6;
}

.zm-footer-channel-group > span {
  color: #566d77;
  font-size: 11px;
  line-height: 1;
  font-weight: 760;
  text-transform: uppercase;
}

.zm-footer .zm-messenger-buttons {
  gap: 8px;
}

.zm-footer .zm-messenger-buttons > .zm-channel.is-compact,
.zm-footer .zm-channel.is-max.is-disabled {
  display: grid;
  width: 52px;
  height: 52px;
  min-height: 52px;
  padding: 4px;
  border: 1px solid #d5e0e4;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 7px 18px rgba(41, 66, 77, 0.09);
  cursor: default;
}

.zm-footer .zm-messenger-buttons > a.zm-channel.is-compact {
  cursor: pointer;
}

.zm-footer .zm-channel.is-disabled .zm-channel-mark {
  opacity: 1;
}

.zm-media-channels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.zm-media-channel {
  display: grid;
  width: 52px;
  height: 52px;
  min-height: 52px;
  padding: 7px;
  border: 1px solid #d5e0e4;
  border-radius: 50%;
  color: var(--zm-ink);
  background: #ffffff;
  box-shadow: 0 7px 18px rgba(41, 66, 77, 0.09);
  font-family: inherit;
  place-items: center;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

a.zm-media-channel:hover,
a.zm-media-channel:focus-visible {
  border-color: rgba(231, 81, 34, 0.42);
  box-shadow: 0 13px 26px rgba(24, 52, 66, 0.15);
  transform: translateY(-2px);
}

.zm-media-channel.is-disabled {
  opacity: 1;
  cursor: default;
}

.zm-media-channel img {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.zm-media-channel.is-youtube {
  background: #fff4f4;
}

.zm-media-channel.is-dzen {
  background: #f2f3f3;
}

.zm-media-channel.is-vc {
  background: #fff0f3;
}

.zm-media-channel.is-rutube {
  background: #f2f1ff;
}

.zm-media-channel.is-vk {
  background: #eff6ff;
}

.zm-media-channel.is-tiktok {
  background: #f5f5f5;
}

@media (max-width: 1260px) {
  .zm-footer-contacts {
    grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr);
    align-items: start;
  }

  .zm-footer-messengers {
    grid-column: 1 / -1;
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .zm-footer-contacts {
    grid-template-columns: minmax(0, 1fr);
  }

  .zm-footer-messengers {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
  }

  .zm-footer-channel-group + .zm-footer-channel-group {
    padding-top: 18px;
    padding-left: 0;
    border-top: 1px solid #d8e2e6;
    border-left: 0;
  }
}

.zm-video-placeholder {
  padding-top: 68px;
  scroll-margin-top: 84px;
}

.zm-video-placeholder-heading {
  display: grid;
  margin-bottom: 32px;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
  align-items: end;
  gap: 34px;
}

.zm-video-placeholder-heading h2 {
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(40px, 4.4vw, 62px);
  line-height: 0.98;
  letter-spacing: 0;
}

.zm-video-placeholder-heading h2 span {
  color: #2379cf;
}

.zm-video-placeholder-heading p {
  max-width: 530px;
  margin: 0;
  padding: 4px 0 4px 20px;
  border-left: 3px solid #e75122;
  color: #526c77;
  font-size: 16px;
  line-height: 1.58;
}

.zm-home-journal {
  overflow: hidden;
  border-top: 1px solid #d7e2e6;
  background: linear-gradient(180deg, #f7f9fa 0%, #eef4f6 100%);
  scroll-margin-top: 84px;
}

.zm-home-journal-heading {
  display: grid;
  margin-bottom: 34px;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, 0.72fr);
  align-items: end;
  gap: 36px;
}

.zm-home-journal-heading h2 {
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(42px, 5vw, 66px);
  line-height: 0.98;
  letter-spacing: 0;
}

.zm-home-journal-heading h2 span {
  color: #2379cf;
}

.zm-home-journal-heading > div:last-child {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 18px;
}

.zm-home-journal-heading p {
  max-width: 560px;
  margin: 0;
  color: #526c77;
  font-size: 16px;
  line-height: 1.58;
}

.zm-home-journal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.zm-home-journal-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d3e0e5;
  border-radius: 24px;
  color: var(--zm-ink);
  background: #ffffff;
  box-shadow: 0 15px 34px rgba(24, 52, 66, 0.08);
  flex-direction: column;
  text-decoration: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-home-journal-card:hover,
.zm-home-journal-card:focus-visible {
  border-color: rgba(35, 121, 207, 0.42);
  box-shadow: 0 22px 46px rgba(24, 52, 66, 0.13);
  transform: translateY(-4px);
}

.zm-home-journal-media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
  background: #dfe9ed;
}

.zm-home-journal-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.03);
  transition: transform 360ms ease;
}

.zm-home-journal-card:hover .zm-home-journal-media img,
.zm-home-journal-card:focus-visible .zm-home-journal-media img {
  transform: scale(1.025);
}

.zm-home-journal-copy {
  display: flex;
  flex: 1;
  padding: 23px 23px 22px;
  flex-direction: column;
}

.zm-home-journal-copy h3 {
  margin: 0;
  color: var(--zm-ink);
  font-size: clamp(21px, 1.75vw, 27px);
  line-height: 1.08;
}

.zm-home-journal-copy p {
  margin: 14px 0 22px;
  color: #5a707a;
  font-size: 14px;
  line-height: 1.55;
}

.zm-home-journal-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  color: #176b9d;
  font-size: 13px;
  font-weight: 760;
}

.zm-home-journal-copy > span svg {
  width: 16px;
  height: 16px;
  transition: transform 180ms ease;
}

.zm-home-journal-card:hover .zm-home-journal-copy > span svg,
.zm-home-journal-card:focus-visible .zm-home-journal-copy > span svg {
  transform: translateX(4px);
}

@media (max-width: 1260px) {
  .zm-shell .zm-header .header-actions {
    gap: 10px;
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone {
    padding-inline: 10px;
  }

  .zm-header-phones .zm-header-phone-copy strong {
    font-size: 11.5px;
  }
}

@media (max-width: 1120px) {
  .zm-header-phones {
    display: grid;
    overflow: hidden;
    width: 166px;
    border: 1px solid #d4e0e5;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 6px 16px rgba(30, 56, 69, 0.08);
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone--city,
  .zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree {
    display: flex;
    width: 100%;
    min-height: 28px;
    justify-content: flex-start;
    gap: 7px;
    padding: 3px 8px;
    border: 0;
    border-radius: 0;
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone--city svg {
    width: 14px;
    height: 14px;
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree {
    padding-left: 29px;
    border-top: 1px solid #dbe5e9;
  }

  .zm-header-phones .zm-header-phone-copy {
    display: grid;
    gap: 0;
  }

  .zm-header-phones .zm-header-phone-copy small {
    font-size: 7px;
  }

  .zm-header-phones .zm-header-phone-copy strong {
    font-size: 10.5px;
  }
}

@media (max-width: 960px) {
  .zm-video-placeholder,
  .zm-home-journal {
    scroll-margin-top: 72px;
  }

  .zm-header-phones {
    display: inline-flex;
    overflow: visible;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone--city {
    width: 44px;
    min-height: 44px;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--zm-line);
    border-radius: 12px;
    background: #ffffff;
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone--city svg {
    width: 18px;
    height: 18px;
  }

  .zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree {
    display: none;
  }

  .zm-header-phones .zm-header-phone-copy {
    display: none;
  }

  .zm-nav-phones {
    display: grid;
    margin-top: 10px;
    border-top: 1px solid var(--zm-line);
  }

  .zm-shell .zm-nav .zm-nav-phones .zm-nav-phone {
    margin: 0;
    border-top: 0;
    border-bottom: 1px solid var(--zm-line);
  }

  .zm-video-placeholder-heading,
  .zm-home-journal-heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 22px;
  }

  .zm-video-placeholder-heading p {
    max-width: 680px;
  }

  .zm-home-journal-grid {
    display: flex;
    overflow-x: auto;
    padding-bottom: 6px;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .zm-home-journal-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-home-journal-card {
    flex: 0 0 min(72vw, 430px);
    scroll-snap-align: start;
  }
}

@media (max-width: 680px) {
  .zm-video-placeholder {
    padding-top: 48px;
  }

  .zm-video-placeholder-heading {
    padding-right: 18px;
    margin-bottom: 24px;
  }

  .zm-video-placeholder-heading h2,
  .zm-home-journal-heading h2 {
    font-size: 34px;
    line-height: 1.03;
  }

  .zm-home-journal-heading h2 span {
    display: block;
    max-width: 100%;
  }

  .zm-video-placeholder-heading p,
  .zm-home-journal-heading p {
    font-size: 14px;
  }

  .zm-home-journal {
    padding-block: 60px;
  }

  .zm-home-journal-heading {
    margin-bottom: 26px;
  }

  .zm-home-journal-card {
    flex-basis: min(84vw, 360px);
    border-radius: 20px;
  }

  .zm-home-journal-copy {
    padding: 20px;
  }

  .zm-footer-messengers {
    gap: 22px;
  }

  .zm-footer .zm-messenger-buttons > .zm-channel.is-compact {
    width: 48px;
    height: 48px;
    min-height: 48px;
  }

  .zm-media-channel {
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 5px;
  }

  .zm-media-channel img {
    width: 32px;
    height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-media-channel,
  .zm-home-journal-card,
  .zm-home-journal-media img,
  .zm-home-journal-copy > span svg {
    transition: none;
  }
}

/* Home journal: selected editorial cascade */
.zm-home-journal {
  padding-block: 56px 76px;
  background: #f4f8fa;
}

.zm-home-journal-heading {
  margin-bottom: 38px;
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: end;
  gap: 52px;
}

.zm-home-journal-heading h2 {
  font-size: clamp(44px, 3.65vw, 52px);
  line-height: 1.01;
}

.zm-home-journal-heading > div:last-child {
  padding-bottom: 5px;
  gap: 19px;
}

.zm-home-journal-heading p {
  max-width: 470px;
  font-size: 16px;
  line-height: 1.5;
}

.zm-home-journal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.zm-home-journal-card {
  display: grid;
  min-height: 276px;
  border-color: #d8e4e9;
  border-radius: 22px;
  grid-template-columns: minmax(250px, 1.05fr) minmax(0, 0.95fr);
  box-shadow: 0 12px 30px rgba(27, 55, 68, 0.065);
}

.zm-home-journal-card.is-featured {
  height: 362px;
  min-height: 362px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 3fr) minmax(360px, 2fr);
}

.zm-home-journal-media {
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
}

.zm-home-journal-card:not(.is-featured) .zm-home-journal-media {
  border-radius: 21px 0 0 21px;
}

.zm-home-journal-card.is-featured .zm-home-journal-media {
  border-radius: 21px 0 0 21px;
}

.zm-home-journal-media img {
  filter: saturate(0.92) contrast(1.02);
}

.zm-home-journal-copy {
  padding: 30px 30px 28px;
  justify-content: center;
}

.zm-home-journal-card.is-featured .zm-home-journal-copy {
  padding: 46px 50px 42px;
}

.zm-home-journal-copy h3 {
  font-size: clamp(21px, 1.8vw, 27px);
  line-height: 1.1;
}

.zm-home-journal-card.is-featured .zm-home-journal-copy h3 {
  font-size: clamp(27px, 2.35vw, 36px);
  line-height: 1.08;
}

.zm-home-journal-copy p {
  margin: 13px 0 0;
  font-size: 15px;
  line-height: 1.55;
}

.zm-home-journal-copy .zm-home-journal-detail {
  margin: 13px 0 18px;
  padding-top: 11px;
  border-top: 1px solid #e0e9ed;
  color: #526c77;
  font-size: 13px;
  line-height: 1.4;
}

.zm-home-journal-detail strong {
  color: #e75122;
  font-weight: 760;
}

.zm-home-journal-copy > span {
  margin-top: auto;
  color: #1474c8;
  font-size: 14px;
}

.zm-page-journal-next {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.8fr) auto;
  align-items: center;
  gap: 36px;
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid #cedce2;
}

.zm-page-journal-next > div {
  display: grid;
  gap: 5px;
}

.zm-page-journal-next span {
  color: #1474c8;
  font-size: 13px;
  font-weight: 800;
}

.zm-page-journal-next strong {
  max-width: 630px;
  color: #172b35;
  font-size: clamp(20px, 1.9vw, 27px);
  line-height: 1.14;
}

.zm-page-journal-next p {
  margin: 0;
  color: #5f7079;
  font-size: 14px;
  line-height: 1.5;
}

.zm-page-journal-next .zm-text-link {
  justify-self: end;
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .zm-home-journal-card {
    min-height: 250px;
    grid-template-columns: minmax(210px, 0.95fr) minmax(0, 1.05fr);
  }

  .zm-home-journal-card.is-featured {
    height: 330px;
    min-height: 330px;
    grid-template-columns: minmax(0, 1.5fr) minmax(330px, 1fr);
  }

  .zm-home-journal-copy {
    padding: 25px 24px 24px;
  }

  .zm-home-journal-card.is-featured .zm-home-journal-copy {
    padding: 38px;
  }
}

@media (max-width: 960px) {
  .zm-home-journal-heading {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .zm-home-journal-heading > div:last-child {
    padding-bottom: 0;
  }

  .zm-home-journal-grid {
    display: flex;
    gap: 16px;
  }

  .zm-home-journal-card,
  .zm-home-journal-card.is-featured {
    display: flex;
    height: auto;
    min-height: 0;
    grid-template-columns: none;
    flex: 0 0 min(76vw, 430px);
    flex-direction: column;
  }

  .zm-home-journal-card .zm-home-journal-media,
  .zm-home-journal-card.is-featured .zm-home-journal-media {
    height: auto;
    border-radius: 21px 21px 0 0;
    aspect-ratio: 16 / 9;
  }

  .zm-home-journal-copy,
  .zm-home-journal-card.is-featured .zm-home-journal-copy {
    justify-content: flex-start;
    padding: 24px;
  }

  .zm-home-journal-card.is-featured .zm-home-journal-copy h3 {
    font-size: clamp(23px, 3vw, 29px);
  }

  .zm-page-journal-next {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px 26px;
  }

  .zm-page-journal-next p {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: 620px;
  }
}

@media (max-width: 680px) {
  .zm-home-journal {
    padding-block: 52px 60px;
  }

  .zm-home-journal-heading h2 {
    font-size: 38px;
  }

  .zm-home-journal-card,
  .zm-home-journal-card.is-featured {
    flex-basis: min(86vw, 360px);
    border-radius: 20px;
  }

  .zm-home-journal-card .zm-home-journal-media,
  .zm-home-journal-card.is-featured .zm-home-journal-media {
    border-radius: 19px 19px 0 0;
  }

  .zm-home-journal-copy,
  .zm-home-journal-card.is-featured .zm-home-journal-copy {
    padding: 21px;
  }

  .zm-page-journal-next {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 24px;
    padding-top: 24px;
  }

  .zm-page-journal-next p,
  .zm-page-journal-next .zm-text-link {
    grid-column: auto;
    grid-row: auto;
  }

  .zm-page-journal-next .zm-text-link {
    justify-self: start;
  }
}

/* SEO service page: clear route from search demand to business result. */
.zm-service-hero--seo,
.zm-service-hero--seo .zm-service-hero-inner {
  min-height: 760px;
}

.zm-service-hero--seo .zm-actions {
  margin-bottom: 0;
}

.zm-service-signal--seo {
  gap: 14px;
  margin-top: 48px;
  padding: 0 0 28px;
  border: 0;
  background: transparent;
  backdrop-filter: none;
}

.zm-service-signal--seo > article {
  display: grid;
  min-width: 0;
  min-height: 126px;
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  padding: 10px;
  border: 1px solid rgba(178, 194, 203, 0.72);
  border-radius: var(--zm-card-radius);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 36px rgba(40, 64, 76, 0.11);
}

.zm-service-signal--seo img {
  display: block;
  width: 104px;
  height: 104px;
  border-radius: var(--zm-media-radius);
  object-fit: cover;
}

.zm-service-signal--seo article > div {
  min-width: 0;
  padding-right: 8px;
}

.zm-service-signal--seo span {
  display: block;
  margin-bottom: 7px;
  color: #176b9d;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.2;
  text-transform: uppercase;
}

.zm-service-signal--seo strong {
  display: block;
  color: var(--zm-ink);
  font-size: 17px;
  line-height: 1.18;
}

.zm-service-signal--seo small {
  display: block;
  margin-top: 7px;
  color: var(--zm-muted);
  font-size: 12px;
  line-height: 1.35;
}

.zm-service-situations--seo {
  overflow: hidden;
  border-top: 1px solid #d9e4e8;
  background: linear-gradient(180deg, #f8fafb 0%, #edf4f7 100%);
}

.zm-seo-journey-heading {
  align-items: end;
  margin-bottom: 36px;
}

.zm-seo-journey-heading h2 span {
  color: #2374c6;
}

.zm-seo-journey-heading > p {
  max-width: 520px;
}

.zm-seo-journey-grid {
  gap: 18px;
}

.zm-feature-grid .zm-seo-journey-card {
  position: relative;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid #d1dfe4;
  border-radius: 24px;
  background: #fff;
  box-shadow:
    0 22px 48px rgba(28, 59, 73, 0.09),
    0 5px 14px rgba(28, 59, 73, 0.045);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-seo-journey-media {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #dce6ea;
  aspect-ratio: 4 / 3;
  background: #eaf2f6;
}

.zm-seo-journey-media::after {
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(180deg, rgba(12, 34, 48, 0) 0%, rgba(12, 34, 48, 0.24) 100%);
  content: "";
  pointer-events: none;
}

.zm-seo-journey-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.93) contrast(1.025);
  transition: transform 420ms ease;
}

.zm-seo-journey-media figcaption {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  left: 16px;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #153f59;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: 0 8px 20px rgba(15, 45, 63, 0.13);
  font-size: 11px;
  font-weight: 740;
  line-height: 1;
  backdrop-filter: blur(8px);
}

.zm-seo-journey-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 24px 22px;
}

.zm-feature-grid .zm-seo-journey-copy h3 {
  margin: 0 0 12px;
  font-size: clamp(22px, 1.8vw, 27px);
  line-height: 1.08;
}

.zm-feature-grid .zm-seo-journey-copy p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.zm-seo-journey-copy > strong {
  position: relative;
  padding: 16px 0 0 19px;
  margin-top: auto;
  color: #1e5f88;
  font-size: 12px;
  font-weight: 740;
  line-height: 1.35;
}

.zm-seo-journey-copy > strong::before {
  position: absolute;
  top: 21px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ed5b35;
  box-shadow: 0 0 0 5px rgba(237, 91, 53, 0.1);
  content: "";
}

.zm-seo-journey-action {
  display: grid;
  overflow: hidden;
  grid-template-columns: minmax(330px, 0.78fr) minmax(0, 1.22fr);
  gap: 0;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #cbdce3;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow:
    0 22px 48px rgba(28, 59, 73, 0.09),
    0 5px 14px rgba(28, 59, 73, 0.045);
}

.zm-seo-action-media {
  position: relative;
  min-height: 326px;
  overflow: hidden;
  margin: 0;
  border-radius: 17px;
  background: #e7f0f4;
}

.zm-seo-action-media::after {
  position: absolute;
  inset: 48% 0 0;
  background: linear-gradient(180deg, rgba(12, 34, 48, 0) 0%, rgba(12, 34, 48, 0.25) 100%);
  content: "";
  pointer-events: none;
}

.zm-seo-action-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.94) contrast(1.02);
}

.zm-seo-action-media figcaption {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  left: 16px;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #153f59;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 20px rgba(15, 45, 63, 0.13);
  font-size: 11px;
  font-weight: 740;
  line-height: 1;
  backdrop-filter: blur(8px);
}

.zm-seo-action-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 28px 30px 28px 34px;
}

.zm-seo-action-copy {
  display: grid;
  gap: 9px;
}

.zm-seo-action-copy > strong {
  color: var(--zm-ink);
  font-size: clamp(24px, 2.1vw, 31px);
  line-height: 1.08;
}

.zm-seo-action-copy > span {
  max-width: 700px;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.55;
}

.zm-seo-action-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0;
  margin: 22px 0;
  list-style: none;
}

.zm-seo-action-points li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 2px 16px;
  border-left: 1px solid #d7e3e8;
}

.zm-seo-action-points li:first-child {
  padding-left: 0;
  border-left: 0;
}

.zm-seo-action-points svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: #2374c6;
}

.zm-seo-action-points li:nth-child(3) svg {
  color: #e75731;
}

.zm-seo-action-points li > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.zm-seo-action-points strong {
  color: var(--zm-ink);
  font-size: 13px;
  line-height: 1.2;
}

.zm-seo-action-points small {
  color: var(--zm-muted);
  font-size: 11px;
  line-height: 1.3;
}

.zm-seo-action-controls {
  display: flex;
  align-items: center;
  gap: 18px;
}

.zm-seo-action-controls > small {
  max-width: 265px;
  color: #466574;
  font-size: 11px;
  line-height: 1.4;
}

.zm-seo-journey-action .zm-button {
  min-width: 238px;
  flex: 0 0 auto;
  justify-content: center;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .zm-feature-grid .zm-seo-journey-card:hover {
    border-color: #b9cdd6;
    box-shadow:
      0 28px 58px rgba(28, 59, 73, 0.13),
      0 7px 18px rgba(28, 59, 73, 0.06);
    transform: translateY(-4px);
  }

  .zm-seo-journey-card:hover .zm-seo-journey-media img {
    transform: scale(1.025);
  }
}

.zm-service-scope--seo .zm-scope-layout {
  grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr);
  gap: 6%;
}

.zm-service-scope--seo .zm-scope-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  border: 0;
}

.zm-service-scope--seo .zm-scope-list article {
  min-height: 162px;
  padding: 22px;
  border: 1px solid #d3dfe4;
  border-radius: var(--zm-card-radius);
  background: #fff;
  box-shadow: 0 12px 28px rgba(33, 64, 80, 0.055);
}

.zm-service-scope--seo .zm-scope-list h3 {
  font-size: 20px;
}

@media (max-width: 960px) {
  .zm-service-hero--seo,
  .zm-service-hero--seo .zm-service-hero-inner {
    min-height: 800px;
  }

  .zm-service-signal--seo {
    gap: 10px;
  }

  .zm-service-signal--seo > article {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .zm-service-signal--seo img {
    width: 82px;
    height: 92px;
  }

  .zm-service-signal--seo strong {
    font-size: 15px;
  }

  .zm-service-scope--seo .zm-scope-layout {
    grid-template-columns: 1fr;
  }

  .zm-seo-journey-action {
    grid-template-columns: minmax(250px, 0.78fr) minmax(0, 1.22fr);
  }

  .zm-seo-action-content {
    padding: 24px;
  }

  .zm-seo-action-points {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-block: 18px;
  }

  .zm-seo-action-points li,
  .zm-seo-action-points li:first-child {
    padding: 0;
    border: 0;
  }

  .zm-seo-action-controls {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 880px) {
  .zm-seo-journey-heading {
    align-items: start;
    margin-bottom: 28px;
  }

  .zm-seo-journey-grid {
    display: grid;
    grid-auto-columns: min(78vw, 380px);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 14px;
    padding: 4px 2px 18px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .zm-seo-journey-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-feature-grid .zm-seo-journey-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 680px) {
  .zm-service-hero--seo,
  .zm-service-hero--seo .zm-service-hero-inner {
    min-height: 0;
  }

  .zm-service-hero--seo .zm-service-hero-inner {
    padding-bottom: 24px;
  }

  .zm-service-signal--seo {
    display: flex;
    gap: 12px;
    margin-top: 38px;
    margin-right: -20px;
    padding: 0 20px 8px 0;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .zm-service-signal--seo::-webkit-scrollbar {
    display: none;
  }

  .zm-service-signal--seo > article {
    min-height: 116px;
    grid-template-columns: 86px minmax(0, 1fr);
    flex: 0 0 min(84vw, 326px);
    scroll-snap-align: start;
  }

  .zm-service-signal--seo img {
    width: 86px;
    height: 96px;
  }

  .zm-service-scope--seo .zm-scope-list {
    grid-template-columns: 1fr;
  }

  .zm-service-scope--seo .zm-scope-list article {
    min-height: 0;
  }

  .zm-service-situations--seo {
    padding-block: 54px 60px;
  }

  .zm-seo-journey-heading h2 {
    font-size: 38px;
  }

  .zm-seo-journey-grid {
    grid-auto-columns: min(84vw, 350px);
  }

  .zm-feature-grid .zm-seo-journey-card {
    border-radius: 22px;
  }

  .zm-seo-journey-copy {
    padding: 22px 20px 21px;
  }

  .zm-seo-journey-action {
    grid-template-columns: 1fr;
    padding: 9px;
    border-radius: 22px;
  }

  .zm-seo-action-media {
    min-height: 0;
    border-radius: 14px;
    aspect-ratio: 16 / 9;
  }

  .zm-seo-action-content {
    padding: 22px 12px 17px;
  }

  .zm-seo-action-copy > strong {
    font-size: 24px;
  }

  .zm-seo-action-controls > small {
    max-width: none;
  }

  .zm-seo-journey-action .zm-button {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-seo-journey-card,
  .zm-seo-journey-media img {
    transition: none;
  }
}

/* SEO process: a visible route from research to measurable demand. */
.zm-service-process--seo {
  overflow: hidden;
  border-block: 1px solid #d4e0e5;
  background: #f2f6f8;
}

.zm-seo-process-heading {
  align-items: end;
  margin-bottom: 36px;
}

.zm-seo-process-heading h2 span {
  color: #2374c6;
}

.zm-seo-process-heading > p {
  max-width: 550px;
}

.zm-seo-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.zm-seo-process-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #d0dde3;
  border-radius: 24px;
  background: #fff;
  box-shadow:
    0 20px 44px rgba(29, 59, 72, 0.085),
    0 4px 12px rgba(29, 59, 72, 0.04);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-seo-process-media {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #dce6ea;
  aspect-ratio: 4 / 3;
  background: #e7eff3;
}

.zm-seo-process-media::after {
  position: absolute;
  inset: 46% 0 0;
  background: linear-gradient(180deg, rgba(10, 32, 45, 0) 0%, rgba(10, 32, 45, 0.28) 100%);
  content: "";
  pointer-events: none;
}

.zm-seo-process-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.94) contrast(1.025);
  transition: transform 420ms ease;
}

.zm-seo-process-media figcaption {
  position: absolute;
  z-index: 2;
  bottom: 14px;
  left: 14px;
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: #153f59;
  background: rgba(255, 255, 255, 0.91);
  box-shadow: 0 8px 20px rgba(15, 45, 63, 0.13);
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
  backdrop-filter: blur(8px);
}

.zm-seo-process-copy {
  display: flex;
  min-height: 230px;
  flex: 1;
  flex-direction: column;
  padding: 20px 18px 19px;
}

.zm-seo-process-copy h3 {
  min-height: 48px;
  margin: 0 0 10px;
  color: var(--zm-ink);
  font-size: clamp(19px, 1.55vw, 22px);
  font-weight: 720;
  line-height: 1.12;
}

.zm-seo-process-copy p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.52;
}

.zm-seo-process-copy > strong {
  position: relative;
  padding: 16px 0 0 18px;
  margin-top: auto;
  color: #1e5f88;
  font-size: 11px;
  font-weight: 760;
  line-height: 1.35;
}

.zm-seo-process-copy > strong::before {
  position: absolute;
  top: 21px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ed5b35;
  box-shadow: 0 0 0 5px rgba(237, 91, 53, 0.1);
  content: "";
}

.zm-seo-process-cta {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 36px;
  padding: 26px 28px 26px 32px;
  margin-top: 20px;
  border: 1px solid #cbdce3;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow:
    0 20px 44px rgba(29, 59, 72, 0.075),
    0 4px 12px rgba(29, 59, 72, 0.035);
}

.zm-seo-process-cta::before {
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 0;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #2374c6 0 54%, #ed5b35 54% 100%);
  content: "";
}

.zm-seo-process-cta > div:first-child {
  display: grid;
  max-width: 690px;
  gap: 7px;
}

.zm-seo-process-cta strong {
  color: var(--zm-ink);
  font-size: clamp(20px, 1.8vw, 25px);
  line-height: 1.15;
}

.zm-seo-process-cta p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.5;
}

.zm-seo-process-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

.zm-seo-process-actions .zm-button {
  min-width: 234px;
  justify-content: center;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .zm-seo-process-card:hover {
    border-color: #b8cdd6;
    box-shadow:
      0 27px 56px rgba(29, 59, 72, 0.125),
      0 6px 16px rgba(29, 59, 72, 0.05);
    transform: translateY(-4px);
  }

  .zm-seo-process-card:hover .zm-seo-process-media img {
    transform: scale(1.025);
  }
}

@media (max-width: 1199px) {
  .zm-seo-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-seo-process-copy {
    min-height: 205px;
  }

  .zm-seo-process-cta {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .zm-seo-process-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 880px) {
  .zm-seo-process-heading {
    align-items: start;
    margin-bottom: 28px;
  }
}

@media (max-width: 680px) {
  .zm-service-process--seo {
    padding-block: 54px 60px;
  }

  .zm-seo-process-heading h2 {
    font-size: 38px;
  }

  .zm-seo-process-grid {
    display: grid;
    grid-auto-columns: min(84vw, 350px);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 14px;
    padding: 4px 20px 18px 0;
    margin-right: -20px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .zm-seo-process-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-seo-process-card {
    border-radius: 22px;
    scroll-snap-align: start;
  }

  .zm-seo-process-copy {
    min-height: 230px;
    padding: 20px;
  }

  .zm-seo-process-copy h3 {
    min-height: 0;
    font-size: 23px;
  }

  .zm-seo-process-cta {
    gap: 22px;
    padding: 24px 20px 22px 24px;
    border-radius: 22px;
  }

  .zm-seo-process-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .zm-seo-process-actions .zm-button {
    width: 100%;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-seo-process-card,
  .zm-seo-process-media img {
    transition: none;
  }
}

/* SEO scope: six capabilities presented as one connected growth system. */
.zm-service-scope--seo {
  overflow: hidden;
  border-bottom: 1px solid #d9e3e7;
  background: #fff;
}

.zm-seo-scope-heading {
  align-items: center;
  margin-bottom: 28px;
}

.zm-seo-scope-heading h2 span {
  color: #2374c6;
}

.zm-seo-scope-summary {
  width: min(100%, 570px);
}

.zm-seo-scope-summary > p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 14px;
  line-height: 1.55;
}

.zm-seo-scope-summary ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  padding: 0;
  margin: 18px 0 0;
  list-style: none;
}

.zm-seo-scope-summary ol::before {
  position: absolute;
  top: 6px;
  right: 10%;
  left: 10%;
  height: 1px;
  background: linear-gradient(90deg, #2374c6 0%, #81afda 48%, #ed5b35 100%);
  content: "";
}

.zm-seo-scope-summary li {
  position: relative;
  display: grid;
  justify-items: start;
  gap: 8px;
}

.zm-seo-scope-summary li:nth-child(2) {
  justify-items: center;
}

.zm-seo-scope-summary li:last-child {
  justify-items: end;
}

.zm-seo-scope-summary li span {
  z-index: 1;
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #2374c6;
  box-shadow: 0 0 0 1px rgba(35, 116, 198, 0.2), 0 4px 10px rgba(35, 116, 198, 0.2);
}

.zm-seo-scope-summary li:nth-child(2) span {
  background: #568fc7;
}

.zm-seo-scope-summary li:last-child span {
  background: #ed5b35;
  box-shadow: 0 0 0 1px rgba(237, 91, 53, 0.2), 0 4px 10px rgba(237, 91, 53, 0.18);
}

.zm-seo-scope-summary li strong {
  color: #31566e;
  font-size: 10px;
  font-weight: 760;
  line-height: 1;
}

.zm-seo-scope-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.zm-seo-scope-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #d2dfe4;
  border-radius: 22px;
  background: #fff;
  box-shadow:
    0 20px 44px rgba(29, 59, 72, 0.08),
    0 4px 12px rgba(29, 59, 72, 0.035);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.zm-seo-scope-media {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid #dce6ea;
  aspect-ratio: 1.85 / 1;
  background: #e8f0f4;
}

.zm-seo-scope-media::after {
  position: absolute;
  inset: 24% 0 0;
  background: linear-gradient(180deg, rgba(10, 32, 45, 0) 0%, rgba(10, 32, 45, 0.76) 100%);
  content: "";
  pointer-events: none;
}

.zm-seo-scope-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(0.94) contrast(1.025);
  transition: transform 420ms ease;
}

.zm-seo-scope-media h3 {
  position: absolute;
  z-index: 2;
  right: 18px;
  bottom: 16px;
  left: 18px;
  margin: 0;
  color: #fff;
  font-size: clamp(20px, 1.65vw, 23px);
  font-weight: 720;
  line-height: 1.08;
  text-shadow: 0 3px 18px rgba(5, 25, 37, 0.46);
}

.zm-seo-scope-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 18px 15px;
}

.zm-seo-scope-copy p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 12px;
  line-height: 1.48;
}

.zm-seo-scope-copy > strong {
  position: relative;
  padding: 11px 0 0 16px;
  margin-top: 11px;
  border-top: 1px solid #e1eaee;
  color: #1e5f88;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.35;
}

.zm-seo-scope-copy > strong::before {
  position: absolute;
  top: 15px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ed5b35;
  box-shadow: 0 0 0 5px rgba(237, 91, 53, 0.1);
  content: "";
}

.zm-seo-scope-cta {
  position: relative;
  display: grid;
  overflow: hidden;
  width: 100%;
  grid-template-columns: 238px minmax(0, 1fr) auto;
  align-items: center;
  gap: 25px;
  padding: 14px 20px 14px 14px;
  margin: 18px auto 0;
  border: 1px solid #cbdce3;
  border-radius: 24px;
  background: linear-gradient(112deg, #f5fafc 0%, #fff 56%, #fff4ef 100%);
  box-shadow: 0 18px 38px rgba(29, 59, 72, 0.065);
}

.zm-seo-scope-cta-visual {
  position: relative;
  width: 100%;
  height: 108px;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(35, 116, 198, 0.15);
  border-radius: 18px;
  background: #e9f1f5;
  box-shadow: 0 10px 24px rgba(29, 59, 72, 0.11);
}

.zm-seo-scope-cta-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  filter: saturate(0.9) contrast(1.02);
}

.zm-seo-scope-cta-copy {
  display: grid;
  max-width: 760px;
  gap: 5px;
}

.zm-seo-scope-cta-copy small {
  color: #2374c6;
  font-size: 9px;
  font-weight: 780;
  line-height: 1;
  text-transform: uppercase;
}

.zm-seo-scope-cta strong {
  color: var(--zm-ink);
  font-size: clamp(19px, 1.65vw, 23px);
  line-height: 1.15;
}

.zm-seo-scope-cta p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 12px;
  line-height: 1.45;
}

.zm-seo-scope-cta .zm-button {
  min-width: 248px;
  justify-content: center;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .zm-seo-scope-card:hover {
    border-color: #b8cdd6;
    box-shadow:
      0 28px 58px rgba(29, 59, 72, 0.125),
      0 7px 18px rgba(29, 59, 72, 0.05);
    transform: translateY(-4px);
  }

  .zm-seo-scope-card:hover .zm-seo-scope-media img {
    transform: scale(1.025);
  }
}

@media (max-width: 1100px) {
  .zm-seo-scope-cta {
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 18px;
  }

  .zm-seo-scope-cta .zm-button {
    width: max-content;
    grid-column: 2;
  }

  .zm-seo-scope-cta-visual {
    height: 100%;
    min-height: 130px;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 880px) {
  .zm-seo-scope-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-seo-scope-heading {
    align-items: start;
    margin-bottom: 28px;
  }

  .zm-seo-scope-summary {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .zm-service-scope--seo {
    padding-block: 54px 60px;
  }

  .zm-seo-scope-heading h2 {
    font-size: 38px;
  }

  .zm-seo-scope-grid {
    display: grid;
    grid-auto-columns: min(84vw, 350px);
    grid-auto-flow: column;
    grid-template-columns: none;
    gap: 14px;
    padding: 4px 20px 18px 0;
    margin-right: -20px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .zm-seo-scope-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-seo-scope-card {
    border-radius: 22px;
    scroll-snap-align: start;
  }

  .zm-seo-scope-media h3 {
    right: 16px;
    bottom: 15px;
    left: 16px;
    font-size: 22px;
  }

  .zm-seo-scope-copy {
    padding: 17px 16px 16px;
  }

  .zm-seo-scope-cta {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 21px 19px 19px;
    border-radius: 22px;
  }

  .zm-seo-scope-cta-visual {
    width: 100%;
    height: 144px;
    min-height: 0;
    grid-row: auto;
  }

  .zm-seo-scope-cta .zm-button {
    width: 100%;
    min-width: 0;
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zm-seo-scope-card,
  .zm-seo-scope-media img {
    transition: none;
  }
}

/* SEO acceptance: connect every deliverable to a measurable business outcome. */
.zm-service-check--seo {
  overflow: hidden;
  border-top: 1px solid #d5e1e6;
  background:
    radial-gradient(circle at 92% 8%, rgba(237, 91, 53, 0.08), transparent 27%),
    linear-gradient(180deg, #eef5f8 0%, #e8f1f5 100%);
}

.zm-seo-check-heading {
  align-items: center;
  margin-bottom: 30px;
}

.zm-seo-check-heading h2 span {
  color: #2374c6;
}

.zm-seo-check-heading > p {
  max-width: 580px;
  font-size: 15px;
  line-height: 1.6;
}

.zm-seo-check-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.zm-seo-check-grid article {
  display: flex;
  min-width: 0;
  min-height: 286px;
  flex-direction: column;
  padding: 22px 22px 20px;
  border: 1px solid #cbdbe2;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 19px 42px rgba(29, 59, 72, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.zm-seo-check-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.zm-seo-check-card-head > span {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  border: 1px solid rgba(35, 116, 198, 0.16);
  border-radius: 16px;
  color: #2374c6;
  background: #edf6fb;
  box-shadow: 0 9px 20px rgba(35, 116, 198, 0.1);
}

.zm-seo-check-grid article:nth-child(2) .zm-seo-check-card-head > span {
  color: #d9522e;
  border-color: rgba(237, 91, 53, 0.17);
  background: #fff2ed;
  box-shadow: 0 9px 20px rgba(237, 91, 53, 0.09);
}

.zm-seo-check-card-head svg {
  width: 22px;
  height: 22px;
}

.zm-seo-check-card-head i {
  position: relative;
  display: block;
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, #8db7d8 0%, #d7e3e8 100%);
}

.zm-seo-check-card-head i::after {
  position: absolute;
  top: -4px;
  right: 0;
  width: 9px;
  height: 9px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #ed5b35;
  box-shadow: 0 0 0 1px rgba(237, 91, 53, 0.2);
  content: "";
}

.zm-seo-check-grid h3 {
  max-width: 340px;
  margin: 0 0 11px;
  color: var(--zm-ink);
  font-size: clamp(21px, 1.7vw, 25px);
  font-weight: 720;
  line-height: 1.13;
}

.zm-seo-check-grid p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 13px;
  line-height: 1.53;
}

.zm-seo-check-grid article > strong {
  position: relative;
  padding: 13px 0 0 17px;
  margin-top: auto;
  border-top: 1px solid #e0eaee;
  color: #1e5f88;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.4;
}

.zm-seo-check-grid article > strong::before {
  position: absolute;
  top: 18px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ed5b35;
  box-shadow: 0 0 0 5px rgba(237, 91, 53, 0.09);
  content: "";
}

.zm-seo-check-conclusion {
  display: grid;
  grid-template-columns: minmax(320px, 0.95fr) minmax(340px, 1.2fr) auto;
  align-items: center;
  gap: 34px;
  padding-top: 25px;
  margin-top: 26px;
  border-top: 1px solid #c9d9df;
}

.zm-seo-check-conclusion > div {
  display: grid;
  gap: 6px;
}

.zm-seo-check-conclusion small {
  color: #2374c6;
  font-size: 9px;
  font-weight: 780;
  line-height: 1;
  text-transform: uppercase;
}

.zm-seo-check-conclusion strong {
  color: var(--zm-ink);
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.2;
}

.zm-seo-check-conclusion > p {
  margin: 0;
  color: var(--zm-muted);
  font-size: 12px;
  line-height: 1.5;
}

.zm-seo-check-conclusion .zm-text-link {
  white-space: nowrap;
}

@media (max-width: 1020px) {
  .zm-seo-check-conclusion {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .zm-seo-check-conclusion .zm-text-link {
    grid-column: 1 / -1;
    width: max-content;
  }
}

@media (max-width: 880px) {
  .zm-seo-check-heading {
    align-items: start;
  }

  .zm-seo-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-seo-check-grid article {
    min-height: 0;
  }

  .zm-seo-check-grid article > strong {
    margin-top: 22px;
  }
}

@media (max-width: 680px) {
  .zm-service-check--seo {
    padding-block: 58px 62px;
  }

  .zm-seo-check-heading h2 {
    font-size: 38px;
  }

  .zm-seo-check-grid {
    grid-template-columns: 1fr;
  }

  .zm-seo-check-grid article {
    padding: 20px 18px 19px;
  }

  .zm-seo-check-card-head {
    margin-bottom: 18px;
  }

  .zm-seo-check-conclusion {
    grid-template-columns: 1fr;
    gap: 15px;
    padding-top: 22px;
    margin-top: 22px;
  }

  .zm-seo-check-conclusion .zm-text-link {
    grid-column: auto;
  }
}

/* Context service: one measurable route from demand to sale. */
.zm-service-hero--context::before {
  background: linear-gradient(90deg, rgba(248, 250, 251, 1) 0%, rgba(248, 250, 251, 0.98) 42%, rgba(248, 250, 251, 0.78) 58%, rgba(248, 250, 251, 0.08) 100%);
}

.zm-service-hero--context .zm-service-hero-media img {
  object-position: center right;
  filter: saturate(0.92) contrast(1.015);
}

.zm-service-hero--context h1 {
  max-width: 790px;
}

.zm-service-hero--context .zm-service-lead {
  max-width: 720px;
}

.zm-service-signal--context > article:nth-child(2) {
  border-color: rgba(237, 91, 53, 0.25);
  box-shadow: 0 18px 40px rgba(65, 74, 82, 0.12);
}

.zm-service-signal--context > article:nth-child(2) span {
  color: #c94b2c;
}

.zm-service-situations--context {
  background:
    radial-gradient(circle at 94% 8%, rgba(237, 91, 53, 0.075), transparent 26%),
    linear-gradient(180deg, #f8fafb 0%, #edf4f7 100%);
}

.zm-service-process--context {
  background:
    radial-gradient(circle at 7% 92%, rgba(35, 116, 198, 0.07), transparent 27%),
    #f2f6f8;
}

.zm-service-process--context .zm-seo-process-card:nth-child(2) .zm-seo-process-media img {
  object-position: 66% center;
}

.zm-service-scope--context .zm-seo-scope-media img {
  object-position: center 42%;
}

.zm-service-scope--context .zm-seo-scope-card:nth-child(2) .zm-seo-scope-media img {
  object-position: 66% center;
}

.zm-service-scope--context .zm-seo-scope-card:nth-child(4) .zm-seo-scope-media img {
  object-position: 64% center;
}

.zm-service-check--context {
  background:
    radial-gradient(circle at 92% 8%, rgba(237, 91, 53, 0.09), transparent 28%),
    radial-gradient(circle at 7% 92%, rgba(35, 116, 198, 0.08), transparent 30%),
    linear-gradient(180deg, #eef5f8 0%, #e8f1f5 100%);
}

.zm-faq--context .zm-faq-media img {
  object-position: center 42%;
}

@media (max-width: 960px) {
  .zm-service-hero--context::before {
    background: linear-gradient(90deg, rgba(248, 250, 251, 1) 0%, rgba(248, 250, 251, 0.97) 56%, rgba(248, 250, 251, 0.65) 78%, rgba(248, 250, 251, 0.2) 100%);
  }

  .zm-service-hero--context .zm-service-hero-media img {
    object-position: 70% center;
  }
}

@media (max-width: 680px) {
  .zm-service-hero--context::before {
    background: linear-gradient(180deg, rgba(248, 250, 251, 0.93) 0%, rgba(248, 250, 251, 0.86) 52%, rgba(248, 250, 251, 0.98) 100%);
  }

  .zm-service-hero--context .zm-service-hero-media img {
    object-position: 72% center;
    filter: saturate(0.86) contrast(1.01);
  }

  .zm-service-situations--context,
  .zm-service-process--context,
  .zm-service-scope--context,
  .zm-service-check--context {
    overflow: hidden;
  }
}

/* Mobile quality pass: keep narrow layouts readable and fully touch-friendly. */
@media (max-width: 760px) {
  .zm-section-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .zm-section-heading > * {
    min-width: 0;
  }

  .zm-section-heading h2 {
    overflow-wrap: anywhere;
  }

  .zm-cookie-banner {
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    left: max(12px, env(safe-area-inset-left));
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
  }

  .zm-cookie-banner > div:first-of-type {
    padding-right: 38px;
  }

  .zm-cookie-close {
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
  }

  .zm-cookie-actions button {
    width: 100%;
    min-width: 0;
    min-height: 46px;
  }
}

@media (max-width: 360px) {
  .zm-blog-hero h1,
  .zm-article-hero h1 {
    overflow-wrap: anywhere;
    font-size: 36px;
    line-height: 1.01;
  }
}

@media (max-width: 340px) {
  .zm-blog-hero h1,
  .zm-article-hero h1 {
    font-size: 34px;
  }
}

/* Design-system refinement: denser corporate rhythm and clearer mobile hierarchy. */
body.zm-shell {
  --zm-card-radius: 8px;
  --zm-media-radius: 8px;
  --zm-panel-radius: 8px;
}

html {
  scroll-padding-top: 92px;
}

.zm-home .zm-faq-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.68fr);
  align-items: end;
  gap: clamp(44px, 6vw, 86px);
  margin-bottom: 30px;
}

.zm-home .zm-faq-heading h2 {
  max-width: 720px;
  margin: 0;
  color: var(--zm-ink);
  font-size: 52px;
  line-height: 1.04;
  font-weight: 760;
  text-wrap: balance;
}

.zm-home .zm-faq-heading h2 span {
  color: #2379cf;
}

.zm-home .zm-faq-heading > p {
  max-width: 560px;
  margin: 0;
  color: #536970;
  font-size: 15px;
  line-height: 1.58;
}

.zm-home .zm-faq-layout--home {
  grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
  gap: clamp(34px, 4.5vw, 62px);
}

.zm-home .zm-faq-media,
.zm-home .zm-faq-note,
.zm-home .zm-faq-list details,
.zm-home .zm-commercial-card,
.zm-home .zm-products-card,
.zm-home .zm-products-card-media,
.zm-home .zm-lead-step-card,
.zm-home .zm-lead-step-visual,
.zm-home .zm-lead-steps-footer {
  border-radius: 8px;
}

.zm-home .zm-faq-media {
  margin-top: 0;
}

.zm-home .zm-faq-list {
  gap: 7px;
}

.zm-home .zm-faq-list summary {
  min-height: 62px;
  padding: 11px 14px 11px 17px;
}

.zm-home .zm-faq-question {
  display: block;
  font-size: 16px;
  line-height: 1.32;
}

.zm-home .zm-faq-list details p {
  padding: 0 66px 16px 17px;
}

.zm-home .zm-products-card,
.zm-home .zm-commercial-card,
.zm-home .zm-lead-step-card {
  box-shadow: 0 12px 28px rgba(29, 55, 67, 0.08);
}

@media (max-width: 960px) {
  html {
    scroll-padding-top: 72px;
  }

  .zm-home .zm-faq-heading {
    grid-template-columns: minmax(0, 680px);
    gap: 13px;
    margin-bottom: 24px;
  }

  .zm-home .zm-faq-layout--home {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .zm-home :is(
    #services,
    #products,
    #approach,
    #industries,
    #lead-partnership,
    #team,
    #career,
    #request
  ) {
    padding-block: 52px;
  }

  .zm-home #faq {
    padding-block: 48px;
  }

  .zm-home .zm-section-heading {
    gap: 18px;
    margin-bottom: 28px;
  }

  .zm-home .zm-section-heading--proof {
    column-gap: 18px;
  }

  .zm-home .zm-lead-steps .zm-section-heading h2,
  .zm-home .zm-industries--showcase .zm-industries-heading h2,
  .zm-home .zm-career h2,
  .zm-home .zm-home-journal-heading h2,
  .zm-home .zm-request-intro h2,
  .zm-home .zm-faq-heading h2 {
    font-size: 36px;
    line-height: 1.02;
    overflow-wrap: normal;
    text-wrap: balance;
  }

  .zm-home .zm-faq-heading {
    gap: 12px;
    margin-bottom: 20px;
  }

  .zm-home .zm-faq-heading > p {
    font-size: 15px;
    line-height: 1.55;
  }

  .zm-home .zm-faq-layout--home {
    gap: 22px;
  }

  .zm-home .zm-faq-note {
    margin-top: 8px;
  }

  .zm-home .zm-faq-list summary {
    min-height: 60px;
    padding: 10px 12px 10px 15px;
  }

  .zm-home .zm-faq-list details p {
    padding: 0 58px 15px 15px;
  }

  .zm-home .zm-lead-step-grid {
    display: flex;
    gap: 14px;
    margin-right: -18px;
    padding: 2px 18px 14px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .zm-home .zm-lead-step-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-home .zm-lead-step-card {
    flex: 0 0 min(86vw, 332px);
    scroll-snap-align: start;
  }

  .zm-home .zm-lead-step-visual {
    min-height: 184px;
  }

  .zm-home .zm-lead-step-copy {
    padding: 20px 18px 22px;
  }

  .zm-home .zm-lead-step-copy h3 {
    font-size: 22px;
  }

  .zm-products-hero-layout {
    min-height: 390px;
    padding-block: 38px 48px;
  }

  .zm-products-hero h1 {
    font-size: 38px;
    line-height: 1.02;
  }

  .zm-products-hero-copy > p {
    margin: 18px 0 24px;
  }

  .zm-service-hero--seo .zm-breadcrumb {
    margin-bottom: 26px;
  }

  .zm-service-hero--seo h1 {
    font-size: 38px;
    line-height: 1.04;
  }

  .zm-service-hero--seo .zm-service-lead {
    margin: 18px 0 22px;
  }

  .zm-service-hero--seo .zm-service-signal--seo {
    margin-top: 30px;
  }

  .zm-contact-hero h1 {
    font-size: 42px;
    line-height: 1;
  }
}

@media (max-width: 360px) {
  .zm-home .zm-lead-steps .zm-section-heading h2,
  .zm-home .zm-industries--showcase .zm-industries-heading h2,
  .zm-home .zm-career h2,
  .zm-home .zm-home-journal-heading h2,
  .zm-home .zm-request-intro h2,
  .zm-home .zm-faq-heading h2 {
    font-size: 34px;
  }
}

/* Keep the contextual video layout authoritative over the earlier shared preview rules. */
.zm-video-placeholder {
  --zm-video-accent: #2379cf;
  padding: 60px 0 64px;
  border-top: 1px solid #d7e2e6;
  border-bottom: 1px solid #d7e2e6;
  background: #f4f7f8;
}

.zm-video-placeholder--development {
  --zm-video-accent: #e75122;
}

.zm-video-placeholder--data {
  --zm-video-accent: #16806d;
}

.zm-video-placeholder-heading {
  align-items: start;
  margin-bottom: 30px;
}

.zm-video-placeholder-heading .zm-kicker {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  color: #52707d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.zm-video-placeholder-heading h2 {
  max-width: 790px;
  font-size: clamp(38px, 4.25vw, 58px);
  line-height: 1;
}

.zm-video-placeholder-heading h2 span {
  color: var(--zm-video-accent);
}

.zm-video-placeholder-heading .zm-video-placeholder-intro > p {
  max-width: 540px;
  padding: 0 0 0 18px;
  border-left: 3px solid #e75122;
}

.zm-video-placeholder-track {
  align-items: stretch;
  gap: 16px;
}

.zm-video-placeholder-card {
  display: grid;
  overflow: hidden;
  min-width: 0;
  aspect-ratio: auto;
  border: 1px solid rgba(21, 52, 70, 0.13);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(18, 46, 62, 0.09);
  grid-template-rows: auto 1fr;
}

.zm-video-placeholder-mark {
  width: 58px;
  height: 58px;
  border-color: rgba(255, 255, 255, 0.8);
  background: #e75122;
  box-shadow:
    0 12px 28px rgba(81, 24, 9, 0.28),
    0 0 0 7px rgba(255, 255, 255, 0.16);
}

.zm-video-placeholder-mark svg {
  width: 23px;
  height: 23px;
}

@media (max-width: 960px) {
  .zm-video-placeholder-heading {
    align-items: start;
  }

  .zm-video-placeholder-heading .zm-video-placeholder-intro > p,
  .zm-video-placeholder-intro small {
    max-width: 720px;
  }
}

@media (max-width: 680px) {
  .zm-video-placeholder {
    padding: 48px 0 50px;
  }

  .zm-video-placeholder-heading {
    gap: 18px;
    margin-bottom: 24px;
  }

  .zm-video-placeholder-heading h2 {
    font-size: 34px;
    line-height: 1.03;
  }

  .zm-video-placeholder-heading .zm-video-placeholder-intro > p {
    font-size: 14px;
  }

  .zm-video-placeholder-track {
    gap: 12px;
  }

  .zm-video-placeholder-card {
    flex-basis: min(84vw, 340px);
    border-radius: 8px;
  }

  .zm-video-placeholder-mark {
    width: 54px;
    height: 54px;
  }
}

/* Mobile audit pass: dense catalogues become readable shelves instead of very long walls. */
.zm-mobile-shelf-note {
  display: none;
}

@media (max-width: 680px) {
  .zm-mobile-shelf-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: -8px 0 14px;
    color: #526973;
    font-size: 12px;
    line-height: 1.35;
  }

  .zm-mobile-shelf-note span {
    color: var(--zm-ink);
    font-weight: 760;
  }

  .zm-mobile-shelf-note small {
    position: relative;
    padding-right: 28px;
    font-size: inherit;
  }

  .zm-mobile-shelf-note small::after {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 17px;
    height: 7px;
    border-right: 1.5px solid #2379cf;
    border-bottom: 1.5px solid #2379cf;
    content: "";
    transform: translateY(-65%) rotate(-45deg);
  }

  .zm-video-placeholder-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .zm-video-placeholder-heading > * {
    min-width: 0;
  }

  .zm-home .zm-commercial-grid {
    display: flex;
    gap: 14px;
    margin-right: -18px;
    padding: 2px 18px 14px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .zm-home .zm-commercial-grid::-webkit-scrollbar,
  .zm-section-services .zm-project-service-grid::-webkit-scrollbar,
  .zm-blog-grid::-webkit-scrollbar {
    display: none;
  }

  .zm-home .zm-commercial-card {
    flex: 0 0 min(86vw, 332px);
    scroll-snap-align: start;
  }

  .zm-section-services .zm-project-service-grid {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: none;
    grid-auto-columns: min(78vw, 304px);
    grid-auto-flow: column;
    gap: 12px;
    margin-right: -18px;
    padding: 2px 18px 14px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .zm-section-services .zm-project-service-card {
    scroll-snap-align: start;
  }

  .zm-section-services .zm-project-service-media {
    aspect-ratio: 16 / 7;
  }

  .zm-section-services .zm-project-service-content {
    min-height: 132px;
    padding: 13px 14px 12px;
  }

  .zm-section-services .zm-project-service-grid h3 {
    font-size: 18px;
  }

  .zm-section-services .zm-project-service-grid p {
    font-size: 12px;
  }

  .zm-blog-grid {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: none;
    grid-auto-columns: min(82vw, 320px);
    grid-auto-flow: column;
    gap: 14px;
    margin-right: -18px;
    padding: 2px 18px 16px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
  }

  .zm-blog-grid .zm-blog-card,
  .zm-blog-grid .zm-blog-card:last-child {
    grid-column: auto;
    border-radius: 8px;
    scroll-snap-align: start;
  }

  .zm-blog-card-body {
    min-height: 260px;
  }

  .zm-footer-cookie-settings {
    min-height: 44px;
  }

  .legal-page .zm-legal-header h1 {
    font-size: 38px;
    line-height: 1.02;
    overflow-wrap: normal;
    word-break: normal;
  }
}

@media (max-width: 360px) {
  .zm-video-placeholder-heading h2 {
    font-size: 32px;
    overflow-wrap: anywhere;
  }

  .legal-page .zm-legal-header h1 {
    font-size: 35px;
  }
}

/* Corporate geometry: one restrained surface language across every page type. */
body.zm-shell {
  --zm-card-radius: 8px;
  --zm-media-radius: 8px;
  --zm-panel-radius: 8px;
  --zm-control-radius: 8px;
  --zm-inset-radius: 6px;
  --zm-surface: #ffffff;
  --zm-surface-soft: #f4f7f8;
  --zm-border-quiet: #d5e0e4;
  --zm-shadow-card: 0 4px 14px rgba(24, 52, 66, 0.045);
  --zm-shadow-card-hover: 0 7px 18px rgba(24, 52, 66, 0.075);
  --zm-shadow-panel: 0 2px 10px rgba(24, 52, 66, 0.035);
}

.zm-home {
  --zm-home-card-radius: 8px;
}

body.zm-shell :is(
  .zm-route-grid,
  .zm-system-line,
  .zm-commercial-card,
  .zm-commercial-next,
  .zm-products-card,
  .zm-industry-card,
  .zm-industry-system-main,
  .zm-lead-step-card,
  .zm-lead-steps-footer,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-video-placeholder-card,
  .zm-request-form-panel,
  .zm-request-media,
  .zm-faq-media,
  .zm-faq-note,
  .zm-seo-journey-card,
  .zm-seo-journey-action,
  .zm-seo-process-card,
  .zm-seo-process-cta,
  .zm-seo-scope-card,
  .zm-seo-scope-cta,
  .zm-service-map-cta,
  .zm-footer-pitch,
  .zm-footer-contacts,
  .zm-cookie-banner
) {
  border-radius: var(--zm-card-radius);
}

body.zm-shell :is(
  .zm-route-grid > a,
  .zm-system-line > div,
  .zm-services-pathways nav > a,
  .zm-services-start-options > a,
  .zm-section-services .zm-service-map-grid > article,
  .zm-feature-grid article,
  .zm-article-checklist li,
  .zm-request-outcomes li,
  .zm-faq-list details,
  .zm-service-page .zm-faq-list details,
  .zm-messenger-buttons > .zm-channel
) {
  border-radius: var(--zm-card-radius);
}

body.zm-shell :is(
  .zm-route-icon,
  .zm-system-icon,
  .zm-services-pathway-icon,
  .zm-services-start-media,
  .zm-service-map-cta-visual,
  .zm-seo-action-media,
  .zm-seo-scope-cta-visual,
  .zm-lead-footer-proof-media,
  .zm-products-card-media,
  .zm-team-photo,
  .zm-page-expert-photo
) {
  border-radius: var(--zm-inset-radius);
}

body.zm-shell .zm-home-journal-card .zm-home-journal-media,
body.zm-shell .zm-home-journal-card.is-featured .zm-home-journal-media {
  border-radius: 7px 0 0 7px;
}

body.zm-shell :is(
  .zm-nav-trigger,
  .zm-nav-cta,
  .zm-header-phones,
  .zm-header-phone,
  .icon-button,
  .zm-button,
  .zm-team-controls button,
  .zm-products-controls button,
  .zm-cookie-actions button,
  .zm-channel-mark
) {
  border-radius: var(--zm-control-radius);
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select) {
  border-radius: var(--zm-control-radius);
}

body.zm-shell .contact-form input[type="checkbox"] {
  border-radius: 4px;
}

body.zm-shell :is(
  .zm-commercial-card,
  .zm-products-card,
  .zm-industry-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-video-placeholder-card,
  .zm-request-form-panel,
  .zm-services-start-options > a,
  .zm-section-services .zm-service-map-grid > article,
  .zm-seo-journey-card,
  .zm-seo-journey-action,
  .zm-seo-process-card,
  .zm-seo-process-cta,
  .zm-seo-scope-card,
  .zm-seo-scope-cta
) {
  box-shadow: var(--zm-shadow-card);
}

body.zm-shell :is(
  .zm-footer-pitch,
  .zm-footer-contacts,
  .zm-route-grid,
  .zm-system-line,
  .zm-commercial-next,
  .zm-service-map-cta,
  .zm-faq-media,
  .zm-request-media,
  .zm-nav-panel
) {
  box-shadow: var(--zm-shadow-panel);
}

body.zm-shell :is(
  .zm-commercial-card,
  .zm-products-card,
  .zm-industry-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-services-start-options > a,
  .zm-section-services .zm-service-map-grid > article,
  .zm-seo-journey-card,
  .zm-seo-process-card,
  .zm-seo-scope-card
):hover {
  box-shadow: var(--zm-shadow-card-hover);
}

@media (max-width: 680px) {
  body.zm-shell .zm-home-journal-card .zm-home-journal-media,
  body.zm-shell .zm-home-journal-card.is-featured .zm-home-journal-media {
    border-radius: 7px 7px 0 0;
  }
}

body.zm-shell .zm-nav .zm-nav-cta,
body.zm-shell .zm-header .zm-header-phones .zm-header-phone--city,
body.zm-shell .zm-header .icon-button {
  border-radius: var(--zm-control-radius);
}

body.zm-shell .zm-home-pathways .zm-route-grid > a .zm-route-icon,
body.zm-shell .zm-home-pathways .zm-route-grid > a .zm-route-icon img,
body.zm-shell.zm-home .zm-commercial-next-points svg,
body.zm-shell.zm-service-page .zm-seo-check-card-head span {
  border-radius: var(--zm-inset-radius);
}

body.zm-shell.zm-service-page .zm-seo-check-grid article {
  border-radius: var(--zm-card-radius);
  box-shadow: var(--zm-shadow-card);
}

/* Visual language, stage one: quieter surfaces, fixed media formats and compact controls. */
body.zm-shell,
body.zm-shell main {
  background: var(--zm-surface);
}

body.zm-shell :is(.zm-video-placeholder, .zm-faq, .zm-request, .zm-page-experts) {
  background-color: var(--zm-surface-soft);
}

@media (min-width: 961px) {
  body.zm-shell .zm-section:not(.zm-video-placeholder):not(.zm-faq):not(.zm-request):not(.zm-lead-steps) {
    padding-block: clamp(80px, 7vw, 96px);
  }
}

body.zm-shell .zm-section-heading {
  gap: clamp(34px, 5vw, 68px);
  margin-bottom: 36px;
}

body.zm-shell :is(
  .zm-products-card,
  .zm-commercial-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-video-placeholder-card,
  .zm-request-form-panel,
  .zm-seo-journey-card,
  .zm-seo-journey-action,
  .zm-seo-process-card,
  .zm-seo-process-cta,
  .zm-seo-scope-card,
  .zm-seo-scope-cta,
  .zm-lead-step-card,
  .zm-lead-steps-footer,
  .zm-industry-system-main,
  .zm-services-start-options > a,
  .zm-section-services .zm-service-map-grid > article,
  .zm-project-service-grid .zm-project-service-card article,
  .zm-service-page .zm-seo-check-grid article,
  .zm-faq-list details,
  .zm-request-outcomes li,
  .zm-home-pathways .zm-route-grid > a,
  .zm-home-pathways .zm-system-line > div
) {
  border-color: var(--zm-border-quiet);
  box-shadow: var(--zm-shadow-card);
}

body.zm-shell :is(
  .zm-products-card,
  .zm-commercial-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-seo-journey-card,
  .zm-seo-process-card,
  .zm-seo-scope-card,
  .zm-services-start-options > a,
  .zm-section-services .zm-service-map-grid > article,
  .zm-project-service-card article,
  .zm-home-pathways .zm-route-grid > a
):hover {
  box-shadow: var(--zm-shadow-card-hover);
  transform: translateY(-1px);
}

body.zm-shell :is(
  .zm-route-grid,
  .zm-system-line,
  .zm-commercial-next,
  .zm-service-map-cta,
  .zm-faq-media,
  .zm-request-media,
  .zm-footer-pitch,
  .zm-footer-contacts,
  .zm-analytics-controls,
  .zm-technical-controls,
  .zm-services-pathways
) {
  box-shadow: var(--zm-shadow-panel);
}

body.zm-shell :is(
  .zm-route-icon,
  .zm-system-icon,
  .zm-commercial-icon,
  .zm-commercial-tag,
  .zm-industry-card-arrow,
  .zm-services-pathway-icon,
  .zm-lead-stage,
  .zm-lead-footer-proof-media,
  .zm-seo-check-card-head span,
  .zm-seo-scope-cta-visual,
  .zm-channel,
  .zm-media-channel
) {
  box-shadow: none;
}

body.zm-shell .zm-video-placeholder-mark {
  box-shadow: 0 6px 16px rgba(81, 24, 9, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.14);
}

body.zm-shell .zm-button {
  min-height: 48px;
  gap: 16px;
  padding: 11px 16px;
}

body.zm-shell :is(.zm-button-primary, .contact-form .btn-primary) {
  min-height: 48px;
  border-color: #d74d24;
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: #d74d24;
  background-image: none;
  box-shadow: 0 5px 14px rgba(165, 54, 23, 0.18);
}

body.zm-shell :is(.zm-button-primary, .contact-form .btn-primary):hover {
  border-color: #b73c18;
  background: #b73c18;
  box-shadow: 0 6px 16px rgba(143, 43, 17, 0.2);
}

body.zm-shell :is(.zm-button-primary, .contact-form .btn-primary) svg {
  box-shadow: none;
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select) {
  min-height: 48px;
  border-color: var(--zm-border-quiet);
  background: #ffffff;
  box-shadow: none;
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select):focus {
  border-color: #2379cf;
  outline: 2px solid rgba(35, 121, 207, 0.16);
  outline-offset: 1px;
}

body.zm-shell :is(.zm-service-card-media, .zm-products-card-media, .zm-blog-card-media) {
  aspect-ratio: 16 / 10;
}

body.zm-shell .zm-video-placeholder-media {
  aspect-ratio: 16 / 9;
}

body.zm-shell .zm-project-service-media {
  aspect-ratio: 16 / 7;
}

body.zm-shell :is(.zm-team-photo, .zm-page-expert-photo) {
  aspect-ratio: 1 / 1;
}

body.zm-shell :is(.zm-request-media, .zm-faq-media) {
  aspect-ratio: 16 / 10;
}

body.zm-shell .zm-products-card-body {
  min-height: 260px;
  padding: 18px 18px 20px;
}

body.zm-shell .zm-commercial-card {
  min-height: 490px;
  padding: 20px;
}

body.zm-shell .zm-commercial-media {
  margin: -20px -20px 16px;
}

body.zm-shell .zm-commercial-card h3,
body.zm-shell .zm-commercial-card > p {
  min-height: 0;
}

body.zm-shell .zm-commercial-card ul {
  padding-block: 12px 14px;
  margin-top: 12px;
}

body.zm-shell .zm-industries--showcase .zm-industry-card {
  height: 488px;
}

body.zm-shell .zm-team-card-copy {
  padding: 15px 10px 10px;
}

body.zm-shell .zm-team-card .zm-team-responsibility {
  margin-top: 11px;
  padding-top: 11px;
}

body.zm-shell .zm-blog-card-body {
  min-height: 260px;
  padding: 20px;
}

body.zm-shell .zm-home-journal-card {
  min-height: 260px;
}

body.zm-shell .zm-home-journal-card.is-featured {
  height: 330px;
  min-height: 330px;
}

body.zm-shell .zm-home-journal-copy,
body.zm-shell .zm-home-journal-card.is-featured .zm-home-journal-copy {
  padding: 24px;
}

body.zm-shell :is(.zm-products-card:hover, .zm-commercial-card:hover, .zm-team-card:hover, .zm-home-journal-card:hover, .zm-blog-card:hover) img {
  transform: scale(1.012);
}

@media (max-width: 960px) {
  body.zm-shell .zm-section-heading {
    gap: 18px;
    margin-bottom: 28px;
  }

  body.zm-shell .zm-home-journal-card,
  body.zm-shell .zm-home-journal-card.is-featured {
    height: auto;
    min-height: 0;
  }

  body.zm-shell .zm-home-journal-media {
    height: auto;
    aspect-ratio: 16 / 10;
  }
}

@media (max-width: 680px) {
  body.zm-shell .zm-industries--showcase .zm-industry-card {
    height: auto;
    min-height: 0;
  }

  body.zm-shell .zm-section-heading {
    margin-bottom: 24px;
  }

  body.zm-shell :is(.zm-request-media, .zm-faq-media) {
    aspect-ratio: 16 / 10;
  }

  body.zm-shell .zm-products-card-body,
  body.zm-shell .zm-blog-card-body,
  body.zm-shell .zm-home-journal-copy,
  body.zm-shell .zm-home-journal-card.is-featured .zm-home-journal-copy {
    min-height: 0;
    padding: 18px;
  }

  body.zm-shell .zm-commercial-card {
    min-height: 0;
  }
}

@media (max-width: 360px) {
  body.zm-shell .zm-industries--showcase .zm-industry-card {
    grid-template-columns: 100px minmax(0, 1fr);
  }

  body.zm-shell .zm-industries--showcase .zm-industry-card > div {
    gap: 4px 10px;
    padding: 14px 10px 12px;
  }

  body.zm-shell .zm-industries--showcase .zm-industry-card h3 {
    grid-column: 1 / -1;
    font-size: 19px;
  }

  body.zm-shell .zm-industries--showcase .zm-industry-focus li {
    padding: 4px 5px;
    font-size: 8.5px;
  }
}

/* Component system, stage two: predictable actions, forms, cards and disclosures. */
body.zm-shell {
  --zm-action-orange: #d74d24;
  --zm-action-orange-hover: #b73c18;
  --zm-action-blue: #176b9d;
  --zm-focus-ring: rgba(35, 121, 207, 0.34);
  --zm-control-height: 48px;
  --zm-component-transition: 160ms ease;
}

body.zm-shell :is(.zm-button, .contact-form .btn) {
  box-sizing: border-box;
  min-height: var(--zm-control-height);
  justify-content: center;
  gap: 12px;
  padding: 11px 18px;
  border-radius: var(--zm-control-radius);
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  touch-action: manipulation;
  transition:
    color var(--zm-component-transition),
    background-color var(--zm-component-transition),
    border-color var(--zm-component-transition),
    box-shadow var(--zm-component-transition),
    transform var(--zm-component-transition);
}

body.zm-shell :is(.zm-button-primary, .zm-button-on-dark),
body.zm-shell .zm-request .contact-form .btn,
body.zm-shell .contact-form .btn.btn-primary {
  border: 1px solid var(--zm-action-orange);
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: var(--zm-action-orange);
  background-image: none;
  box-shadow: 0 4px 12px rgba(165, 54, 23, 0.16);
}

body.zm-shell :is(.zm-button-primary, .zm-button-on-dark):hover,
body.zm-shell .zm-request .contact-form .btn:hover,
body.zm-shell .contact-form .btn.btn-primary:hover {
  border-color: var(--zm-action-orange-hover);
  color: #ffffff;
  background: var(--zm-action-orange-hover);
  box-shadow: 0 5px 14px rgba(143, 43, 17, 0.18);
  transform: translateY(-1px);
}

body.zm-shell :is(.zm-button-primary, .zm-button-on-dark):active,
body.zm-shell .zm-request .contact-form .btn:active,
body.zm-shell .contact-form .btn.btn-primary:active {
  box-shadow: 0 2px 7px rgba(143, 43, 17, 0.18);
  transform: translateY(0);
}

body.zm-shell :is(.zm-button-secondary) {
  border-color: #b9ccd4;
  color: var(--zm-action-blue);
  background: #ffffff;
  box-shadow: none;
}

body.zm-shell .zm-button-secondary:hover {
  border-color: #8eafbe;
  color: #105879;
  background: #f2f7f9;
  box-shadow: none;
}

body.zm-shell :is(.zm-button, .contact-form .btn):focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-shell :is(.zm-button, .contact-form .btn):is(:disabled, [aria-disabled="true"], [aria-busy="true"]) {
  border-color: #c8d3d8;
  color: #6f8088;
  background: #e9eef0;
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

body.zm-shell .zm-text-link {
  min-height: 40px;
  gap: 9px;
  padding: 9px 0 8px;
  border-bottom-color: rgba(215, 77, 36, 0.58);
  color: var(--zm-action-blue);
  line-height: 1.25;
  touch-action: manipulation;
}

body.zm-shell .zm-text-link:hover {
  border-bottom-color: var(--zm-action-orange);
  color: var(--zm-action-orange-hover);
}

body.zm-shell .zm-text-link:focus-visible {
  border-radius: 3px;
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-shell :is(
  .zm-products-card,
  .zm-commercial-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-video-placeholder-card,
  .zm-project-service-card article,
  .zm-services-start-options > a
) {
  transition:
    border-color var(--zm-component-transition),
    box-shadow var(--zm-component-transition),
    transform var(--zm-component-transition);
}

body.zm-shell :is(.zm-products-card, .zm-commercial-card, .zm-team-card):hover {
  box-shadow: var(--zm-shadow-card);
  transform: none;
}

body.zm-shell :is(.zm-products-card, .zm-commercial-card, .zm-team-card):hover img {
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  body.zm-shell :is(a.zm-home-journal-card, a.zm-blog-card, .zm-services-start-options > a, .zm-project-service-card):hover {
    border-color: #b8ccd5;
    box-shadow: var(--zm-shadow-card-hover);
    transform: translateY(-1px);
  }
}

body.zm-shell :is(a.zm-home-journal-card, a.zm-blog-card, .zm-services-start-options > a, .zm-project-service-card):focus-visible {
  border-color: #85adbf;
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-shell .contact-form {
  gap: 13px;
}

body.zm-shell .contact-form label:not(.form-consent, .form-honeypot) > span {
  color: #304955;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 700;
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select) {
  min-height: var(--zm-control-height);
  border: 1px solid var(--zm-border-quiet);
  border-radius: var(--zm-control-radius);
  color: var(--zm-ink);
  background: #ffffff;
  box-shadow: none;
  transition:
    border-color var(--zm-component-transition),
    box-shadow var(--zm-component-transition),
    background-color var(--zm-component-transition);
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select)::placeholder {
  color: #7a8c94;
  opacity: 1;
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select):hover {
  border-color: #afc3cc;
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea, select):focus {
  border-color: #2379cf;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(35, 121, 207, 0.14);
}

body.zm-shell .contact-form :is(input:not([type="checkbox"]), textarea)[aria-invalid="true"] {
  border-color: #bd3e2a;
  background: #fff8f6;
  box-shadow: 0 0 0 3px rgba(189, 62, 42, 0.11);
}

body.zm-shell .contact-form input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--zm-action-blue);
}

body.zm-shell .contact-form input[type="checkbox"]:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 2px;
}

body.zm-shell .contact-form .form-status[data-state="saved"],
body.zm-shell .contact-form .form-status[data-state="error"] {
  min-height: 40px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid currentColor;
  border-radius: var(--zm-inset-radius);
  font-size: 13px;
  line-height: 1.45;
}

body.zm-shell .contact-form .form-status[data-state="saved"] {
  color: #176b50;
  background: #edf8f4;
}

body.zm-shell .contact-form .form-status[data-state="error"] {
  color: #9f321f;
  background: #fff3f0;
}

body.zm-shell .zm-faq-list {
  gap: 8px;
  border-bottom: 0;
}

body.zm-shell .zm-faq-list details,
body.zm-shell .zm-service-page .zm-faq-list details {
  overflow: hidden;
  border: 1px solid var(--zm-border-quiet);
  border-radius: var(--zm-card-radius);
  background: #ffffff;
  box-shadow: var(--zm-shadow-card);
  transition:
    border-color var(--zm-component-transition),
    box-shadow var(--zm-component-transition);
}

body.zm-shell .zm-faq-list details[open],
body.zm-shell .zm-service-page .zm-faq-list details[open] {
  border-color: #afc8d3;
  box-shadow: var(--zm-shadow-card);
}

body.zm-shell .zm-faq-list summary,
body.zm-shell .zm-service-page .zm-faq-list summary {
  min-height: 64px;
  gap: 14px;
  padding: 12px 14px 12px 17px;
  color: var(--zm-ink);
  background: #ffffff;
  cursor: pointer;
  touch-action: manipulation;
}

body.zm-shell .zm-faq-list summary:hover,
body.zm-shell .zm-service-page .zm-faq-list summary:hover {
  color: var(--zm-action-blue);
  background: #f6f9fa;
}

body.zm-shell .zm-faq-list details[open] summary {
  border-bottom: 1px solid #e1e9ec;
}

body.zm-shell .zm-faq-list summary:focus-visible,
body.zm-shell .zm-service-page .zm-faq-list summary:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: -3px;
}

body.zm-shell .zm-faq-list summary > span:last-child:not(.zm-faq-question) {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid #cddbe1;
  border-radius: var(--zm-inset-radius);
  color: var(--zm-action-blue);
  background: #edf4f7;
  place-items: center;
}

body.zm-shell .zm-faq-list details[open] summary > span:last-child:not(.zm-faq-question) {
  border-color: var(--zm-action-blue);
  color: #ffffff;
  background: var(--zm-action-blue);
}

body.zm-shell .zm-faq-list summary > span:last-child:not(.zm-faq-question, .zm-faq-toggle) {
  font-size: 0;
  transform: none;
}

body.zm-shell .zm-faq-list summary > span:last-child:not(.zm-faq-question, .zm-faq-toggle)::before {
  content: "+";
  font-size: 22px;
  line-height: 1;
  transition: transform var(--zm-component-transition);
}

body.zm-shell .zm-faq-list details[open] summary > span:last-child:not(.zm-faq-question, .zm-faq-toggle)::before {
  transform: rotate(45deg);
}

body.zm-shell .zm-nav-panel {
  border-color: var(--zm-border-quiet);
  border-radius: var(--zm-card-radius);
  box-shadow: 0 10px 30px rgba(24, 52, 66, 0.11);
}

body.zm-shell .zm-nav > .zm-nav-direct,
body.zm-shell .zm-nav-trigger {
  border-radius: var(--zm-inset-radius);
}

body.zm-shell .zm-header .icon-button,
body.zm-shell :is(.zm-industries-controls, .zm-team-controls, .zm-products-controls) button,
body.zm-shell .zm-footer-group-toggle {
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--zm-control-radius);
  touch-action: manipulation;
}

body.zm-shell .zm-breadcrumb a:focus-visible {
  border-radius: 3px;
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body.zm-shell :is(.zm-button, .contact-form .btn, .zm-text-link),
  body.zm-shell :is(.zm-products-card, .zm-commercial-card, .zm-team-card, .zm-home-journal-card, .zm-blog-card),
  body.zm-shell .zm-faq-list details,
  body.zm-shell .zm-faq-list summary > span:last-child:not(.zm-faq-question) {
    transition: none;
  }
}

@media (max-width: 360px) {
  body.zm-shell :is(.zm-button, .contact-form .btn) {
    gap: 8px;
    padding-inline: 12px;
    font-size: 13px;
  }

  body.zm-shell .zm-button svg {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
}

/* Service page navigation: a compact route from evaluation to enquiry. */
body.zm-shell .zm-page-nav {
  position: sticky;
  top: 72px;
  z-index: 35;
  border-top: 1px solid #e1e8eb;
  border-bottom: 1px solid var(--zm-border-quiet);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
}

body.zm-shell .zm-page-nav-inner {
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 24px;
}

body.zm-shell .zm-page-nav-label {
  flex: 0 0 auto;
  color: #6a7d86;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 760;
  text-transform: uppercase;
}

body.zm-shell .zm-page-nav-links {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
}

body.zm-shell .zm-page-nav-links::-webkit-scrollbar {
  display: none;
}

body.zm-shell .zm-page-nav-links a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: var(--zm-inset-radius);
  color: #38515d;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 680;
  white-space: nowrap;
  touch-action: manipulation;
  transition:
    color var(--zm-component-transition),
    background-color var(--zm-component-transition);
}

body.zm-shell .zm-page-nav-links a:hover {
  color: var(--zm-action-blue);
  background: #edf4f7;
}

body.zm-shell .zm-page-nav-links a:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: -2px;
}

body.zm-shell .zm-page-nav-links .zm-page-nav-cta {
  gap: 8px;
  margin-left: auto;
  padding-inline: 14px;
  color: #ffffff;
  background: var(--zm-action-orange);
}

body.zm-shell .zm-page-nav-links .zm-page-nav-cta:hover {
  color: #ffffff;
  background: var(--zm-action-orange-hover);
}

body.zm-shell .zm-page-nav-cta svg {
  width: 15px;
  height: 15px;
}

body.zm-shell:is(.zm-service-page, .zm-section-services) :is(#scope, #process, #faq, #request, #acceptance) {
  scroll-margin-top: 154px;
}

body.zm-shell .zm-footer-cookie-settings {
  min-height: 44px;
  padding-block: 10px;
}

@media (min-width: 1181px) {
  body.zm-shell .zm-page-nav {
    top: 84px;
  }
}

@media (max-width: 680px) {
  body.zm-shell .zm-page-nav-inner {
    width: 100%;
    min-height: 54px;
    padding-inline: 18px;
  }

  body.zm-shell .zm-page-nav-label {
    display: none;
  }

  body.zm-shell .zm-page-nav-links {
    gap: 4px;
  }

  body.zm-shell .zm-page-nav-links a {
    min-height: 40px;
    padding-inline: 11px;
  }

  body.zm-shell .zm-page-nav-links .zm-page-nav-cta {
    order: -1;
    margin: 0 2px 0 0;
  }

  body.zm-shell:is(.zm-service-page, .zm-section-services) :is(#scope, #process, #faq, #request, #acceptance) {
    scroll-margin-top: 134px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-shell .zm-page-nav-links a {
    transition: none;
  }
}

/* Govorilka AI: product-led landing focused on a useful first test. */
body.zm-govorilka-page {
  --zm-govorilka-blue: #2379cf;
  --zm-govorilka-blue-dark: #155f9f;
  --zm-govorilka-ink: #15313d;
  --zm-govorilka-soft: #f2f6f7;
}

body.zm-govorilka-page .zm-product-hero {
  min-height: 680px;
  height: calc(100svh - 78px);
  max-height: 800px;
  background: #f4f7f8;
}

body.zm-govorilka-page .zm-product-hero::after {
  background: rgba(244, 247, 248, 0.34);
}

body.zm-govorilka-page .zm-product-hero-media img {
  filter: saturate(0.82) contrast(1.03);
  object-position: center;
}

body.zm-govorilka-page .zm-product-hero-inner {
  padding-top: 34px;
}

body.zm-govorilka-page .zm-product-hero .zm-breadcrumb {
  margin-bottom: 38px;
}

body.zm-govorilka-page .zm-product-hero h1 {
  max-width: 760px;
  font-size: 66px;
  line-height: 0.98;
}

body.zm-govorilka-page .zm-product-hero h1 span {
  max-width: 720px;
  color: #245f72;
  font-size: 36px;
  line-height: 1.08;
}

body.zm-govorilka-page .zm-product-hero-lead {
  max-width: 650px;
  margin: 22px 0 24px;
  color: #344f5a;
  font-size: 16px;
  line-height: 1.55;
}

body.zm-govorilka-page .zm-govorilka-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 0;
  margin: 24px 0 0;
  color: #35515c;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 690;
  list-style: none;
}

body.zm-govorilka-page .zm-govorilka-hero-points li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.zm-govorilka-page .zm-govorilka-hero-points span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--zm-action-orange);
  box-shadow: 0 0 0 4px rgba(210, 77, 40, 0.11);
}

body.zm-govorilka-page .zm-product-hero-status {
  gap: 8px;
  padding-bottom: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

body.zm-govorilka-page .zm-product-hero-status > .zm-govorilka-status-card {
  display: grid;
  min-width: 0;
  min-height: 112px;
  grid-template-columns: 112px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 14px;
  overflow: hidden;
  padding: 0 16px 0 0;
  border: 1px solid rgba(72, 104, 116, 0.2);
  border-radius: var(--zm-card-radius);
  color: var(--zm-govorilka-ink);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 24px rgba(29, 54, 65, 0.08);
  transition: border-color var(--zm-component-transition), box-shadow var(--zm-component-transition), transform var(--zm-component-transition);
}

body.zm-govorilka-page .zm-product-hero-status > .zm-govorilka-status-card:hover {
  border-color: rgba(210, 77, 40, 0.48);
  box-shadow: 0 12px 30px rgba(29, 54, 65, 0.13);
  transform: translateY(-3px);
}

body.zm-govorilka-page .zm-product-hero-status > .zm-govorilka-status-card:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-govorilka-page .zm-govorilka-status-card span {
  grid-row: auto;
}

body.zm-govorilka-page .zm-govorilka-status-media {
  align-self: stretch;
  overflow: hidden;
  background: #e9f1f4;
}

body.zm-govorilka-page .zm-govorilka-status-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.96) contrast(1.025);
  transform: scale(1.01);
  transform-origin: center;
  transition: transform var(--zm-component-transition);
}

body.zm-govorilka-page .zm-govorilka-status-card.is-trial {
  background: rgba(255, 255, 255, 0.96);
}

body.zm-govorilka-page .zm-govorilka-status-card.is-trial img {
  object-position: 50% 54%;
}

body.zm-govorilka-page .zm-govorilka-status-card.is-speech {
  background: rgba(252, 254, 255, 0.96);
}

body.zm-govorilka-page .zm-govorilka-status-card.is-speech img {
  object-position: 48% 50%;
}

body.zm-govorilka-page .zm-govorilka-status-card.is-control {
  background: rgba(255, 253, 251, 0.96);
}

body.zm-govorilka-page .zm-govorilka-status-card.is-control img {
  object-position: 50% 50%;
}

body.zm-govorilka-page .zm-govorilka-status-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

body.zm-govorilka-page .zm-govorilka-status-copy > span {
  margin-bottom: 5px;
  color: var(--zm-action-orange);
  font-size: 9px;
  line-height: 1.2;
  font-weight: 780;
  text-transform: uppercase;
}

body.zm-govorilka-page .zm-govorilka-status-copy strong {
  color: var(--zm-govorilka-ink);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 760;
}

body.zm-govorilka-page .zm-govorilka-status-copy small {
  margin-top: 5px;
  color: #61767f;
  font-size: 11px;
  line-height: 1.3;
}

body.zm-govorilka-page .zm-govorilka-status-card > svg {
  width: 17px;
  height: 17px;
  grid-row: auto;
  color: var(--zm-action-orange);
}

body.zm-govorilka-page .zm-product-family-inner {
  min-height: 76px;
}

body.zm-govorilka-page .zm-product-family-link {
  gap: 4px;
  padding-block: 14px;
}

body.zm-govorilka-page .zm-product-family-link span {
  color: #6a7e86;
  font-size: 9px;
  line-height: 1.2;
  text-transform: uppercase;
}

body.zm-govorilka-page .zm-product-family-link.is-active span {
  color: var(--zm-action-orange);
}

body.zm-govorilka-page .zm-govorilka-page-nav {
  top: 72px;
}

body.zm-govorilka-page :is(#demo, #how, #scenarios, #boundaries, #faq, #free-test) {
  scroll-margin-top: 154px;
}

body.zm-govorilka-page .zm-govorilka-problem {
  padding-block: 72px;
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-problem .zm-section-heading {
  margin-bottom: 34px;
}

body.zm-govorilka-page .zm-govorilka-problem-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body.zm-govorilka-page .zm-govorilka-problem-grid article {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--zm-border-quiet);
  border-radius: var(--zm-card-radius);
  background: #f8fafb;
}

body.zm-govorilka-page .zm-govorilka-problem-grid svg {
  width: 36px;
  height: 36px;
  padding: 8px;
  border: 1px solid #c9dbe3;
  border-radius: var(--zm-control-radius);
  color: var(--zm-govorilka-blue-dark);
  background: #edf5f8;
}

body.zm-govorilka-page .zm-govorilka-problem-grid article:nth-child(even) svg {
  border-color: #ecd1c8;
  color: var(--zm-action-orange);
  background: #fff3ef;
}

body.zm-govorilka-page .zm-govorilka-problem-grid h3 {
  margin: 28px 0 8px;
  color: var(--zm-govorilka-ink);
  font-size: 18px;
  line-height: 1.2;
  font-weight: 720;
}

body.zm-govorilka-page .zm-govorilka-problem-grid p {
  margin: 0;
  color: #58707a;
  font-size: 13px;
  line-height: 1.55;
}

body.zm-govorilka-page .zm-govorilka-demo {
  border-block: 1px solid #ccdae0;
  background: #edf4f7;
}

body.zm-govorilka-page .zm-govorilka-demo-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.62fr);
  align-items: end;
  gap: 64px;
}

body.zm-govorilka-page .zm-govorilka-demo-heading h2 {
  margin: 0;
}

body.zm-govorilka-page .zm-govorilka-demo-heading h2 span {
  color: var(--zm-govorilka-blue);
}

body.zm-govorilka-page .zm-govorilka-demo-heading > p {
  margin: 0;
  color: #506a76;
  font-size: 14px;
  line-height: 1.6;
}

body.zm-govorilka-page .zm-govorilka-demo-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  margin-top: 34px;
  border: 1px solid #c9d9e0;
  border-radius: var(--zm-control-radius);
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-demo-tabs button {
  min-height: 42px;
  padding: 9px 14px;
  border: 0;
  border-radius: 4px;
  color: #4b6570;
  background: transparent;
  font: inherit;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  cursor: pointer;
}

body.zm-govorilka-page .zm-govorilka-demo-tabs button[aria-selected="true"] {
  color: #ffffff;
  background: var(--zm-govorilka-blue-dark);
}

body.zm-govorilka-page .zm-govorilka-demo-tabs button:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 2px;
}

body.zm-govorilka-page .zm-govorilka-demo-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  margin-top: 18px;
}

body.zm-govorilka-page .zm-govorilka-demo-panel[hidden] {
  display: none;
}

body.zm-govorilka-page .zm-govorilka-demo-panel article {
  min-width: 0;
  min-height: 214px;
  padding: 26px;
  border: 1px solid #c8d7dd;
  border-radius: var(--zm-card-radius);
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-demo-panel .zm-govorilka-result {
  border-color: #a8c7d8;
  background: #ffffff;
  box-shadow: inset 4px 0 0 var(--zm-govorilka-blue);
}

body.zm-govorilka-page .zm-govorilka-demo-panel small {
  display: block;
  margin-bottom: 24px;
  color: #6d8189;
  font-size: 10px;
  line-height: 1.2;
  font-weight: 780;
  text-transform: uppercase;
}

body.zm-govorilka-page .zm-govorilka-result small {
  color: var(--zm-govorilka-blue-dark);
}

body.zm-govorilka-page .zm-govorilka-demo-panel p {
  margin: 0;
  color: #334d58;
  font-size: 17px;
  line-height: 1.58;
}

body.zm-govorilka-page .zm-govorilka-speech p {
  color: #6a7b83;
}

body.zm-govorilka-page .zm-govorilka-demo-arrow {
  display: grid;
  width: 42px;
  height: 42px;
  align-self: center;
  justify-self: center;
  border: 1px solid #bed0d8;
  border-radius: 50%;
  color: var(--zm-govorilka-blue-dark);
  background: #ffffff;
  place-items: center;
}

body.zm-govorilka-page .zm-govorilka-demo-arrow svg {
  width: 18px;
  height: 18px;
}

body.zm-govorilka-page .zm-govorilka-demo-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding-top: 22px;
  margin-top: 22px;
  border-top: 1px solid #c9d9e0;
}

body.zm-govorilka-page .zm-govorilka-demo-footer p {
  display: grid;
  gap: 4px;
  margin: 0;
}

body.zm-govorilka-page .zm-govorilka-demo-footer strong {
  color: var(--zm-govorilka-ink);
  font-size: 15px;
}

body.zm-govorilka-page .zm-govorilka-demo-footer span {
  color: #59717b;
  font-size: 12px;
}

body.zm-govorilka-page .zm-product-how {
  background: #ffffff;
}

body.zm-govorilka-page .zm-product-steps {
  margin-top: 38px;
}

body.zm-govorilka-page .zm-product-steps li {
  padding: 22px 24px 0 0;
}

body.zm-govorilka-page .zm-product-steps h3 {
  margin-top: 20px;
  font-size: 18px;
}

body.zm-govorilka-page .zm-govorilka-scenarios {
  border-top: 1px solid #d5e0e4;
  background: #f4f7f8;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid article {
  display: flex;
  min-width: 0;
  min-height: 260px;
  flex-direction: column;
  padding: 24px;
  border: 1px solid #d3dfe4;
  border-radius: var(--zm-card-radius);
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid article > span {
  display: grid;
  width: 40px;
  height: 40px;
  border: 1px solid #c7dbe4;
  border-radius: var(--zm-control-radius);
  color: var(--zm-govorilka-blue-dark);
  background: #eef6f9;
  place-items: center;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid svg {
  width: 20px;
  height: 20px;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid h3 {
  margin: 28px 0 9px;
  color: var(--zm-govorilka-ink);
  font-size: 19px;
  line-height: 1.18;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid p {
  margin: 0;
  color: #586f79;
  font-size: 13px;
  line-height: 1.55;
}

body.zm-govorilka-page .zm-govorilka-scenario-grid small {
  padding-top: 13px;
  margin-top: auto;
  border-top: 1px solid #e1e8eb;
  color: #7a6c67;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 690;
}

body.zm-govorilka-page .zm-govorilka-skeptic {
  color: #ffffff;
  background: #183640;
}

body.zm-govorilka-page .zm-govorilka-skeptic-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(420px, 1fr);
  gap: 9%;
  align-items: start;
}

body.zm-govorilka-page .zm-govorilka-skeptic .zm-kicker {
  color: #91c4da;
}

body.zm-govorilka-page .zm-govorilka-skeptic h2 {
  margin: 0;
  color: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-skeptic-copy {
  display: grid;
  gap: 22px;
}

body.zm-govorilka-page .zm-govorilka-skeptic blockquote {
  padding: 0 0 0 24px;
  margin: 0;
  border-left: 3px solid var(--zm-action-orange);
  color: #ffffff;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 650;
}

body.zm-govorilka-page .zm-govorilka-skeptic-copy p {
  margin: 0;
  color: #bfd0d6;
  font-size: 14px;
  line-height: 1.65;
}

body.zm-govorilka-page .zm-govorilka-skeptic .zm-text-link {
  justify-self: start;
  color: #ffffff;
  border-color: var(--zm-action-orange);
}

body.zm-govorilka-page .zm-govorilka-compare {
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-table-wrap {
  overflow-x: auto;
  border: 1px solid #cfdae0;
  border-radius: var(--zm-card-radius);
  scrollbar-width: thin;
}

body.zm-govorilka-page .zm-govorilka-table-wrap:focus-visible {
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-govorilka-page .zm-govorilka-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: #425a65;
  background: #ffffff;
  font-size: 13px;
  line-height: 1.45;
}

body.zm-govorilka-page .zm-govorilka-table :is(th, td) {
  padding: 17px 18px;
  border-right: 1px solid #dbe4e7;
  border-bottom: 1px solid #dbe4e7;
  text-align: left;
  vertical-align: top;
}

body.zm-govorilka-page .zm-govorilka-table :is(th, td):last-child {
  border-right: 0;
}

body.zm-govorilka-page .zm-govorilka-table tbody tr:last-child :is(th, td) {
  border-bottom: 0;
}

body.zm-govorilka-page .zm-govorilka-table thead th {
  color: var(--zm-govorilka-ink);
  background: #f3f6f7;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}

body.zm-govorilka-page .zm-govorilka-table tbody th {
  width: 20%;
  color: var(--zm-govorilka-ink);
  font-weight: 710;
}

body.zm-govorilka-page .zm-govorilka-table .is-accent {
  color: #174e71;
  background: #edf6fa;
  font-weight: 700;
}

body.zm-govorilka-page .zm-govorilka-boundaries-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.zm-govorilka-page .zm-govorilka-boundaries-grid article {
  padding: 26px 22px;
}

body.zm-govorilka-page .zm-govorilka-boundaries-grid h3 {
  margin-top: 34px;
  font-size: 19px;
}

body.zm-govorilka-page .zm-govorilka-next {
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-next-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.zm-govorilka-page .zm-govorilka-next-grid > a {
  display: grid;
  min-width: 0;
  grid-template-columns: 42px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 20px;
  border: 1px solid #d1dde2;
  border-radius: var(--zm-card-radius);
  color: var(--zm-govorilka-ink);
  background: #f8fafb;
  transition: border-color var(--zm-component-transition), background-color var(--zm-component-transition);
}

body.zm-govorilka-page .zm-govorilka-next-grid > a:hover {
  border-color: #9fbfcd;
  background: #f1f7f9;
}

body.zm-govorilka-page .zm-govorilka-next-grid > a > svg:first-child {
  width: 42px;
  height: 42px;
  padding: 10px;
  border: 1px solid #c8dae2;
  border-radius: var(--zm-control-radius);
  color: var(--zm-govorilka-blue-dark);
  background: #ffffff;
}

body.zm-govorilka-page .zm-govorilka-next-grid > a > svg:last-child {
  width: 18px;
  height: 18px;
  color: var(--zm-action-orange);
}

body.zm-govorilka-page .zm-govorilka-next-grid span {
  display: grid;
  gap: 5px;
}

body.zm-govorilka-page .zm-govorilka-next-grid strong {
  font-size: 16px;
  line-height: 1.2;
}

body.zm-govorilka-page .zm-govorilka-next-grid small {
  color: #607680;
  font-size: 11px;
  line-height: 1.4;
}

body.zm-govorilka-page .zm-govorilka-faq-intro > p:last-child {
  max-width: 430px;
  margin: 22px 0 0;
  color: #60737b;
  font-size: 13px;
  line-height: 1.6;
}

body.zm-govorilka-page .zm-govorilka-request {
  background: #edf4f7;
}

body.zm-govorilka-page .zm-govorilka-request-points {
  display: grid;
  gap: 9px;
  padding: 20px 0 0;
  margin: 22px 0 0;
  border-top: 1px solid #cbd9df;
  color: #49636e;
  font-size: 12px;
  line-height: 1.4;
  list-style: none;
}

body.zm-govorilka-page .zm-govorilka-request-points li {
  position: relative;
  padding-left: 20px;
}

body.zm-govorilka-page .zm-govorilka-request-points li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--zm-action-orange);
  content: "";
}

@media (min-width: 1181px) {
  body.zm-govorilka-page .zm-govorilka-page-nav {
    top: 84px;
  }
}

@media (max-width: 1100px) {
  body.zm-govorilka-page .zm-product-hero h1 {
    font-size: 58px;
  }

  body.zm-govorilka-page .zm-product-hero h1 span {
    font-size: 32px;
  }

  body.zm-govorilka-page .zm-product-hero-status > .zm-govorilka-status-card {
    grid-template-columns: 96px minmax(0, 1fr) 16px;
    gap: 10px;
    padding-right: 12px;
  }

  body.zm-govorilka-page .zm-govorilka-problem-grid,
  body.zm-govorilka-page .zm-govorilka-boundaries-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-govorilka-page .zm-govorilka-boundaries-grid article:nth-child(2) {
    border-right: 0;
  }

  body.zm-govorilka-page .zm-govorilka-boundaries-grid article:nth-child(-n + 2) {
    border-bottom: 1px solid #48616a;
  }
}

@media (max-width: 960px) {
  body.zm-govorilka-page .zm-product-hero {
    min-height: 0;
    height: auto;
    max-height: none;
  }

  body.zm-govorilka-page .zm-product-hero-inner {
    min-height: 590px;
    padding-bottom: 36px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-heading,
  body.zm-govorilka-page .zm-govorilka-skeptic-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.zm-govorilka-page .zm-govorilka-scenario-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-govorilka-page .zm-govorilka-next-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body.zm-govorilka-page .zm-product-hero-inner {
    min-height: 0;
    padding-top: 22px;
    padding-bottom: 32px;
  }

  body.zm-govorilka-page .zm-product-hero .zm-breadcrumb {
    margin-bottom: 30px;
  }

  body.zm-govorilka-page .zm-product-hero h1 {
    font-size: 42px;
    line-height: 1;
  }

  body.zm-govorilka-page .zm-product-hero h1 span {
    font-size: 27px;
    line-height: 1.12;
  }

  body.zm-govorilka-page .zm-product-hero-lead {
    font-size: 14px;
  }

  body.zm-govorilka-page .zm-govorilka-hero-points {
    display: grid;
    gap: 9px;
  }

  body.zm-govorilka-page .zm-product-hero-status {
    display: flex;
    width: 100%;
    gap: 10px;
    overflow-x: auto;
    padding: 12px 18px 18px;
    border-radius: 0;
    scroll-padding-inline: 18px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  body.zm-govorilka-page .zm-product-hero-status::-webkit-scrollbar {
    display: none;
  }

  body.zm-govorilka-page .zm-product-hero-status > .zm-govorilka-status-card {
    min-height: 104px;
    flex: 0 0 min(82vw, 286px);
    grid-template-columns: 104px minmax(0, 1fr) 16px;
    scroll-snap-align: start;
  }

  body.zm-govorilka-page .zm-product-hero-status > .zm-govorilka-status-card:hover {
    transform: none;
  }

  body.zm-govorilka-page .zm-product-family-inner {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  body.zm-govorilka-page .zm-product-family-back {
    padding-right: 14px;
    font-size: 11px;
  }

  body.zm-govorilka-page .zm-product-family-link {
    flex-basis: 168px;
    padding-inline: 14px;
  }

  body.zm-govorilka-page .zm-govorilka-page-nav .zm-page-nav-links .zm-page-nav-cta {
    order: -1;
  }

  body.zm-govorilka-page :is(#demo, #how, #scenarios, #boundaries, #faq, #free-test) {
    scroll-margin-top: 134px;
  }

  body.zm-govorilka-page .zm-govorilka-problem {
    padding-block: 58px;
  }

  body.zm-govorilka-page .zm-govorilka-problem-grid,
  body.zm-govorilka-page .zm-govorilka-scenario-grid,
  body.zm-govorilka-page .zm-govorilka-boundaries-grid {
    grid-template-columns: 1fr;
  }

  body.zm-govorilka-page .zm-govorilka-problem-grid article {
    padding: 19px;
  }

  body.zm-govorilka-page .zm-govorilka-problem-grid h3 {
    margin-top: 20px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    overflow: visible;
  }

  body.zm-govorilka-page .zm-govorilka-demo-tabs button {
    min-width: 0;
    padding-inline: 5px;
    font-size: 11px;
    white-space: normal;
  }

  body.zm-govorilka-page .zm-govorilka-demo-panel {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-panel article {
    min-height: 0;
    padding: 21px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-panel small {
    margin-bottom: 16px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-panel p {
    font-size: 15px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-arrow {
    transform: rotate(90deg);
  }

  body.zm-govorilka-page .zm-govorilka-demo-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;
  }

  body.zm-govorilka-page .zm-govorilka-demo-footer .zm-button {
    width: 100%;
  }

  body.zm-govorilka-page .zm-product-steps {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 0;
  }

  body.zm-govorilka-page .zm-product-steps li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    padding: 19px 0;
    border-top: 1px solid #ccdbe1;
  }

  body.zm-govorilka-page .zm-product-steps li::before {
    display: none;
  }

  body.zm-govorilka-page .zm-product-steps span {
    display: grid;
    width: 32px;
    height: 32px;
    border: 1px solid #bad0da;
    border-radius: var(--zm-control-radius);
    color: var(--zm-govorilka-blue-dark);
    background: #ffffff;
    font-size: 11px;
    font-weight: 760;
    place-items: center;
  }

  body.zm-govorilka-page .zm-product-steps h3 {
    margin: 0 0 6px;
  }

  body.zm-govorilka-page .zm-product-steps p {
    max-width: none;
  }

  body.zm-govorilka-page .zm-govorilka-scenario-grid article {
    min-height: 228px;
  }

  body.zm-govorilka-page .zm-govorilka-skeptic blockquote {
    padding-left: 18px;
    font-size: 19px;
  }

  body.zm-govorilka-page .zm-govorilka-boundaries-grid article,
  body.zm-govorilka-page .zm-govorilka-boundaries-grid article:nth-child(2) {
    padding: 23px 0;
    border-right: 0;
    border-bottom: 1px solid #48616a;
  }

  body.zm-govorilka-page .zm-govorilka-boundaries-grid article:last-child {
    border-bottom: 0;
  }

  body.zm-govorilka-page .zm-govorilka-boundaries-grid h3 {
    margin-top: 22px;
  }

  body.zm-govorilka-page .zm-govorilka-next-grid > a {
    min-height: 100px;
    padding: 17px;
  }
}

@media (max-width: 360px) {
  body.zm-govorilka-page .zm-product-hero h1 {
    font-size: 38px;
  }

  body.zm-govorilka-page .zm-product-hero h1 span {
    font-size: 24px;
  }

  body.zm-govorilka-page .zm-product-family-inner {
    grid-template-columns: 104px minmax(0, 1fr);
  }

  body.zm-govorilka-page .zm-product-family-back {
    gap: 6px;
    padding-right: 9px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-govorilka-page .zm-govorilka-status-card,
  body.zm-govorilka-page .zm-govorilka-status-media img,
  body.zm-govorilka-page .zm-govorilka-next-grid > a {
    transition: none;
  }
}

/* Surface standard 2A: a blue edge that dissolves into the neutral surface. */
body.zm-shell {
  --zm-card-edge-strong: #3f8199;
  --zm-card-edge-mid: rgba(105, 170, 194, 0.48);
  --zm-card-edge-clear: rgba(105, 170, 194, 0.05);
  --zm-card-edge-fill: linear-gradient(#ffffff, #ffffff);
  --zm-card-edge-shadow: -4px 0 18px rgba(66, 135, 160, 0.14), 0 8px 22px rgba(29, 71, 86, 0.065);
  --zm-card-edge-shadow-hover: -5px 0 22px rgba(66, 135, 160, 0.19), 0 11px 26px rgba(29, 71, 86, 0.09);
}

body.zm-shell :is(
  .zm-commercial-card,
  .zm-products-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-video-placeholder-card,
  .zm-lead-step-card,
  .zm-lead-steps-footer,
  .zm-service-grid > a,
  .zm-services-start-options > a,
  .zm-service-map-grid > article,
  .zm-project-service-card article,
  .zm-feature-grid article,
  .zm-seo-journey-card,
  .zm-seo-journey-action,
  .zm-seo-process-card,
  .zm-seo-process-cta,
  .zm-seo-scope-card,
  .zm-seo-scope-cta,
  .zm-seo-check-grid article,
  .zm-request-outcomes li,
  .zm-faq-list details,
  .zm-home-pathways .zm-route-grid > a:not(:last-child),
  .zm-home-pathways .zm-system-line > div,
  .zm-govorilka-status-card
) {
  border: 1px solid transparent;
  background:
    var(--zm-card-fill, var(--zm-card-edge-fill)) padding-box,
    linear-gradient(90deg, var(--zm-card-edge-strong) 0%, var(--zm-card-edge-mid) 42%, var(--zm-card-edge-clear) 100%) border-box;
  box-shadow: var(--zm-card-edge-shadow);
}

body.zm-shell :is(
  .zm-service-grid > a,
  .zm-feature-grid article
) {
  --zm-card-fill: linear-gradient(#f5f7f7, #f5f7f7);
}

body.zm-shell .zm-lead-steps-footer {
  --zm-card-fill: linear-gradient(105deg, #ffffff 0%, #f5fbfd 54%, #edf6fa 100%);
}

body.zm-shell .zm-seo-scope-cta {
  --zm-card-fill: linear-gradient(112deg, #f5fafc 0%, #ffffff 56%, #fff4ef 100%);
}

body.zm-shell :is(
  .zm-services-start-options > a,
  .zm-service-map-grid > article,
  .zm-seo-journey-action,
  .zm-seo-process-cta,
  .zm-seo-check-grid article,
  .zm-request-outcomes li
) {
  --zm-card-fill: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94));
}

body.zm-shell :is(
  .zm-commercial-card,
  .zm-products-card,
  .zm-team-card,
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-video-placeholder-card,
  .zm-lead-step-card,
  .zm-service-grid > a,
  .zm-services-start-options > a,
  .zm-service-map-grid > article,
  .zm-project-service-card article,
  .zm-seo-journey-card,
  .zm-seo-process-card,
  .zm-seo-scope-card,
  .zm-home-pathways .zm-route-grid > a:not(:last-child),
  .zm-govorilka-status-card
):hover {
  border-color: transparent;
  box-shadow: var(--zm-card-edge-shadow-hover);
}

body.zm-shell :is(
  .zm-home-journal-card,
  .zm-blog-card,
  .zm-services-start-options > a,
  .zm-project-service-card,
  .zm-home-pathways .zm-route-grid > a,
  .zm-govorilka-status-card
):focus-visible {
  border-color: transparent;
  outline: 3px solid var(--zm-focus-ring);
  outline-offset: 3px;
}

body.zm-govorilka-page .zm-govorilka-status-card.is-trial {
  --zm-card-fill: linear-gradient(rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97));
}

body.zm-govorilka-page .zm-govorilka-status-card.is-speech {
  --zm-card-fill: linear-gradient(rgba(252, 254, 255, 0.97), rgba(252, 254, 255, 0.97));
}

body.zm-govorilka-page .zm-govorilka-status-card.is-control {
  --zm-card-fill: linear-gradient(rgba(255, 253, 251, 0.97), rgba(255, 253, 251, 0.97));
}

@media (max-width: 680px) {
  body.zm-shell {
    --zm-card-edge-shadow: -3px 0 14px rgba(66, 135, 160, 0.13), 0 6px 16px rgba(29, 71, 86, 0.055);
    --zm-card-edge-shadow-hover: var(--zm-card-edge-shadow);
  }
}

/* Home entry routes: photos are part of the card, not separate pictograms. */
body.zm-home .zm-home-pathways .zm-route-grid {
  gap: 12px;
  align-items: stretch;
}

body.zm-home .zm-home-pathways .zm-route-grid > a,
body.zm-home .zm-home-pathways .zm-route-grid > a:first-of-type,
body.zm-home .zm-home-pathways .zm-route-grid > a:last-child {
  position: relative;
  grid-template-columns: minmax(132px, 34%) minmax(0, 1fr) 44px;
  gap: 16px;
  min-height: 148px;
  margin: 0;
  overflow: hidden;
  padding: 0 16px 0 0;
  border-radius: var(--zm-card-radius);
}

body.zm-home .zm-home-pathways .zm-route-grid > a:last-child {
  border-color: #ec8b6f;
}

body.zm-home .zm-home-pathways .zm-route-media,
body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-media {
  position: relative;
  display: block;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 148px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #e9f1f4;
  box-shadow: none;
}

body.zm-home .zm-home-pathways .zm-route-media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  filter: saturate(0.96) contrast(1.025);
  transform: scale(1.015);
  transition: transform var(--zm-component-transition);
}

body.zm-home .zm-home-pathways .zm-route-grid > a:nth-child(1) .zm-route-media img {
  object-position: 50% 48%;
}

body.zm-home .zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-media img {
  object-position: 50% 43%;
}

body.zm-home .zm-home-pathways .zm-route-grid > a:nth-child(3) .zm-route-media img {
  object-position: 50% 46%;
}

body.zm-home .zm-home-pathways .zm-route-grid > a:hover .zm-route-media img {
  transform: scale(1.055);
}

body.zm-home .zm-home-pathways .zm-route-copy {
  justify-content: center;
  gap: 5px;
  padding-block: 16px;
}

body.zm-home .zm-home-pathways .zm-route-copy > span {
  color: #56717c;
  font-size: 12px;
  font-weight: 720;
}

body.zm-home .zm-home-pathways .zm-route-copy strong,
body.zm-home .zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-copy strong,
body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
  font-size: clamp(17px, 1.42vw, 21px);
  line-height: 1.16;
}

body.zm-home .zm-home-pathways .zm-route-copy small {
  color: #61767f;
  font-size: 11px;
  line-height: 1.32;
}

body.zm-home .zm-home-pathways .zm-route-arrow,
body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
  width: 44px;
  height: 44px;
}

@media (max-width: 960px) and (min-width: 681px) {
  body.zm-home .zm-home-pathways .zm-route-grid > a,
  body.zm-home .zm-home-pathways .zm-route-grid > a:first-of-type {
    grid-template-columns: 118px minmax(0, 1fr) 38px;
    gap: 12px;
    min-height: 126px;
    padding-right: 12px;
  }

  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child {
    grid-template-columns: 160px minmax(0, 1fr) 42px;
    gap: 14px;
    min-height: 126px;
    padding-right: 14px;
  }

  body.zm-home .zm-home-pathways .zm-route-media,
  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-media {
    min-height: 126px;
  }

  body.zm-home .zm-home-pathways .zm-route-arrow,
  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-home-pathways .zm-route-grid > a,
  body.zm-home .zm-home-pathways .zm-route-grid > a:first-of-type,
  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child {
    grid-template-columns: 116px minmax(0, 1fr) 36px;
    gap: 11px;
    min-height: 124px;
    padding: 0 10px 0 0;
  }

  body.zm-home .zm-home-pathways .zm-route-media,
  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-media {
    min-height: 124px;
  }

  body.zm-home .zm-home-pathways .zm-route-copy {
    gap: 4px;
    padding-block: 12px;
  }

  body.zm-home .zm-home-pathways .zm-route-copy > span,
  body.zm-home .zm-home-pathways .zm-route-copy small {
    font-size: 10px;
  }

  body.zm-home .zm-home-pathways .zm-route-copy strong,
  body.zm-home .zm-home-pathways .zm-route-grid > a:nth-child(2) .zm-route-copy strong,
  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
    font-size: 16px;
  }

  body.zm-home .zm-home-pathways .zm-route-arrow,
  body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-arrow {
    width: 36px;
    height: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-home .zm-home-pathways .zm-route-media img {
    transition: none;
  }
}

/* Keep the fade inside the hero; the next section overlaps its last 8px. */
body.zm-home .zm-hero::before {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  height: 24px;
  background: linear-gradient(
    180deg,
    rgba(236, 245, 248, 0) 0%,
    rgba(236, 245, 248, 0.18) 25%,
    rgba(236, 245, 248, 0.65) 50%,
    #ecf5f8 calc(100% - 8px),
    #ecf5f8 100%
  );
  content: "";
  pointer-events: none;
}

body.zm-home .zm-home-pathways > .zm-container {
  position: relative;
  z-index: 1;
}

/* Contact standard: toll-free first, direct line second. */
body.zm-shell .zm-header .zm-header-phone--tollfree svg {
  width: 18px;
  height: 18px;
}

body.zm-home .zm-home-pathways .zm-route-grid > a:last-child .zm-route-copy strong {
  white-space: normal;
}

/* Home role carousel: one clear next step for each type of visitor. */
body.zm-home .zm-pathway-carousel {
  position: relative;
  padding: 46px 0 54px;
  overflow: hidden;
  border-bottom: 1px solid #d8e3e7;
  background:
    linear-gradient(180deg, rgba(234, 244, 247, 0.92) 0, rgba(247, 250, 251, 0.98) 86px, #f7fafb 100%);
}

body.zm-home .zm-pathway-carousel > .zm-container {
  display: block;
}

body.zm-home .zm-pathway-carousel span {
  grid-column: auto;
  color: inherit;
  font-size: inherit;
}

body.zm-home .zm-pathway-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 28px;
  align-items: end;
  margin-bottom: 22px;
}

body.zm-home .zm-pathway-heading > div:first-child {
  max-width: 760px;
}

body.zm-home .zm-pathway-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: #147aa1;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.3;
  text-transform: uppercase;
}

body.zm-home .zm-pathway-heading h2 {
  margin: 0;
  color: #173640;
  font-size: clamp(30px, 3.3vw, 48px);
  line-height: 1.04;
}

body.zm-home .zm-pathway-heading p {
  max-width: 680px;
  margin: 10px 0 0;
  color: #557079;
  font-size: 15px;
  line-height: 1.55;
}

body.zm-home .zm-pathway-controls {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 2px;
}

body.zm-home .zm-pathway-status {
  min-width: 48px;
  color: #57737d;
  font-size: 12px;
  font-weight: 740;
  text-align: right;
}

body.zm-home .zm-pathway-pause {
  position: relative;
  display: inline-grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid #a8cbd6;
  border-radius: 50%;
  color: #176e8d;
  background: rgba(255, 255, 255, 0.86);
  cursor: pointer;
  transition: border-color 180ms ease, background 180ms ease, color 180ms ease;
}

body.zm-home .zm-pathway-pause > span {
  position: relative;
  display: block;
  width: 12px;
  height: 14px;
}

body.zm-home .zm-pathway-pause > span::before,
body.zm-home .zm-pathway-pause > span::after {
  position: absolute;
  top: 0;
  width: 4px;
  height: 14px;
  border-radius: 1px;
  background: currentColor;
  content: "";
}

body.zm-home .zm-pathway-pause > span::before {
  left: 1px;
}

body.zm-home .zm-pathway-pause > span::after {
  right: 1px;
}

body.zm-home .zm-pathway-pause.is-paused > span::before {
  top: 0;
  left: 2px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid currentColor;
  border-radius: 0;
  background: transparent;
}

body.zm-home .zm-pathway-pause.is-paused > span::after {
  display: none;
}

body.zm-home .zm-pathway-pause:hover {
  border-color: #197fa4;
  color: #0d6688;
  background: #fff;
}

body.zm-home .zm-pathway-pause:focus-visible,
body.zm-home .zm-pathway-tabs button:focus-visible,
body.zm-home .zm-pathway-panel:focus-visible {
  outline: 3px solid rgba(244, 106, 52, 0.42);
  outline-offset: 3px;
}

body.zm-home .zm-pathway-tab-shell {
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid #bdd4dc;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

body.zm-home .zm-pathway-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.zm-home .zm-pathway-tabs button {
  position: relative;
  min-height: 48px;
  padding: 10px 16px;
  border: 0;
  border-right: 1px solid #d5e2e6;
  color: #506b75;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 720;
  line-height: 1.2;
  cursor: pointer;
  transition: color 180ms ease, background 180ms ease;
}

body.zm-home .zm-pathway-tabs button:last-child {
  border-right: 0;
}

body.zm-home .zm-pathway-tabs button::after {
  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  content: "";
}

body.zm-home .zm-pathway-tabs button:hover {
  color: #174f63;
  background: rgba(231, 242, 246, 0.72);
}

body.zm-home .zm-pathway-tabs button[aria-selected="true"] {
  color: #173640;
  background: #fff;
}

body.zm-home .zm-pathway-tabs button[aria-selected="true"]::after {
  background: #f46a34;
}

body.zm-home .zm-pathway-panels {
  display: grid;
  gap: 14px;
  touch-action: pan-y;
}

body.zm-home .zm-pathway-panel {
  display: grid;
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);
  min-height: 394px;
  overflow: hidden;
  border: 1px solid #9dc6d3;
  border-radius: 8px;
  background:
    linear-gradient(98deg, rgba(229, 243, 247, 0.82) 0, rgba(255, 255, 255, 0.98) 34%, #fff 100%);
  box-shadow: -5px 0 18px rgba(66, 135, 160, 0.15), 0 10px 28px rgba(29, 71, 86, 0.07);
}

body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panels {
  position: relative;
  display: grid;
}

body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel {
  grid-area: 1 / 1;
  visibility: hidden;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateX(24px) scale(0.995);
  transition:
    opacity 680ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 720ms;
}

body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel.is-active,
body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel.is-entering,
body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel.is-leaving {
  visibility: visible;
  transition-delay: 0s;
}

body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel.is-active {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
}

body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel.is-entering {
  z-index: 2;
  opacity: 0;
  transform: translateX(24px) scale(0.995);
}

body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel.is-leaving {
  z-index: 1;
  opacity: 0;
  transform: translateX(-18px) scale(0.995);
}

body.zm-home .zm-pathway-media {
  position: relative;
  min-height: 394px;
  overflow: hidden;
  background: #dbe9ed;
}

body.zm-home .zm-pathway-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 48%, rgba(8, 37, 47, 0.76) 100%);
  content: "";
  pointer-events: none;
}

body.zm-home .zm-pathway-media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  filter: saturate(0.94) contrast(1.025);
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.zm-home .zm-pathway-panel:hover .zm-pathway-media img {
  transform: scale(1.025);
}

body.zm-home .zm-pathway-media > span {
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: 18px;
  left: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.35;
}

body.zm-home .zm-pathway-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 28px 30px;
}

body.zm-home .zm-pathway-carousel .zm-pathway-kicker {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
  color: #15789c;
  font-size: 12px;
  font-weight: 780;
  line-height: 1.3;
  text-transform: uppercase;
}

body.zm-home .zm-pathway-carousel .zm-pathway-kicker svg {
  display: block;
  width: 18px;
  height: 18px;
  grid-column: auto;
  grid-row: auto;
}

body.zm-home .zm-pathway-content h3 {
  max-width: 720px;
  margin: 0;
  color: #173640;
  font-size: clamp(25px, 2.25vw, 34px);
  line-height: 1.08;
}

body.zm-home .zm-pathway-content > p {
  max-width: 760px;
  margin: 12px 0 0;
  color: #4e6872;
  font-size: 14px;
  line-height: 1.52;
}

body.zm-home .zm-pathway-content ul {
  display: grid;
  gap: 7px;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

body.zm-home .zm-pathway-content li {
  position: relative;
  padding-left: 20px;
  color: #2e4d58;
  font-size: 13px;
  line-height: 1.42;
}

body.zm-home .zm-pathway-content li::before {
  position: absolute;
  top: 0.46em;
  left: 1px;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #25a969;
  box-shadow: 0 0 0 2px rgba(37, 169, 105, 0.18);
  content: "";
}

body.zm-home .zm-pathway-proof {
  display: flex;
  gap: 7px;
  align-items: baseline;
  margin-top: 15px;
  padding: 10px 12px;
  border-left: 3px solid #f46a34;
  color: #49646e;
  background: linear-gradient(90deg, rgba(255, 239, 231, 0.9), rgba(255, 249, 246, 0.36));
  font-size: 12px;
  line-height: 1.4;
}

body.zm-home .zm-pathway-proof strong {
  flex: 0 0 auto;
  color: #863b20;
}

body.zm-home .zm-pathway-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 17px;
}

body.zm-home .zm-pathway-carousel .zm-pathway-actions a,
body.zm-home .zm-pathway-carousel .zm-pathway-actions a:first-of-type,
body.zm-home .zm-pathway-carousel .zm-pathway-actions a:last-of-type {
  position: relative;
  display: inline-flex;
  grid-template-columns: none;
  gap: 9px;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 10px 16px;
  border: 0;
  border-radius: 6px;
  font-size: 13px;
  line-height: 1.2;
}

body.zm-home .zm-pathway-carousel .zm-pathway-actions .zm-button-primary:hover {
  color: #fff;
  background: var(--zm-orange-dark);
}

body.zm-home .zm-pathway-carousel .zm-pathway-actions .zm-text-link {
  padding-inline: 2px;
  color: #166f90;
  background: transparent;
}

body.zm-home .zm-pathway-carousel .zm-pathway-actions .zm-text-link:hover {
  color: #ad431c;
  background: transparent;
}

body.zm-home .zm-pathway-carousel .zm-pathway-actions svg {
  display: block;
  width: 17px;
  height: 17px;
  grid-column: auto;
  grid-row: auto;
}

body.zm-home .zm-pathway-progress {
  height: 3px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 3px;
  background: #dce8eb;
}

body.zm-home .zm-pathway-progress > span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #1680a5, #f46a34);
  transform: scaleX(0);
  transform-origin: left center;
}

body.zm-home .zm-pathway-carousel.is-progressing .zm-pathway-progress > span {
  animation: zm-pathway-progress var(--zm-pathway-duration, 6000ms) linear forwards;
}

@keyframes zm-pathway-progress {
  to { transform: scaleX(1); }
}

@media (max-width: 900px) {
  body.zm-home .zm-pathway-carousel {
    padding: 38px 0 46px;
  }

  body.zm-home .zm-pathway-tab-shell {
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.zm-home .zm-pathway-tab-shell::-webkit-scrollbar {
    display: none;
  }

  body.zm-home .zm-pathway-tabs {
    grid-template-columns: repeat(5, minmax(148px, 1fr));
    width: max-content;
    min-width: 100%;
  }

  body.zm-home .zm-pathway-panel {
    grid-template-columns: minmax(230px, 0.74fr) minmax(0, 1.26fr);
  }

  body.zm-home .zm-pathway-content {
    padding: 25px 24px;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel {
    padding: 32px 0 38px;
  }

  body.zm-home .zm-pathway-heading {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    margin-bottom: 18px;
  }

  body.zm-home .zm-pathway-heading h2 {
    font-size: 30px;
  }

  body.zm-home .zm-pathway-heading p {
    font-size: 13px;
  }

  body.zm-home .zm-pathway-status {
    display: none;
  }

  body.zm-home .zm-pathway-tabs {
    grid-template-columns: repeat(5, minmax(136px, 1fr));
  }

  body.zm-home .zm-pathway-tabs button {
    min-height: 46px;
    padding-inline: 12px;
    font-size: 12px;
  }

  body.zm-home .zm-pathway-panel {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.zm-home .zm-pathway-media {
    min-height: 188px;
    max-height: 210px;
  }

  body.zm-home .zm-pathway-media img {
    min-height: 188px;
    max-height: 210px;
  }

  body.zm-home .zm-pathway-content {
    padding: 23px 20px 24px;
  }

  body.zm-home .zm-pathway-content h3 {
    font-size: 25px;
  }

  body.zm-home .zm-pathway-proof {
    display: block;
  }

  body.zm-home .zm-pathway-proof strong {
    display: block;
    margin-bottom: 2px;
  }

  body.zm-home .zm-pathway-actions {
    align-items: stretch;
  }

  body.zm-home .zm-pathway-carousel .zm-pathway-actions a,
  body.zm-home .zm-pathway-carousel .zm-pathway-actions a:first-of-type,
  body.zm-home .zm-pathway-carousel .zm-pathway-actions a:last-of-type {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-home .zm-pathway-carousel.is-enhanced .zm-pathway-panel,
  body.zm-home .zm-pathway-media img {
    transition: none;
  }

  body.zm-home .zm-pathway-carousel.is-progressing .zm-pathway-progress > span {
    animation: none;
    transform: scaleX(1);
  }
}

.zm-contact-facts .zm-contact-phone-fact:first-child {
  padding-left: 0;
}

.zm-contact-facts .zm-contact-phone-fact > span {
  margin-bottom: 10px;
}

.zm-contact-facts .zm-contact-phone-fact a {
  display: block;
  min-height: 0;
  padding: 0;
  border: 0;
}

.zm-contact-facts .zm-contact-phone-fact a + a {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--zm-line);
}

.zm-contact-facts .zm-contact-phone-fact a small {
  display: block;
  margin-top: 2px;
}

@media (max-width: 1120px) and (min-width: 961px) {
  body.zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree {
    padding-left: 8px;
  }

  body.zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree svg {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 960px) {
  body.zm-shell .zm-header .zm-header-phones .zm-header-phone--city {
    display: none;
  }

  body.zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree {
    display: flex;
    width: 44px;
    min-height: 44px;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--zm-line);
    border-radius: var(--zm-control-radius);
    background: #ffffff;
  }

  body.zm-shell .zm-header .zm-header-phones .zm-header-phone--tollfree svg {
    width: 18px;
    height: 18px;
  }
}

/* Airword reviews: one compact evidence panel instead of four detached cards. */
body.zm-shell.zm-airword-page #reviews.zm-section.zm-airword-reviews {
  padding-block: 54px 82px;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-reviews-heading {
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.72fr);
  gap: 52px;
}

body.zm-airword-page .zm-airword-reviews-heading h2 {
  max-width: 760px;
  font-size: clamp(38px, 3.2vw, 50px);
  line-height: 1.04;
}

body.zm-airword-page .zm-airword-reviews-heading h2 span {
  display: block;
  color: var(--airword-blue);
}

body.zm-airword-page .zm-airword-reviews-heading h2 em {
  color: var(--zm-action-orange);
  font-style: normal;
  white-space: nowrap;
}

body.zm-airword-page .zm-airword-reviews-intro p {
  margin: 0;
  color: #526b76;
  font-size: 13px;
  line-height: 1.62;
}

body.zm-airword-page .zm-airword-reviews-intro .zm-airword-reviews-source {
  display: inline-flex;
  margin-top: 14px;
}

body.zm-airword-page .zm-airword-reviews-showcase {
  display: grid;
  grid-template-columns: minmax(270px, 0.7fr) minmax(0, 1.7fr);
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--zm-card-radius);
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(100deg, rgba(41, 123, 157, 0.78) 0%, rgba(79, 149, 178, 0.34) 48%, rgba(79, 149, 178, 0.08) 100%) border-box;
  box-shadow: -8px 0 28px rgba(52, 132, 166, 0.11), 0 18px 42px rgba(25, 67, 84, 0.06);
}

body.zm-airword-page .zm-airword-reviews-impact {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  overflow: hidden;
  border-right: 1px solid #dce9ee;
  background:
    radial-gradient(circle at 14% 4%, rgba(88, 165, 194, 0.22), transparent 42%),
    linear-gradient(145deg, #eef8fb 0%, #f8fcfd 58%, #fff8f2 100%);
}

body.zm-airword-page .zm-airword-reviews-impact::after {
  position: absolute;
  right: -46px;
  bottom: -58px;
  width: 150px;
  height: 150px;
  border: 22px solid rgba(240, 111, 36, 0.06);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

body.zm-airword-page .zm-airword-reviews-impact > span {
  position: relative;
  z-index: 1;
  color: #4b6d7a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-reviews-impact > strong {
  position: relative;
  z-index: 1;
  margin: 8px 0 4px;
  color: var(--zm-action-orange);
  font-size: clamp(64px, 6vw, 84px);
  line-height: 0.95;
}

body.zm-airword-page .zm-airword-reviews-impact h3 {
  position: relative;
  z-index: 1;
  max-width: 260px;
  margin: 12px 0 0;
  color: var(--airword-ink);
  font-size: 20px;
  line-height: 1.16;
}

body.zm-airword-page .zm-airword-reviews-impact p {
  position: relative;
  z-index: 1;
  max-width: 280px;
  margin: 14px 0 0;
  color: #4f6873;
  font-size: 12px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-reviews-impact small {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin-top: 26px;
  padding-top: 14px;
  border-top: 1px solid rgba(79, 137, 160, 0.22);
  color: #718790;
  font-size: 9px;
  line-height: 1.5;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: #dce9ee;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article {
  min-height: 196px;
  padding: 24px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(2),
body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(3) {
  background: #fbfdfe;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-review-mark {
  font-size: 36px;
  line-height: 0.7;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article > p {
  margin: 18px 0 22px;
  color: #29444f;
  font-size: 13px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid footer > span {
  width: 34px;
  height: 34px;
  background: linear-gradient(145deg, #287a9c, #4f9ab7);
  font-size: 9px;
}

@media (max-width: 980px) {
  body.zm-airword-page .zm-airword-reviews-heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 18px;
  }

  body.zm-airword-page .zm-airword-reviews-intro {
    max-width: 680px;
  }

  body.zm-airword-page .zm-airword-reviews-showcase {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-reviews-impact {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    align-items: center;
    gap: 4px 26px;
    padding: 24px 28px;
    border-right: 0;
    border-bottom: 1px solid #dce9ee;
  }

  body.zm-airword-page .zm-airword-reviews-impact > span,
  body.zm-airword-page .zm-airword-reviews-impact > strong {
    grid-column: 1;
  }

  body.zm-airword-page .zm-airword-reviews-impact h3,
  body.zm-airword-page .zm-airword-reviews-impact p,
  body.zm-airword-page .zm-airword-reviews-impact small {
    grid-column: 2;
  }

  body.zm-airword-page .zm-airword-reviews-impact h3 {
    grid-row: 1;
    max-width: none;
    margin: 0;
  }

  body.zm-airword-page .zm-airword-reviews-impact p {
    grid-row: 2;
    max-width: 520px;
    margin: 0;
  }

  body.zm-airword-page .zm-airword-reviews-impact small {
    grid-row: 3;
    max-width: 620px;
    margin-top: 8px;
    padding-top: 10px;
  }
}

@media (max-width: 620px) {
  body.zm-shell.zm-airword-page #reviews.zm-section.zm-airword-reviews {
    padding-block: 44px 58px;
  }

  body.zm-airword-page .zm-airword-reviews-heading h2 {
    font-size: 32px;
    line-height: 1.06;
  }

  body.zm-airword-page .zm-airword-reviews-showcase {
    margin-top: 22px;
  }

  body.zm-airword-page .zm-airword-reviews-impact {
    display: flex;
    align-items: flex-start;
    gap: 0;
    padding: 22px;
  }

  body.zm-airword-page .zm-airword-reviews-impact > strong {
    font-size: 62px;
  }

  body.zm-airword-page .zm-airword-reviews-impact h3 {
    max-width: 280px;
    margin-top: 10px;
    font-size: 18px;
  }

  body.zm-airword-page .zm-airword-reviews-impact p {
    max-width: 310px;
    margin-top: 12px;
  }

  body.zm-airword-page .zm-airword-reviews-impact small {
    max-width: none;
    margin-top: 20px;
    padding-top: 12px;
  }

  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid {
    grid-template-columns: 1fr;
    gap: 1px;
    margin: 0;
  }

  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article {
    min-height: 0;
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(even) {
    background: #fbfdfe;
  }

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article > p {
    margin: 16px 0 20px;
  }
}

/* Airword reviews: compact proof points and an accessible moving reel. */
body.zm-airword-page .zm-airword-reviews-heading h2 {
  max-width: 850px;
}

body.zm-airword-page .zm-airword-reviews-showcase {
  grid-template-columns: minmax(310px, 0.78fr) minmax(0, 1.72fr);
}

body.zm-airword-page .zm-airword-reviews-impact {
  justify-content: flex-start;
  padding: 28px;
}

body.zm-airword-page .zm-airword-reviews-impact h3 {
  max-width: 330px;
  margin-top: 9px;
  font-size: 18px;
  line-height: 1.22;
}

body.zm-airword-page .zm-airword-impact-points {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0;
  margin-top: 16px;
  border-top: 1px solid rgba(79, 137, 160, 0.2);
}

body.zm-airword-page .zm-airword-impact-points > div {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 64px;
  padding-block: 10px;
  border-bottom: 1px solid rgba(79, 137, 160, 0.2);
}

body.zm-airword-page .zm-airword-impact-points b {
  color: var(--airword-blue);
  font-size: 29px;
  line-height: 0.95;
  white-space: nowrap;
}

body.zm-airword-page .zm-airword-impact-points .is-primary b {
  color: var(--zm-action-orange);
}

body.zm-airword-page .zm-airword-impact-points b em {
  margin-right: 3px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  vertical-align: 7px;
}

body.zm-airword-page .zm-airword-impact-points span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

body.zm-airword-page .zm-airword-impact-points strong {
  color: var(--airword-ink);
  font-size: 13px;
  line-height: 1.3;
}

body.zm-airword-page .zm-airword-impact-points small {
  position: static;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  color: #67808a;
  font-size: 10px;
  line-height: 1.4;
}

body.zm-airword-page .zm-airword-reviews-impact .zm-airword-impact-note {
  margin-top: 14px;
  padding-top: 0;
  border-top: 0;
}

body.zm-airword-page .zm-airword-reviews-reel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 18px 0 0;
  overflow: hidden;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-reviews-reel-head {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  padding: 0 18px 14px;
}

body.zm-airword-page .zm-airword-reviews-reel-head > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #58717b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-reviews-reel-head > span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #21a568;
  box-shadow: 0 0 0 5px rgba(33, 165, 104, 0.1);
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 12px) / 2);
  gap: 12px;
  margin: 0;
  padding: 1px 18px 18px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: inline mandatory;
  scrollbar-width: none;
  background: transparent;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid::-webkit-scrollbar {
  display: none;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid.is-loop-resetting {
  scroll-behavior: auto;
  scroll-snap-type: none;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article,
body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(2),
body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(3),
body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(even) {
  display: flex;
  min-height: 224px;
  flex-direction: column;
  padding: 22px;
  border: 1px solid rgba(48, 130, 163, 0.42);
  border-radius: var(--zm-card-radius);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  background: linear-gradient(155deg, #ffffff 0%, #fbfdfe 100%);
  box-shadow: inset 0 0 0 2px rgba(74, 151, 181, 0.07), 0 10px 22px rgba(30, 83, 104, 0.06);
}

body.zm-airword-page .zm-airword-review-top {
  display: flex;
  min-height: 28px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.zm-airword-page .zm-airword-review-context {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid rgba(48, 130, 163, 0.18);
  border-radius: 6px;
  color: #39758e;
  background: rgba(70, 151, 183, 0.07);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

body.zm-airword-page .zm-airword-review-top .zm-airword-review-mark {
  color: var(--zm-action-orange);
  font-size: 32px;
  line-height: 0.7;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article > p {
  flex: 1;
  margin: 18px 0 20px;
}

body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article footer {
  margin-top: auto;
}

body.zm-airword-page .zm-airword-reviews-cta {
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 18px;
  border-top: 1px solid rgba(48, 130, 163, 0.18);
  background: linear-gradient(90deg, rgba(234, 247, 251, 0.78), rgba(255, 249, 244, 0.72));
}

body.zm-airword-page .zm-airword-reviews-cta > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
}

body.zm-airword-page .zm-airword-reviews-cta strong {
  color: var(--airword-ink);
  font-size: 12px;
  line-height: 1.3;
}

body.zm-airword-page .zm-airword-reviews-cta small {
  color: #69808a;
  font-size: 9px;
  line-height: 1.35;
}

body.zm-airword-page .zm-airword-reviews-cta > a {
  display: inline-flex;
  min-height: 38px;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid rgba(215, 87, 24, 0.26);
  border-radius: var(--zm-control-radius);
  color: #ffffff;
  background: var(--zm-action-orange);
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
  transition: background 180ms ease, border-color 180ms ease;
}

body.zm-airword-page .zm-airword-reviews-cta > a:hover,
body.zm-airword-page .zm-airword-reviews-cta > a:focus-visible {
  border-color: #ac4313;
  background: #c94f19;
  outline: none;
}

body.zm-airword-page .zm-airword-reviews-cta svg {
  width: 13px;
  height: 13px;
}

@media (max-width: 980px) {
  body.zm-airword-page .zm-airword-reviews-showcase {
    grid-template-columns: 1fr;
  }

  body.zm-airword-page .zm-airword-reviews-impact {
    display: grid;
    grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.8fr);
    grid-template-rows: auto auto auto;
    gap: 6px 30px;
  }

  body.zm-airword-page .zm-airword-reviews-impact > span {
    grid-row: 1;
    grid-column: 1;
  }

  body.zm-airword-page .zm-airword-reviews-impact h3 {
    grid-row: 2;
    grid-column: 1;
    margin-top: 4px;
  }

  body.zm-airword-page .zm-airword-impact-points {
    grid-row: 1 / span 2;
    grid-column: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 0;
    border-top: 0;
  }

  body.zm-airword-page .zm-airword-impact-points > div {
    grid-template-columns: 1fr;
    align-content: start;
    gap: 7px;
    padding: 12px;
    border: 1px solid rgba(79, 137, 160, 0.2);
    border-radius: 8px;
  }

  body.zm-airword-page .zm-airword-reviews-impact .zm-airword-impact-note {
    grid-row: 3;
    grid-column: 1 / -1;
    margin-top: 8px;
  }
}

@media (max-width: 620px) {
  body.zm-airword-page .zm-airword-reviews-heading h2 span {
    display: inline;
  }

  body.zm-airword-page .zm-airword-reviews-impact {
    display: flex;
    padding: 22px;
  }

  body.zm-airword-page .zm-airword-impact-points {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 0;
    margin-top: 18px;
  }

  body.zm-airword-page .zm-airword-impact-points > div {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    min-height: 64px;
    padding: 11px 0;
    border-width: 0 0 1px;
    border-radius: 0;
  }

  body.zm-airword-page .zm-airword-reviews-reel-head {
    padding-inline: 16px;
  }

  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid {
    grid-template-columns: none;
    grid-auto-columns: 88%;
    gap: 10px;
    padding: 1px 16px 16px;
  }

  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article,
  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(2),
  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(3),
  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid article:nth-child(even) {
    min-height: 218px;
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-reviews-cta {
    gap: 12px;
    padding-inline: 16px;
  }

  body.zm-airword-page .zm-airword-reviews-cta strong {
    font-size: 11px;
  }

  body.zm-airword-page .zm-airword-reviews-cta > a {
    padding-inline: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-airword-page .zm-airword-reviews-showcase .zm-airword-reviews-grid {
    scroll-behavior: auto;
  }
}

/* Airword privacy: a clear, light trust section based on the product policy. */
body.zm-airword-page .zm-airword-trust {
  position: relative;
  padding-block: 86px;
  overflow: hidden;
  color: var(--airword-ink);
  background: linear-gradient(180deg, #f2f9fc 0%, #ffffff 54%, #fff9f4 100%);
}

body.zm-airword-page .zm-airword-trust::before {
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, rgba(42, 126, 160, 0.58), rgba(42, 126, 160, 0.08) 58%, rgba(221, 91, 30, 0.26));
  content: "";
}

body.zm-airword-page .zm-airword-trust-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
  align-items: end;
  gap: 70px;
}

body.zm-airword-page .zm-airword-trust-title {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

body.zm-airword-page .zm-airword-trust-seal {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border: 1px solid rgba(42, 126, 160, 0.3);
  border-radius: 8px;
  color: #237d9f;
  background: linear-gradient(145deg, #ffffff, #e9f6fa);
}

body.zm-airword-page .zm-airword-trust-seal svg,
body.zm-airword-page .zm-airword-trust-icon svg,
body.zm-airword-page .zm-airword-trust-note > span svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

body.zm-airword-page .zm-airword-trust-heading h2 {
  max-width: 680px;
  margin: 0;
  color: var(--airword-ink);
  font-size: 46px;
  line-height: 1.06;
}

body.zm-airword-page .zm-airword-trust-heading h2 span {
  display: block;
  color: var(--airword-blue);
}

body.zm-airword-page .zm-airword-trust-intro {
  max-width: 520px;
  padding-bottom: 3px;
}

body.zm-airword-page .zm-airword-trust-intro p {
  margin: 0;
  color: #4f6974;
  font-size: 14px;
  line-height: 1.62;
}

body.zm-airword-page .zm-airword-trust-intro .zm-text-link {
  margin-top: 18px;
  color: #286f8b;
}

body.zm-airword-page .zm-airword-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 42px;
  background: transparent;
}

body.zm-airword-page .zm-airword-trust-grid article {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 238px;
  flex-direction: column;
  padding: 22px;
  border: 1px solid transparent;
  border-radius: var(--zm-card-radius);
  color: var(--airword-ink);
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(42, 126, 160, 0.58), rgba(42, 126, 160, 0.08) 64%, rgba(221, 91, 30, 0.2)) border-box;
  box-shadow: 0 14px 32px rgba(27, 81, 101, 0.06);
}

body.zm-airword-page .zm-airword-trust-grid article > small {
  position: absolute;
  top: 22px;
  right: 22px;
  color: #9ab0b9;
  font-size: 10px;
  font-weight: 800;
}

body.zm-airword-page .zm-airword-trust-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(42, 126, 160, 0.2);
  border-radius: 8px;
  color: #287e9f;
  background: #edf8fb;
}

body.zm-airword-page .zm-airword-trust-grid article:nth-child(2) .zm-airword-trust-icon,
body.zm-airword-page .zm-airword-trust-grid article:nth-child(4) .zm-airword-trust-icon {
  color: #c9541e;
  background: #fff4ed;
  border-color: rgba(201, 84, 30, 0.18);
}

body.zm-airword-page .zm-airword-trust-grid strong {
  display: block;
  margin-top: 22px;
  color: var(--airword-ink);
  font-size: 17px;
  line-height: 1.25;
}

body.zm-airword-page .zm-airword-trust-grid p {
  margin: 12px 0 0;
  color: #607883;
  font-size: 12px;
  line-height: 1.55;
}

body.zm-airword-page .zm-airword-trust-note {
  display: grid;
  grid-template-columns: 46px minmax(280px, 1fr) minmax(360px, auto);
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 18px 20px;
  border-block: 1px solid rgba(42, 126, 160, 0.18);
  background: rgba(239, 248, 251, 0.62);
}

body.zm-airword-page .zm-airword-trust-note > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 8px;
  color: #287e9f;
  background: #ffffff;
}

body.zm-airword-page .zm-airword-trust-note strong {
  display: block;
  color: var(--airword-ink);
  font-size: 13px;
  line-height: 1.3;
}

body.zm-airword-page .zm-airword-trust-note p {
  margin: 4px 0 0;
  color: #637b85;
  font-size: 10px;
  line-height: 1.5;
}

body.zm-airword-page .zm-airword-trust-note ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.zm-airword-page .zm-airword-trust-note li {
  position: relative;
  padding-left: 15px;
  color: #3f6574;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

body.zm-airword-page .zm-airword-trust-note li::before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 5px;
  border-bottom: 2px solid #1b9a62;
  border-left: 2px solid #1b9a62;
  content: "";
  transform: rotate(-45deg);
}

@media (max-width: 980px) {
  body.zm-airword-page .zm-airword-trust-heading {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 22px;
  }

  body.zm-airword-page .zm-airword-trust-intro {
    max-width: 700px;
    padding-left: 74px;
  }

  body.zm-airword-page .zm-airword-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-airword-page .zm-airword-trust-note {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  body.zm-airword-page .zm-airword-trust-note ul {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  body.zm-shell.zm-airword-page #privacy.zm-section.zm-airword-trust {
    padding-block: 58px;
  }

  body.zm-airword-page .zm-airword-trust-title {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 13px;
  }

  body.zm-airword-page .zm-airword-trust-seal {
    width: 44px;
    height: 44px;
  }

  body.zm-airword-page .zm-airword-trust-heading h2 {
    font-size: 32px;
  }

  body.zm-airword-page .zm-airword-trust-intro {
    padding-left: 0;
  }

  body.zm-airword-page .zm-airword-trust-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 30px;
  }

  body.zm-airword-page .zm-airword-trust-grid article {
    min-height: 0;
    padding: 20px;
  }

  body.zm-airword-page .zm-airword-trust-grid strong {
    margin-top: 18px;
  }

  body.zm-airword-page .zm-airword-trust-note {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
    background: transparent;
  }

  body.zm-airword-page .zm-airword-trust-note > span {
    width: 38px;
    height: 38px;
  }

  body.zm-airword-page .zm-airword-trust-note ul {
    grid-column: 1 / -1;
    gap: 8px 12px;
  }

  body.zm-airword-page .zm-airword-trust-note li {
    white-space: normal;
  }
}

/* Airword closing sequence: compact product videos and editorial guidance. */
body.zm-airword-page .zm-video-placeholder {
  --zm-video-accent: #2a7ea0;
  padding-block: 58px 62px;
  border-color: rgba(42, 126, 160, 0.16);
  background: linear-gradient(118deg, #f2f8fa 0%, #ffffff 58%, #fff8f3 100%);
}

body.zm-airword-page .zm-video-placeholder-heading {
  margin-bottom: 26px;
}

body.zm-airword-page .zm-video-placeholder-heading h2,
body.zm-airword-page .zm-page-journal .zm-home-journal-heading h2 {
  max-width: 760px;
  font-size: clamp(38px, 4vw, 50px);
}

body.zm-airword-page .zm-video-placeholder-copy {
  min-height: 118px;
  padding: 18px 20px 20px;
}

body.zm-airword-page .zm-video-placeholder-copy h3 {
  font-size: 18px;
}

body.zm-airword-page .zm-video-placeholder-copy p {
  font-size: 12px;
  line-height: 1.55;
}

body.zm-airword-page .zm-page-journal--airword {
  padding-block: 60px 64px;
  border-bottom: 1px solid rgba(42, 126, 160, 0.14);
  background: #ffffff;
}

body.zm-airword-page .zm-page-journal--airword .zm-home-journal-heading {
  margin-bottom: 28px;
}

@media (max-width: 680px) {
  body.zm-airword-page .zm-video-placeholder,
  body.zm-airword-page .zm-page-journal--airword {
    padding-block: 48px 52px;
  }

  body.zm-airword-page .zm-video-placeholder-heading h2,
  body.zm-airword-page .zm-page-journal .zm-home-journal-heading h2 {
    font-size: 34px;
  }

body.zm-airword-page .zm-video-placeholder-copy {
    min-height: 0;
  }
}

/* VoxWord: call quality intelligence landing. */
body.zm-voxword-page {
  --vox-ink: #08143b;
  --vox-deep: #05081b;
  --vox-navy: #0b1230;
  --vox-blue: #1b2a5e;
  --vox-cyan: #00b8d4;
  --vox-cyan-bright: #00e5ff;
  --vox-purple: #a43ce6;
  --vox-success: #188b55;
  --vox-warning: #d77b00;
  --vox-danger: #d93652;
  --vox-muted: #66708d;
  --vox-line: #dbe3ef;
  --vox-soft: #f2f8fb;
  color: var(--vox-ink);
  background: #ffffff;
}

body.zm-voxword-page h1,
body.zm-voxword-page h2,
body.zm-voxword-page h3,
body.zm-voxword-page p,
body.zm-voxword-page span,
body.zm-voxword-page strong,
body.zm-voxword-page small,
body.zm-voxword-page a,
body.zm-voxword-page button,
body.zm-voxword-page label,
body.zm-voxword-page input {
  letter-spacing: 0;
}

body.zm-voxword-page .zm-section {
  padding-block: 88px;
}

body.zm-voxword-page .zm-section-heading {
  align-items: end;
  margin-bottom: 38px;
}

body.zm-voxword-page .zm-section-heading h2 {
  max-width: 820px;
  color: var(--vox-ink);
  font-size: 48px;
  line-height: 1.02;
}

body.zm-voxword-page .zm-section-heading > p {
  max-width: 480px;
  color: var(--vox-muted);
  font-size: 16px;
  line-height: 1.65;
}

body.zm-voxword-page .zm-kicker {
  color: #087c91;
}

.zm-voxword-hero {
  position: relative;
  overflow: hidden;
  padding: 126px 0 72px;
  color: #ffffff;
  background:
    radial-gradient(circle at 82% 18%, rgba(194, 76, 255, 0.17), transparent 32%),
    radial-gradient(circle at 62% 55%, rgba(0, 229, 255, 0.11), transparent 38%),
    linear-gradient(135deg, var(--vox-deep) 0%, var(--vox-navy) 48%, #0b1e4c 100%);
}

.zm-voxword-hero::after {
  position: absolute;
  inset: auto -8% -42% 48%;
  width: 640px;
  height: 640px;
  border: 1px solid rgba(0, 229, 255, 0.12);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(0, 229, 255, 0.025), 0 0 0 150px rgba(194, 76, 255, 0.02);
  content: "";
  pointer-events: none;
}

.zm-voxword-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(440px, 0.95fr);
  gap: 64px;
  align-items: center;
}

.zm-voxword-hero .zm-breadcrumbs {
  margin-bottom: 26px;
  color: rgba(255, 255, 255, 0.62);
}

.zm-voxword-hero .zm-breadcrumbs a {
  color: rgba(255, 255, 255, 0.72);
}

.zm-voxword-brandline {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 26px;
}

.zm-voxword-brandline img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.zm-voxword-brandline span {
  font-size: 22px;
  font-weight: 800;
}

.zm-voxword-brandline small {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.66);
  font-size: 12px;
}

.zm-voxword-hero h1 {
  max-width: 720px;
  margin: 0;
  color: #ffffff;
  font-size: 58px;
  line-height: 0.98;
}

.zm-voxword-hero h1 span {
  display: block;
  margin-top: 12px;
  color: #9deffc;
}

.zm-voxword-hero-lead {
  max-width: 660px;
  margin: 26px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 18px;
  line-height: 1.65;
}

.zm-voxword-hero .zm-actions {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 30px;
}

.zm-voxword-hero .zm-button-primary {
  color: #051021;
  background: #ff8a24;
  box-shadow: 0 10px 28px rgba(255, 138, 36, 0.18);
}

.zm-voxword-ghost-button {
  display: inline-flex;
  min-height: 50px;
  padding: 0 19px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 6px;
  color: #ffffff;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.zm-voxword-ghost-button:hover {
  border-color: rgba(0, 229, 255, 0.72);
  background: rgba(0, 229, 255, 0.08);
}

.zm-voxword-ghost-button svg {
  width: 18px;
  height: 18px;
}

.zm-voxword-trustline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 650px;
  margin: 38px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  list-style: none;
}

.zm-voxword-trustline li {
  display: grid;
  gap: 3px;
  padding-right: 18px;
}

.zm-voxword-trustline strong {
  color: #ffffff;
  font-size: 20px;
}

.zm-voxword-trustline span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
}

.zm-voxword-hero-demo {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(117, 233, 255, 0.3);
  border-radius: 8px;
  background: rgba(9, 18, 48, 0.76);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(16px);
}

.zm-voxword-appbar,
.zm-voxword-call-head,
.zm-voxword-transcript,
.zm-voxword-demo-metrics,
.zm-voxword-recommendation {
  padding-inline: 22px;
}

.zm-voxword-appbar {
  display: flex;
  min-height: 58px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  align-items: center;
  justify-content: space-between;
}

.zm-voxword-appbar span {
  display: flex;
  gap: 9px;
  align-items: center;
  font-size: 14px;
  font-weight: 800;
}

.zm-voxword-appbar img {
  width: 26px;
  height: 26px;
}

.zm-voxword-appbar small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
}

.zm-voxword-call-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  padding-block: 22px;
  align-items: center;
}

.zm-voxword-call-head div {
  display: grid;
  gap: 5px;
}

.zm-voxword-call-head small {
  color: #65e9fa;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-voxword-call-head strong {
  color: #ffffff;
  font-size: 16px;
}

.zm-voxword-score {
  display: grid;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 176, 32, 0.5);
  border-radius: 50%;
  color: #ffc45b;
  background: rgba(255, 176, 32, 0.1);
  place-items: center;
  font-size: 19px;
  font-weight: 900;
}

.zm-voxword-transcript {
  display: grid;
  gap: 8px;
}

.zm-voxword-transcript p {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 3px 8px;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.035);
  font-size: 12px;
  line-height: 1.5;
}

.zm-voxword-transcript p span {
  grid-row: 1 / 3;
  color: #6addf0;
  font-size: 10px;
}

.zm-voxword-transcript p strong {
  color: #ffffff;
}

.zm-voxword-transcript p.is-risk {
  border-color: rgba(255, 77, 106, 0.28);
  background: rgba(255, 77, 106, 0.07);
}

.zm-voxword-demo-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.zm-voxword-demo-metrics div {
  display: grid;
  gap: 5px;
  padding: 11px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.055);
}

.zm-voxword-demo-metrics span {
  color: rgba(255, 255, 255, 0.45);
  font-size: 9px;
  text-transform: uppercase;
}

.zm-voxword-demo-metrics strong {
  color: #ffffff;
  font-size: 11px;
}

.zm-voxword-recommendation {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 11px;
  margin-top: 16px;
  padding-block: 16px;
  border-top: 1px solid rgba(0, 229, 255, 0.16);
  background: rgba(0, 229, 255, 0.045);
}

.zm-voxword-recommendation svg {
  width: 24px;
  height: 24px;
  color: #57e9fb;
}

.zm-voxword-recommendation p {
  display: grid;
  gap: 3px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  line-height: 1.5;
}

.zm-voxword-recommendation strong {
  color: #ffffff;
  font-size: 10px;
  text-transform: uppercase;
}

.zm-voxword-subnav {
  border-bottom: 1px solid #e6ebf2;
  background: #ffffff;
}

.zm-voxword-subnav .zm-container {
  display: flex;
  min-height: 54px;
  gap: 28px;
  align-items: center;
}

.zm-voxword-subnav a {
  color: #58627c;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.zm-voxword-subnav a:hover {
  color: #087c91;
}

.zm-voxword-losses {
  background: #f5fafc;
}

.zm-voxword-calculator {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
  overflow: hidden;
  border: 1px solid #cedce8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(8, 20, 59, 0.07);
}

.zm-voxword-calculator-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding: 30px;
}

.zm-voxword-calculator label {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 9px 12px;
  color: #35405f;
  font-size: 12px;
  font-weight: 700;
}

.zm-voxword-calculator input[type="number"] {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #d4deea;
  border-radius: 6px;
  color: var(--vox-ink);
  background: #fbfdff;
  font: inherit;
  font-size: 15px;
}

.zm-voxword-calculator input[type="range"] {
  grid-column: 1 / -1;
  width: 100%;
  accent-color: var(--vox-cyan);
}

.zm-voxword-calculator output {
  color: #087c91;
  font-size: 13px;
}

.zm-voxword-calculator-result {
  display: flex;
  min-height: 230px;
  padding: 32px;
  color: #ffffff;
  background: linear-gradient(145deg, #0b173e, #143267);
  flex-direction: column;
  justify-content: center;
}

.zm-voxword-calculator-result small {
  color: #8eeefb;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-voxword-calculator-result strong {
  margin-top: 12px;
  color: #ffffff;
  font-size: 32px;
  line-height: 1.05;
}

.zm-voxword-calculator-result p {
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  line-height: 1.55;
}

.zm-voxword-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--vox-line);
  list-style: none;
}

.zm-voxword-steps li {
  position: relative;
  display: grid;
  min-height: 260px;
  padding: 24px;
  border-right: 1px solid var(--vox-line);
  align-content: space-between;
}

.zm-voxword-steps li:last-child {
  border-right: 0;
}

.zm-voxword-steps li > span {
  color: #93a0b8;
  font-size: 11px;
  font-weight: 800;
}

.zm-voxword-steps svg {
  width: 32px;
  height: 32px;
  color: #0e8fa5;
}

.zm-voxword-steps h3 {
  margin: 0 0 10px;
  color: var(--vox-ink);
  font-size: 18px;
}

.zm-voxword-steps p {
  margin: 0;
  color: var(--vox-muted);
  font-size: 13px;
  line-height: 1.6;
}

.zm-voxword-criteria {
  background: linear-gradient(180deg, #f7fbfd 0%, #ffffff 100%);
}

.zm-voxword-criteria-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--vox-line);
  border-left: 1px solid var(--vox-line);
}

.zm-voxword-criteria-grid article {
  min-height: 210px;
  padding: 24px;
  border-right: 1px solid var(--vox-line);
  border-bottom: 1px solid var(--vox-line);
  background: rgba(255, 255, 255, 0.78);
}

.zm-voxword-criteria-grid svg {
  width: 28px;
  height: 28px;
  margin-bottom: 32px;
  color: #0b91a9;
}

.zm-voxword-criteria-grid h3 {
  margin: 0 0 8px;
  color: var(--vox-ink);
  font-size: 17px;
}

.zm-voxword-criteria-grid p {
  margin: 0;
  color: var(--vox-muted);
  font-size: 12px;
  line-height: 1.55;
}

.zm-voxword-demo-section {
  padding-block: 88px;
  color: #ffffff;
  background:
    radial-gradient(circle at 88% 20%, rgba(0, 229, 255, 0.12), transparent 28%),
    linear-gradient(145deg, var(--vox-deep), #0a1740);
}

.zm-voxword-demo-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 48px;
  margin-bottom: 34px;
  align-items: end;
}

.zm-voxword-demo-heading .zm-kicker {
  color: #68e7f8;
}

.zm-voxword-demo-heading h2 {
  margin: 0;
  color: #ffffff;
  font-size: 48px;
  line-height: 1.03;
}

.zm-voxword-demo-heading > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.63);
  font-size: 14px;
  line-height: 1.65;
}

.zm-voxword-demo-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.zm-voxword-demo-tabs button {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.zm-voxword-demo-tabs button.is-active {
  border-color: #46dbed;
  color: #071126;
  background: #81effb;
}

.zm-voxword-demo-console {
  display: grid;
  grid-template-columns: minmax(310px, 0.72fr) minmax(0, 1.28fr);
  overflow: hidden;
  border: 1px solid rgba(0, 229, 255, 0.24);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
}

.zm-voxword-demo-audio {
  display: flex;
  min-height: 360px;
  padding: 28px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  flex-direction: column;
  justify-content: space-between;
}

.zm-voxword-audio-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zm-voxword-audio-head span {
  font-size: 14px;
  font-weight: 800;
}

.zm-voxword-audio-head small,
.zm-voxword-demo-audio > small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 10px;
}

.zm-voxword-wave {
  display: flex;
  height: 104px;
  gap: 5px;
  align-items: center;
}

.zm-voxword-wave i {
  width: 4px;
  height: 28%;
  border-radius: 4px;
  background: linear-gradient(180deg, #9ff6ff, #9b52ee);
}

.zm-voxword-wave i:nth-child(3n) { height: 74%; }
.zm-voxword-wave i:nth-child(4n) { height: 48%; }
.zm-voxword-wave i:nth-child(5n) { height: 88%; }
.zm-voxword-wave i:nth-child(7n) { height: 62%; }

.zm-voxword-demo-audio.is-running .zm-voxword-wave i {
  animation: voxword-wave 680ms ease-in-out infinite alternate;
}

.zm-voxword-demo-audio.is-running .zm-voxword-wave i:nth-child(2n) {
  animation-delay: 160ms;
}

.zm-voxword-demo-audio button {
  display: inline-flex;
  width: fit-content;
  min-height: 46px;
  padding: 0 18px;
  border: 0;
  border-radius: 6px;
  color: #051021;
  background: #6debf9;
  align-items: center;
  gap: 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.zm-voxword-demo-audio button svg {
  width: 18px;
  height: 18px;
}

.zm-voxword-demo-report {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  padding: 28px;
}

.zm-voxword-demo-score,
.zm-voxword-demo-summary,
.zm-voxword-demo-finding {
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.035);
}

.zm-voxword-demo-score {
  display: grid;
  align-content: center;
  justify-items: center;
}

.zm-voxword-demo-score span,
.zm-voxword-demo-summary span,
.zm-voxword-demo-finding span {
  color: #75e9f8;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-voxword-demo-score strong {
  margin-top: 8px;
  color: #ffffff;
  font-size: 48px;
  line-height: 1;
}

.zm-voxword-demo-score small {
  color: rgba(255, 255, 255, 0.45);
  font-size: 10px;
}

.zm-voxword-demo-summary p,
.zm-voxword-demo-finding p {
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.55;
}

.zm-voxword-demo-finding {
  grid-column: 1 / -1;
}

.zm-voxword-demo-bars {
  display: grid;
  grid-column: 1 / -1;
  gap: 12px;
  padding: 4px 2px;
}

.zm-voxword-demo-bars div {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 28px;
  gap: 12px;
  align-items: center;
}

.zm-voxword-demo-bars span,
.zm-voxword-demo-bars strong {
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
}

.zm-voxword-demo-bars i {
  height: 6px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.1);
}

.zm-voxword-demo-bars b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #00bfd7, #b34aea);
  transition: width 420ms ease;
}

.zm-voxword-report {
  background: #f5fafc;
}

.zm-voxword-report-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
  gap: 70px;
  align-items: center;
}

.zm-voxword-report-copy h2,
.zm-voxword-money-heading h2,
.zm-voxword-motivation h2,
.zm-voxword-integrations h2 {
  margin: 0;
  color: var(--vox-ink);
  font-size: 46px;
  line-height: 1.03;
}

.zm-voxword-report-copy > p:not(.zm-kicker),
.zm-voxword-motivation-grid > div > p:not(.zm-kicker),
.zm-voxword-integrations-grid > div > p:not(.zm-kicker) {
  margin: 20px 0 0;
  color: var(--vox-muted);
  font-size: 15px;
  line-height: 1.65;
}

.zm-voxword-report-copy ul,
.zm-voxword-scenario-grid ul,
.zm-voxword-request ul {
  display: grid;
  gap: 9px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.zm-voxword-report-copy li,
.zm-voxword-scenario-grid li,
.zm-voxword-request li {
  position: relative;
  padding-left: 20px;
  color: #45506c;
  font-size: 13px;
  line-height: 1.5;
}

.zm-voxword-report-copy li::before,
.zm-voxword-scenario-grid li::before,
.zm-voxword-request li::before {
  position: absolute;
  top: 0.58em;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vox-cyan);
  content: "";
}

.zm-voxword-report-card {
  overflow: hidden;
  border: 1px solid #ccd9e6;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(8, 20, 59, 0.08);
}

.zm-voxword-report-card header {
  display: flex;
  min-height: 84px;
  padding: 18px 22px;
  color: #ffffff;
  background: var(--vox-ink);
  align-items: center;
  justify-content: space-between;
}

.zm-voxword-report-card header div {
  display: grid;
  gap: 6px;
}

.zm-voxword-report-card header small {
  color: #87eafa;
  font-size: 9px;
  text-transform: uppercase;
}

.zm-voxword-report-card header strong {
  font-size: 13px;
}

.zm-voxword-report-card header > span {
  color: #ffffff;
  font-size: 22px;
  font-weight: 900;
}

.zm-voxword-report-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  gap: 14px;
  padding: 20px 22px;
  border-bottom: 1px solid #e3e9f0;
  align-items: center;
}

.zm-voxword-report-row:last-child {
  border-bottom: 0;
}

.zm-voxword-report-row > span {
  color: #71809b;
  font-size: 10px;
}

.zm-voxword-report-row p {
  display: grid;
  gap: 4px;
  margin: 0;
  color: #66708a;
  font-size: 11px;
  line-height: 1.5;
}

.zm-voxword-report-row p strong {
  color: var(--vox-ink);
  font-size: 12px;
}

.zm-voxword-report-row em {
  padding: 5px 8px;
  border-radius: 4px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.zm-voxword-report-row.is-ok em { color: #0e7042; background: #e3f6ec; }
.zm-voxword-report-row.is-warning em { color: #965a00; background: #fff3d8; }
.zm-voxword-report-row.is-danger em { color: #ae2340; background: #ffe9ed; }

.zm-voxword-scenario-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.zm-voxword-scenario-grid article {
  padding: 30px;
  border: 1px solid var(--vox-line);
  border-radius: 8px;
  background: linear-gradient(135deg, #ffffff, #f5fbfd);
}

.zm-voxword-scenario-grid article > div {
  display: flex;
  gap: 12px;
  color: #087d92;
  align-items: center;
}

.zm-voxword-scenario-grid svg {
  width: 24px;
  height: 24px;
}

.zm-voxword-scenario-grid article > div span {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.zm-voxword-scenario-grid h3 {
  margin: 26px 0 0;
  color: var(--vox-ink);
  font-size: 24px;
}

.zm-voxword-money {
  border-top: 1px solid #e5ebf1;
  background: #fbfcfe;
}

.zm-voxword-money-heading {
  margin-bottom: 36px;
}

.zm-voxword-money-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--vox-line);
  border-radius: 8px;
  background: #ffffff;
}

.zm-voxword-money-grid article {
  min-height: 230px;
  padding: 26px;
  border-right: 1px solid var(--vox-line);
}

.zm-voxword-money-grid article:last-child {
  border-right: 0;
}

.zm-voxword-money-grid span {
  color: #0a8ba0;
  font-size: 11px;
  font-weight: 900;
}

.zm-voxword-money-grid h3 {
  margin: 46px 0 10px;
  color: var(--vox-ink);
  font-size: 18px;
}

.zm-voxword-money-grid p {
  margin: 0;
  color: var(--vox-muted);
  font-size: 12px;
  line-height: 1.55;
}

.zm-voxword-motivation {
  background: linear-gradient(118deg, #edf8fb 0%, #ffffff 62%, #fff7f0 100%);
}

.zm-voxword-motivation-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(0, 1.28fr);
  gap: 70px;
  align-items: center;
}

.zm-voxword-leaderboard {
  overflow: hidden;
  border: 1px solid #ccdae7;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(8, 20, 59, 0.07);
}

.zm-voxword-leaderboard header {
  display: flex;
  padding: 20px 22px;
  border-bottom: 1px solid #e1e8ef;
  align-items: center;
  justify-content: space-between;
}

.zm-voxword-leaderboard header strong {
  color: var(--vox-ink);
  font-size: 14px;
}

.zm-voxword-leaderboard header small {
  color: #7a849b;
  font-size: 9px;
}

.zm-voxword-leaderboard > div {
  display: grid;
  grid-template-columns: 24px 100px minmax(100px, 1fr) 30px 34px;
  gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid #edf1f5;
  align-items: center;
}

.zm-voxword-leaderboard > div:last-child {
  border-bottom: 0;
}

.zm-voxword-leaderboard > div > span {
  display: grid;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #087b8f;
  background: #e5f8fb;
  place-items: center;
  font-size: 10px;
  font-weight: 900;
}

.zm-voxword-leaderboard b,
.zm-voxword-leaderboard strong {
  color: #263252;
  font-size: 11px;
}

.zm-voxword-leaderboard i {
  height: 7px;
  overflow: hidden;
  border-radius: 4px;
  background: #e9eef3;
}

.zm-voxword-leaderboard u {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #07b4ca, #7855db);
}

.zm-voxword-leaderboard em {
  color: var(--vox-success);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.zm-voxword-comparison {
  background: #ffffff;
}

.zm-voxword-table {
  overflow: hidden;
  border: 1px solid #d5dee8;
  border-radius: 8px;
}

.zm-voxword-table > div {
  display: grid;
  grid-template-columns: 0.72fr 1fr 1fr;
}

.zm-voxword-table > div > * {
  margin: 0;
  padding: 18px 22px;
  border-right: 1px solid #e0e6ed;
  border-bottom: 1px solid #e0e6ed;
  color: #5e6880;
  font-size: 12px;
  line-height: 1.5;
}

.zm-voxword-table > div > *:last-child {
  border-right: 0;
  color: #143b54;
  background: #effafd;
}

.zm-voxword-table > div:last-child > * {
  border-bottom: 0;
}

.zm-voxword-table > div:first-child > * {
  color: #ffffff;
  background: var(--vox-ink);
  font-weight: 800;
}

.zm-voxword-dashboard {
  background: #f5f8fc;
}

.zm-voxword-dashboard-card {
  overflow: hidden;
  border: 1px solid #ccd8e5;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(8, 20, 59, 0.08);
}

.zm-voxword-dashboard-head {
  display: flex;
  min-height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #e2e8ef;
  align-items: center;
  justify-content: space-between;
}

.zm-voxword-dashboard-head strong {
  color: var(--vox-ink);
  font-size: 15px;
}

.zm-voxword-dashboard-head span {
  padding: 7px 10px;
  border: 1px solid #dce3eb;
  border-radius: 4px;
  color: #68748d;
  font-size: 10px;
}

.zm-voxword-dashboard-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #e2e8ef;
}

.zm-voxword-dashboard-kpis div {
  display: grid;
  gap: 5px;
  padding: 24px;
  border-right: 1px solid #e2e8ef;
}

.zm-voxword-dashboard-kpis div:last-child {
  border-right: 0;
}

.zm-voxword-dashboard-kpis small {
  color: #748098;
  font-size: 9px;
  text-transform: uppercase;
}

.zm-voxword-dashboard-kpis strong {
  color: var(--vox-ink);
  font-size: 28px;
}

.zm-voxword-dashboard-kpis span {
  color: #69748c;
  font-size: 10px;
}

.zm-voxword-dashboard-body {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  min-height: 260px;
}

.zm-voxword-chart {
  display: flex;
  height: 220px;
  gap: 20px;
  padding: 30px;
  border-right: 1px solid #e2e8ef;
  align-items: end;
}

.zm-voxword-chart span {
  flex: 1;
  min-width: 14px;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(180deg, #0ecbe2, #3156af);
}

.zm-voxword-dashboard-risks {
  display: grid;
  gap: 14px;
  padding: 30px;
  align-content: start;
}

.zm-voxword-dashboard-risks > strong {
  color: var(--vox-ink);
  font-size: 13px;
}

.zm-voxword-dashboard-risks p {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 8px;
  margin: 0;
  color: #66708a;
  font-size: 10px;
  line-height: 1.45;
}

.zm-voxword-dashboard-risks span {
  color: #0a879d;
  font-size: 12px;
  font-weight: 900;
}

.zm-voxword-demo-note {
  display: block;
  padding: 12px 24px;
  border-top: 1px solid #e2e8ef;
  color: #7f899f;
  background: #fbfcfe;
  font-size: 9px;
}

.zm-voxword-integrations {
  background: #ffffff;
}

.zm-voxword-integrations-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
  gap: 70px;
  align-items: center;
}

.zm-voxword-integration-flow {
  display: grid;
  grid-template-columns: 1fr 32px 1fr 32px 1fr;
  gap: 10px;
  align-items: center;
}

.zm-voxword-integration-flow span {
  display: grid;
  min-height: 100px;
  padding: 16px;
  border: 1px solid #cddbe7;
  border-radius: 8px;
  color: var(--vox-ink);
  background: linear-gradient(145deg, #ffffff, #eff8fb);
  place-items: center;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
}

.zm-voxword-integration-flow span:nth-of-type(2) {
  color: #ffffff;
  border-color: #16467a;
  background: linear-gradient(145deg, #0a173d, #174f82);
}

.zm-voxword-integration-flow svg {
  width: 22px;
  height: 22px;
  color: #1994aa;
}

.zm-voxword-security {
  background: #f4f8fb;
}

.zm-voxword-security-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.zm-voxword-security-grid article {
  min-height: 210px;
  padding: 26px;
  border: 1px solid #d2dee9;
  border-radius: 8px;
  background: #ffffff;
}

.zm-voxword-security-grid svg {
  width: 30px;
  height: 30px;
  margin-bottom: 34px;
  color: #0a8ca2;
}

.zm-voxword-security-grid h3 {
  margin: 0 0 9px;
  color: var(--vox-ink);
  font-size: 17px;
}

.zm-voxword-security-grid p {
  margin: 0;
  color: var(--vox-muted);
  font-size: 12px;
  line-height: 1.55;
}

body.zm-voxword-page .zm-video-placeholder {
  --zm-video-accent: #0b91a9;
  padding-block: 82px;
  border-color: rgba(11, 145, 169, 0.16);
  background: #ffffff;
}

body.zm-voxword-page .zm-video-placeholder-card,
body.zm-voxword-page .zm-home-journal-card {
  border-radius: 8px;
}

body.zm-voxword-page .zm-video-placeholder-heading h2,
body.zm-voxword-page .zm-page-journal .zm-home-journal-heading h2 {
  max-width: 800px;
  font-size: 46px;
}

.zm-voxword-pilot {
  background: linear-gradient(118deg, #eef8fb 0%, #ffffff 62%, #fff6ee 100%);
}

.zm-voxword-pilot-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
  border: 1px solid #d2dee8;
  border-radius: 8px;
  background: #ffffff;
}

.zm-voxword-pilot-grid article {
  min-height: 180px;
  padding: 24px;
  border-right: 1px solid #dfe6ed;
}

.zm-voxword-pilot-grid article:last-child {
  border-right: 0;
}

.zm-voxword-pilot-grid span {
  color: #09869b;
  font-size: 10px;
  font-weight: 900;
}

.zm-voxword-pilot-grid h3 {
  margin: 34px 0 8px;
  color: var(--vox-ink);
  font-size: 18px;
}

.zm-voxword-pilot-grid p {
  margin: 0;
  color: var(--vox-muted);
  font-size: 12px;
  line-height: 1.55;
}

.zm-voxword-volume {
  display: grid;
  grid-template-columns: minmax(280px, 1.5fr) repeat(3, minmax(120px, 0.7fr)) minmax(180px, 0.8fr);
  gap: 18px;
  padding: 24px;
  border: 1px solid #c8d8e5;
  border-radius: 8px;
  background: #ffffff;
  align-items: end;
}

.zm-voxword-volume h3 {
  margin: 0 0 8px;
  color: var(--vox-ink);
  font-size: 18px;
}

.zm-voxword-volume p {
  margin: 0;
  color: var(--vox-muted);
  font-size: 11px;
  line-height: 1.5;
}

.zm-voxword-volume label {
  display: grid;
  gap: 8px;
  color: #4f5b75;
  font-size: 10px;
  font-weight: 700;
}

.zm-voxword-volume input {
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  border: 1px solid #d4dee8;
  border-radius: 5px;
  color: var(--vox-ink);
  background: #fbfdff;
  font: inherit;
  font-size: 13px;
}

.zm-voxword-volume output {
  display: grid;
  min-height: 68px;
  padding: 12px 14px;
  border-radius: 6px;
  color: #ffffff;
  background: var(--vox-ink);
  align-content: center;
}

.zm-voxword-volume output small {
  color: #82e9f7;
  font-size: 8px;
  text-transform: uppercase;
}

.zm-voxword-volume output strong {
  margin-top: 5px;
  font-size: 16px;
}

body.zm-voxword-page .zm-page-journal--voxword {
  padding-block: 82px;
  background: #ffffff;
}

body.zm-voxword-page .zm-faq {
  background: #f5f8fb;
}

.zm-voxword-request {
  color: #ffffff;
  background:
    radial-gradient(circle at 24% 20%, rgba(0, 229, 255, 0.12), transparent 30%),
    linear-gradient(135deg, #060a20, #0c1941);
}

.zm-voxword-request .zm-kicker {
  color: #71e9f8;
}

.zm-voxword-request h2,
.zm-voxword-request p,
.zm-voxword-request li {
  color: #ffffff;
}

.zm-voxword-request li {
  color: rgba(255, 255, 255, 0.72);
}

.zm-voxword-request .contact-form {
  border-radius: 8px;
  color: var(--vox-ink);
  background: #ffffff;
}

@keyframes voxword-wave {
  from { transform: scaleY(0.65); opacity: 0.66; }
  to { transform: scaleY(1.18); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .zm-voxword-demo-audio.is-running .zm-voxword-wave i {
    animation: none;
  }
}

@media (max-width: 1100px) {
  .zm-voxword-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.8fr);
    gap: 38px;
  }

  .zm-voxword-hero h1 {
    font-size: 50px;
  }

  .zm-voxword-volume {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .zm-voxword-volume > div,
  .zm-voxword-volume output {
    grid-column: 1 / -1;
  }
}

@media (max-width: 860px) {
  body.zm-voxword-page .zm-section,
  .zm-voxword-demo-section,
  body.zm-voxword-page .zm-video-placeholder,
  body.zm-voxword-page .zm-page-journal--voxword {
    padding-block: 66px;
  }

  body.zm-voxword-page .zm-section-heading,
  .zm-voxword-demo-heading,
  .zm-voxword-report-grid,
  .zm-voxword-motivation-grid,
  .zm-voxword-integrations-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.zm-voxword-page .zm-section-heading h2,
  .zm-voxword-demo-heading h2,
  .zm-voxword-report-copy h2,
  .zm-voxword-money-heading h2,
  .zm-voxword-motivation h2,
  .zm-voxword-integrations h2,
  body.zm-voxword-page .zm-video-placeholder-heading h2,
  body.zm-voxword-page .zm-page-journal .zm-home-journal-heading h2 {
    font-size: 40px;
  }

  .zm-voxword-hero {
    padding-top: 112px;
  }

  .zm-voxword-hero-grid {
    grid-template-columns: 1fr;
  }

  .zm-voxword-hero-demo {
    max-width: 680px;
  }

  .zm-voxword-calculator {
    grid-template-columns: 1fr;
  }

  .zm-voxword-steps,
  .zm-voxword-criteria-grid,
  .zm-voxword-money-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zm-voxword-steps li:nth-child(2),
  .zm-voxword-money-grid article:nth-child(2) {
    border-right: 0;
  }

  .zm-voxword-steps li,
  .zm-voxword-money-grid article {
    border-bottom: 1px solid var(--vox-line);
  }

  .zm-voxword-steps li:nth-last-child(-n + 2),
  .zm-voxword-money-grid article:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .zm-voxword-demo-console {
    grid-template-columns: 1fr;
  }

  .zm-voxword-demo-audio {
    min-height: 290px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .zm-voxword-dashboard-body {
    grid-template-columns: 1fr;
  }

  .zm-voxword-chart {
    border-right: 0;
    border-bottom: 1px solid #e2e8ef;
  }
}

@media (max-width: 680px) {
  body.zm-voxword-page .zm-section,
  .zm-voxword-demo-section,
  body.zm-voxword-page .zm-video-placeholder,
  body.zm-voxword-page .zm-page-journal--voxword {
    padding-block: 52px;
  }

  body.zm-voxword-page .zm-section-heading {
    margin-bottom: 28px;
  }

  body.zm-voxword-page .zm-section-heading h2,
  .zm-voxword-demo-heading h2,
  .zm-voxword-report-copy h2,
  .zm-voxword-money-heading h2,
  .zm-voxword-motivation h2,
  .zm-voxword-integrations h2,
  body.zm-voxword-page .zm-video-placeholder-heading h2,
  body.zm-voxword-page .zm-page-journal .zm-home-journal-heading h2 {
    font-size: 34px;
  }

  .zm-voxword-hero {
    padding: 98px 0 52px;
  }

  .zm-voxword-hero h1 {
    font-size: 42px;
  }

  .zm-voxword-hero-lead {
    font-size: 16px;
  }

  .zm-voxword-hero .zm-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .zm-voxword-hero .zm-button-primary,
  .zm-voxword-ghost-button {
    width: 100%;
    justify-content: center;
  }

  .zm-voxword-trustline {
    gap: 16px;
  }

  .zm-voxword-trustline strong {
    font-size: 16px;
  }

  .zm-voxword-trustline span {
    font-size: 9px;
  }

  .zm-voxword-hero-demo {
    margin-inline: -8px;
  }

  .zm-voxword-call-head,
  .zm-voxword-appbar,
  .zm-voxword-transcript,
  .zm-voxword-demo-metrics,
  .zm-voxword-recommendation {
    padding-inline: 16px;
  }

  .zm-voxword-demo-metrics {
    grid-template-columns: 1fr;
  }

  .zm-voxword-subnav {
    overflow-x: auto;
  }

  .zm-voxword-subnav .zm-container {
    width: max-content;
    min-width: 100%;
    gap: 20px;
  }

  .zm-voxword-calculator-fields {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .zm-voxword-calculator-result {
    min-height: 210px;
    padding: 24px;
  }

  .zm-voxword-calculator-result strong {
    font-size: 27px;
  }

  .zm-voxword-steps,
  .zm-voxword-criteria-grid,
  .zm-voxword-money-grid,
  .zm-voxword-scenario-grid,
  .zm-voxword-security-grid,
  .zm-voxword-pilot-grid {
    grid-template-columns: 1fr;
  }

  .zm-voxword-steps li,
  .zm-voxword-money-grid article,
  .zm-voxword-pilot-grid article {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--vox-line);
  }

  .zm-voxword-steps li:last-child,
  .zm-voxword-money-grid article:last-child,
  .zm-voxword-pilot-grid article:last-child {
    border-bottom: 0;
  }

  .zm-voxword-steps li {
    grid-template-columns: 34px 42px 1fr;
    gap: 10px;
    align-items: start;
  }

  .zm-voxword-criteria-grid article {
    min-height: 0;
  }

  .zm-voxword-demo-tabs {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .zm-voxword-demo-tabs button {
    flex: 0 0 auto;
  }

  .zm-voxword-demo-report {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .zm-voxword-demo-finding,
  .zm-voxword-demo-bars {
    grid-column: 1;
  }

  .zm-voxword-demo-bars div {
    grid-template-columns: 1fr 30px;
  }

  .zm-voxword-demo-bars i {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .zm-voxword-report-grid,
  .zm-voxword-motivation-grid,
  .zm-voxword-integrations-grid {
    gap: 36px;
  }

  .zm-voxword-report-row {
    grid-template-columns: 42px 1fr;
  }

  .zm-voxword-report-row em {
    grid-column: 2;
    width: fit-content;
  }

  .zm-voxword-scenario-grid article,
  .zm-voxword-security-grid article {
    padding: 22px;
  }

  .zm-voxword-leaderboard > div {
    grid-template-columns: 24px 82px minmax(70px, 1fr) 28px;
    padding-inline: 16px;
  }

  .zm-voxword-leaderboard em {
    display: none;
  }

  .zm-voxword-table {
    overflow-x: auto;
  }

  .zm-voxword-table > div {
    min-width: 650px;
  }

  .zm-voxword-dashboard-kpis {
    grid-template-columns: 1fr;
  }

  .zm-voxword-dashboard-kpis div {
    grid-template-columns: 1fr auto;
    border-right: 0;
    border-bottom: 1px solid #e2e8ef;
    align-items: center;
  }

  .zm-voxword-dashboard-kpis div:last-child {
    border-bottom: 0;
  }

  .zm-voxword-dashboard-kpis strong {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  .zm-voxword-chart {
    gap: 10px;
    padding: 22px;
  }

  .zm-voxword-integration-flow {
    grid-template-columns: 1fr;
  }

  .zm-voxword-integration-flow svg {
    margin: auto;
    transform: rotate(90deg);
  }

  .zm-voxword-volume {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .zm-voxword-volume > div,
  .zm-voxword-volume output {
    grid-column: auto;
  }
}

@media (max-width: 420px) {
  .zm-voxword-hero h1 {
    font-size: 37px;
  }

  .zm-voxword-brandline small {
    display: none;
  }

  .zm-voxword-trustline {
    grid-template-columns: 1fr;
  }

  .zm-voxword-call-head {
    grid-template-columns: 1fr;
  }

  .zm-voxword-score {
    width: 48px;
    height: 48px;
  }
}

/* Homepage: full-bleed media cards; product cards stay without an extra outline. */
body.zm-home #products .zm-products-card {
  overflow: hidden;
  border: 0;
  background-image: none;
  box-shadow: 0 10px 24px rgba(29, 71, 86, 0.1);
}

body.zm-home #services .zm-service-grid > a {
  padding: 0 0 25px;
  background-color: #f4f7f8;
}

body.zm-home #services .zm-direction-card-copy {
  padding: 18px 12px 0;
}

body.zm-home #products .zm-products-card {
  background-color: #fff;
}

body.zm-home #products .zm-products-card:hover {
  border: 0;
  background-image: none;
  box-shadow: 0 14px 30px rgba(29, 71, 86, 0.14);
}

body.zm-home .zm-direction-system .zm-service-card-media,
body.zm-home .zm-home-products .zm-products-card-media {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.zm-home .zm-direction-system .zm-service-card-media img,
body.zm-home .zm-home-products .zm-products-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 680px) {
  body.zm-home #services .zm-service-grid > a {
    padding: 0 0 24px;
  }
}

/* Home work formats: selected vertical-index carousel direction. */
body.zm-home .zm-pathway-carousel--index {
  padding: 42px 0 52px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-heading {
  align-items: center;
  margin-bottom: 20px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-heading h2 {
  font-size: clamp(34px, 3.55vw, 50px);
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-heading p {
  max-width: 760px;
  margin-top: 8px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-stage {
  display: grid;
  grid-template-columns: 292px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #a8cad5;
  border-radius: 8px;
  background: #fff;
  box-shadow: -5px 0 18px rgba(66, 135, 160, 0.14), 0 10px 26px rgba(29, 71, 86, 0.065);
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tab-shell {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-right: 1px solid #cfdee3;
  border-radius: 0;
  background: #f9fbfc;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(5, minmax(102px, 1fr));
  width: 100%;
  min-width: 0;
  height: 100%;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 16px;
  gap: 13px;
  align-items: center;
  min-height: 102px;
  padding: 16px 18px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #dce7ea;
  color: #48636d;
  background: transparent;
  text-align: left;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button:last-child {
  border-bottom: 0;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: transparent;
  content: "";
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button::after {
  display: none;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button:hover {
  color: #173f4d;
  background: #f0f7f9;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button[aria-selected="true"] {
  color: #173640;
  background:
    linear-gradient(90deg, rgba(226, 242, 247, 0.96), rgba(247, 251, 252, 0.94));
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button[aria-selected="true"]::before {
  background: #f46a34;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button > svg {
  display: block;
  width: 28px;
  height: 28px;
  grid-column: auto;
  grid-row: auto;
  color: #177da2;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button > svg:last-child {
  width: 16px;
  height: 16px;
  color: #6b848d;
  transition: color 180ms ease, transform 180ms ease;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button[aria-selected="true"] > svg:last-child {
  color: #f46a34;
  transform: translateX(2px);
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button > span {
  display: block;
  min-width: 0;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button strong,
body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button small {
  display: block;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button strong {
  color: #173640;
  font-size: 15px;
  font-weight: 780;
  line-height: 1.2;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button small {
  margin-top: 5px;
  color: #617982;
  font-size: 11px;
  line-height: 1.34;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-display {
  position: relative;
  min-width: 0;
  padding-bottom: 3px;
  background: #fff;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-panels {
  min-height: 100%;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-panel {
  grid-template-columns: 1fr;
  grid-template-rows: 222px minmax(0, 1fr);
  min-height: 568px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-media {
  min-height: 222px;
  background: #dbe8ec;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-media::after {
  background:
    linear-gradient(90deg, rgba(8, 37, 47, 0.76) 0%, rgba(8, 37, 47, 0.34) 42%, rgba(8, 37, 47, 0.02) 72%);
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-media img {
  max-height: none;
  object-position: center 43%;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-media > span {
  right: auto;
  bottom: 24px;
  left: 28px;
  max-width: 440px;
  color: #fff;
  font-size: clamp(25px, 2.4vw, 35px);
  font-weight: 760;
  line-height: 1.05;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content {
  display: block;
  min-height: 0;
  padding: 24px 30px 22px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-kicker {
  display: none;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content h3 {
  max-width: 820px;
  font-size: clamp(25px, 2.35vw, 34px);
  line-height: 1.08;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content > p {
  max-width: 880px;
  margin-top: 10px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content ul {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 17px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content li::before {
  display: none;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content li > svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: #177da2;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-content li > span {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  color: #2e4d58;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-proof {
  margin-top: 16px;
  padding: 9px 12px;
  border-left-width: 2px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-actions {
  margin-top: 15px;
}

body.zm-home .zm-pathway-carousel--index .zm-pathway-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  margin: 0;
  border-radius: 0;
}

@media (max-width: 1180px) {
  body.zm-home .zm-pathway-carousel--index .zm-pathway-stage {
    grid-template-columns: 1fr;
  }

  body.zm-home .zm-pathway-carousel--index.is-enhanced .zm-pathway-panels {
    display: block;
  }

  body.zm-home .zm-pathway-carousel--index.is-enhanced .zm-pathway-panel {
    position: absolute;
    inset: 0 0 auto;
    width: 100%;
  }

  body.zm-home .zm-pathway-carousel--index.is-enhanced .zm-pathway-panel.is-active,
  body.zm-home .zm-pathway-carousel--index.is-enhanced .zm-pathway-panel.is-entering {
    position: relative;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tab-shell {
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid #cfdee3;
    scrollbar-width: none;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tab-shell::-webkit-scrollbar {
    display: none;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs {
    grid-template-columns: repeat(5, minmax(176px, 1fr));
    grid-template-rows: 1fr;
    width: max-content;
    min-width: 100%;
    height: auto;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button {
    grid-template-columns: 25px minmax(0, 1fr) 14px;
    gap: 10px;
    min-height: 72px;
    padding: 12px 14px;
    border-right: 1px solid #dce7ea;
    border-bottom: 0;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button:last-child {
    border-right: 0;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button::before {
    top: auto;
    right: 12px;
    bottom: 0;
    left: 12px;
    width: auto;
    height: 3px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button > svg {
    width: 24px;
    height: 24px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-panel {
    min-height: 0;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel--index {
    padding: 30px 0 38px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-heading {
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 16px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-heading h2 {
    font-size: 32px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-heading p {
    max-width: 290px;
    font-size: 13px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs {
    grid-template-columns: repeat(5, minmax(150px, 1fr));
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button {
    grid-template-columns: 22px minmax(0, 1fr);
    min-height: 64px;
    padding: 10px 12px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button > svg {
    width: 21px;
    height: 21px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button > svg:last-child {
    display: none;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button strong {
    font-size: 13px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-tabs button small {
    font-size: 10px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-panel {
    grid-template-rows: 190px minmax(0, 1fr);
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-media {
    min-height: 190px;
    max-height: 190px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-media img {
    max-height: none;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-media > span {
    right: 20px;
    bottom: 19px;
    left: 20px;
    font-size: 23px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-content {
    padding: 22px 20px 24px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-content h3 {
    font-size: 24px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-content ul {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 15px;
  }

  body.zm-home .zm-pathway-carousel--index .zm-pathway-content li {
    font-size: 12px;
  }
}

/* Home work formats: business service-intent hub. */
body.zm-home .zm-pathway-carousel--index .zm-business-hub .zm-pathway-content {
  padding: 20px 28px 19px;
}

body.zm-home .zm-business-hub-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 20px;
}

body.zm-home .zm-pathway-carousel--index .zm-business-hub-intro h3 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(24px, 2.05vw, 30px);
}

body.zm-home .zm-pathway-carousel--index .zm-business-hub-intro p {
  max-width: 820px;
  margin: 8px 0 0;
  color: #526d76;
  font-size: 13px;
  line-height: 1.5;
}

body.zm-home .zm-business-hub-intro > .zm-text-link {
  align-self: center;
  white-space: nowrap;
}

body.zm-home .zm-business-service-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 15px;
}

body.zm-home .zm-business-service-group {
  min-width: 0;
  padding: 11px 12px 10px;
  border: 1px solid #d2e2e7;
  border-radius: 6px;
  background: #fbfdfe;
  transition: border-color 220ms ease, background-color 220ms ease;
}

body.zm-home .zm-business-service-group:hover,
body.zm-home .zm-business-service-group:focus-within {
  border-color: #8bbdcd;
  background: #f2f8fa;
}

body.zm-home .zm-business-service-heading {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

body.zm-home .zm-business-service-heading > svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 20px;
  height: 20px;
  color: #177da2;
}

body.zm-home .zm-business-service-heading > div {
  min-width: 0;
}

body.zm-home .zm-business-service-heading h4 {
  margin: 0;
  color: #173640;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

body.zm-home .zm-business-service-heading span {
  display: block;
  grid-column: auto;
  margin-top: 3px;
  color: #6a8189;
  font-size: 10px;
  line-height: 1.3;
}

body.zm-home .zm-business-service-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 9px;
  margin-top: 9px;
  padding-left: 30px;
}

body.zm-home .zm-business-service-links a {
  position: static;
  display: inline;
  grid-template-columns: none;
  gap: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #235e73;
  font-size: 10.5px;
  font-weight: 680;
  line-height: 1.25;
  text-decoration: underline;
  text-decoration-color: rgba(35, 94, 115, 0.24);
  text-underline-offset: 3px;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}

body.zm-home .zm-business-service-links a:hover,
body.zm-home .zm-business-service-links a:focus-visible {
  background: transparent;
  color: #d55325;
  text-decoration-color: rgba(213, 83, 37, 0.55);
}

body.zm-home .zm-business-diagnostic {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
  padding: 10px 12px;
  border-left: 3px solid #f46a34;
  background: linear-gradient(90deg, #fff5f0, #f7fbfc 68%, #fff);
}

body.zm-home .zm-business-diagnostic > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.zm-home .zm-business-diagnostic strong {
  color: #663623;
  font-size: 12px;
  line-height: 1.25;
}

body.zm-home .zm-business-diagnostic span {
  grid-column: auto;
  color: #657a82;
  font-size: 10.5px;
  line-height: 1.35;
}

body.zm-home .zm-business-diagnostic-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

body.zm-home .zm-business-diagnostic-actions .zm-button {
  min-height: 40px;
  padding: 9px 13px;
  font-size: 11px;
}

body.zm-home .zm-business-diagnostic-actions .zm-text-link {
  white-space: nowrap;
}

@media (max-width: 1050px) {
  body.zm-home .zm-business-service-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-home .zm-business-diagnostic {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel--index .zm-business-hub .zm-pathway-content {
    padding: 20px 18px 22px;
  }

  body.zm-home .zm-business-hub-intro {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.zm-home .zm-business-hub-intro > .zm-text-link {
    justify-self: start;
  }

  body.zm-home .zm-business-service-map {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  body.zm-home .zm-business-service-group {
    padding: 11px;
  }

  body.zm-home .zm-business-diagnostic-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Home work formats: leads-for-result offer. */
body.zm-home .zm-pathway-carousel--index .zm-leads-offer .zm-pathway-content {
  padding: 20px 28px 19px;
}

body.zm-home .zm-leads-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.34fr);
  gap: 24px;
  align-items: center;
}

body.zm-home .zm-pathway-carousel--index .zm-leads-intro h3 {
  max-width: 660px;
  margin: 0;
  font-size: clamp(24px, 2.05vw, 30px);
}

body.zm-home .zm-leads-intro p {
  max-width: 760px;
  margin: 8px 0 0;
  color: #526d76;
  font-size: 13px;
  line-height: 1.5;
}

body.zm-home .zm-leads-contract-note {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
  padding: 9px 0 9px 13px;
  border-left: 2px solid #25a969;
  background: linear-gradient(90deg, rgba(231, 248, 239, 0.9), rgba(255, 255, 255, 0));
  color: #527068;
  font-size: 10.5px;
  line-height: 1.35;
}

body.zm-home .zm-leads-contract-note svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 21px;
  height: 21px;
  align-self: start;
  color: #25a969;
}

body.zm-home .zm-leads-contract-note > span {
  display: block;
  grid-column: 2;
  grid-row: 1;
  color: inherit;
  font-size: inherit;
}

body.zm-home .zm-leads-contract-note strong {
  display: block;
  margin-bottom: 2px;
  color: #245c48;
  font-size: 11px;
}

body.zm-home .zm-leads-models {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
  border-top: 1px solid #ccdee4;
  border-bottom: 1px solid #ccdee4;
}

body.zm-home .zm-leads-model {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 12px 16px 13px;
  border-left: 1px solid #d9e6ea;
  background: linear-gradient(180deg, #fbfdfe 0%, #fff 100%);
}

body.zm-home .zm-leads-model:first-child {
  padding-left: 0;
  border-left: 0;
  background: linear-gradient(90deg, #fff 0%, #fbfdfe 100%);
}

body.zm-home .zm-leads-model:last-child {
  padding-right: 0;
}

body.zm-home .zm-leads-model-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

body.zm-home .zm-leads-model-icon {
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border: 1px solid #b8d6df;
  border-radius: 6px;
  color: #177da2;
  background: #f2f8fa;
}

body.zm-home .zm-leads-model-icon svg {
  display: block;
  width: 17px;
  height: 17px;
}

body.zm-home .zm-leads-model-number {
  color: #91a8b0;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}

body.zm-home .zm-leads-model h4 {
  margin: 9px 0 0;
  color: #173640;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

body.zm-home .zm-leads-model p {
  margin: 5px 0 0;
  color: #607780;
  font-size: 10.5px;
  line-height: 1.42;
}

body.zm-home .zm-leads-model .zm-lead-model-link {
  position: static;
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  align-self: flex-start;
  gap: 6px;
  min-height: 0;
  margin-top: auto;
  padding: 8px 0 0;
  border: 0;
  border-radius: 0;
  color: #176f90;
  background: transparent;
  font-size: 10.5px;
  font-weight: 760;
  line-height: 1.25;
  text-decoration: none;
}

body.zm-home .zm-leads-model .zm-lead-model-link:hover,
body.zm-home .zm-leads-model .zm-lead-model-link:focus-visible {
  color: #c85025;
  background: transparent;
}

body.zm-home .zm-leads-model .zm-lead-model-link svg {
  display: block;
  width: 13px;
  height: 13px;
  transition: transform 180ms ease;
}

body.zm-home .zm-leads-model .zm-lead-model-link:hover svg,
body.zm-home .zm-leads-model .zm-lead-model-link:focus-visible svg {
  transform: translateX(2px);
}

body.zm-home .zm-leads-decision {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 14px;
  padding: 10px 12px;
  border-left: 3px solid #f46a34;
  background: linear-gradient(90deg, #fff5f0, #f7fbfc 68%, #fff);
}

body.zm-home .zm-leads-decision > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.zm-home .zm-leads-decision strong {
  color: #663623;
  font-size: 12px;
  line-height: 1.25;
}

body.zm-home .zm-leads-decision span {
  color: #657a82;
  font-size: 10.5px;
  line-height: 1.35;
}

body.zm-home .zm-leads-decision-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

body.zm-home .zm-leads-decision-actions .zm-button {
  min-height: 40px;
  padding: 9px 13px;
  font-size: 11px;
}

body.zm-home .zm-leads-decision-actions .zm-text-link {
  white-space: nowrap;
}

@media (max-width: 1050px) {
  body.zm-home .zm-leads-intro {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 0.32fr);
    gap: 16px;
  }

  body.zm-home .zm-leads-decision {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel--index .zm-leads-offer .zm-pathway-content {
    padding: 20px 18px 22px;
  }

  body.zm-home .zm-leads-intro {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.zm-home .zm-leads-models {
    grid-template-columns: 1fr;
  }

  body.zm-home .zm-leads-model,
  body.zm-home .zm-leads-model:first-child,
  body.zm-home .zm-leads-model:last-child {
    padding: 13px 0;
    border-top: 1px solid #d9e6ea;
    border-left: 0;
    background: #fff;
  }

  body.zm-home .zm-leads-model:first-child {
    border-top: 0;
  }

  body.zm-home .zm-leads-decision-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Home work formats: specialist value offer. */
body.zm-home .zm-pathway-carousel--index .zm-career-hub .zm-pathway-content {
  padding: 18px 28px 16px;
}

body.zm-home .zm-career-hub-intro {
  display: grid;
  gap: 6px;
}

body.zm-home .zm-pathway-carousel--index .zm-career-hub-intro h3 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(24px, 2.05vw, 30px);
}

body.zm-home .zm-career-hub-intro p {
  max-width: 760px;
  margin: 0;
  color: #526d76;
  font-size: 13px;
  line-height: 1.5;
}

body.zm-home .zm-career-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 13px;
  border-top: 1px solid #ccdee4;
  border-bottom: 1px solid #ccdee4;
}

body.zm-home .zm-career-proof {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-width: 0;
  padding: 12px 18px;
  border-left: 1px solid #d9e6ea;
  background: linear-gradient(180deg, #fbfdfe, #fff);
}

body.zm-home .zm-career-proof:first-child {
  padding-left: 0;
  border-left: 0;
  background: linear-gradient(90deg, #fff, #fbfdfe);
}

body.zm-home .zm-career-proof:last-child {
  padding-right: 0;
}

body.zm-home .zm-career-proof-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #b8d6df;
  border-radius: 6px;
  color: #177da2;
  background: #f2f8fa;
}

body.zm-home .zm-career-proof:nth-child(2) .zm-career-proof-icon {
  border-color: #efc6b6;
  color: #d75d30;
  background: #fff7f3;
}

body.zm-home .zm-career-proof-icon svg {
  display: block;
  width: 19px;
  height: 19px;
}

body.zm-home .zm-career-proof > div {
  min-width: 0;
}

body.zm-home .zm-career-proof h4 {
  margin: 0;
  color: #173640;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

body.zm-home .zm-career-proof p {
  margin: 3px 0 0;
  color: #607780;
  font-size: 10.5px;
  line-height: 1.38;
}

body.zm-home .zm-career-internship {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
  padding: 9px 12px;
  border-left: 2px solid #177da2;
  color: #456875;
  background: linear-gradient(90deg, rgba(228, 243, 248, 0.96), rgba(246, 251, 252, 0.94));
  font-size: 11px;
  line-height: 1.35;
}

body.zm-home .zm-career-internship svg {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #177da2;
}

body.zm-home .zm-career-internship span {
  grid-column: auto;
  color: inherit;
  font-size: inherit;
}

body.zm-home .zm-career-internship strong {
  color: #205a6f;
}

body.zm-home .zm-career-entry {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: center;
  margin-top: 12px;
}

body.zm-home .zm-career-entry-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

body.zm-home .zm-career-entry-actions .zm-button {
  min-height: 40px;
  padding: 9px 13px;
  font-size: 11px;
}

body.zm-home .zm-career-entry-actions .zm-text-link {
  white-space: nowrap;
}

body.zm-home .zm-career-feedback {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #657a82;
  font-size: 10.5px;
  line-height: 1.35;
}

body.zm-home .zm-career-feedback svg {
  display: block;
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  color: #177da2;
}

body.zm-home .zm-career-feedback span {
  grid-column: auto;
  color: inherit;
  font-size: inherit;
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel--index .zm-career-hub .zm-pathway-content {
    padding: 20px 18px 22px;
  }

  body.zm-home .zm-career-hub-intro {
    gap: 7px;
  }

  body.zm-home .zm-career-proof-grid {
    grid-template-columns: 1fr;
  }

  body.zm-home .zm-career-proof,
  body.zm-home .zm-career-proof:first-child,
  body.zm-home .zm-career-proof:last-child {
    padding: 12px 0;
    border-top: 1px solid #d9e6ea;
    border-left: 0;
    background: #fff;
  }

  body.zm-home .zm-career-proof:first-child {
    border-top: 0;
  }

  body.zm-home .zm-career-entry {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  body.zm-home .zm-career-entry-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Home work formats: partner collaboration constructor. */
body.zm-home .zm-pathway-carousel--index .zm-partner-hub .zm-pathway-content {
  padding: 17px 26px 15px;
}

body.zm-home .zm-partner-hub-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: center;
  gap: 20px;
}

body.zm-home .zm-pathway-carousel--index .zm-partner-hub-intro h3 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(24px, 2.05vw, 30px);
}

body.zm-home .zm-partner-hub-intro p {
  max-width: 760px;
  margin: 6px 0 0;
  color: #526d76;
  font-size: 12.5px;
  line-height: 1.46;
}

body.zm-home .zm-partner-pilot {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-left: 2px solid #2385a6;
  color: #56717b;
  background: linear-gradient(90deg, rgba(229, 243, 247, 0.98), rgba(248, 252, 253, 0.96));
  font-size: 10px;
  line-height: 1.35;
}

body.zm-home .zm-partner-pilot svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 24px;
  height: 24px;
  color: #177da2;
}

body.zm-home .zm-partner-pilot > span {
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

body.zm-home .zm-partner-pilot strong,
body.zm-home .zm-partner-pilot span {
  display: block;
}

body.zm-home .zm-partner-pilot strong {
  margin-bottom: 2px;
  color: #205a6f;
  font-size: 11px;
}

body.zm-home .zm-partner-models {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 12px;
  border-top: 1px solid #ccdee4;
  border-bottom: 1px solid #ccdee4;
}

body.zm-home .zm-partner-model {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
  padding: 12px 13px;
  border-left: 1px solid #d9e6ea;
  background: linear-gradient(180deg, #fbfdfe, #fff);
}

body.zm-home .zm-partner-model:first-child {
  padding-left: 0;
  border-left: 0;
  background: linear-gradient(90deg, #fff, #fbfdfe);
}

body.zm-home .zm-partner-model:last-child {
  padding-right: 0;
}

body.zm-home .zm-partner-model-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #b8d6df;
  border-radius: 6px;
  color: #177da2;
  background: #f2f8fa;
}

body.zm-home .zm-partner-model:nth-child(2) .zm-partner-model-icon,
body.zm-home .zm-partner-model:nth-child(4) .zm-partner-model-icon {
  border-color: #efc6b6;
  color: #d75d30;
  background: #fff7f3;
}

body.zm-home .zm-partner-model-icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

body.zm-home .zm-partner-model > div {
  min-width: 0;
}

body.zm-home .zm-partner-model small {
  display: block;
  margin-bottom: 3px;
  color: #177da2;
  font-size: 8.5px;
  font-weight: 820;
  line-height: 1.2;
  text-transform: uppercase;
}

body.zm-home .zm-partner-model h4 {
  margin: 0;
  color: #173640;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.25;
}

body.zm-home .zm-partner-model p {
  margin: 4px 0 0;
  color: #607780;
  font-size: 10px;
  line-height: 1.35;
}

body.zm-home .zm-partner-assurance {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

body.zm-home .zm-partner-assurance > svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 20px;
  height: 20px;
  color: #177da2;
}

body.zm-home .zm-partner-assurance > div:not(.zm-partner-actions) {
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

body.zm-home .zm-partner-assurance strong,
body.zm-home .zm-partner-assurance span {
  display: block;
}

body.zm-home .zm-partner-assurance strong {
  color: #1d5366;
  font-size: 11.5px;
  line-height: 1.25;
}

body.zm-home .zm-partner-assurance span {
  margin-top: 2px;
  color: #657a82;
  font-size: 9.5px;
  line-height: 1.35;
}

body.zm-home .zm-partner-actions {
  display: flex;
  grid-column: 3;
  grid-row: 1;
  align-items: center;
  gap: 14px;
}

body.zm-home .zm-partner-actions .zm-button {
  min-height: 40px;
  padding: 9px 13px;
  font-size: 11px;
}

body.zm-home .zm-partner-actions .zm-text-link {
  white-space: nowrap;
}

@media (max-width: 760px) {
  body.zm-home .zm-partner-hub-intro {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  body.zm-home .zm-partner-models {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.zm-home .zm-partner-model:nth-child(3) {
    border-left: 0;
  }

  body.zm-home .zm-partner-assurance {
    grid-template-columns: 20px minmax(0, 1fr);
  }

  body.zm-home .zm-partner-actions {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel--index .zm-partner-hub .zm-pathway-content {
    padding: 20px 18px 22px;
  }

  body.zm-home .zm-partner-models {
    grid-template-columns: 1fr;
  }

  body.zm-home .zm-partner-model,
  body.zm-home .zm-partner-model:first-child,
  body.zm-home .zm-partner-model:last-child {
    padding: 12px 0;
    border-top: 1px solid #d9e6ea;
    border-left: 0;
    background: #fff;
  }

  body.zm-home .zm-partner-model:first-child {
    border-top: 0;
  }

  body.zm-home .zm-partner-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Home work formats: reputation-first referral route. */
body.zm-home .zm-pathway-carousel--index .zm-referral-hub .zm-pathway-content {
  padding: 17px 26px 15px;
}

body.zm-home .zm-referral-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 275px;
  align-items: center;
  gap: 20px;
}

body.zm-home .zm-pathway-carousel--index .zm-referral-intro h3 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(24px, 2.05vw, 30px);
}

body.zm-home .zm-referral-intro p {
  max-width: 760px;
  margin: 6px 0 0;
  color: #526d76;
  font-size: 12.5px;
  line-height: 1.46;
}

body.zm-home .zm-referral-contact-rule {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-left: 2px solid #2c9568;
  color: #56717b;
  background: linear-gradient(90deg, rgba(232, 247, 240, 0.98), rgba(249, 253, 251, 0.96));
  font-size: 10px;
  line-height: 1.35;
}

body.zm-home .zm-referral-contact-rule svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 24px;
  height: 24px;
  color: #25865e;
}

body.zm-home .zm-referral-contact-rule > span {
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

body.zm-home .zm-referral-contact-rule strong {
  display: block;
  margin-bottom: 2px;
  color: #245e49;
  font-size: 11px;
}

body.zm-home .zm-referral-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
  border-top: 1px solid #ccdee4;
  border-bottom: 1px solid #ccdee4;
}

body.zm-home .zm-referral-method {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  min-width: 0;
  padding: 12px 15px;
  border-left: 1px solid #d9e6ea;
  background: linear-gradient(180deg, #fbfdfe, #fff);
}

body.zm-home .zm-referral-method:first-child {
  padding-left: 0;
  border-left: 0;
  background: linear-gradient(90deg, #fff, #fbfdfe);
}

body.zm-home .zm-referral-method:last-child {
  padding-right: 0;
}

body.zm-home .zm-referral-method-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #b8d6df;
  border-radius: 6px;
  color: #177da2;
  background: #f2f8fa;
}

body.zm-home .zm-referral-method:nth-child(2) .zm-referral-method-icon {
  border-color: #efc6b6;
  color: #d75d30;
  background: #fff7f3;
}

body.zm-home .zm-referral-method:nth-child(3) .zm-referral-method-icon {
  border-color: #b8dccb;
  color: #25865e;
  background: #f1faf6;
}

body.zm-home .zm-referral-method-icon svg {
  display: block;
  width: 19px;
  height: 19px;
}

body.zm-home .zm-referral-method > div {
  min-width: 0;
}

body.zm-home .zm-referral-method small {
  display: block;
  margin-bottom: 3px;
  color: #177da2;
  font-size: 8.5px;
  font-weight: 820;
  line-height: 1.2;
  text-transform: uppercase;
}

body.zm-home .zm-referral-method h4 {
  margin: 0;
  color: #173640;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

body.zm-home .zm-referral-method p {
  margin: 4px 0 0;
  color: #607780;
  font-size: 10px;
  line-height: 1.35;
}

body.zm-home .zm-referral-assurance {
  display: grid;
  grid-template-columns: 21px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

body.zm-home .zm-referral-assurance > svg {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 21px;
  height: 21px;
  color: #25865e;
}

body.zm-home .zm-referral-assurance-copy {
  min-width: 0;
  grid-column: 2;
  grid-row: 1;
}

body.zm-home .zm-referral-assurance-copy strong,
body.zm-home .zm-referral-assurance-copy span,
body.zm-home .zm-referral-assurance-copy small {
  display: block;
}

body.zm-home .zm-referral-assurance-copy strong {
  color: #1d5366;
  font-size: 11.5px;
  line-height: 1.25;
}

body.zm-home .zm-referral-assurance-copy span {
  margin-top: 2px;
  color: #657a82;
  font-size: 9.5px;
  line-height: 1.35;
}

body.zm-home .zm-referral-assurance-copy small {
  margin-top: 3px;
  color: #ad522f;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.3;
}

body.zm-home .zm-referral-actions {
  display: flex;
  grid-column: 3;
  grid-row: 1;
  align-items: center;
  gap: 14px;
}

body.zm-home .zm-referral-actions .zm-button {
  min-height: 40px;
  padding: 9px 13px;
  font-size: 11px;
}

body.zm-home .zm-referral-actions .zm-text-link {
  white-space: nowrap;
}

@media (max-width: 760px) {
  body.zm-home .zm-referral-intro {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  body.zm-home .zm-referral-assurance {
    grid-template-columns: 21px minmax(0, 1fr);
  }

  body.zm-home .zm-referral-actions {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  body.zm-home .zm-pathway-carousel--index .zm-referral-hub .zm-pathway-content {
    padding: 20px 18px 22px;
  }

  body.zm-home .zm-referral-methods {
    grid-template-columns: 1fr;
  }

  body.zm-home .zm-referral-method,
  body.zm-home .zm-referral-method:first-child,
  body.zm-home .zm-referral-method:last-child {
    padding: 12px 0;
    border-top: 1px solid #d9e6ea;
    border-left: 0;
    background: #fff;
  }

  body.zm-home .zm-referral-method:first-child {
    border-top: 0;
  }

  body.zm-home .zm-referral-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Work formats: readable content, consistent actions and compact mobile disclosure. */
#routes.zm-pathway-carousel--index { padding: 32px 0 40px; }
#routes .zm-pathway-heading h2 { font-size: 42px; }
#routes .zm-pathway-stage {
  grid-template-columns: 252px minmax(0, 1fr);
  overflow: clip;
  border-color: transparent;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, var(--zm-card-edge-strong), var(--zm-card-edge-mid) 42%, var(--zm-card-edge-clear)) border-box;
  box-shadow: var(--zm-card-edge-shadow);
}
#routes .zm-pathway-tab-shell { background: linear-gradient(100deg, #eaf5fa, #f8fbfd); }
#routes .zm-pathway-tabs { grid-template-rows: repeat(5, minmax(96px, 1fr)); }
#routes .zm-pathway-tabs button {
  grid-template-columns: 30px minmax(0, 1fr) 14px;
  min-height: 96px;
  gap: 10px;
  padding: 16px;
}
#routes .zm-pathway-tabs button > svg { width: 26px; height: 26px; }
#routes .zm-pathway-tabs button > svg:last-child { width: 14px; height: 14px; }
#routes .zm-pathway-tabs button small { font-size: 12px; }
#routes .zm-pathway-panel { grid-template-rows: 176px minmax(0, 1fr); min-height: 0; }
#routes .zm-pathway-media { min-height: 176px; max-height: 176px; }
#routes .zm-pathway-media > span { max-width: 450px; font-size: 30px; line-height: 1.12; }
#routes .zm-pathway-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 24px;
  background: linear-gradient(110deg, #eaf5fb 0%, #f6fbfd 38%, #fff 76%);
}
#routes .zm-pathway-content > * { margin-top: 0; }
#routes .zm-pathway-content > :last-child { margin-top: auto; }
#routes .zm-pathway-content h3 { font-size: 28px; line-height: 1.18; }
#routes :is(.zm-business-hub-intro, .zm-leads-intro, .zm-career-hub-intro, .zm-partner-hub-intro, .zm-referral-intro) p {
  max-width: 820px;
  font-size: 14px;
  line-height: 1.5;
}
#routes :is(.zm-leads-intro, .zm-partner-hub-intro, .zm-referral-intro) {
  grid-template-columns: minmax(0, 1fr) 235px;
  gap: 18px;
}
#routes :is(.zm-leads-contract-note, .zm-partner-pilot, .zm-referral-contact-rule) {
  font-size: 12px;
  line-height: 1.45;
}
#routes :is(.zm-leads-contract-note, .zm-partner-pilot, .zm-referral-contact-rule) strong { font-size: 12px; }
#routes :is(.zm-business-service-heading, .zm-leads-model, .zm-career-proof, .zm-partner-model, .zm-referral-method) h4 {
  font-size: 14px;
  line-height: 1.3;
}
#routes :is(.zm-leads-model, .zm-career-proof, .zm-partner-model, .zm-referral-method) p {
  color: #526973;
  font-size: 12.5px;
  line-height: 1.45;
}
#routes :is(.zm-partner-model, .zm-referral-method) small { font-size: 10px; line-height: 1.4; }
#routes :is(.zm-leads-models, .zm-career-proof-grid, .zm-partner-models, .zm-referral-methods) {
  border: 1px solid #ccdee4;
  border-radius: 6px;
  background: linear-gradient(110deg, #eaf5fb, #f7fbfd 45%, #fff);
}
#routes :is(.zm-leads-model, .zm-career-proof, .zm-partner-model, .zm-referral-method) {
  padding: 12px 16px;
  background: transparent;
}
#routes :is(.zm-leads-model-icon, .zm-career-proof-icon, .zm-partner-model-icon, .zm-referral-method-icon) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  color: #177da2;
}
#routes .zm-career-proof:nth-child(2) .zm-career-proof-icon,
#routes .zm-partner-model:nth-child(even) .zm-partner-model-icon,
#routes .zm-referral-method:nth-child(2) .zm-referral-method-icon {
  color: #d75d30;
}
#routes .zm-referral-method:nth-child(3) .zm-referral-method-icon {
  color: #25865e;
}
#routes :is(.zm-leads-model-icon, .zm-career-proof-icon, .zm-partner-model-icon, .zm-referral-method-icon) svg {
  grid-area: auto;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
}
#routes .zm-business-service-heading { grid-template-columns: 26px minmax(0, 1fr) 14px; cursor: pointer; list-style: none; }
#routes .zm-business-service-heading::-webkit-details-marker { display: none; }
#routes .zm-business-service-heading > svg:first-child { width: 22px; height: 22px; }
#routes .zm-business-service-heading > div { grid-column: 2; grid-row: 1; }
#routes .zm-business-service-heading > .zm-route-disclosure {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  width: 14px;
  height: 14px;
  transition: transform 160ms ease;
}
#routes details[open] .zm-route-disclosure { transform: rotate(180deg); }
#routes .zm-business-service-heading span { color: #526973; font-size: 12px; line-height: 1.4; }
#routes .zm-business-service-links { padding-left: 34px; gap: 4px 10px; }
#routes .zm-business-service-links a { display: inline-flex; align-items: center; min-height: 24px; font-size: 12px; line-height: 1.35; }
#routes .zm-leads-model .zm-lead-model-link { min-height: 32px; font-size: 12px; }
#routes .zm-leads-model-number { font-size: 12px; color: #607780; }
#routes .zm-partner-models { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#routes .zm-partner-model { grid-template-columns: 36px minmax(0, 1fr); }
#routes .zm-partner-model:nth-child(odd) { border-left: 0; }
#routes .zm-partner-model:nth-child(n+3) { border-top: 1px solid #d9e6ea; }
#routes .zm-career-proof { align-items: start; }
#routes .zm-career-internship { font-size: 13px; line-height: 1.45; }
#routes .zm-route-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid #dbe7eb;
  list-style: none;
  counter-reset: route-step;
}
#routes .zm-route-steps li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 3px 8px;
  padding: 0;
  counter-increment: route-step;
}
#routes .zm-route-steps li::before {
  display: grid;
  position: static;
  grid-column: 1;
  grid-row: 1 / 3;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid #a8cad5;
  border-radius: 50%;
  color: #176f90;
  background: #edf6f9;
  font-size: 11px;
  font-weight: 750;
  content: counter(route-step);
}
#routes .zm-route-steps strong { grid-column: 2; grid-row: 1; color: #21434f; font-size: 12px; line-height: 1.35; }
#routes .zm-route-steps span { grid-column: 2; grid-row: 2; color: #526973; font-size: 12px; line-height: 1.4; }
#routes :is(.zm-business-diagnostic, .zm-leads-decision, .zm-partner-assurance, .zm-referral-assurance-copy) strong { font-size: 13px; line-height: 1.4; }
#routes :is(.zm-business-diagnostic, .zm-leads-decision, .zm-partner-assurance, .zm-referral-assurance-copy) span { font-size: 12px; line-height: 1.45; color: #526973; }
#routes .zm-referral-assurance-copy small { font-size: 11.5px; line-height: 1.45; }
#routes .zm-career-feedback { font-size: 12px; }
#routes .zm-referral-assurance,
#routes .zm-partner-assurance { grid-template-columns: 21px minmax(0, 1fr); }
#routes :is(.zm-referral-actions, .zm-partner-actions) { grid-column: 1 / -1; grid-row: 2; padding-top: 3px; }
#routes .zm-button {
  display: inline-flex;
  align-items: center;
  grid-template-columns: none;
  min-height: 44px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 1.3;
}
#routes .zm-button > svg { grid-area: auto; }
#routes .zm-text-link { min-height: 44px; font-size: 13px; line-height: 1.4; }
#routes :is(.zm-business-diagnostic-actions, .zm-leads-decision-actions, .zm-career-entry-actions, .zm-partner-actions, .zm-referral-actions) { flex-wrap: wrap; gap: 10px 16px; }
#routes :is(a, button, summary):focus-visible { outline: 2px solid #177da2; outline-offset: 4px; }
#routes .zm-pathway-panel[inert] { pointer-events: none; }

@media (max-width: 1180px) {
  #routes .zm-pathway-stage { grid-template-columns: 1fr; }
  #routes .zm-pathway-tabs { grid-template-rows: 1fr; }
  #routes .zm-pathway-tabs button { min-height: 76px; padding: 12px 14px; }
  #routes .zm-pathway-tabs button strong { font-size: 14px; }
}
@media (max-width: 760px) {
  #routes :is(.zm-leads-intro, .zm-partner-hub-intro, .zm-referral-intro) { grid-template-columns: 1fr; gap: 12px; }
  #routes :is(.zm-business-diagnostic, .zm-leads-decision) { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  #routes .zm-pathway-heading h2 { font-size: 32px; }
  #routes .zm-pathway-tabs { grid-template-columns: repeat(5, 178px); }
  #routes .zm-pathway-tabs button { grid-template-columns: 24px minmax(0, 1fr); min-height: 68px; }
  #routes .zm-pathway-tabs button small { font-size: 11px; }
  #routes .zm-pathway-panel { grid-template-rows: 168px minmax(0, 1fr); }
  #routes .zm-pathway-media { min-height: 168px; max-height: 168px; }
  #routes .zm-pathway-media > span { font-size: 23px; line-height: 1.15; }
  #routes .zm-pathway-content { gap: 14px; padding: 18px; }
  #routes .zm-pathway-content h3 { font-size: 24px; }
  #routes .zm-business-service-group { padding: 12px; }
  #routes .zm-business-service-links { padding-left: 0; gap: 5px 12px; }
  #routes .zm-business-service-links a { min-height: 32px; font-size: 13px; }
  #routes .zm-partner-models { grid-template-columns: 1fr; }
  #routes .zm-partner-model { border-left: 0; }
  #routes :is(.zm-leads-model, .zm-career-proof, .zm-partner-model, .zm-referral-method) { padding: 12px 14px; }
  #routes :is(.zm-leads-model, .zm-career-proof, .zm-partner-model, .zm-referral-method) p { font-size: 13px; }
  #routes .zm-route-steps { grid-template-columns: 1fr; gap: 12px; padding: 0 0 16px; }
  #routes .zm-route-steps li { grid-template-columns: 24px minmax(0, 1fr); }
  #routes .zm-button { width: 100%; justify-content: space-between; }
  #routes :is(.zm-business-diagnostic-actions, .zm-leads-decision-actions, .zm-career-entry-actions, .zm-partner-actions, .zm-referral-actions) { width: 100%; gap: 4px; }
  #routes .zm-text-link { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  #routes .zm-route-disclosure { transition: none; }
}

/* Home directions: readable scope, approved creatives and one shared enquiry route. */
body.zm-home #services.zm-direction-system { padding-block: 64px; }
body.zm-home #services .zm-section-heading {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: center;
  gap: 32px;
  margin-bottom: 30px;
}
body.zm-home #services h2 { font-size: 44px; line-height: 1.12; letter-spacing: 0; }
body.zm-home #services .zm-direction-heading-accent { margin-top: 4px; }
body.zm-home #services .zm-direction-summary { max-width: 480px; padding: 0; }
body.zm-home #services .zm-direction-summary strong { max-width: none; font-size: 20px; line-height: 1.3; margin-bottom: 8px; }
body.zm-home #services .zm-direction-summary p { max-width: none; font-size: 15px; line-height: 1.55; }
body.zm-home #services .zm-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
  padding: 0;
  overflow: visible;
  scroll-snap-type: none;
}
body.zm-home #services .zm-service-grid > a {
  --zm-card-fill: linear-gradient(110deg, #eaf5fb 0%, #f6fbfd 38%, #fff 82%);
  display: flex;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--zm-card-fill) padding-box,
    linear-gradient(90deg, var(--zm-card-edge-strong), var(--zm-card-edge-mid) 42%, var(--zm-card-edge-clear)) border-box;
  box-shadow: -3px 0 14px rgba(66, 135, 160, .09), 0 5px 14px rgba(29, 71, 86, .04);
  text-decoration: none;
}
body.zm-home #services .zm-service-grid > a:hover {
  border-color: transparent;
  background: var(--zm-card-fill) padding-box,
    linear-gradient(90deg, var(--zm-card-edge-strong), var(--zm-card-edge-mid) 42%, var(--zm-card-edge-clear)) border-box;
  box-shadow: -3px 0 17px rgba(66, 135, 160, .14), 0 8px 18px rgba(29, 71, 86, .07);
  transform: translateY(-2px);
}
body.zm-home #services .zm-service-card-media { flex: none; aspect-ratio: 1586 / 992; margin: 0; border-radius: 7px 7px 0 0; }
body.zm-home #services .zm-service-card-media::after { display: none; }
body.zm-home #services .zm-service-card-media img { width: 100%; height: 100%; object-fit: cover; transform: none; }
body.zm-home #services .zm-direction-card-copy { gap: 12px; padding: 20px 18px 8px; }
body.zm-home #services .zm-service-grid h3 { margin: 0; font-size: 22px; line-height: 1.22; letter-spacing: 0; }
body.zm-home #services .zm-service-grid p { margin: 0; min-height: 66px; color: #455c67; font-size: 14.5px; line-height: 1.5; }
body.zm-home #services .zm-direction-scope {
  display: grid;
  flex: 1;
  align-content: start;
  gap: 8px;
  margin: 0 0 6px;
  padding: 0;
  list-style: none;
}
body.zm-home #services .zm-direction-scope li { position: relative; margin: 0; padding: 0 0 0 13px; color: #254653; font-size: 13.5px; line-height: 1.45; }
body.zm-home #services .zm-direction-scope li::before { position: absolute; top: 7px; left: 0; width: 4px; height: 4px; border: 0; border-radius: 50%; background: #2f7c9c; content: ""; }
body.zm-home #services .zm-direction-card-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  width: 100%;
  margin-top: auto;
  padding: 10px 0;
  border-top: 1px solid #cddfe6;
  color: #216584;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
body.zm-home #services .zm-direction-card-link svg { flex: 0 0 18px; width: 18px; height: 18px; }
body.zm-home #services .zm-service-grid > a:is(:hover, :focus-visible) .zm-direction-card-link { color: #a34520; }
body.zm-home #services a:focus-visible { outline: 3px solid #207bad; outline-offset: 4px; }
body.zm-home #services .zm-direction-system-footer { justify-content: space-between; gap: 24px; margin-top: 26px; padding-top: 22px; border-top: 1px solid #dce7ec; }
body.zm-home #services .zm-direction-start strong { display: block; color: #213f4c; font-size: 20px; line-height: 1.3; }
body.zm-home #services .zm-direction-start p { margin: 5px 0 0; color: #526973; font-size: 14px; line-height: 1.5; }
body.zm-home #services .zm-direction-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; }
body.zm-home #services .zm-direction-actions .zm-button { min-height: 46px; padding: 12px 20px; font-size: 14px; }
body.zm-home #services .zm-direction-actions .zm-text-link { min-height: 44px; color: #216584; font-size: 14px; }
@media (max-width: 1180px) {
  body.zm-home #services .zm-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  body.zm-home #services .zm-service-grid p { min-height: 44px; }
  body.zm-home #services h2 { font-size: 38px; }
}
@media (max-width: 760px) {
  body.zm-home #services .zm-section-heading { grid-template-columns: 1fr; gap: 18px; }
  body.zm-home #services .zm-direction-summary { max-width: 560px; }
  body.zm-home #services .zm-direction-system-footer { align-items: flex-start; flex-direction: column; gap: 16px; }
}
@media (max-width: 620px) {
  body.zm-home #services.zm-direction-system { padding-block: 44px; }
  body.zm-home #services h2 { font-size: 32px; }
  body.zm-home #services .zm-section-heading { margin-bottom: 24px; }
  body.zm-home #services .zm-direction-summary strong { font-size: 19px; }
  body.zm-home #services .zm-service-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  body.zm-home #services .zm-direction-card-copy { gap: 12px; padding: 18px 18px 8px; }
  body.zm-home #services .zm-service-grid h3 { font-size: 24px; }
  body.zm-home #services .zm-service-grid p { min-height: 0; font-size: 15px; }
  body.zm-home #services .zm-direction-scope li { font-size: 14px; }
  body.zm-home #services .zm-direction-actions { gap: 8px 20px; width: 100%; }
  body.zm-home #services .zm-direction-actions .zm-button { justify-content: space-between; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.zm-home #services .zm-service-grid > a { transition: none; }
  body.zm-home #services .zm-service-grid > a:hover { transform: none; }
}

/* Service-specific estimates reuse the existing request section and form. */
.zm-service-page .zm-service-request,
.zm-section-page .zm-service-request {
  background: linear-gradient(110deg, #eaf5fb 0%, #f6fafc 48%, #fff 100%);
  scroll-margin-top: 160px;
}
.zm-service-request .zm-request-layout {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: 6%;
}
.zm-service-request h2 {
  max-width: 620px;
  font-size: 38px;
  line-height: 1.15;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
.zm-service-request .zm-request-layout > div > .zm-service-request-intro {
  max-width: 580px;
  margin: 16px 0 22px;
  font-size: 16px;
  line-height: 1.6;
}
.zm-service-request-details { display: grid; gap: 16px; margin: 0; }
.zm-service-request-details > div { padding-top: 16px; border-top: 1px solid #cddfe7; }
.zm-service-request-details dt { display: flex; align-items: center; gap: 10px; color: #234c60; font-size: 16px; font-weight: 700; line-height: 1.4; }
.zm-service-request-details dt svg { flex: 0 0 20px; width: 20px; height: 20px; color: #267496; }
.zm-service-request-details dd { margin: 6px 0 0 30px; color: #455c67; font-size: 14px; line-height: 1.6; }
.zm-service-request .zm-request-layout > div > .zm-service-request-start {
  max-width: 580px;
  margin: 20px 0 8px;
  color: #526973;
  font-size: 13px;
  line-height: 1.6;
}
.zm-service-request-phone { min-height: 44px; gap: 10px; font-size: 14px; }
.zm-service-request .contact-form { min-width: 0; }
.zm-service-request .contact-form textarea { min-height: 120px; }
.zm-section-page .zm-service-request { padding-block: 64px; }
.zm-section-page .zm-service-request h2 { max-width: 620px; font-size: 38px; line-height: 1.15; }
.zm-service-next-steps { display: grid; gap: 0; margin-top: 20px; padding-top: 16px; border-top: 1px solid #cddfe7; }
.zm-service-next-steps > strong { margin-bottom: 6px; color: #455c67; font-size: 13px; line-height: 1.5; }
.zm-service-next-steps a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; padding-block: 8px; color: #245e7a; font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none; }
.zm-service-next-steps a:hover { color: #a94424; text-decoration: underline; }
.zm-service-next-steps a:focus-visible { outline: 3px solid #237fab; outline-offset: 3px; }
.zm-service-next-steps a svg { flex: 0 0 18px; width: 18px; height: 18px; }

/* The catalogue and service forms share the same indicative prices. */
.zm-section-page #pricing { padding-block: 56px; background: #f5f9fb; scroll-margin-top: 156px; }
.zm-pricing-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 32px; margin-bottom: 28px; }
.zm-section-page .zm-service-pricing h2 { margin: 0; font-size: 38px; line-height: 1.15; letter-spacing: 0; }
.zm-pricing-heading > p { max-width: 540px; margin: 0; color: #455c67; font-size: 16px; line-height: 1.6; }
.zm-pricing-list { border-top: 1px solid #a9c9d8; }
.zm-pricing-row { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.6fr) minmax(210px, 0.8fr); align-items: start; gap: 28px; padding: 24px 0; border-bottom: 1px solid #cddfe7; background: transparent; box-shadow: none; }
.zm-pricing-service { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px 12px; }
.zm-pricing-service > svg { width: 24px; height: 24px; color: #267496; }
.zm-pricing-row .zm-pricing-service h3 { margin: 0; color: #193d4d; font-size: 20px; line-height: 1.3; letter-spacing: 0; }
.zm-pricing-service > p { grid-column: 2; margin: 0; color: #526973; font-size: 13px; line-height: 1.55; }
.zm-pricing-scope > p { margin: 0; color: #344d59; font-size: 14px; line-height: 1.6; }
.zm-pricing-scope > .zm-pricing-extra { margin-top: 10px; color: #526973; font-size: 13px; }
.zm-pricing-extra strong { color: #344d59; }
.zm-pricing-action { min-width: 0; }
.zm-pricing-amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; margin: 0; color: #235e7c; }
.zm-pricing-amount > span { white-space: nowrap; font-size: 29px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: 0; }
.zm-pricing-amount > small { font-size: 13px; font-weight: 500; line-height: 1.5; }
.zm-pricing-action .zm-pricing-amount > small { flex-basis: 100%; }
.zm-pricing-tax { display: block; margin-top: 4px; color: #526973; font-size: 12px; line-height: 1.5; }
.zm-service-pricing .zm-text-link, .zm-service-price .zm-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-top: 6px; color: #a94424; font-size: 14px; line-height: 1.4; }
.zm-service-pricing .zm-text-link svg, .zm-service-price .zm-text-link svg { flex: 0 0 18px; width: 18px; height: 18px; }
.zm-service-pricing a:focus-visible, .zm-service-price a:focus-visible, .zm-pricing-factors summary:focus-visible { outline: 3px solid #237fab; outline-offset: 4px; }
.zm-pricing-factors { margin-top: 12px; }
.zm-pricing-factors summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; padding: 10px 0; color: #234c60; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 1.5; list-style: none; }
.zm-pricing-factors summary::-webkit-details-marker { display: none; }
.zm-pricing-factors summary > svg { flex: 0 0 20px; width: 20px; height: 20px; }
.zm-pricing-factors[open] summary > svg { transform: rotate(180deg); }
.zm-pricing-factors > p { max-width: 900px; margin: 0 0 12px; color: #455c67; font-size: 14px; line-height: 1.6; }
.zm-service-pricing .zm-pricing-terms { max-width: 1080px; margin: 12px 0 0; color: #526973; font-size: 13px; line-height: 1.6; }
.zm-service-price { margin: 0 0 22px; padding: 4px 0 4px 18px; border-left: 3px solid #83bbd6; }
.zm-service-price > strong { display: block; margin-bottom: 8px; color: #234c60; font-size: 15px; line-height: 1.5; }
.zm-service-price > .zm-service-price-fit { margin: 8px 0 0; color: #455c67; font-size: 14px; line-height: 1.55; }
.zm-service-price > .zm-pricing-terms { margin: 8px 0 0; color: #526973; font-size: 12px; line-height: 1.6; }
@media (max-width: 1000px) {
  .zm-pricing-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 28px; }
  .zm-pricing-scope { grid-column: 1; grid-row: 2; }
  .zm-pricing-action { grid-column: 2; grid-row: 1 / span 2; justify-self: end; }
}
@media (max-width: 620px) {
  .zm-section-page #pricing { padding-block: 40px; scroll-margin-top: 130px; }
  .zm-pricing-heading { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-bottom: 22px; }
  .zm-section-page .zm-service-pricing h2 { font-size: 30px; }
  .zm-pricing-heading > p { font-size: 15px; }
  .zm-pricing-row { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 24px; }
  .zm-pricing-action { grid-column: 1; grid-row: 3; justify-self: stretch; }
  .zm-pricing-action .zm-pricing-amount > small { flex-basis: auto; }
  .zm-pricing-amount > span { font-size: 28px; }
  .zm-pricing-service > p { font-size: 14px; }
  .zm-pricing-tax { font-size: 13px; }
}

/* A visitor's starting situation determines the scope, not a generic package. */
.zm-service-page .zm-service-choices:is(#seo-route, #context-route, #development-route, #crm-start) { padding-block: 56px; background: #fff; scroll-margin-top: 160px; }
.zm-service-choices .zm-service-choices-heading { grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr); gap: 48px; align-items: start; margin-bottom: 28px; }
.zm-service-choices-heading h2 { max-width: 620px; font-size: 38px; line-height: 1.15; letter-spacing: 0; }
.zm-service-choices-heading > p { max-width: 550px; margin: 0; color: #526973; font-size: 16px; line-height: 1.6; }
.zm-service-choices-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.zm-service-choice { display: flex; flex-direction: column; min-width: 0; border: 1px solid #c8dfe9; border-radius: 8px; background: linear-gradient(125deg, #edf7fb 0%, #fff 64%); box-shadow: none; overflow: hidden; }
.zm-service-choice-media { flex: 0 0 auto; margin: 0; aspect-ratio: 16 / 9; overflow: hidden; }
.zm-service-choice-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.zm-service-choice-copy { display: flex; flex: 1; flex-direction: column; gap: 14px; padding: 22px; }
.zm-service-choice-copy h3 { margin: 0; color: #182f39; font-size: 23px; line-height: 1.22; letter-spacing: 0; }
.zm-service-choice-copy > p { margin: 0; color: #455c67; font-size: 15px; line-height: 1.6; }
.zm-service-choice-copy .zm-service-choice-result { display: flex; align-items: flex-start; gap: 9px; min-height: 88px; margin-top: auto; padding-top: 14px; border-top: 1px solid #d7e7ee; font-size: 14px; }
.zm-service-choice-result svg { flex: 0 0 19px; width: 19px; height: 19px; margin-top: 3px; color: #267496; }
.zm-service-choice-result strong { display: block; margin-bottom: 3px; color: #244f64; font-size: 13px; line-height: 1.5; }
.zm-service-choice-copy .zm-text-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-top: 2px; padding-block: 8px; color: #a94424; font-size: 14px; line-height: 1.4; }
.zm-service-choices .zm-text-link svg { flex: 0 0 18px; width: 18px; height: 18px; }
.zm-service-page .zm-service-choices .zm-text-link { min-height: 44px; line-height: 1.4; }
.zm-service-choices .zm-text-link:focus-visible { outline: 3px solid #237fab; outline-offset: 3px; }
.zm-service-choices-footer { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #dce7ec; }
.zm-service-choices-footer p { flex: 1; max-width: 760px; margin: 0; color: #526973; font-size: 14px; line-height: 1.6; }
.zm-service-choices-footer .zm-text-link { flex: 0 1 300px; min-height: 44px; color: #216584; font-size: 14px; line-height: 1.5; }
@media (max-width: 1000px) {
  .zm-service-choice-copy { padding: 18px; }
  .zm-service-choice-copy h3 { font-size: 21px; }
}
@media (max-width: 760px) {
  .zm-service-page .zm-service-choices:is(#seo-route, #context-route, #development-route, #crm-start) { padding-block: 40px; scroll-margin-top: 130px; }
  .zm-service-choices .zm-service-choices-heading { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 24px; }
  .zm-service-choices-heading h2 { font-size: 30px; }
  .zm-service-choices-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .zm-service-choice-copy h3 { font-size: 23px; }
  .zm-service-choice-copy .zm-service-choice-result { min-height: 0; }
  .zm-service-choices-footer { flex-direction: column; align-items: stretch; gap: 12px; }
  .zm-service-choices-footer .zm-text-link { flex: auto; align-self: flex-start; }
}
@media (max-width: 900px) {
  .zm-service-request .zm-request-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .zm-service-request h2, .zm-section-page .zm-service-request h2 { font-size: 32px; }
  .zm-section-page .zm-service-request { padding-block: 40px; scroll-margin-top: 130px; }
}
@media (max-width: 480px) {
  .zm-service-request h2, .zm-section-page .zm-service-request h2 { font-size: 28px; }
  .zm-service-request .zm-request-layout > div > .zm-service-request-intro { font-size: 15px; }
  .zm-service-request-details dd { margin-left: 0; }
}

/* Topic selection progressively enhances the crawlable article list. */
.zm-blog-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 20px; padding-block: 20px; margin-bottom: 28px; border-block: 1px solid #dce3e7; }
.zm-blog-filter[hidden], .zm-blog-grid .zm-blog-card[hidden] { display: none; }
.zm-blog-filter label { font-size: 16px; font-weight: 700; }
.zm-blog-filter select { min-height: 48px; width: 300px; max-width: 100%; padding: 10px 36px 10px 14px; border: 1px solid #9aaab4; border-radius: 5px; background: #fff; color: #1c2b34; font: inherit; }
.zm-blog-filter select:focus-visible { outline: 3px solid #3978b9; outline-offset: 3px; }
.zm-blog-filter [data-blog-count] { margin-left: auto; font-size: 14px; color: #53636d; }
@media (max-width: 600px) {
  .zm-blog-filter { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 20px; }
  .zm-blog-filter select { width: 100%; }
  .zm-blog-filter [data-blog-count] { margin-left: 0; }
}