.icon-screen::before {
  content:"UI";
  font-size:13px;
  letter-spacing:0;
}

.evidence-studio,
.field-notes,
.payment-scenarios {
  padding:68px max(24px, calc((100vw - 1240px) / 2));
}

.evidence-studio {
  display:grid;
  grid-template-columns:minmax(0,.52fr) minmax(0,1fr);
  gap:34px;
  align-items:stretch;
  background:
    radial-gradient(circle at 88% 12%, rgba(12,123,114,.08), transparent 28%),
    linear-gradient(180deg,#f7fafc,#fff);
  border-top:1px solid #e5edf4;
}

.studio-copy {
  padding:30px;
  border-radius:8px;
  border:1px solid #dbe5ef;
  background:#fff;
  box-shadow:0 18px 48px rgba(18,35,55,.06);
}

.studio-copy h2,
.field-notes h2,
.payment-scenarios h2 {
  margin:0;
  color:#102235;
  font-size:clamp(30px,3vw,44px);
  line-height:1.15;
}

.studio-copy p:not(.eyebrow),
.field-notes p,
.payment-scenarios p {
  color:#566579;
  line-height:1.78;
}

.proof-board {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-content:start;
}

.proof-board article,
.note-lanes article,
.scenario-grid article {
  position:relative;
  min-width:0;
  border-radius:8px;
  border:1px solid #dbe5ef;
  background:linear-gradient(180deg,#fff,#f8fbfd);
  box-shadow:0 16px 40px rgba(18,35,55,.055);
  transition:transform .26s var(--motion-ease), box-shadow .26s ease, border-color .26s ease;
}

.proof-board article {
  isolation:isolate;
  overflow:hidden;
  padding:26px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,253,.98));
  box-shadow:0 18px 44px rgba(18,35,55,.085);
}

.proof-board article::before {
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#bd5200,rgba(12,123,114,.62),transparent);
}

.proof-board article:hover,
.note-lanes article:hover,
.scenario-grid article:hover {
  transform:translateY(-3px);
  border-color:#efc29c;
  box-shadow:0 24px 54px rgba(18,35,55,.1);
}

.proof-board span,
.scenario-grid span {
  display:inline-flex;
  color:#bd5200;
  font-size:13px;
  font-weight:900;
}

.proof-board strong,
.note-lanes strong,
.scenario-grid strong {
  display:block;
  margin-top:10px;
  color:#102235;
  font-size:21px;
  line-height:1.3;
}

.proof-board p,
.note-lanes p,
.scenario-grid p {
  margin-bottom:0;
}

.field-notes {
  display:grid;
  grid-template-columns:minmax(280px,.38fr) minmax(0,1fr);
  gap:32px;
  align-items:start;
  background:#fff;
  border-top:1px solid #e5edf4;
}

.field-notes > div:first-child {
  position:sticky;
  top:96px;
  padding-top:4px;
}

.note-lanes {
  display:grid;
  gap:14px;
}

.note-lanes article {
  display:grid;
  grid-template-columns:168px minmax(0,1fr);
  gap:20px;
  align-items:start;
  padding:22px 24px;
}

.note-lanes article::before,
.scenario-grid article::before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(#bd5200,#0c7b72);
  opacity:.9;
}

.note-lanes strong {
  margin-top:0;
}

