/* Home static belief layer: complete without route-specific JavaScript. */
.zikhara-home__pattern {
  margin: 0;
}

.zikhara-home__pattern > * {
  margin-block-start: 0;
}

.zikhara-home__pattern > section {
  border-bottom: 1px solid var(--zikhara-steel-700);
  padding-block: clamp(72px, 10vw, 144px);
}

.zikhara-home__section-heading {
  margin-left: 0 !important;
}

.zikhara-home__section-heading > p:not(.zikhara-eyebrow) {
  max-width: 66ch;
}

body.home .zikhara-site-header,
body.front-page .zikhara-site-header {
  inset: 0 0 auto;
  position: fixed;
}

.zikhara-home__hero {
  --zikhara-hero-zkr-opacity: 0.03;
  --zikhara-hero-zkr-scale: 1;
  --zikhara-hero-zkr-x: 0px;
  --zikhara-hero-zkr-y: 0px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  isolation: isolate;
  min-height: max(680px, 100svh);
  overflow: hidden;
  padding-block: clamp(96px, 8vw, 120px) !important;
  position: relative;
}

.zikhara-home__hero::before {
  color: var(--zikhara-paper);
  content: "ZKR";
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: clamp(13rem, 27vw, 29rem);
  font-weight: 600;
  letter-spacing: -0.08em;
  line-height: 0.72;
  opacity: var(--zikhara-hero-zkr-opacity);
  pointer-events: none;
  position: absolute;
  right: -0.04em;
  top: 52%;
  transform: translate(
      var(--zikhara-hero-zkr-x),
      calc(-50% + var(--zikhara-hero-zkr-y))
    )
    scale(var(--zikhara-hero-zkr-scale));
  transform-origin: center;
  user-select: none;
  z-index: -1;
}

.zikhara-home__hero-grid {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: -2;
}

.zikhara-home__hero-grid span {
  background: var(--zikhara-steel-700);
  bottom: 0;
  opacity: 0.55;
  position: absolute;
  top: 0;
  width: 1px;
}

.zikhara-home__hero-grid span:nth-child(1) {
  left: 20%;
}

.zikhara-home__hero-grid span:nth-child(2) {
  left: 40%;
}

.zikhara-home__hero-grid span:nth-child(3) {
  left: 60%;
}

.zikhara-home__hero-grid span:nth-child(4) {
  left: 80%;
}

.zikhara-home__hero-inner {
  margin-left: 0 !important;
  position: relative;
  z-index: 1;
}

.zikhara-home__hero-inner h1 {
  max-width: 16ch;
}

.zikhara-home__hero-inner > p:not(.zikhara-eyebrow) {
  max-width: 66ch;
}

.zikhara-home__hero-actions {
  align-items: center;
  gap: 28px;
  margin-top: 36px;
}

.zikhara-home__hero-rule {
  background: var(--zikhara-steel-700);
  bottom: 0;
  height: 1px;
  left: max(16px, calc((100% - 1280px) / 2));
  position: absolute;
  right: max(16px, calc((100% - 1280px) / 2));
}

.zikhara-home__hero-rule span {
  background: var(--zikhara-molten);
  display: block;
  height: 1px;
  width: min(220px, 32vw);
}

.zikhara-home__molten-transition {
  background: var(--zikhara-steel-700);
  height: 1px;
  overflow: hidden;
  position: relative;
}

.zikhara-home__molten-transition span {
  background: var(--zikhara-molten);
  display: block;
  height: 1px;
  transform: scaleX(1);
  transform-origin: left center;
  width: 100%;
}

@media (min-width: 901px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .zikhara-home__hero-rule {
    bottom: 46px;
  }

  .zikhara-home__hero-rule span {
    box-shadow: 0 0 12px color-mix(in srgb, var(--zikhara-molten) 44%, transparent);
    transform-origin: left center;
    width: min(680px, 58vw);
  }
}

.zikhara-home__text-link {
  font-size: 0.875rem;
  margin: 0;
}

.zikhara-home__text-link a {
  border-bottom: 1px solid var(--zikhara-steel-500);
  color: inherit;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  letter-spacing: 0.04em;
  padding-bottom: 4px;
  text-decoration: none;
}

.zikhara-home__text-link a:hover,
.zikhara-home__text-link a:focus-visible {
  border-bottom-color: var(--zikhara-molten);
  color: inherit;
}

.zikhara-home__split {
  align-items: start;
  display: grid;
  gap: clamp(40px, 8vw, 112px);
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}

.zikhara-home__model {
  background: var(--zikhara-paper);
  color: var(--zikhara-ink);
}

.zikhara-home__model :where(h2, h3) {
  color: var(--zikhara-ink);
}

.zikhara-home__model p {
  color: var(--zikhara-steel-500);
}

.zikhara-home__model-copy > * + * {
  margin-block-start: 24px;
}

.zikhara-home__model-rail {
  gap: 0;
  margin-top: clamp(48px, 7vw, 88px);
}

.zikhara-home__model-item {
  border-left: 1px solid var(--zikhara-steel-500);
  min-height: 230px;
  padding: 24px clamp(20px, 3vw, 36px);
}

.zikhara-home__index,
.zikhara-home__process-index {
  color: var(--zikhara-steel-300) !important;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  margin: 0 0 48px;
}

