.payment-ledger {
  --pay-bg: #07100e;
  --pay-panel: #0b1513;
  --pay-panel-2: #101b18;
  --pay-line: rgba(117, 255, 218, .17);
  --pay-mint: #55e6bf;
  --pay-blue: #73b9ff;
  --pay-amber: #ffc86b;
  --pay-copy: #a9b9b4;
  position: relative;
  overflow: hidden;
  padding: clamp(5rem, 8vw, 8rem) 0;
  color: #f1f8f6;
  background:
    radial-gradient(circle at 7% 7%, rgba(85, 230, 191, .12), transparent 31%),
    linear-gradient(rgba(115, 185, 255, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(115, 185, 255, .04) 1px, transparent 1px),
    var(--pay-bg);
  background-size: auto, 48px 48px, 48px 48px, auto;
}

.payment-ledger__shell { width: min(1320px, calc(100% - 40px)); margin: 0 auto; }
.payment-ledger__heading { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, .55fr); gap: 3rem; align-items: end; margin-bottom: 2.4rem; }
.payment-ledger__kicker { margin: 0 0 .7rem; color: var(--pay-mint); font: 800 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; text-transform: uppercase; }
.payment-ledger__heading h2 { max-width: 920px; margin: 0; font-size: clamp(2.7rem, 5.5vw, 5.8rem); line-height: .98; letter-spacing: -.055em; }
.payment-ledger__heading > p { margin: 0; color: var(--pay-copy); font-size: 1.02rem; line-height: 1.7; }
.payment-ledger__board { overflow: hidden; border: 1px solid var(--pay-line); border-radius: 22px; background: rgba(7, 14, 12, .92); box-shadow: 0 30px 85px rgba(0, 0, 0, .34); }
.payment-ledger__toolbar { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 1.2rem; align-items: center; padding: 1rem 1.2rem; border-bottom: 1px solid var(--pay-line); background: linear-gradient(90deg, rgba(85, 230, 191, .08), rgba(115, 185, 255, .03)); }
.payment-ledger__identity { display: flex; gap: .75rem; align-items: center; }
.payment-ledger__identity small, .payment-ledger__toolbar dt { display: block; color: var(--pay-copy); font: 700 .58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; text-transform: uppercase; }
.payment-ledger__identity strong, .payment-ledger__toolbar dd { margin: .2rem 0 0; color: #f5fbf9; font: 800 .72rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.payment-ledger__glyph { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(85, 230, 191, .4); border-radius: 12px; color: var(--pay-mint); background: rgba(85, 230, 191, .09); font-size: 1.25rem; }
.payment-ledger__toolbar dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin: 0; }
.payment-ledger__toolbar dl div { min-width: 0; padding: .55rem .7rem; border: 1px solid rgba(255,255,255,.07); border-radius: 8px; background: rgba(0,0,0,.18); }
.payment-ledger__health { display: inline-flex; gap: .45rem; align-items: center; padding: .55rem .75rem; border: 1px solid rgba(255,200,107,.26); border-radius: 999px; color: #ffe4b4; background: rgba(255,200,107,.08); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.payment-ledger__health i { width: 7px; height: 7px; border-radius: 50%; background: var(--pay-amber); box-shadow: 0 0 12px rgba(255,200,107,.65); }

.payment-ledger__timeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--pay-line); }
.payment-ledger__timeline li { position: relative; min-width: 0; padding: 1.15rem; border-right: 1px solid var(--pay-line); }
.payment-ledger__timeline li:last-child { border-right: 0; }
.payment-ledger__timeline li::before { position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: var(--pay-mint); content: ''; }
.payment-ledger__timeline li.is-hold::before { background: var(--pay-amber); }
.payment-ledger__timeline span, .payment-ledger__timeline small { display: block; color: var(--pay-copy); font: 700 .57rem/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; text-transform: uppercase; }
.payment-ledger__timeline strong { display: block; margin: .6rem 0 .35rem; font-size: .9rem; }
.payment-ledger__timeline em { display: inline-flex; margin-top: .8rem; padding: .28rem .45rem; border-radius: 5px; color: var(--pay-mint); background: rgba(85,230,191,.08); font-size: .62rem; font-style: normal; font-weight: 850; text-transform: uppercase; }
.payment-ledger__timeline .is-hold em { color: var(--pay-amber); background: rgba(255,200,107,.08); }

