.cardinal-outcomes {
  width: calc(100% - 96px);
  max-width: 1400px;
  margin: 0 auto;
  padding: 110px 0 120px;
  border-top: 1px solid var(--line);
  font-family: "Inter Tight", sans-serif;
  scroll-margin-top: 20px;
}
.cardinal-outcomes-head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .65fr);
  align-items: end;
  gap: 72px;
  margin-bottom: 50px;
}
.cardinal-outcomes-head > span,
.cardinal-step-number {
  color: #82a8bd;
  font: 600 10px/1.2 "JetBrains Mono", monospace;
  letter-spacing: .15em;
}
.cardinal-outcomes-head > span { grid-column: 1 / -1; }
.cardinal-outcomes-head h2 {
  margin: 0;
  color: var(--text);
  font-size: clamp(48px, 5.2vw, 72px);
  line-height: .96;
  letter-spacing: -.045em;
}
.cardinal-outcomes-head h2 em { color: var(--mint); font-style: normal; font-weight: 400; }
.cardinal-outcomes-head p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.cardinal-outcome-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cardinal-outcome-step,
.cardinal-outcome-step:nth-child(even) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 270px minmax(0, 1fr);
  min-height: 650px;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: #081522;
  box-shadow: 0 22px 60px rgba(0,0,0,.18);
}
.cardinal-outcome-step .cardinal-proof-window,
.cardinal-outcome-step:nth-child(even) .cardinal-proof-window { grid-column: 1; grid-row: 1; }
.cardinal-outcome-step .cardinal-outcome-copy,
.cardinal-outcome-step:nth-child(even) .cardinal-outcome-copy {
  grid-column: 1;
  grid-row: 2;
  border: 0;
  border-top: 1px solid var(--line);
}
.cardinal-outcome-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 30px 32px;
}
.cardinal-outcome-copy::before { content: none; }
.cardinal-outcome-copy h3 { margin: 16px 0 0; color: #eef3f7; font-size: clamp(27px, 2.2vw, 35px); line-height: 1.04; letter-spacing: -.035em; }
.cardinal-outcome-copy p { margin: 16px 0 0; color: var(--muted); font-size: 14px; line-height: 1.62; }
.cardinal-outcome-copy ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0 0; padding: 0; list-style: none; }
.cardinal-outcome-copy li { padding: 6px 8px; border: 1px solid rgba(75,145,184,.3); color: #9eb4c3; font: 500 8px "JetBrains Mono",monospace; letter-spacing: .06em; text-transform: uppercase; }
.cardinal-outcome-copy a { width: max-content; margin-top: auto; padding-top: 24px; color: #92c4db; font-size: 12px; font-weight: 600; text-decoration: none; transition: color .2s ease,transform .2s ease; }
.cardinal-outcome-copy a:hover { color: #fff; transform: translateX(3px); }
.cardinal-proof-window { position: relative; min-width: 0; overflow: hidden; background: #050d17; }
.cardinal-proof-window::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  border-bottom: 1px solid rgba(109,159,184,.12);
  background: linear-gradient(0deg,rgba(5,13,23,.16),transparent 26%);
  pointer-events: none;
}
.cardinal-proof-window::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 14px;
  left: 16px;
  width: 28px;
  height: 6px;
  background: radial-gradient(circle,#d87666 0 2px,transparent 2.5px) 0 0/9px 6px repeat-x;
  opacity: .72;
}
.cardinal-proof-window img { position: absolute; max-width: none; object-fit: cover; image-rendering: auto; transition: transform .65s cubic-bezier(.2,.8,.2,1); }
.cardinal-proof-find img { inset: -9% auto auto -13%; width: 154%; height: 132%; object-position: 58% 40%; }
.cardinal-proof-build img { inset: -7% auto auto -12%; width: 150%; height: 128%; object-position: 56% 38%; }
.cardinal-proof-data-hub img { inset: -8% auto auto -17%; width: 140%; height: 124%; object-position: center; }
.cardinal-outcome-step:hover .cardinal-proof-window img { transform: scale(1.012); }
.cardinal-reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1); }
.cardinal-reveal[data-direction="left"],.cardinal-reveal[data-direction="right"] { transform: translateY(26px); }
.cardinal-reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 1050px) {
  .cardinal-outcome-list { grid-template-columns: 1fr; }
  .cardinal-outcome-step,.cardinal-outcome-step:nth-child(even) { grid-template-columns: minmax(310px,.72fr) minmax(0,1.28fr); grid-template-rows: 1fr; min-height: 430px; }
  .cardinal-outcome-step .cardinal-proof-window,.cardinal-outcome-step:nth-child(even) .cardinal-proof-window { grid-column: 2; grid-row: 1; }
  .cardinal-outcome-step .cardinal-outcome-copy,.cardinal-outcome-step:nth-child(even) .cardinal-outcome-copy { grid-column: 1; grid-row: 1; border-top: 0; border-right: 1px solid var(--line); }
  .cardinal-proof-find img { inset: -7% auto auto -9%; width: 140%; height: 120%; }
  .cardinal-proof-build img { inset: -5% auto auto -8%; width: 138%; height: 118%; }
}
@media (max-width: 760px) {
  .cardinal-outcomes { width: calc(100% - 32px); padding: 72px 0 82px; }
  .cardinal-outcomes-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 34px; }
  .cardinal-outcomes-head > span { grid-column: 1; }
  .cardinal-outcomes-head h2 { font-size: 43px; }
  .cardinal-outcome-step,.cardinal-outcome-step:nth-child(even) { grid-template-columns: 1fr; grid-template-rows: 240px auto; min-height: 0; }
  .cardinal-outcome-step .cardinal-proof-window,.cardinal-outcome-step:nth-child(even) .cardinal-proof-window { grid-column: 1; grid-row: 1; }
  .cardinal-outcome-step .cardinal-outcome-copy,.cardinal-outcome-step:nth-child(even) .cardinal-outcome-copy { grid-column: 1; grid-row: 2; border-right: 0; border-top: 1px solid var(--line); }
  .cardinal-outcome-copy { min-height: 365px; padding: 27px 22px; }
  .cardinal-outcome-copy h3 { font-size: 30px; }
  .cardinal-outcome-copy li { padding: 7px 9px; font-size: 10px; }
  .cardinal-outcome-copy a {
    min-height: 44px;
    padding-top: 0;
    display: inline-flex;
    align-items: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cardinal-reveal { opacity:1; transform:none; transition:none; }
  .cardinal-proof-window img { transition:none; }
}