/* ============================================================
 * front-page.php extracted styles
 * All rules originated as inline style="..." attributes.
 * ============================================================ */

/* ============ ROOT WRAPPER ============ */
.zk-page {
  overflow-x: hidden;
  width: 100%;
}

/* ============ HEADER ============ */
.zk-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid #f4f0ed;
}

.zk-header__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.zk-header__brand {
  display: flex;
  align-items: center;
  gap: 11px;
}

.zk-header__wordmark {
  font-size: 24px;
  letter-spacing: -.5px;
}

.zk-header__wordmark-light {
  font-weight: 400;
}

.zk-header__wordmark-bold {
  font-weight: 700;
}

.zk-header__nav {
  display: flex;
  align-items: center;
  gap: 26px;
}

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

.zk-nav-item--rel {
  position: relative;
  display: flex;
  align-items: center;
}

.zk-nav-item .ai-ring {
  --ai-a: #c58b62;
  --ai-b: #ac694d;
}

.zk-nav-ai-link {
  background: #fff;
  padding: 10px 20px;
  border-radius: 28px;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}

.zk-nav-ai-spark {
  color: #a2704d;
  font-size: 12px;
}

.zk-nav-ai-text {
  background: linear-gradient(90deg, #a2704d, #ac694d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.zk-nav-caret {
  font-size: 9px;
  color: #afa8a3;
  transition: transform .2s;
}

.zk-nav-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 60;
}

.zk-nav-panel--sub {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding-top: 16px;
  z-index: 60;
}

.zk-nav-mega {
  background: #fff;
  border-top: 1px solid #f3f1ef;
  border-bottom: 1px solid #efebe9;
  box-shadow: 0 26px 44px rgba(28, 23, 19, .10);
}

.zk-nav-mega__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 36px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 44px;
}

.zk-nav-mega__inner--industries {
  max-width: 1240px;
  margin: 0 auto;
  padding: 34px 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 44px;
}

.zk-nav-mega__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: #938d89;
  margin-bottom: 12px;
}

.zk-nav-mega__link {
  display: block;
  font-size: 14.5px;
  color: #423c37;
  padding: 7px 0;
  transition: color .2s;
}

.zk-nav-mega__cta {
  background: linear-gradient(160deg, #f9f7f6, #f7f3f0);
  border-radius: 14px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.zk-nav-mega__cta-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.zk-nav-mega__cta-desc {
  font-size: 13px;
  color: #736d69;
  line-height: 1.5;
}

.zk-nav-mega__cta-btn {
  margin-top: auto;
  background: #1c1713;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 11px 16px;
  border-radius: 9px;
  text-align: center;
  transition: background .2s;
}

.zk-nav-link {
  font-size: 15px;
  font-weight: 500;
  color: #423c37;
  transition: color .2s;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.zk-nav-link--plain {
  font-size: 15px;
  font-weight: 500;
  color: #423c37;
  transition: color .2s;
}

.zk-nav-submenu {
  width: 280px;
  background: #fff;
  border: 1px solid #efebe9;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(28, 23, 19, .16);
  padding: 14px;
}

.zk-nav-submenu__item {
  display: block;
  padding: 12px 14px;
  border-radius: 10px;
  transition: background .2s;
}

.zk-nav-submenu__title {
  font-size: 15px;
  font-weight: 600;
  color: #1c1713;
}

.zk-nav-submenu__sub {
  font-size: 12.5px;
  color: #938d89;
}

.zk-nav-submenu__divider {
  height: 1px;
  background: #f3f1ef;
  margin: 8px 12px;
}

.zk-nav-submenu__all {
  display: block;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #c58b62;
  transition: color .2s;
}

.zk-header__cta {
  background: #1c1713;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 24px;
  border-radius: 9px;
  white-space: nowrap;
  box-shadow: 0 8px 22px rgba(197, 139, 98, .28);
  transition: transform .2s, background .2s, box-shadow .2s;
}

/* ============ HERO ============ */
.zk-hero {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 30%, #f6efea 100%);
  padding: 74px 40px 60px;
  text-align: center;
  overflow: hidden;
}

.zk-hero__glow {
  position: absolute;
  width: 680px;
  height: 420px;
  left: 50%;
  bottom: -120px;
  transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(222, 175, 141, .30), transparent);
  pointer-events: none;
  animation: heroGlow 1.4s ease forwards;
}

.zk-hero__inner {
  position: relative;
  max-width: 920px;
  margin: 0 auto;
}

.zk-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  color: #3f342d;
  text-transform: uppercase;
}

.zk-hero__title {
  animation-delay: .12s;
  font-size: 58px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -1.5px;
  margin: 30px 0 24px;
  color: #1c1713;
}

.zk-hero__accent {
  background: linear-gradient(90deg, #c58b62, #ac694d);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: shimmer 5s linear infinite;
}

.zk-hero__lead {
  animation-delay: .24s;
  font-size: 20px;
  line-height: 1.55;
  color: #736d69;
  max-width: 760px;
  margin: 0 auto 38px;
  text-wrap: pretty;
}

.zk-hero__ctas {
  animation-delay: .36s;
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

.zk-hero__cta-primary {
  background: #1c1713;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 17px 32px;
  border-radius: 11px;
  box-shadow: 0 12px 30px rgba(28, 23, 19, .22);
  transition: transform .2s, box-shadow .2s;
}

.zk-hero__cta-secondary {
  background: #fff;
  color: #1c1713;
  font-weight: 600;
  font-size: 16px;
  padding: 17px 32px;
  border-radius: 11px;
  border: 1.5px solid #ffffff;
  box-shadow: 0 6px 18px rgba(28, 23, 19, .08);
  transition: all .2s;
}

.zk-hero__trust {
  position: relative;
  max-width: 1100px;
  margin: 64px auto 0;
}

.zk-hero__trust-head {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #938d89;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-bottom: 26px;
}

.zk-hero__trust-rule-left {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e6dad1);
}

.zk-hero__trust-rule-right {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #e6dad1, transparent);
}

.zk-hero__badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  opacity: .82;
}

.zk-hero__badge {
  display: flex;
  align-items: center;
  gap: 9px;
}

.zk-hero__badge-icon {
  width: 34px;
  height: 38px;
  background: #1c1713;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
}

.zk-hero__badge-text {
  font-size: 11px;
  color: #736d69;
  line-height: 1.3;
}

.zk-hero__badge-text--sep {
  font-size: 11px;
  color: #736d69;
  line-height: 1.3;
  border-left: 1px solid #e5ddd7;
  padding-left: 14px;
}

/* ============ AI AGENTS SHOWCASE ============ */
.zk-agents {
  position: relative;
  background: linear-gradient(135deg, #241912 0%, #321f15 45%, #3b2418 100%);
  padding: 82px 40px 90px;
  overflow: hidden;
}

.zk-agents__glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(700px 420px at 80% 10%, rgba(218, 165, 127, .24), transparent 70%);
  pointer-events: none;
}

.zk-agents__grid {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 32px;
  align-items: center;
}

.zk-agents__card {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 28px;
  padding: 18px;
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
}

.zk-agents__card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 4px 12px;
}

.zk-agents__card-title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.zk-agents__card-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #f59e7b;
}

.zk-agents__card-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #f2d8c2;
  text-transform: uppercase;
}

.zk-agents__card-tag {
  font-size: 11px;
  letter-spacing: 1.4px;
  color: #e8cbb3;
  text-transform: uppercase;
}

.zk-agents__stage {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(135deg, #f9efe7 0%, #ead6c4 100%);
  min-height: 430px;
  border: 1px solid rgba(114, 86, 68, .16);
}

.zk-agents__stage-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(197, 139, 98, .24), transparent 36%);
  pointer-events: none;
}

.zk-agents__stage-top {
  position: absolute;
  left: 22px;
  top: 22px;
  right: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zk-agents__stage-kicker {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #8a5a3d;
  text-transform: uppercase;
}

.zk-agents__stage-pill {
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  color: #8a5a3d;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #ead8cb;
}

.zk-agents__stage-body {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 14px;
}

.zk-agents__panel {
  background: rgba(255, 255, 255, .8);
  border: 1px solid rgba(135, 103, 78, .16);
  border-radius: 20px;
  padding: 18px;
  backdrop-filter: blur(10px);
}

.zk-agents__panel-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.zk-agents__panel-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c58b62, #ac694d);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
}

