.question-rail { border-top: 1px solid var(--kp-pasture-deep); }
.question-rail p {
  margin: 0;
  padding: 1.2rem 0;
  border-bottom: 1px solid var(--brand-rule);
  color: var(--kp-pasture-deep);
  font-family: var(--kp-serif);
  font-size: 1.15rem;
}
.problem-answer {
  grid-column: 1 / -1;
  max-width: 76ch;
  margin: 0;
  padding: 1.35rem 1.5rem;
  border-left: 3px solid var(--kp-gold-2);
  background: var(--kp-paper-3);
  color: var(--kp-ink-2);
}
.skeptic-answer {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);
  gap: clamp(2rem, 6vw, 6rem);
  margin-top: 1.5rem;
  padding-top: 2.25rem;
  border-top: 1px solid var(--kp-pasture-deep);
}
.skeptic-answer .section-label { margin: .3rem 0 0; }
.skeptic-answer p {
  max-width: 76ch;
  margin-top: 0;
  color: var(--kp-ink-2);
}
.capability-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--kp-pasture-deep);
  border-left: 1px solid var(--kp-pasture-deep);
}
.capability-card {
  min-height: 265px;
  padding: clamp(1.35rem, 3vw, 2rem);
  border-right: 1px solid var(--kp-pasture-deep);
  border-bottom: 1px solid var(--kp-pasture-deep);
  background: var(--kp-paper-3);
}
.capability-card h3 { margin-top: 2.4rem; }
.capability-card p { margin: 1rem 0 0; color: var(--kp-ink-2); }
.capability-building { background: var(--kp-paper-2); }
.enablement-ladder { border-top: 1px solid var(--kp-pasture-deep); }
.enablement-card {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1.2fr) minmax(250px, .7fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
  padding: clamp(1.6rem, 3.4vw, 2.6rem) 0;
  border-bottom: 1px solid var(--brand-rule);
}
.enablement-index {
  color: var(--kp-gold-2);
  font-family: var(--kp-mono);
  font-size: .75rem;
  letter-spacing: .12em;
}
.enablement-copy h3 { margin-top: 1.3rem; font-size: clamp(1.65rem, 2.6vw, 2.45rem); }
.enablement-copy p {
  max-width: 65ch;
  margin: .9rem 0 0;
  color: var(--kp-ink-2);
}
.enablement-result {
  margin: 0;
  padding: 1.1rem 1.2rem;
  border-left: 2px solid var(--kp-gold-2);
  background: var(--kp-paper-2);
  color: var(--kp-ink-2);
}
.enablement-result strong { color: var(--kp-pasture-deep); }
.data-promise {
  display: grid;
  grid-template-columns: minmax(180px, .36fr) 1fr;
  gap: 2rem;
  margin-top: 2.5rem;
  padding: 2rem;
  background: var(--kp-pasture-deep);
  color: var(--kp-paper-3);
}
.data-promise .section-label { margin: 0; color: var(--kp-gold); }
.data-promise p:last-child {
  max-width: 76ch;
  margin: 0;
  font-size: 1.05rem;
}
.compounding { background: var(--kp-paper-2); }
.value-loop {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  background: var(--kp-pasture-deep);
  border: 1px solid var(--kp-pasture-deep);
}
.value-loop article {
  position: relative;
  min-height: 220px;
  padding: 1.5rem;
  background: var(--kp-paper-3);
}
.value-loop article:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  top: 1.25rem;
  right: -.82rem;
  width: 1.65rem;
  height: 1.65rem;
  display: grid;
  place-items: center;
  background: var(--kp-gold);
  color: var(--kp-pasture-night);
  font-size: .85rem;
}
.value-loop span {
  color: #765e28;
  font-family: var(--kp-mono);
  font-size: .68rem;
  letter-spacing: .1em;
}
.value-loop h3 { margin-top: 2.5rem; }
.value-loop p { color: var(--kp-ink-2); }
.compounding-bottom {
  display: grid;
  grid-template-columns: 1fr .85fr;
  gap: clamp(2.5rem, 8vw, 7rem);
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--kp-pasture-deep);
}
.compounding-bottom p { margin-top: 0; color: var(--kp-ink-2); }
.architecture-line {
  margin-top: 2rem !important;
  padding-left: 1rem;
  border-left: 2px solid var(--kp-gold-2);
  color: var(--kp-pasture-deep) !important;
  font-family: var(--kp-serif);
  font-size: 1.3rem;
}
.origin { background: var(--kp-pasture-deep); color: var(--kp-paper-3); }
.origin-grid {
  display: grid;
  grid-template-columns: minmax(260px, .6fr) minmax(0, 1.25fr);
  gap: clamp(3rem, 9vw, 9rem);
  align-items: start;
}
.origin-block {
  position: sticky;
  top: 7rem;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  background: var(--kp-gold);
  color: var(--kp-pasture-night);
}
.origin-block p {
  margin: 0;
  font-family: var(--kp-serif);
  font-size: clamp(4rem, 9vw, 7rem);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .85;
}
.origin-block span {
  font-family: var(--kp-mono);
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.origin-copy h2 { max-width: 14ch; color: var(--kp-paper-3); }
.origin-copy > p:not(.section-label) { max-width: 68ch; color: color-mix(in srgb, var(--kp-paper) 83%, transparent); }
.origin-proof {
  display: grid;
  grid-template-columns: minmax(260px, .75fr) minmax(260px, 1fr);
  gap: clamp(2rem, 5vw, 4rem);
  margin-top: 2.5rem;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--kp-paper-3);
  color: var(--kp-ink);
  box-shadow: 12px 12px 0 var(--kp-gold);
}
.origin-proof .record-kicker { color: #765e28; }
.origin-proof .claim-number { margin-top: 1.25rem; }
.origin-proof .claim-caption { margin-bottom: 0; }
.origin-proof > div:last-child > p:first-child { margin-top: 0; color: var(--kp-ink-2); }
.origin-proof .text-link { margin-top: .35rem; }
.founder-line {
  margin-top: 2.75rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,.25);
}
.founder-note {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255,255,255,.25);
}
.founder-note .record-kicker { color: var(--kp-gold); }
.founder-note p { max-width: 66ch; color: color-mix(in srgb, var(--kp-paper) 83%, transparent); }
.why-now { background: var(--kp-paper); }
.clock-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--kp-pasture-deep);
  border-left: 1px solid var(--kp-pasture-deep);
}
.clock-grid article {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  padding: clamp(1.4rem, 3vw, 2rem);
  border-right: 1px solid var(--kp-pasture-deep);
  border-bottom: 1px solid var(--kp-pasture-deep);
  background: var(--kp-paper-3);
}
.clock-date {
  margin: 0 0 2.5rem;
  color: #765e28;
  font-family: var(--kp-mono);
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.clock-grid article > p:not(.clock-date) { color: var(--kp-ink-2); }
.clock-grid a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: var(--kp-pasture-deep);
  font-weight: 600;
  text-underline-offset: 3px;
}
.perspective-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--kp-pasture-deep);
  border: 1px solid var(--kp-pasture-deep);
}
.perspective-card {
  min-height: 310px;
  display: flex;
  flex-direction: column;
  padding: clamp(1.25rem, 2.5vw, 1.8rem);
  background: var(--kp-paper-3);
  text-decoration: none;
  transition: background .18s ease, color .18s ease;
}
.perspective-card h3 { margin-top: 1.1rem; }
.perspective-card p { color: var(--kp-ink-2); }
.perspective-status { margin: 0; color: #765e28; }
.perspective-card:hover { background: var(--kp-paper-2); }
.perspective-featured { background: var(--kp-pasture-deep); color: var(--kp-paper-3); }
.perspective-featured h3, .perspective-featured p, .perspective-featured .card-link { color: var(--kp-paper-3); }
.perspective-featured .perspective-status { color: var(--kp-gold); }
.perspective-featured:hover { background: var(--kp-pasture-mid); }
.roadmap { background: var(--kp-paper-2); }
.roadmap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--kp-pasture-deep);
  border-left: 1px solid var(--kp-pasture-deep);
}
.roadmap-grid article {
  min-height: 315px;
  padding: clamp(1.5rem, 3vw, 2.2rem);
  border-right: 1px solid var(--kp-pasture-deep);
  border-bottom: 1px solid var(--kp-pasture-deep);
  background: var(--kp-paper-3);
}
.roadmap-grid article > p:last-child { color: var(--kp-ink-2); }
.wedge-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(3rem, 8vw, 8rem);
}
.wedge-reasons { border-top: 1px solid var(--kp-pasture-deep); }
.wedge-reasons article {
  display: grid;
  grid-template-columns: 3rem minmax(150px, .55fr) 1fr;
  gap: 1.5rem;
  padding: 1.7rem 0;
  border-bottom: 1px solid var(--brand-rule);
}
.wedge-reasons span {
  color: var(--kp-gold-2);
  font-family: var(--kp-mono);
  font-size: .7rem;
}
.wedge-reasons p { margin: 0; color: var(--kp-ink-2); }
.wedge-reasons p strong { color: var(--kp-pasture-deep); }