.zikhara-home__model .zikhara-home__index {
  color: var(--zikhara-ink) !important;
}

.zikhara-home__products {
  background: var(--zikhara-ink);
}

.zikhara-home__product-grid,
.zikhara-home__lane-grid {
  gap: 1px;
  margin-top: clamp(48px, 7vw, 80px);
}

.zikhara-home__product-card {
  border: 1px solid var(--zikhara-steel-700);
  display: flex;
  flex-direction: column;
  margin: -1px 0 0 -1px;
  min-height: 360px;
  padding: clamp(24px, 3vw, 36px);
}

.zikhara-home__product-card h3 {
  max-width: 18ch;
}

.zikhara-home__product-card > p:not(.zikhara-home__index, .zikhara-home__text-link) {
  color: var(--zikhara-steel-300);
}

.zikhara-home__product-card .zikhara-home__text-link {
  margin-top: auto;
  padding-top: 28px;
}

.zikhara-home__process {
  background: var(--zikhara-ink-raised);
}

.zikhara-home__process-head {
  align-items: end;
  display: grid;
  gap: 32px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.zikhara-home__process-list {
  border-top: 1px solid var(--zikhara-steel-500);
  margin-top: clamp(48px, 7vw, 88px);
}

.zikhara-home__process-step {
  align-items: start;
  border-bottom: 1px solid var(--zikhara-steel-700);
  display: grid;
  gap: clamp(20px, 4vw, 48px);
  grid-template-columns: 56px minmax(180px, 3fr) minmax(0, 6fr);
  padding-block: 28px;
}

.zikhara-home__process-step :where(.zikhara-home__process-index, h3, p) {
  margin: 0;
}

.zikhara-home__process-step p:last-child {
  color: var(--zikhara-steel-300);
}

.zikhara-home__trust {
  background: var(--zikhara-paper);
  color: var(--zikhara-ink);
}

.zikhara-home__trust h2 {
  color: var(--zikhara-ink);
}

.zikhara-home__trust-inner {
  align-items: start;
  display: grid;
  gap: clamp(48px, 8vw, 112px);
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
}

.zikhara-home__trust-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.zikhara-home__trust-list li {
  border-top: 1px solid var(--zikhara-steel-500);
  color: var(--zikhara-ink);
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.8125rem;
  letter-spacing: 0.06em;
  padding: 20px 0 20px 28px;
  position: relative;
  text-transform: uppercase;
}

.zikhara-home__trust-list li::before {
  background: var(--zikhara-molten);
  content: "";
  height: 6px;
  left: 2px;
  position: absolute;
  top: 27px;
  width: 6px;
}

.zikhara-home__markets {
  background: var(--zikhara-ink);
}

.zikhara-home__lane {
  border: 1px solid var(--zikhara-steel-700);
  margin: -1px 0 0 -1px;
  min-height: 310px;
  padding: clamp(24px, 3vw, 36px);
}

.zikhara-home__lane-route {
  align-items: center;
  color: var(--zikhara-steel-300) !important;
  display: grid;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 0.75rem;
  gap: 12px;
  grid-template-columns: auto minmax(36px, 1fr) auto;
  letter-spacing: 0.1em;
  margin-bottom: 48px;
  text-transform: uppercase;
}

.zikhara-home__lane-route span:nth-child(2) {
  align-items: center;
  color: var(--zikhara-molten);
  display: flex;
}

.zikhara-home__lane-route span:nth-child(2)::before {
  background: var(--zikhara-steel-500);
  content: "";
  flex: 1;
  height: 1px;
  margin-right: 8px;
}

.zikhara-home__lane-route strong {
  color: var(--zikhara-paper);
  font-weight: 500;
}

.zikhara-home__lane > p:last-child {
  color: var(--zikhara-steel-300);
  font-size: 0.9375rem;
}

.zikhara-home__markets > .zikhara-home__text-link {
  margin-top: 40px;
}

@media (max-width: 900px) {
  .zikhara-home__hero {
    min-height: max(700px, 100svh);
  }

  .zikhara-home__split,
  .zikhara-home__trust-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .zikhara-home__process-head {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .zikhara-home__process-step {
    grid-template-columns: 48px minmax(180px, 4fr) minmax(0, 6fr);
  }
}

@media (max-width: 720px) {
  .zikhara-home__pattern > section {
    padding-block: 64px;
  }

  .zikhara-home__hero {
    min-height: max(760px, 100svh);
    padding: 180px 0 80px !important;
  }

  .zikhara-home__hero::before {
    font-size: 52vw;
    right: -0.08em;
    top: 38%;
  }

  .zikhara-home__hero-grid span:nth-child(1) {
    left: 25%;
  }

  .zikhara-home__hero-grid span:nth-child(2) {
    left: 50%;
  }

  .zikhara-home__hero-grid span:nth-child(3) {
    left: 75%;
  }

  .zikhara-home__hero-grid span:nth-child(4) {
    display: none;
  }

  .zikhara-home__model-item {
    border-left: 0;
    border-top: 1px solid var(--zikhara-steel-500);
    min-height: 0;
  }

  .zikhara-home__product-card,
  .zikhara-home__lane {
    min-height: 0;
  }

  .zikhara-home__process-step {
    gap: 14px 18px;
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .zikhara-home__process-step > p:last-child {
    grid-column: 2;
  }
}