.zk-agents__panel-title {
  font-size: 14px;
  font-weight: 700;
  color: #1e1612;
}

.zk-agents__panel-sub {
  font-size: 11px;
  color: #8a6e5f;
}

.zk-agents__bubbles {
  display: grid;
  gap: 8px;
}

.zk-agents__bubble {
  padding: 10px 12px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #ecdfd3;
  font-size: 13px;
  color: #4f3f35;
  line-height: 1.45;
}

.zk-agents__bubble--tint {
  padding: 10px 12px;
  border-radius: 12px;
  background: #f7efe8;
  border: 1px solid #e8dbcf;
  font-size: 13px;
  color: #4f3f35;
  line-height: 1.45;
}

.zk-agents__meter {
  margin-top: 12px;
  height: 10px;
  border-radius: 999px;
  background: #efe0d1;
  overflow: hidden;
}

.zk-agents__meter-fill {
  height: 100%;
  width: 78%;
  background: linear-gradient(90deg, #c58b62, #ac694d);
  border-radius: 999px;
  animation: meter 2.4s ease-in-out infinite;
}

.zk-agents__meter-fill--72 {
  height: 100%;
  width: 72%;
  background: linear-gradient(90deg, #c58b62, #ac694d);
  border-radius: 999px;
  animation: meter 2.4s ease-in-out infinite;
}

.zk-agents__side {
  display: grid;
  gap: 10px;
}

.zk-agents__side--flex {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.zk-agents__signal {
  background: rgba(28, 23, 19, .9);
  border-radius: 16px;
  padding: 14px;
  color: #fff;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18);
}

.zk-agents__signal--lg {
  box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

.zk-agents__signal-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #e7c7ae;
  text-transform: uppercase;
}

.zk-agents__signal-canvas {
  margin-top: 10px;
  height: 86px;
  position: relative;
  border-radius: 12px;
  background: linear-gradient(135deg, #2d2219, #1b140e);
  overflow: hidden;
}

.zk-agents__signal-canvas--tall {
  height: 92px;
}

.zk-agents__signal-orb {
  position: absolute;
  left: 16px;
  top: 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: radial-gradient(circle, #d39f79 0%, #a26746 70%);
  box-shadow: 0 0 20px rgba(211, 159, 121, .48);
  animation: pulse 2s ease-in-out infinite;
}

.zk-agents__signal-orb--offset {
  left: 18px;
}

.zk-agents__signal-bar {
  position: absolute;
  left: 88px;
  top: 28px;
  width: 96px;
  height: 6px;
  border-radius: 999px;
  background: #f1ddca;
  opacity: .75;
  animation: scan 2.2s linear infinite;
}

.zk-agents__signal-bar--short {
  position: absolute;
  left: 88px;
  top: 54px;
  width: 74px;
  height: 6px;
  border-radius: 999px;
  background: #f1ddca;
  opacity: .65;
  animation: scan 2.2s linear infinite reverse;
}

.zk-agents__signal-bar--alt {
  position: absolute;
  left: 90px;
  top: 26px;
  width: 92px;
  height: 6px;
  border-radius: 999px;
  background: #f1ddca;
  opacity: .85;
  animation: scan 2.2s linear infinite;
}

.zk-agents__signal-bar--alt-short {
  position: absolute;
  left: 90px;
  top: 56px;
  width: 72px;
  height: 6px;
  border-radius: 999px;
  background: #f1ddca;
  opacity: .7;
  animation: scan 2.2s linear infinite reverse;
}

.zk-agents__signal-square {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 70px;
  height: 70px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
}

.zk-agents__outcome {
  background: linear-gradient(135deg, #fff, #f7efe8);
  border-radius: 16px;
  padding: 14px;
  border: 1px solid #e9dbcf;
}

.zk-agents__outcome-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #8a5a3d;
  text-transform: uppercase;
}

.zk-agents__outcome-title {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #1e1612;
}

.zk-agents__outcome-desc {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.5;
  color: #6f584c;
}

.zk-agents__intro {
  max-width: 520px;
}

.zk-agents__intro-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #f2d8c2;
  text-transform: uppercase;
}

.zk-agents__intro-title {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.06;
  color: #fff;
  margin: 18px 0 14px;
}

.zk-agents__intro-lead {
  font-size: 18px;
  line-height: 1.65;
  color: #d9c7b8;
  max-width: 500px;
}

.zk-agents__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 24px;
}

.zk-agents__list-card {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  padding: 14px;
  backdrop-filter: blur(10px);
}

.zk-agents__list-title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

.zk-agents__list-desc {
  font-size: 13px;
  line-height: 1.5;
  color: #d9c7b8;
}

.zk-agents__intro-cta {
  display: inline-flex;
  margin-top: 20px;
  background: #fff;
  color: #1c1713;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 22px;
  border-radius: 999px;
  transition: transform .2s, box-shadow .2s;
}

/* ============ WHY TRUST ============ */
.zk-why {
  background: #fff;
  padding: 92px 40px 96px;
}

.zk-section__head {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.zk-section__title {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
}

.zk-gradient-text {
  background: linear-gradient(90deg, #c58b62, #ac694d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.zk-section__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 980px;
  margin: 22px auto 56px;
  text-wrap: pretty;
}

.zk-why__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.zk-why__card {
  border-radius: 18px;
  padding: 34px 30px;
  text-align: left;
  transition: transform .25s, box-shadow .25s;
}

.zk-why__card--a {
  background: linear-gradient(160deg, #f9f7f6, #f6f2ef);
}

.zk-why__card--b {
  background: linear-gradient(160deg, #f7f4f2, #f5f1ef);
}

.zk-why__card--c {
  background: linear-gradient(160deg, #faf8f6, #f5f2f1);
}

.zk-icon-ring {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1.6px solid #cb9077;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 26px;
}

.zk-why__card-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 16px;
}

.zk-why__card-desc {
  font-size: 15px;
  line-height: 1.62;
  color: #736d69;
}

/* ============ AI TECH STACK LEGACY (hidden) ============ */
.zk-legacy {
  display: none;
}

.zk-legacy__head {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.zk-legacy__eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: #938d89;
  margin-bottom: 12px;
}

.zk-legacy__title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -.6px;
  color: #1c1713;
  margin-bottom: 10px;
}

.zk-legacy__lead {
  font-size: 15px;
  color: #736d69;
  max-width: 920px;
  margin: 0 auto 22px;
}

.zk-legacy__body {
  max-width: 1240px;
  margin: 28px auto 0;
}

.zk-legacy__ent {
  margin-top: 22px;
  background: linear-gradient(160deg, #fff, #f7f3f0);
  border-radius: 14px;
  padding: 18px;
  border: 1px solid #e9dbcf;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.zk-legacy__ent-copy {
  flex: 1;
  min-width: 260px;
}

.zk-legacy__ent-kicker {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: #938d89;
  text-transform: uppercase;
}

.zk-legacy__ent-desc {
  font-size: 14px;
  color: #6f584c;
  margin-top: 6px;
}

.zk-legacy__ent-logos {
  display: flex;
  gap: 18px;
  align-items: center;
  flex-wrap: wrap;
}

.zk-brand-openai {
  --brand-color: #412991;
}

.zk-brand-google {
  --brand-color: #4285F4;
}

.zk-brand-meta {
  --brand-color: #0e5bd8;
}

.zk-brand-anthropic {
  --brand-color: #0f172a;
}

.zk-brand-langchain {
  --brand-color: #6b3dd1;
}

.zk-brand-crewai {
  --brand-color: #1c1713;
}

.zk-brand-autogen {
  --brand-color: #2b6cb0;
}

.zk-brand-llamaindex {
  --brand-color: #e34c26;
}

.zk-brand-aws {
  --brand-color: #FF9900;
}

.zk-brand-azure {
  --brand-color: #0078D4;
}

.zk-brand-digitalocean {
  --brand-color: #0080FF;
}

.zk-brand-docker {
  --brand-color: #2496ED;
}

.zk-brand-kubernetes {
  --brand-color: #326CE5;
}

.zk-brand-github {
  --brand-color: #181717;
}

.zk-brand-terraform {
  --brand-color: #623CE4;
}

.zk-brand-postgres {
  --brand-color: #336791;
}

.zk-brand-mongo {
  --brand-color: #47A248;
}

.zk-brand-redis {
  --brand-color: #DC382D;
}

.zk-brand-pinecone {
  --brand-color: #1b9aaa;
}

.zk-brand-sony {
  --brand-color: #000000;
}

.zk-brand-bosch {
  --brand-color: #D62828;
}

.zk-brand-sap {
  --brand-color: #0FAAFF;
}

/* ============ STATS BAND ============ */
.zk-stats {
  position: relative;
  background: linear-gradient(120deg, #2c1f15 0%, #3a291c 48%, #38291e 100%);
  padding: 70px 40px 64px;
  overflow: hidden;
}

.zk-stats__glow-right {
  position: absolute;
  right: -80px;
  bottom: -120px;
  width: 480px;
  height: 480px;
  background: radial-gradient(closest-side, rgba(169, 115, 91, .40), transparent);
}

.zk-stats__glow-left {
  position: absolute;
  left: -60px;
  top: -80px;
  width: 360px;
  height: 360px;
  background: radial-gradient(closest-side, rgba(216, 159, 119, .30), transparent);
}

.zk-stats__inner {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
}

.zk-stats__title {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -.5px;
  margin-bottom: 48px;
}

.zk-stats__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
}

.zk-stats__cell {
  text-align: center;
  padding: 0 16px;
}

.zk-stats__cell--sep {
  border-left: 1px solid rgba(255, 255, 255, .12);
}

.zk-stats__num {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -1px;
}

.zk-stats__label {
  font-size: 13px;
  color: #c4bbb5;
  margin-top: 10px;
  line-height: 1.5;
}

.zk-stats__trusted {
  text-align: center;
  color: #d7cfc9;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.5px;
  margin: 64px 0 34px;
}

.zk-stats__logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  color: #fff;
  opacity: .9;
}

.zk-stats__logo-a {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: .5px;
}

.zk-stats__logo-b {
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 1px;
}

.zk-stats__logo-c {
  font-size: 25px;
  font-weight: 700;
  font-style: italic;
}

.zk-stats__logo-d {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
}

.zk-stats__logo-e {
  font-size: 23px;
  font-weight: 800;
}

.zk-stats__logo-f {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .5px;
}

/* ============ PATHWAYS (Flexible ways to build) ============ */
.zk-paths {
  background: #fff;
  padding: 92px 40px 96px;
}

.zk-paths__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items: stretch;
}

.zk-paths__col {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.zk-path {
  border-radius: 16px;
  padding: 26px 28px;
  cursor: pointer;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  transition: all .2s;
}

.zk-path--active {
  background: #f7f1ed;
  border: 1px solid #eadcd2;
}

.zk-path--muted {
  background: #fbfaf9;
  border: 1px solid #f4f1ee;
}

.zk-path__num {
  color: #c58b62;
  font-weight: 600;
  font-size: 18px;
  flex: none;
}

.zk-path__body {
  flex: 1;
}

.zk-path__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.zk-path__desc {
  font-size: 15px;
  line-height: 1.6;
  color: #736d69;
}

.zk-path__arrow {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #c88f67;
  align-items: center;
  justify-content: center;
  flex: none;
}

.zk-path__arrow--hidden {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #c88f67;
  align-items: center;
  justify-content: center;
  flex: none;
}

.zk-paths__preview {
  border-radius: 24px;
  background: linear-gradient(160deg, #231812, #341f15 60%, #43261b);
  padding: 20px;
  min-height: 430px;
  box-shadow: 0 24px 50px rgba(53, 34, 23, .24);
}

.zk-paths__preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.zk-paths__preview-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  color: #f1ddca;
  text-transform: uppercase;
}

.zk-paths__preview-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .09);
  border: 1px solid rgba(255, 255, 255, .12);
  color: #f1ddca;
  font-size: 12px;
  font-weight: 700;
}

.zk-paths__preview-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e08d56;
  display: inline-block;
  animation: pulse 1.8s ease-in-out infinite;
}

.zk-paths__stage {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(140deg, #f7efe8 0%, #ead9cd 100%);
  min-height: 360px;
  border: 1px solid rgba(114, 86, 68, .16);
}

.zk-paths__stage-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 80% 20%, rgba(197, 139, 98, .25), transparent 32%);
  pointer-events: none;
}

.zk-paths__stage-top {
  position: absolute;
  left: 18px;
  top: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zk-paths__stage-kicker {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #8a5a3d;
  text-transform: uppercase;
}

.zk-paths__stage-pill {
  padding: 7px 10px;
  border-radius: 999px;
  background: #fff;
  color: #8a5a3d;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #ead8cb;
}

.zk-paths__stage-body {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 64px;
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  gap: 14px;
}

.zk-paths__panel {
  background: rgba(255, 255, 255, .75);
  border: 1px solid rgba(135, 103, 78, .16);
  border-radius: 18px;
  padding: 16px;
  backdrop-filter: blur(10px);
}

.zk-paths__panel-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.zk-paths__panel-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c58b62, #ac694d);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
}

.zk-paths__panel-title {
  font-size: 13px;
  font-weight: 700;
  color: #1e1612;
}

.zk-paths__panel-sub {
  font-size: 11px;
  color: #8a6e5f;
}

/* ============ CASE STUDIES ============ */
.zk-cases {
  background: linear-gradient(180deg, #fcfaf8, #f7f1ed);
  padding: 88px 40px 92px;
}

.zk-cases__head {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.zk-cases__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 920px;
  margin: 20px auto 40px;
}

.zk-cases__tabs {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  max-width: 1100px;
  margin: 0 auto 44px;
  padding: 0 8px;
}

.zk-cases__arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ede6e1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: #938d89;
  cursor: pointer;
  user-select: none;
  transition: background .2s, color .2s, border-color .2s, transform .2s;
}

.zk-cases__arrow:hover {
  background: #1c1713;
  color: #ffffff;
  border-color: #1c1713;
  transform: translateY(-2px);
}
}

.zk-cases__tabs-list {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  justify-content: flex-start;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}

.zk-cases__tabs-list::-webkit-scrollbar {
  display: none;
}

.zk-cases__tabs-list > .zk-tab--active,
.zk-cases__tabs-list > .zk-tab--muted {
  scroll-snap-align: start;
  flex: 0 0 auto;
  white-space: nowrap;
}

.zk-tab--active {
  white-space: nowrap;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  padding: 11px 22px;
  border-radius: 30px;
  background: linear-gradient(135deg, #c68a5f, #c58b62);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(197, 139, 98, .32);
}

.zk-tab--muted {
  white-space: nowrap;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  padding: 11px 22px;
  border-radius: 30px;
  background: #ffffff;
  color: #423c37;
  box-shadow: 0 1px 4px rgba(28, 23, 19, .06);
}

.zk-cases__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.zk-case-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(102, 76, 58, .08);
  transition: transform .25s, box-shadow .25s;
}

.zk-case-card__media {
  position: relative;
  height: 300px;
  overflow: hidden;
}

.zk-case-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.zk-case-card__tag {
  position: absolute;
  left: 18px;
  bottom: 18px;
  background: rgba(28, 23, 19, .78);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 7px 16px;
  border-radius: 20px;
}

.zk-case-card__body {
  padding: 28px 28px 30px;
  text-align: left;
}

.zk-case-card__title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 14px;
}