.payment-ledger__truths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--pay-line); }
.payment-ledger__truths article { min-width: 0; padding: 1.35rem; border-right: 1px solid var(--pay-line); background: var(--pay-panel); }
.payment-ledger__article-head { display: flex; justify-content: space-between; gap: .7rem; align-items: baseline; margin-bottom: 1rem; }
.payment-ledger__article-head span { color: var(--pay-mint); font-size: .62rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.payment-ledger__article-head strong { font-size: 1rem; }
.payment-ledger__truths ul { margin: 0; padding: 0; list-style: none; }
.payment-ledger__truths li { display: flex; justify-content: space-between; gap: .8rem; padding: .65rem 0; border-top: 1px solid rgba(255,255,255,.07); color: var(--pay-copy); font-size: .76rem; }
.payment-ledger__truths li strong { color: #edf7f4; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.payment-ledger__truths article p, .payment-ledger__truths aside p { margin: 1rem 0 0; color: var(--pay-copy); font-size: .76rem; line-height: 1.6; }
.payment-ledger__truths aside { grid-column: 1 / -1; display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(280px, .7fr); gap: 1rem; align-items: center; padding: 1rem 1.35rem; border-top: 1px solid rgba(255,200,107,.22); background: linear-gradient(90deg, rgba(255,200,107,.08), rgba(85,230,191,.045)); }
.payment-ledger__truths aside > span { color: var(--pay-amber); font-size: .62rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.payment-ledger__truths aside > strong { font-size: 1.05rem; }
.payment-ledger__truths aside p { margin: 0; }

.payment-ledger__testbench { display: grid; grid-template-columns: minmax(240px, .7fr) minmax(0, 1.7fr); gap: 1.4rem; padding: 1.35rem; border-bottom: 1px solid var(--pay-line); background: var(--pay-panel-2); }
.payment-ledger__testbench h3, .payment-ledger__first-lot h3 { margin: .35rem 0 0; font-size: clamp(1.15rem, 2vw, 1.55rem); }
.payment-ledger__testbench ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin: 0; padding: 0; list-style: none; }
.payment-ledger__testbench li { min-width: 0; padding: .8rem; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(0,0,0,.18); }
.payment-ledger__testbench li span { color: var(--pay-blue); font: 800 .58rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.payment-ledger__testbench li strong, .payment-ledger__testbench li small { display: block; }
.payment-ledger__testbench li strong { margin: .35rem 0 .2rem; font-size: .76rem; }
.payment-ledger__testbench li small { color: var(--pay-copy); font-size: .66rem; }
.payment-ledger__first-lot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2rem; align-items: center; padding: 1.35rem; border-bottom: 1px solid var(--pay-line); background: rgba(85,230,191,.04); }
.payment-ledger__first-lot p:last-child { max-width: 820px; margin: .5rem 0 0; color: var(--pay-copy); line-height: 1.65; }
.payment-ledger__cta { display: inline-flex; gap: .55rem; min-height: 48px; align-items: center; justify-content: center; padding: .8rem 1rem; border: 1px solid var(--pay-mint); border-radius: 8px; color: #06100d; background: var(--pay-mint); font-size: .82rem; font-weight: 850; white-space: nowrap; }
.payment-ledger__cta:hover { color: #06100d; background: #87f2d4; }
.payment-ledger__boundaries { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; padding: 1rem; background: #070d0c; }
.payment-ledger__boundaries a { position: relative; min-width: 0; padding: 1rem; border: 1px solid var(--pay-line); border-radius: 11px; color: #f4faf8; background: rgba(255,255,255,.018); text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.payment-ledger__boundaries a::after { position: absolute; top: 1rem; right: 1rem; color: var(--pay-mint); content: '↗'; }
.payment-ledger__boundaries a:hover { border-color: rgba(85,230,191,.52); transform: translateY(-2px); }
.payment-ledger__boundaries span, .payment-ledger__boundaries small { display: block; color: var(--pay-copy); font-size: .64rem; line-height: 1.45; }
.payment-ledger__boundaries span { color: var(--pay-blue); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.payment-ledger__boundaries strong { display: block; margin: .35rem 1rem .3rem 0; font-size: .86rem; }

@media (max-width: 1100px) {
  .payment-ledger__toolbar { grid-template-columns: auto 1fr; }
  .payment-ledger__health { grid-column: 1 / -1; justify-self: start; }
  .payment-ledger__timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .payment-ledger__timeline li:nth-child(3) { border-right: 0; }
  .payment-ledger__timeline li:nth-child(n+4) { border-top: 1px solid var(--pay-line); }
  .payment-ledger__truths { grid-template-columns: 1fr 1fr; }
  .payment-ledger__truths article:nth-child(2) { border-right: 0; }
  .payment-ledger__truths article:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--pay-line); border-right: 0; }
  .payment-ledger__boundaries { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .dark-page.api-integration-page .dark-hero-highlights { flex-wrap: wrap; overflow: visible; }
  .dark-page.api-integration-page .dark-hero-highlights li { flex: 0 1 auto; white-space: normal; }
  .payment-ledger { padding: 4.5rem 0; }
  .payment-ledger__shell { width: calc(100% - 16px); }
  .payment-ledger__heading { grid-template-columns: 1fr; gap: 1.2rem; }
  .payment-ledger__heading h2 { font-size: clamp(2.25rem, 11vw, 3.4rem); }
  .payment-ledger__heading > p { font-size: .95rem; }
  .payment-ledger__board { border-radius: 16px; }
  .payment-ledger__toolbar, .payment-ledger__toolbar dl, .payment-ledger__timeline, .payment-ledger__truths, .payment-ledger__testbench, .payment-ledger__testbench ul, .payment-ledger__first-lot { grid-template-columns: 1fr; }
  .payment-ledger__toolbar dl { width: 100%; }
  .payment-ledger__health { grid-column: auto; }
  .payment-ledger__timeline li { border-top: 1px solid var(--pay-line); border-right: 0; }
  .payment-ledger__truths article, .payment-ledger__truths article:nth-child(3) { grid-column: auto; border-top: 1px solid var(--pay-line); border-right: 0; }
  .payment-ledger__truths aside { grid-template-columns: 1fr; }
  .payment-ledger__testbench, .payment-ledger__first-lot { gap: 1.2rem; }
  .payment-ledger__cta { width: 100%; white-space: normal; }
  .payment-ledger__boundaries { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .payment-ledger__boundaries a { transition: none; }
}