@media (max-width: 1040px) {
  .question-rail {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .question-rail p { padding-right: 1rem; }
  .capability-grid { grid-template-columns: repeat(2, 1fr); }
  .enablement-card { grid-template-columns: 4rem minmax(0, 1fr); }
  .enablement-result { grid-column: 2; }
  .roadmap-grid { grid-template-columns: repeat(2, 1fr); }
  .value-loop { grid-template-columns: repeat(3, 1fr); }
  .perspective-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .skeptic-answer, .compounding-bottom, .origin-grid, .wedge-grid, .data-promise, .origin-proof {
    grid-template-columns: 1fr;
  }
  .question-rail { grid-column: auto; grid-template-columns: 1fr; }
  .capability-grid, .perspective-grid, .roadmap-grid { grid-template-columns: 1fr; }
  .capability-card { min-height: 0; }
  .enablement-card { grid-template-columns: 2rem minmax(0, 1fr); gap: 1rem; }
  .enablement-result { grid-column: 1 / -1; margin-left: 3rem; }
  .value-loop { grid-template-columns: 1fr; }
  .value-loop article { min-height: 0; }
  .value-loop article:not(:last-child)::after {
    content: "↓";
    top: auto;
    right: 1.25rem;
    bottom: -.82rem;
  }
  .origin-block {
    position: relative;
    top: auto;
    min-height: 280px;
  }
  .origin-proof { margin-right: .65rem; }
  .clock-grid { grid-template-columns: 1fr; }
  .clock-grid article { min-height: 0; }
  .perspective-card { min-height: 260px; }
  .wedge-reasons article { grid-template-columns: 2rem 1fr; }
  .wedge-reasons p { grid-column: 2; }
}