.payment-scenarios {
  display:grid;
  grid-template-columns:minmax(0,.42fr) minmax(0,1fr);
  gap:34px;
  align-items:start;
  color:#fff;
  background:
    radial-gradient(circle at 84% 10%, rgba(242,138,38,.16), transparent 30%),
    linear-gradient(115deg,#061827,#0a3440);
  border-top:1px solid rgba(255,255,255,.1);
}

.guide-decision-lab,
.guide-checkpoints,
.interface-reading-lab {
  padding:68px max(24px, calc((100vw - 1240px) / 2));
}

.guide-decision-lab {
  display:grid;
  grid-template-columns:minmax(0,.42fr) minmax(0,1fr);
  gap:34px;
  align-items:start;
  background:
    radial-gradient(circle at 88% 10%, rgba(12,123,114,.08), transparent 32%),
    linear-gradient(180deg,#fff,#f7fafc);
  border-top:1px solid #e5edf4;
}

.decision-copy {
  position:sticky;
  top:96px;
}

.decision-copy h2,
.guide-checkpoints h2,
.interface-reading-lab h2 {
  margin:0;
  color:#102235;
  font-size:clamp(30px,3vw,44px);
  line-height:1.15;
}

.decision-copy p:not(.eyebrow),
.guide-checkpoints p,
.interface-reading-lab p {
  color:#566579;
  line-height:1.78;
}

.decision-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.decision-grid article,
.guide-checkpoints article,
.reading-lanes article {
  position:relative;
  min-width:0;
  border:1px solid #dbe5ef;
  border-radius:8px;
  background:linear-gradient(180deg,#fff,#f8fbfd);
  box-shadow:0 16px 42px rgba(18,35,55,.06);
  transition:transform .26s var(--motion-ease), box-shadow .26s ease, border-color .26s ease;
}

.decision-grid article {
  padding:24px;
}

.decision-grid article::before,
.guide-checkpoints article::before,
.reading-lanes article::before {
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:3px;
  background:linear-gradient(90deg,#bd5200,rgba(12,123,114,.55),transparent);
}

.decision-grid article:hover,
.guide-checkpoints article:hover,
.reading-lanes article:hover {
  transform:translateY(-3px);
  border-color:#efc29c;
  box-shadow:0 24px 54px rgba(18,35,55,.1);
}

.decision-grid span,
.reading-lanes span {
  color:#bd5200;
  font-size:13px;
  font-weight:900;
}

.decision-grid strong,
.guide-checkpoints strong,
.reading-lanes strong {
  display:block;
  margin-top:10px;
  color:#102235;
  font-size:21px;
  line-height:1.32;
}

.guide-checkpoints {
  background:#fff;
  border-top:1px solid #e5edf4;
}

.guide-checkpoints > div {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:24px;
}

.guide-checkpoints article {
  padding:24px;
}

.core-interface .core-hero {
  min-height:650px;
}

.core-interface .core-hero-media {
  max-width:520px;
  justify-self:end;
}

.core-interface .core-hero-media img {
  max-height:390px;
  object-fit:cover;
}

.interface-scan {
  grid-template-columns:minmax(360px,.44fr) minmax(0,.9fr);
  gap:34px;
  align-items:center;
}

.interface-scan .core-inline-media {
  max-width:680px;
  justify-self:end;
}

.interface-scan .core-inline-media img {
  max-height:380px;
  object-fit:cover;
}

.screen-cues {
  display:grid;
  gap:10px;
  margin-top:22px;
}

.screen-cues article {
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:2px 12px;
  padding:14px 16px;
  border:1px solid #dbe5ef;
  border-radius:8px;
  background:#fff;
}

.screen-cues span {
  grid-row:1 / span 2;
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#bd5200;
  font-weight:900;
  background:#fff3e8;
}

.screen-cues strong {
  color:#102235;
  font-size:18px;
}

.screen-cues p {
  margin:0;
  color:#566579;
}

.interface-reading-lab {
  display:grid;
  grid-template-columns:minmax(0,.42fr) minmax(0,1fr);
  gap:34px;
  align-items:start;
  background:
    radial-gradient(circle at 88% 12%, rgba(242,138,38,.12), transparent 30%),
    linear-gradient(115deg,#061827,#0a3440);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.1);
}

.core-interface .core-resolver {
  display:grid;
  grid-template-columns:minmax(300px,.34fr) minmax(0,1fr);
  gap:34px;
  align-items:start;
  padding-top:64px;
  padding-bottom:64px;
  background:
    radial-gradient(circle at 82% 16%, rgba(12,123,114,.08), transparent 28%),
    linear-gradient(180deg,#fff,#f7fafc);
  border-top:1px solid #e5edf4;
}

.core-interface .core-resolver > .eyebrow,
.core-interface .core-resolver > h2 {
  grid-column:1;
}

.core-interface .core-resolver > .eyebrow {
  margin:0 0 -18px;
}

.core-interface .core-resolver > h2 {
  position:sticky;
  top:96px;
  margin:24px 0 0;
  max-width:320px;
  text-align:left;
  font-size:clamp(30px,3vw,44px);
}

.core-interface .resolver-list {
  grid-column:2;
  display:grid;
  gap:14px;
  margin:0;
}

.core-interface .resolver-list article {
  display:grid;
  grid-template-columns:minmax(150px,.28fr) minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:22px 24px;
  border:1px solid #dbe5ef;
  border-radius:8px;
  background:#fff;
  box-shadow:0 16px 42px rgba(18,35,55,.055);
  transition:transform .26s var(--motion-ease), box-shadow .26s ease, border-color .26s ease;
}

.core-interface .resolver-list article:hover {
  transform:translateX(4px);
  border-color:#efc29c;
  box-shadow:0 22px 50px rgba(18,35,55,.1);
}

.core-interface .resolver-list span {
  color:#bd5200;
  font-weight:900;
}

.core-interface .resolver-list p {
  margin:0;
  color:#566579;
  line-height:1.7;
}

.core-interface .resolver-list a {
  white-space:nowrap;
  color:#bd5200;
  font-weight:900;
}

.core-interface .core-insight {
  gap:34px;
  align-items:start;
  background:
    radial-gradient(circle at 86% 12%, rgba(12,123,114,.07), transparent 30%),
    linear-gradient(180deg,#fff,#f8fbfd);
  border-top:1px solid #e5edf4;
  border-bottom:1px solid #e5edf4;
}

.number-read-cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}

.number-read-cards article {
  min-width:0;
  padding:20px;
  border:1px solid #dbe5ef;
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 30px rgba(18,35,55,.055);
}

.number-read-cards span {
  color:#bd5200;
  font-size:13px;
  font-weight:900;
}

.number-read-cards strong {
  display:block;
  margin-top:8px;
  color:#102235;
  font-size:18px;
  line-height:1.35;
}

.number-read-cards p {
  margin:8px 0 0;
  color:#566579;
  font-size:15px;
  line-height:1.65;
}

.number-read-footnotes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:18px;
  border:1px solid #dbe5ef;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}

.number-read-footnotes p {
  margin:0;
  padding:16px 18px;
  border-left:1px solid #dbe5ef;
  color:#566579;
  font-size:15px;
  line-height:1.65;
}

.number-read-footnotes p:first-child {
  border-left:0;
}

.number-read-footnotes strong {
  display:block;
  margin-bottom:4px;
  color:#bd5200;
}

.interface-number-read aside {
  margin-top:20px;
  background:#fff;
  border-left-width:4px;
  box-shadow:0 16px 38px rgba(18,35,55,.055);
}

.core-interface .core-extra-copy {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  background:#fff;
}

.core-interface .core-extra-copy p {
  margin:0;
  padding:22px;
  border:1px solid #dbe5ef;
  border-radius:8px;
  background:linear-gradient(180deg,#fff,#f8fbfd);
  box-shadow:0 14px 36px rgba(18,35,55,.05);
}

.interface-reading-lab h2,
.interface-reading-lab .reading-head p:not(.eyebrow) {
  color:#fff;
}

.interface-reading-lab .reading-head p:not(.eyebrow) {
  color:rgba(255,255,255,.76);
}

.reading-head {
  position:sticky;
  top:96px;
}

.reading-lanes {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.reading-lanes article {
  padding:24px;
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
  box-shadow:none;
}

.reading-lanes strong {
  color:#fff;
}

.reading-lanes p {
  color:rgba(255,255,255,.74);
}

.interface-note-row article {
  min-height:168px;
}

.guide-decision-lab,
.guide-checkpoints,
.interface-scan,
.interface-reading-lab,
.interface-note-row {
  animation:sectionSoftIn .7s var(--motion-ease) both;
}

@keyframes sectionSoftIn {
  from {
    opacity:0;
    transform:translateY(18px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

.payment-scenarios .scenario-head {
  position:sticky;
  top:96px;
}

.payment-scenarios h2,
.payment-scenarios .scenario-head p:not(.eyebrow) {
  color:#fff;
}

.payment-scenarios .scenario-head p:not(.eyebrow) {
  color:rgba(255,255,255,.76);
}

.scenario-grid {
  display:grid;
  gap:14px;
}

.scenario-grid article {
  padding:24px 26px 24px 28px;
  border-color:rgba(255,255,255,.13);
  background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  box-shadow:none;
}

.scenario-grid strong {
  color:#fff;
}

.scenario-grid p {
  color:rgba(255,255,255,.74);
}

@media (max-width: 640px) {
  .compact-ledger {
    overflow-x:visible;
  }
  .compact-ledger > div,
  .compact-ledger table {
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .compact-ledger table,
  .compact-ledger thead,
  .compact-ledger tbody,
  .compact-ledger tr,
  .compact-ledger th,
  .compact-ledger td {
    display:block;
  }
  .compact-ledger table {
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .compact-ledger thead {
    display:none;
  }
  .compact-ledger tr {
    margin-top:12px;
    border:1px solid #dbe5ef;
    border-radius:8px;
    background:#fff;
    box-shadow:0 12px 28px rgba(18,35,55,.055);
    overflow:hidden;
  }
  .compact-ledger td {
    position:relative;
    padding:12px 16px 12px 74px;
    border-bottom:1px solid #e5edf4;
  }
  .compact-ledger td:last-child {
    border-bottom:0;
  }
  .compact-ledger td::before {
    content:"";
    position:absolute;
    left:16px;
    top:12px;
    width:40px;
    color:#bd5200;
    font-weight:900;
  }
  .compact-ledger td:nth-child(1)::before { content:"01"; }
  .compact-ledger td:nth-child(2)::before { content:"02"; }
  .compact-ledger td:nth-child(3)::before { content:"03"; }
}

@media (max-width: 980px) {
  .evidence-studio,
  .field-notes,
  .payment-scenarios,
  .guide-decision-lab,
  .interface-scan,
  .interface-reading-lab {
    grid-template-columns:1fr;
  }
  .field-notes > div:first-child,
  .payment-scenarios .scenario-head,
  .decision-copy,
  .reading-head {
    position:static;
  }
  .decision-grid,
  .guide-checkpoints > div,
  .reading-lanes {
    grid-template-columns:1fr;
  }
  .core-interface .core-hero-media,
  .interface-scan .core-inline-media {
    max-width:none;
    justify-self:stretch;
  }
  .core-interface .core-hero-media img,
  .interface-scan .core-inline-media img {
    max-height:none;
  }
  .core-interface .core-resolver,
  .core-interface .resolver-list article,
  .core-interface .core-extra-copy,
  .number-read-cards,
  .number-read-footnotes {
    grid-template-columns:1fr;
  }
  .number-read-footnotes p,
  .number-read-footnotes p:first-child {
    border-left:0;
    border-top:1px solid #dbe5ef;
  }
  .number-read-footnotes p:first-child {
    border-top:0;
  }
  .core-interface .core-resolver > .eyebrow,
  .core-interface .core-resolver > h2,
  .core-interface .resolver-list {
    grid-column:auto;
  }
  .core-interface .core-resolver > h2 {
    position:static;
    max-width:none;
  }
  .core-interface .resolver-list article:hover {
    transform:translateY(-3px);
  }
}

@media (max-width: 640px) {
  .evidence-studio,
  .field-notes,
  .payment-scenarios,
  .guide-decision-lab,
  .guide-checkpoints,
  .interface-reading-lab {
    padding:44px 18px;
  }
  .studio-copy {
    padding:24px 20px;
  }
  .proof-board {
    grid-template-columns:1fr;
    gap:14px;
  }
  .note-lanes article {
    grid-template-columns:1fr;
    gap:8px;
    padding:22px 20px;
  }
  .scenario-grid article {
    padding:22px 20px 22px 24px;
  }
}