.zk-case-card__desc {
  font-size: 15px;
  line-height: 1.6;
  color: #736d69;
  margin-bottom: 22px;
}

.zk-case-card__divider {
  height: 1px;
  background: #efebe9;
  margin-bottom: 20px;
}

.zk-case-card__meta {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 22px;
}

.zk-case-card__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c58b62;
  font-weight: 600;
  font-style: italic;
  font-size: 15px;
  transition: transform .2s;
}

/* ============ TESTIMONIALS ============ */
.zk-testimonials {
  position: relative;
  background: linear-gradient(135deg, #34251b 0%, #392a20 50%, #402c23 100%);
  padding: 60px 40px 80px;
  overflow: hidden;
}

.zk-testimonials__glow {
  position: absolute;
  right: -60px;
  top: 40%;
  width: 420px;
  height: 420px;
  background: radial-gradient(closest-side, rgba(171, 121, 99, .35), transparent);
}

.zk-testimonials__head {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.zk-testimonials__badge {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  padding: 10px 22px;
  margin-bottom: 34px;
}

.zk-testimonials__badge-eyebrow {
  font-size: 9px;
  letter-spacing: 2px;
  color: #c4bbb5;
}

.zk-testimonials__badge-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.zk-testimonials__title {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
  margin-bottom: 20px;
}

.zk-testimonials__lead {
  color: #d4ccc7;
  font-size: 18px;
  line-height: 1.6;
  max-width: 880px;
  margin: 0 auto 50px;
}

.zk-testimonials__grid {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  align-items: stretch;
}

.zk-testimonial {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  padding: 28px 26px;
  text-align: left;
}

.zk-testimonial__name {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}

.zk-testimonial__role {
  color: #c5b5aa;
  font-size: 12px;
  letter-spacing: .5px;
  font-weight: 600;
  margin-bottom: 18px;
}

.zk-testimonial__divider {
  height: 1px;
  background: rgba(255, 255, 255, .12);
  margin-bottom: 18px;
}

.zk-testimonial__quote {
  color: #e1dbd6;
  font-size: 15px;
  line-height: 1.6;
}

.zk-testimonial-photo {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: repeating-linear-gradient(45deg, #564a42, #564a42 14px, #5d534b 14px, #5d534b 28px);
  min-height: 300px;
  display: flex;
  align-items: flex-end;
}

.zk-testimonial-photo__dot {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
}

.zk-testimonial-photo__caption {
  position: relative;
  width: 100%;
  padding: 24px;
  background: linear-gradient(180deg, transparent, rgba(29, 21, 16, .85));
}

.zk-testimonial-photo__name {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.zk-testimonial-photo__quote {
  color: #eae4e0;
  font-size: 14px;
  line-height: 1.55;
}

/* ============ FEATURED ON ============ */
.zk-featured {
  background: #fbfaf9;
  padding: 78px 40px 80px;
}

.zk-featured__head {
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.zk-featured__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
  margin-bottom: 50px;
}

.zk-featured__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

.zk-featured__card {
  background: #fff;
  border-radius: 14px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 18px rgba(102, 76, 58, .05);
}

.zk-featured__logo-a {
  font-size: 18px;
  font-weight: 800;
  color: #1c1713;
  letter-spacing: .5px;
  line-height: 1.05;
  text-align: center;
}

.zk-featured__logo-b {
  font-size: 24px;
  font-weight: 700;
  font-family: Georgia, serif;
  color: #1c1713;
}

.zk-featured__logo-c {
  font-size: 22px;
  font-weight: 800;
  color: #1c1713;
}

.zk-featured__logo-d {
  font-size: 22px;
  font-weight: 700;
  font-family: Georgia, serif;
  color: #1c1713;
}

.zk-featured__logo-e {
  font-size: 22px;
  font-weight: 800;
  color: #c58b62;
}

/* ============ SERVICES ============ */
.zk-services {
  background: #fff;
  padding: 88px 40px 96px;
}

.zk-services__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
}

.zk-services__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 820px;
  margin: 20px auto 54px;
}

.zk-services__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.zk-services__card {
  border-radius: 18px;
  padding: 34px 30px;
  text-align: left;
  transition: transform .25s, box-shadow .25s;
}

.zk-services__card--a {
  background: linear-gradient(160deg, #f9f7f6, #f7f3f0);
}

.zk-services__card--b {
  background: linear-gradient(160deg, #f7f4f2, #f5f1ef);
}

.zk-services__card--c {
  background: linear-gradient(160deg, #faf8f6, #f5f2f1);
}

.zk-services__card--d {
  background: linear-gradient(160deg, #f7f2ef, #f9f5f2);
}

.zk-services__card--e {
  background: linear-gradient(160deg, #f9f7f6, #f7f4f3);
}

.zk-services__card--f {
  background: linear-gradient(160deg, #f7f3f0, #f7f4f2);
}

.zk-services__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1.6px solid #cb9077;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.zk-services__card-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 14px;
}

.zk-services__card-desc {
  font-size: 15px;
  line-height: 1.62;
  color: #736d69;
}

/* ============ AWARDS ============ */
.zk-awards {
  position: relative;
  background: linear-gradient(135deg, #34251b 0%, #35281e 45%, #3b2921 100%);
  padding: 78px 40px 70px;
  overflow: hidden;
}

.zk-awards__glow {
  position: absolute;
  left: 50%;
  bottom: -100px;
  transform: translateX(-50%);
  width: 700px;
  height: 360px;
  background: radial-gradient(closest-side, rgba(194, 143, 106, .35), transparent);
}

.zk-awards__inner {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  text-align: center;
}

.zk-awards__title {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
  margin-bottom: 18px;
}

.zk-awards__lead {
  color: #d4ccc7;
  font-size: 18px;
  line-height: 1.6;
  max-width: 760px;
  margin: 0 auto 38px;
}

.zk-awards__cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #c88f67;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 11px;
  box-shadow: 0 14px 34px rgba(200, 143, 103, .4);
  margin-bottom: 56px;
  transition: transform .2s, box-shadow .2s;
}

.zk-awards__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.zk-award {
  background: linear-gradient(165deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
  padding: 30px 26px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.zk-award__medal {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, .25);
  margin: 0 auto auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, .5);
  font-size: 22px;
}

.zk-award__eyebrow {
  color: #d5ccc5;
  font-size: 14px;
  margin-bottom: 6px;
}

.zk-award__title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}

/* ============ INDUSTRIES ============ */
.zk-industries {
  background: #fff;
  padding: 88px 40px 92px;
}

.zk-industries__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
}

.zk-industries__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 780px;
  margin: 20px auto 50px;
}

.zk-industries__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
  align-items: start;
}

.zk-industries__illust-wrap {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(160deg, #f5ede6, #ede0d2);
  aspect-ratio: 1/1;
  box-shadow: 0 22px 60px rgba(102, 76, 58, .16);
  order: 2;
}

.zk-ind-illust--first {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px;
  transition: opacity .3s;
}

.zk-ind-illust--rest {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 56px;
}

.zk-ind-svg {
  max-width: 340px;
}

.zk-industries__focus-tag {
  position: absolute;
  left: 22px;
  bottom: 22px;
  background: rgba(28, 23, 19, .82);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .4px;
  padding: 7px 14px;
  border-radius: 20px;
  text-transform: uppercase;
}

.zk-industries__panel {
  background: linear-gradient(160deg, #faf7f5, #f7f3f0);
  border-radius: 20px;
  padding: 40px 44px;
}

.zk-industry {
  cursor: pointer;
  padding: 13px 0;
}

.zk-industry__row {
  display: flex;
  gap: 12px;
  align-items: baseline;
}

.zk-ind-num {
  color: #1c1713;
  font-weight: 600;
  font-size: 18px;
}

.zk-ind-num--active {
  color: #c58b62;
  font-weight: 600;
  font-size: 18px;
}

.zk-ind-title {
  color: #1c1713;
  font-weight: 600;
  font-size: 19px;
  text-decoration: none;
  text-underline-offset: 4px;
}

.zk-ind-title--active {
  color: #c58b62;
  font-weight: 600;
  font-size: 19px;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.zk-ind-desc {
  display: none;
  color: #736d69;
  font-size: 15px;
  line-height: 1.6;
  margin: 10px 0 4px 26px;
  max-width: 520px;
}

.zk-ind-desc--active {
  display: block;
  color: #736d69;
  font-size: 15px;
  line-height: 1.6;
  margin: 10px 0 4px 26px;
  max-width: 520px;
}

.zk-industries__nav {
  display: flex;
  gap: 14px;
  margin-top: 24px;
}

.zk-industries__nav-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 12px rgba(102, 76, 58, .1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1c1713;
}

/* ============ CAPABILITIES ============ */
.zk-caps {
  background: linear-gradient(180deg, #fbf9f8, #f7f1ed);
  padding: 84px 40px 80px;
}

.zk-caps__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
}

.zk-caps__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 1000px;
  margin: 20px auto 56px;
  text-wrap: pretty;
}

.zk-caps__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.zk-caps__col {
  padding: 0 32px;
  border-left: 1px solid #ebe3dd;
  text-align: left;
}

.zk-caps__col--first {
  padding: 0 32px 0 8px;
  text-align: left;
}

.zk-caps__col--last {
  padding: 0 8px 0 32px;
  border-left: 1px solid #ebe3dd;
  text-align: left;
}

.zk-caps__icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1.6px solid #cb9077;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.zk-caps__col-title {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 18px;
}

.zk-caps__links {
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 14px;
  color: #544d49;
}

.zk-caps__link {
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s;
}

.zk-caps__more {
  color: #938d89;
  margin-top: 6px;
}

/* ============ NEWS & MEDIA ============ */
.zk-news {
  background: #fff;
  padding: 84px 40px 84px;
}

.zk-news__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
}

.zk-news__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 820px;
  margin: 20px auto 52px;
}

.zk-news__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.zk-news__card {
  background: #fff;
  border: 1px solid #f3efed;
  border-radius: 18px;
  padding: 22px;
  text-align: left;
  box-shadow: 0 8px 30px rgba(102, 76, 58, .05);
  transition: transform .25s, box-shadow .25s;
}

.zk-news__tag {
  display: inline-block;
  background: #f5f1ee;
  color: #645d59;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}

.zk-news__cover {
  height: 185px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.zk-news__cover--a {
  background: linear-gradient(120deg, #b5826c, #bc8863);
}

.zk-news__cover--b {
  background: linear-gradient(120deg, #f0a85a, #c7a288);
  flex-direction: column;
}

.zk-news__cover--c {
  background: linear-gradient(120deg, #c7a288, #c29778);
}

.zk-news__cover-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.zk-news__cover-thin {
  font-weight: 400;
}

.zk-news__cover-b-title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}

.zk-news__cover-b-sub {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-top: 4px;
}

.zk-news__cover-b-note {
  color: rgba(255, 255, 255, .85);
  font-size: 11px;
  margin-top: 2px;
}

.zk-news__soc-badge {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #1e88c7;
  border: 3px solid rgba(255, 255, 255, .5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
}

.zk-news__soc-a {
  font-size: 15px;
}

.zk-news__soc-b {
  font-size: 12px;
}

.zk-news__date {
  font-size: 13px;
  color: #938d89;
  font-style: italic;
  margin-bottom: 12px;
}

.zk-news__headline {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 20px;
}

.zk-news__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c58b62;
  font-weight: 600;
  font-style: italic;
  font-size: 15px;
  transition: transform .2s;
}

/* ============ INSIGHTS ============ */
.zk-insights {
  background: #f7f6f5;
  padding: 84px 40px 84px;
}

.zk-insights__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
}

.zk-insights__lead {
  font-size: 18px;
  line-height: 1.65;
  color: #736d69;
  max-width: 820px;
  margin: 20px auto 52px;
}

.zk-insights__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.zk-insights__card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(102, 76, 58, .06);
  transition: transform .25s, box-shadow .25s;
}

.zk-insights__cover {
  height: 250px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.zk-insights__cover--a {
  background: linear-gradient(140deg, #af8160, #3a4fc0);
}

.zk-insights__cover--b {
  background: linear-gradient(140deg, #7b4f2f, #644630);
}

.zk-insights__cover--c {
  background: linear-gradient(140deg, #2a6fe0, #1a4fc0);
}

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

.zk-insights__cover-diamond {
  color: #fff;
  font-size: 16px;
}

.zk-insights__cover-cat {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 12px;
}

.zk-insights__cover-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
}

.zk-insights__cover-desc {
  color: rgba(255, 255, 255, .78);
  font-size: 11px;
  line-height: 1.45;
}

.zk-insights__cover-brand {
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  align-self: flex-end;
}

.zk-insights__body {
  padding: 24px 24px 26px;
  text-align: left;
}

.zk-insights__headline {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 14px;
}

.zk-insights__meta {
  font-size: 13px;
  color: #938d89;
  font-style: italic;
  margin-bottom: 22px;
}

.zk-insights__author {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid #f2f0ee;
  padding-top: 18px;
}

.zk-insights__author-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: repeating-linear-gradient(45deg, #ded9d5, #ded9d5 6px, #e6e2df 6px, #e6e2df 12px);
}

.zk-insights__author-name {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
}

.zk-insights__author-role {
  font-size: 13px;
  color: #938d89;
}

/* ============ FAQ ============ */
.zk-faq-section {
  background: #fff;
  padding: 84px 40px 96px;
}

.zk-faq-section__grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.9fr;
  gap: 60px;
}

.zk-faq-section__title {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -.5px;
  line-height: 1.2;
  margin-bottom: 38px;
}

.zk-faq-section__cats {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.zk-faqcat {
  cursor: pointer;
  background: transparent;
  color: #544d49;
  font-weight: 600;
  font-size: 18px;
  padding: 14px 22px;
  border-radius: 12px;
}

.zk-faqcat--active {
  cursor: pointer;
  background: #f7f1ed;
  color: #1c1713;
  font-weight: 700;
  font-size: 18px;
  padding: 14px 22px;
  border-radius: 12px;
}

.zk-faq {
  cursor: pointer;
  border-bottom: 1px solid #efebe9;
  padding: 24px 4px;
  border-radius: 8px;
  transition: background .2s;
}

.zk-faq__row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}

.zk-faq__q {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}

.zk-faq-chev {
  flex: none;
  transform: rotate(0deg);
  transition: transform .2s;
  color: #938d89;
  font-size: 14px;
}

.zk-faq-chev--open {
  flex: none;
  transform: rotate(180deg);
  transition: transform .2s;
  color: #938d89;
  font-size: 14px;
}

.zk-faq-ans {
  display: none;
  font-size: 15px;
  line-height: 1.65;
  color: #736d69;
  margin-top: 14px;
  max-width: 780px;
}

.zk-faq-ans--open {
  display: block;
  font-size: 15px;
  line-height: 1.65;
  color: #736d69;
  margin-top: 14px;
  max-width: 780px;
}

/* ============ FOOTER ============ */
.zk-footer {
  background: #291f18;
  color: #fff;
  padding: 64px 40px 0;
}

.zk-footer__cols {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr .8fr;
  gap: 40px;
  padding-bottom: 54px;
}

.zk-footer__address {
  font-size: 14px;
  line-height: 1.85;
  color: #c4bbb5;
}

.zk-footer__address-title {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}

.zk-footer__address-title--sub {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  margin: 22px 0 10px;
}

.zk-footer__col-title {
  font-weight: 700;
  color: #dad1cb;
  font-size: 16px;
  margin-bottom: 18px;
}

.zk-footer__links {
  display: flex;
  flex-direction: column;
  gap: 14px;
  font-size: 14px;
  color: #d7cfc9;
}

.zk-footer__link {
  transition: color .2s;
}

.zk-footer__row {
  max-width: 1240px;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.zk-footer__brand {
  max-width: 440px;
}

.zk-footer__brand-head {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 14px;
}

.zk-footer__wordmark {
  font-size: 26px;
  letter-spacing: -.5px;
}

.zk-footer__wordmark-light {
  font-weight: 400;
}

.zk-footer__wordmark-bold {
  font-weight: 800;
}

.zk-footer__desc {
  font-size: 14px;
  line-height: 1.6;
  color: #c4bbb5;
}

.zk-footer__badges {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.zk-footer__badge-round {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: #d7cfc9;
  text-align: center;
}

.zk-footer__badge-hex {
  width: 58px;
  height: 64px;
  background: rgba(255, 255, 255, .06);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #d7cfc9;
}

.zk-footer__badge-hex--stack {
  width: 58px;
  height: 64px;
  background: rgba(255, 255, 255, .06);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: #d7cfc9;
  line-height: 1.2;
}

.zk-footer__badge-square {
  width: 54px;
  height: 64px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .06);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  color: #d7cfc9;
  text-align: center;
  line-height: 1.2;
}

.zk-footer__legal {
  max-width: 1240px;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, .1);
  padding: 30px 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.zk-footer__copy {
  color: #c4bbb5;
  font-size: 14px;
}

.zk-footer__social {
  display: flex;
  align-items: center;
  gap: 14px;
}

.zk-footer__social-label {
  color: #c4bbb5;
  font-size: 14px;
  margin-right: 4px;
}

.zk-footer__social-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
}

.zk-footer__social-btn--in {
  background: #0a66c2;
}

.zk-footer__social-btn--x {
  background: #000;
}

.zk-footer__social-btn--gh {
  background: #333;
}

.zk-footer__social-btn--dot {
  background: #a26c55;
  font-weight: normal;
}

/* ============ STICKY BANNER ============ */
.zk-sticky-banner {
  position: sticky;
  bottom: 0;
  z-index: 60;
  background: linear-gradient(90deg, #b07a54, #bc7e63);
  padding: 14px 40px;
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.zk-sticky-banner__link {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s;
}

/* ================================================================== */
/* ==================== RESPONSIVE BREAKPOINTS ====================== */
/* ================================================================== */
/* Appended overrides — desktop base rules above are untouched.       */
/* Order: 1100px -> 900px -> 640px -> 420px (cascade narrows down).   */
/* ================================================================== */


/* ================================================================== */
/* ---------- Large tablet / small desktop (<=1100px) --------------- */
/* ================================================================== */
@media (max-width: 1100px) {

  /* ---- HEADER ---- */
  .zk-header__inner {
    padding: 16px 28px;
    gap: 18px;
  }
  .zk-header__nav {
    gap: 18px;
  }
  .zk-nav-mega__inner,
  .zk-nav-mega__inner--industries {
    padding: 28px 28px;
    gap: 28px;
  }

  /* ---- HERO ---- */
  .zk-hero {
    padding: 64px 32px 52px;
  }
  .zk-hero__title {
    font-size: 50px;
  }
  .zk-hero__lead {
    font-size: 19px;
  }

  /* ---- AGENTS ---- */
  .zk-agents {
    padding: 72px 32px 78px;
  }
  .zk-agents__grid {
    gap: 24px;
  }
  .zk-agents__intro-title {
    font-size: 36px;
  }

  /* ---- SECTIONS (generic paddings) ---- */
  .zk-why,
  .zk-paths,
  .zk-cases,
  .zk-services,
  .zk-industries,
  .zk-caps,
  .zk-news,
  .zk-insights,
  .zk-faq-section,
  .zk-featured,
  .zk-awards,
  .zk-stats,
  .zk-testimonials {
    padding-left: 32px;
    padding-right: 32px;
  }

  /* ---- STATS: 5-col a bit tight; drop cell padding ---- */
  .zk-stats__num {
    font-size: 42px;
  }

  /* ---- SECTION HEADINGS ---- */
  .zk-section__title,
  .zk-services__title,
  .zk-industries__title,
  .zk-caps__title,
  .zk-news__title,
  .zk-insights__title,
  .zk-faq-section__title,
  .zk-testimonials__title,
  .zk-awards__title,
  .zk-featured__title {
    font-size: 34px;
  }
  .zk-stats__title {
    font-size: 32px;
  }

  /* ---- FAQ split ---- */
  .zk-faq-section__grid {
    gap: 40px;
  }

  /* ---- FOOTER ---- */
  .zk-footer {
    padding: 56px 32px 0;
  }
  .zk-footer__cols {
    gap: 32px;
  }
}


/* ================================================================== */
/* ---------- Tablet (<=900px) -------------------------------------- */
/* ================================================================== */
@media (max-width: 900px) {

  /* ---- HEADER ---- */
  .zk-header__inner {
    padding: 14px 24px;
    gap: 14px;
  }
  /* No mobile menu implementation — hide the horizontal nav.
     Brand + primary CTA remain visible. */
  .zk-header__nav {
    display: none;
  }
  .zk-header__cta {
    padding: 10px 18px;
    font-size: 14px;
  }
  .zk-header__wordmark {
    font-size: 22px;
  }

  /* ---- HERO ---- */
  .zk-hero {
    padding: 60px 24px 48px;
  }
  .zk-hero__title {
    font-size: 44px;
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 24px 0 20px;
  }
  .zk-hero__lead {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .zk-hero__ctas {
    gap: 12px;
  }
  .zk-hero__cta-primary,
  .zk-hero__cta-secondary {
    padding: 15px 26px;
    font-size: 15px;
  }
  .zk-hero__trust {
    margin-top: 48px;
  }
  .zk-hero__badges {
    gap: 20px;
  }

  /* ---- AGENTS: 2 cols -> 1 col; grid inside stage also collapses ---- */
  .zk-agents {
    padding: 60px 24px 60px;
  }
  .zk-agents__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .zk-agents__stage {
    min-height: 480px;
  }
  .zk-agents__stage-body {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .zk-agents__intro-title {
    font-size: 32px;
  }
  .zk-agents__intro-lead {
    font-size: 17px;
  }
  .zk-agents__list {
    grid-template-columns: 1fr 1fr;
  }

  /* ---- WHY, SERVICES, NEWS, INSIGHTS: 3-col -> 2-col ---- */
  .zk-why,
  .zk-services,
  .zk-news,
  .zk-insights {
    padding: 60px 24px;
  }
  .zk-why__grid,
  .zk-services__grid,
  .zk-news__grid,
  .zk-insights__grid,
  .zk-cases__grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .zk-why__card,
  .zk-services__card {
    padding: 28px 24px;
  }
  .zk-why__card-title,
  .zk-services__card-title,
  .zk-path__title {
    font-size: 19px;
  }

  /* ---- SECTION HEADINGS (H1s across sections) ---- */
  .zk-section__title,
  .zk-services__title,
  .zk-industries__title,
  .zk-caps__title,
  .zk-news__title,
  .zk-insights__title,
  .zk-faq-section__title,
  .zk-testimonials__title,
  .zk-awards__title,
  .zk-featured__title {
    font-size: 30px;
  }
  .zk-stats__title {
    font-size: 28px;
  }
  .zk-section__lead,
  .zk-services__lead,
  .zk-industries__lead,
  .zk-caps__lead,
  .zk-news__lead,
  .zk-insights__lead,
  .zk-testimonials__lead,
  .zk-awards__lead,
  .zk-cases__lead {
    font-size: 17px;
    margin-bottom: 38px;
  }

  /* ---- STATS: 5-col -> 3-col (with vertical dividers off) ---- */
  .zk-stats {
    padding: 60px 24px 56px;
  }
  .zk-stats__grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 32px;
  }
  .zk-stats__cell--sep {
    border-left: none;
  }
  .zk-stats__num {
    font-size: 38px;
  }
  .zk-stats__logos {
    gap: 20px;
  }

  /* ---- PATHWAYS: 2-col -> 1-col ---- */
  .zk-paths {
    padding: 60px 24px;
  }
  .zk-paths__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .zk-paths__preview {
    min-height: 380px;
  }
  .zk-paths__stage-body {
    grid-template-columns: 1fr;
  }

  /* ---- CASES ---- */
  .zk-cases {
    padding: 60px 24px;
  }
  .zk-case-card__body {
    padding: 24px 22px 26px;
  }
  .zk-case-card__title {
    font-size: 22px;
  }
  .zk-case-card__media {
    height: 240px;
  }

  /* ---- TESTIMONIALS: 4-col -> 2-col ---- */
  .zk-testimonials {
    padding: 54px 24px 60px;
  }
  .zk-testimonials__grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .zk-testimonial {
    padding: 24px 22px;
  }
  .zk-testimonial-photo {
    min-height: 260px;
  }

  /* ---- FEATURED: 5-col -> 3-col ---- */
  .zk-featured {
    padding: 60px 24px;
  }
  .zk-featured__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  .zk-featured__card {
    padding: 22px;
  }

  /* ---- AWARDS: 4-col -> 2-col ---- */
  .zk-awards {
    padding: 60px 24px;
  }
  .zk-awards__grid {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
  .zk-award {
    min-height: 240px;
    padding: 24px 22px;
  }
  .zk-awards__cta {
    padding: 14px 26px;
    font-size: 15px;
    margin-bottom: 40px;
  }

  /* ---- INDUSTRIES: 2-col -> 1-col.
         Illustration keeps order:2 so list appears first on mobile. ---- */
  .zk-industries {
    padding: 60px 24px;
  }
  .zk-industries__grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .zk-industries__illust-wrap {
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
    /* order:2 preserved from base — illustration stays below list */
  }
  .zk-industries__panel {
    padding: 32px 28px;
  }
  .zk-ind-desc,
  .zk-ind-desc--active {
    max-width: 100%;
  }

  /* ---- CAPABILITIES: 4-col -> 2-col.
         Remove vertical dividers, use top border on wrapped rows. ---- */
  .zk-caps {
    padding: 60px 24px;
  }
  .zk-caps__grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
    column-gap: 24px;
  }
  .zk-caps__col,
  .zk-caps__col--last {
    border-left: none;
    padding: 24px 0 0;
    border-top: 1px solid #ebe3dd;
  }
  .zk-caps__col--first {
    padding: 24px 0 0;
    border-top: 1px solid #ebe3dd;
  }
  /* First row (col 1 and 2) has no top border since it's the top */
  .zk-caps__grid > .zk-caps__col:nth-child(-n+2),
  .zk-caps__grid > .zk-caps__col--first:nth-child(-n+2),
  .zk-caps__grid > .zk-caps__col--last:nth-child(-n+2) {
    border-top: none;
    padding-top: 0;
  }

  /* ---- FAQ: 2-col -> 1-col ---- */
  .zk-faq-section {
    padding: 60px 24px;
  }
  .zk-faq-section__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .zk-faq-section__title {
    margin-bottom: 24px;
  }
  .zk-faqcat,
  .zk-faqcat--active {
    font-size: 16px;
    padding: 12px 18px;
  }
  .zk-faq__q {
    font-size: 17px;
  }

  /* ---- FOOTER: 4-col -> 2-col ---- */
  .zk-footer {
    padding: 54px 24px 0;
  }
  .zk-footer__cols {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding-bottom: 40px;
  }
  .zk-footer__row {
    padding: 32px 0;
    gap: 28px;
  }
  .zk-footer__legal {
    padding: 24px 0 32px;
    gap: 18px;
  }

  /* ---- STICKY BANNER ---- */
  .zk-sticky-banner {
    padding: 12px 24px;
    font-size: 14px;
  }
}


/* ================================================================== */
/* ---------- Large mobile (<=640px) -------------------------------- */
/* ================================================================== */
@media (max-width: 640px) {

  /* ---- HEADER ---- */
  .zk-header__inner {
    padding: 12px 16px;
    gap: 12px;
  }
  .zk-header__wordmark {
    font-size: 20px;
  }
  .zk-header__cta {
    padding: 9px 14px;
    font-size: 13px;
  }

  /* ---- HERO ---- */
  .zk-hero {
    padding: 48px 16px 40px;
  }
  .zk-hero__title {
    font-size: 34px;
    line-height: 1.18;
    letter-spacing: -.5px;
    margin: 20px 0 16px;
  }
  .zk-hero__lead {
    font-size: 16px;
    margin-bottom: 26px;
  }
  .zk-hero__eyebrow {
    font-size: 11px;
    letter-spacing: 1.4px;
  }
  .zk-hero__ctas {
    flex-wrap: wrap;
    gap: 12px;
  }
  .zk-hero__cta-primary,
  .zk-hero__cta-secondary {
    padding: 14px 22px;
    font-size: 15px;
    flex: 1 1 auto;
    text-align: center;
    min-width: 45%;
  }
  .zk-hero__trust {
    margin-top: 40px;
  }
  .zk-hero__trust-head {
    gap: 12px;
    margin-bottom: 20px;
    font-size: 11px;
    letter-spacing: 1.2px;
  }
  .zk-hero__badges {
    gap: 14px;
    justify-content: center;
  }
  .zk-hero__badge-text,
  .zk-hero__badge-text--sep {
    font-size: 10px;
  }
  .zk-hero__badge-text--sep {
    padding-left: 10px;
  }

  /* ---- AGENTS ---- */
  .zk-agents {
    padding: 48px 16px 52px;
  }
  .zk-agents__card {
    padding: 14px;
    border-radius: 22px;
  }
  .zk-agents__stage {
    min-height: 520px;
    border-radius: 18px;
  }
  .zk-agents__stage-top {
    left: 16px;
    right: 16px;
    top: 16px;
  }
  .zk-agents__stage-body {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }
  .zk-agents__panel {
    padding: 14px;
    border-radius: 16px;
  }
  .zk-agents__intro-title {
    font-size: 26px;
    letter-spacing: -.5px;
    line-height: 1.15;
  }
  .zk-agents__intro-lead {
    font-size: 16px;
  }
  .zk-agents__list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .zk-agents__intro-cta {
    padding: 12px 20px;
    font-size: 14px;
  }

  /* ---- WHY / SERVICES / NEWS / INSIGHTS / CASES: 1-col ---- */
  .zk-why,
  .zk-services,
  .zk-news,
  .zk-insights,
  .zk-cases {
    padding: 48px 16px;
  }
  .zk-why__grid,
  .zk-services__grid,
  .zk-news__grid,
  .zk-insights__grid,
  .zk-cases__grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .zk-why__card,
  .zk-services__card {
    padding: 26px 22px;
  }
  .zk-why__card-title,
  .zk-services__card-title {
    font-size: 18px;
    margin-bottom: 12px;
  }

  /* ---- SECTION HEADINGS ---- */
  .zk-section__title,
  .zk-services__title,
  .zk-industries__title,
  .zk-caps__title,
  .zk-news__title,
  .zk-insights__title,
  .zk-faq-section__title,
  .zk-testimonials__title,
  .zk-awards__title,
  .zk-featured__title {
    font-size: 26px;
    letter-spacing: -.3px;
    line-height: 1.2;
  }
  .zk-stats__title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 32px;
  }
  .zk-section__lead,
  .zk-services__lead,
  .zk-industries__lead,
  .zk-caps__lead,
  .zk-news__lead,
  .zk-insights__lead,
  .zk-testimonials__lead,
  .zk-awards__lead,
  .zk-cases__lead {
    font-size: 16px;
    margin-bottom: 32px;
  }

  /* ---- STATS: 3-col -> 2-col ---- */
  .zk-stats {
    padding: 48px 16px 44px;
  }
  .zk-stats__grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 28px;
  }
  .zk-stats__num {
    font-size: 32px;
  }
  .zk-stats__label {
    font-size: 12px;
  }
  .zk-stats__trusted {
    margin: 44px 0 24px;
    font-size: 12px;
    letter-spacing: 1.2px;
  }
  .zk-stats__logos {
    gap: 16px;
    justify-content: center;
  }
  .zk-stats__logo-a,
  .zk-stats__logo-b,
  .zk-stats__logo-c,
  .zk-stats__logo-d,
  .zk-stats__logo-e,
  .zk-stats__logo-f {
    font-size: 18px;
  }

  /* ---- PATHWAYS ---- */
  .zk-paths {
    padding: 48px 16px;
  }
  .zk-path {
    padding: 22px 22px;
    gap: 14px;
  }
  .zk-path__title {
    font-size: 18px;
  }
  .zk-path__desc {
    font-size: 14px;
  }
  .zk-paths__preview {
    padding: 16px;
    min-height: 340px;
    border-radius: 20px;
  }
  .zk-paths__stage {
    min-height: 320px;
  }
  .zk-paths__stage-body {
    left: 16px;
    right: 16px;
    top: 56px;
  }

  /* ---- CASES ---- */
  .zk-cases__tabs {
    gap: 8px;
    margin-bottom: 32px;
  }
  .zk-cases__tabs-list {
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .zk-cases__tabs-list::-webkit-scrollbar {
    display: none;
  }
  .zk-tab--active,
  .zk-tab--muted {
    font-size: 14px;
    padding: 9px 16px;
  }
  .zk-cases__arrow {
    width: 34px;
    height: 34px;
  }
  .zk-case-card__media {
    height: 220px;
  }
  .zk-case-card__body {
    padding: 22px 20px 24px;
  }
  .zk-case-card__title {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .zk-case-card__desc,
  .zk-case-card__meta {
    font-size: 14px;
  }

  /* ---- TESTIMONIALS: 2-col -> 1-col ---- */
  .zk-testimonials {
    padding: 44px 16px 48px;
  }
  .zk-testimonials__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .zk-testimonials__badge {
    padding: 8px 18px;
    margin-bottom: 24px;
  }
  .zk-testimonial {
    padding: 22px 20px;
  }
  .zk-testimonial__name,
  .zk-testimonial-photo__name {
    font-size: 16px;
  }
  .zk-testimonial__quote,
  .zk-testimonial-photo__quote {
    font-size: 14px;
  }
  .zk-testimonial-photo {
    min-height: 240px;
  }

  /* ---- FEATURED: 3-col -> 2-col ---- */
  .zk-featured {
    padding: 48px 16px;
  }
  .zk-featured__grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .zk-featured__card {
    padding: 18px;
  }
  .zk-featured__logo-a,
  .zk-featured__logo-b,
  .zk-featured__logo-c,
  .zk-featured__logo-d,
  .zk-featured__logo-e {
    font-size: 16px;
  }

  /* ---- AWARDS: 2-col -> 1-col, drop fixed min-height ---- */
  .zk-awards {
    padding: 48px 16px;
  }
  .zk-awards__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .zk-award {
    min-height: auto;
    padding: 22px 20px;
  }
  .zk-award__medal {
    width: 48px;
    height: 48px;
    font-size: 20px;
    margin: 0 auto 14px;
  }
  .zk-awards__cta {
    padding: 13px 22px;
    font-size: 14px;
    margin-bottom: 32px;
  }

  /* ---- INDUSTRIES ---- */
  .zk-industries {
    padding: 48px 16px;
  }
  .zk-industries__grid {
    gap: 24px;
  }
  .zk-industries__illust-wrap {
    max-width: 380px;
    /* order:2 stays — list first, illustration second */
  }
  .zk-industries__panel {
    padding: 26px 22px;
    border-radius: 18px;
  }
  .zk-ind-title,
  .zk-ind-title--active {
    font-size: 17px;
  }
  .zk-ind-desc,
  .zk-ind-desc--active {
    font-size: 14px;
    margin-left: 22px;
  }
  .zk-industries__focus-tag {
    left: 16px;
    bottom: 16px;
    font-size: 11px;
    padding: 6px 12px;
  }
  .zk-industries__nav {
    gap: 12px;
    margin-top: 20px;
  }
  .zk-industries__nav-btn {
    width: 42px;
    height: 42px;
  }

  /* ---- CAPABILITIES: 2-col -> 1-col; all top-border except first ---- */
  .zk-caps {
    padding: 48px 16px;
  }
  .zk-caps__grid {
    grid-template-columns: 1fr;
    row-gap: 26px;
  }
  .zk-caps__col,
  .zk-caps__col--last,
  .zk-caps__col--first {
    border-top: 1px solid #ebe3dd;
    padding: 22px 0 0;
  }
  .zk-caps__grid > .zk-caps__col:first-child,
  .zk-caps__grid > .zk-caps__col--first:first-child {
    border-top: none;
    padding-top: 0;
  }
  /* Reset the tablet-only "-n+2 -> no border" rule at this width */
  .zk-caps__grid > .zk-caps__col:nth-child(2),
  .zk-caps__grid > .zk-caps__col--first:nth-child(2),
  .zk-caps__grid > .zk-caps__col--last:nth-child(2) {
    border-top: 1px solid #ebe3dd;
    padding-top: 22px;
  }
  .zk-caps__col-title {
    font-size: 18px;
    margin-bottom: 14px;
  }

  /* ---- FAQ ---- */
  .zk-faq-section {
    padding: 48px 16px;
  }
  .zk-faq-section__grid {
    gap: 24px;
  }
  .zk-faq {
    padding: 20px 4px;
  }
  .zk-faq__q {
    font-size: 16px;
  }
  .zk-faq__row {
    gap: 16px;
  }
  .zk-faq-ans,
  .zk-faq-ans--open {
    font-size: 14px;
  }
  .zk-faqcat,
  .zk-faqcat--active {
    font-size: 15px;
    padding: 11px 16px;
  }

  /* ---- FOOTER: 2-col -> 1-col; flex rows wrap ---- */
  .zk-footer {
    padding: 44px 16px 0;
  }
  .zk-footer__cols {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-bottom: 32px;
  }
  .zk-footer__row {
    flex-wrap: wrap;
    gap: 20px;
    padding: 28px 0;
  }
  .zk-footer__wordmark {
    font-size: 22px;
  }
  .zk-footer__legal {
    flex-wrap: wrap;
    gap: 14px;
    padding: 20px 0 28px;
    justify-content: center;
    text-align: center;
  }
  .zk-footer__social {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .zk-footer__badges {
    gap: 10px;
  }

  /* ---- STICKY BANNER (hide on tightest screens to reclaim vh) ---- */
  .zk-sticky-banner {
    display: none;
  }
}


/* ================================================================== */
/* ---------- Small mobile (<=420px) -------------------------------- */
/* ================================================================== */
@media (max-width: 420px) {

  /* ---- HEADER ---- */
  .zk-header__inner {
    padding: 10px 14px;
  }
  .zk-header__wordmark {
    font-size: 18px;
  }
  .zk-header__cta {
    padding: 8px 12px;
    font-size: 12px;
  }

  /* ---- HERO ---- */
  .zk-hero {
    padding: 40px 14px 36px;
  }
  .zk-hero__title {
    font-size: 28px;
    letter-spacing: -.3px;
  }
  .zk-hero__lead {
    font-size: 15px;
  }
  .zk-hero__cta-primary,
  .zk-hero__cta-secondary {
    padding: 13px 18px;
    font-size: 14px;
    min-width: 100%;
  }

  /* ---- AGENTS ---- */
  .zk-agents {
    padding: 40px 14px 44px;
  }
  .zk-agents__intro-title {
    font-size: 22px;
  }
  .zk-agents__intro-lead {
    font-size: 15px;
  }
  .zk-agents__stage {
    min-height: 460px;
  }

  /* ---- Generic section titles ---- */
  .zk-section__title,
  .zk-services__title,
  .zk-industries__title,
  .zk-caps__title,
  .zk-news__title,
  .zk-insights__title,
  .zk-faq-section__title,
  .zk-testimonials__title,
  .zk-awards__title,
  .zk-featured__title {
    font-size: 22px;
  }
  .zk-stats__title {
    font-size: 20px;
  }
  .zk-section__lead,
  .zk-services__lead,
  .zk-industries__lead,
  .zk-caps__lead,
  .zk-news__lead,
  .zk-insights__lead,
  .zk-testimonials__lead,
  .zk-awards__lead,
  .zk-cases__lead {
    font-size: 15px;
  }

  /* ---- Generic section paddings ---- */
  .zk-why,
  .zk-services,
  .zk-news,
  .zk-insights,
  .zk-cases,
  .zk-testimonials,
  .zk-featured,
  .zk-awards,
  .zk-industries,
  .zk-caps,
  .zk-faq-section,
  .zk-paths,
  .zk-stats {
    padding-left: 14px;
    padding-right: 14px;
  }

  /* ---- STATS ---- */
  .zk-stats__num {
    font-size: 28px;
  }

  /* ---- CASES ---- */
  .zk-case-card__media {
    height: 180px;
  }
  .zk-case-card__title {
    font-size: 18px;
  }

  /* ---- INDUSTRIES ---- */
  .zk-industries__illust-wrap {
    max-width: 100%;
  }
  .zk-industries__panel {
    padding: 22px 18px;
  }
  .zk-ind-title,
  .zk-ind-title--active {
    font-size: 16px;
  }

  /* ---- AWARDS ---- */
  .zk-award {
    padding: 20px 18px;
  }

  /* ---- FAQ ---- */
  .zk-faq__q {
    font-size: 15px;
  }
  .zk-faq {
    padding: 18px 2px;
  }

  /* ---- FOOTER ---- */
  .zk-footer {
    padding: 40px 14px 0;
  }
  .zk-footer__badge-round,
  .zk-footer__badge-hex,
  .zk-footer__badge-hex--stack,
  .zk-footer__badge-square {
    width: 52px;
    height: 56px;
  }
  .zk-footer__social-btn {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }
}