:root {
  --room: #111417;
  --room-soft: #191d21;
  --paper: #e8e5dc;
  --paper-soft: #d9d5cb;
  --ink: #191b1d;
  --muted: #8f9696;
  --faint: rgba(232, 229, 220, .15);
  --rule: rgba(232, 229, 220, .22);
  --signal: #a6335d;
  --proof: #7bc49a;
  --proof-soft: #c8e8d2;
  --boundary: #e7b75b;
  --danger: #e18d82;
  font-family: "Avenir Next", "Segoe UI", system-ui, sans-serif;
  color: var(--paper);
  background: var(--room);
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--room); }
a { color: inherit; }
button { font: inherit; }

.skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; padding: 12px 16px; background: var(--signal); color: #fff; font-weight: 800; text-decoration: none; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.control-room { min-height: 100vh; background: var(--room); }
.hero { display: grid; grid-template-columns: minmax(0, .95fr) minmax(430px, 1.05fr); gap: clamp(42px, 8vw, 126px); align-items: center; width: min(1400px, calc(100% - 64px)); min-height: 730px; margin: 0 auto; padding: 70px 0 58px; }
.hero__copy { max-width: 730px; }
.eyebrow, .section-label { margin: 0 0 17px; color: var(--proof); font: 800 .7rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .11em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.06em; }
h1 { max-width: 11ch; margin-bottom: 27px; color: var(--paper); font-size: clamp(3.6rem, 6.2vw, 6.6rem); line-height: .88; }
h2 { max-width: 12ch; margin-bottom: 0; color: inherit; font-size: clamp(2.8rem, 5.7vw, 5.8rem); line-height: .9; }
h3 { font-size: clamp(1.4rem, 2.4vw, 2.05rem); line-height: 1.05; letter-spacing: -.045em; }
.hero__lede { max-width: 640px; margin-bottom: 30px; color: var(--paper-soft); font-size: clamp(1.05rem, 1.5vw, 1.26rem); line-height: 1.62; }
.hero__actions, .replay-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 10px; padding: 0 18px; border: 1px solid transparent; cursor: pointer; font-weight: 850; text-decoration: none; transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, .scenario-row:focus-visible { outline: 3px solid var(--boundary); outline-offset: 4px; }
.button:disabled { cursor: wait; opacity: .48; transform: none; }
.button--primary { background: var(--signal); color: #fff; }
.button--primary:hover { background: #c44b76; }
.button--quiet { border-color: var(--rule); color: var(--paper); }
.button--quiet:hover { border-color: var(--paper); background: rgba(232, 229, 220, .08); }
.boundary-note { max-width: 620px; margin: 24px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.6; }
.boundary-note strong { color: var(--boundary); }

.instrument { border: 1px solid rgba(232, 229, 220, .46); background: var(--room-soft); box-shadow: 18px 18px 0 rgba(166, 51, 93, .75); }
.instrument__head, .instrument__foot { display: flex; justify-content: space-between; gap: 16px; padding: 15px 19px; color: var(--muted); font: 700 .66rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.instrument__head { border-bottom: 1px solid var(--rule); }
.instrument__foot { border-top: 1px solid var(--rule); }
.instrument__foot strong { color: var(--proof); }
.live-dot { color: var(--proof); }
.live-dot i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--proof); box-shadow: 0 0 0 5px rgba(123,196,154,.1); }
.instrument__body { padding: 40px 34px 36px; }
.instrument__rule { display: flex; justify-content: space-between; color: var(--muted); font: 700 .64rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; }
.gate-rail { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin: 54px 0 62px; }
.rail-line { position: absolute; top: 21px; right: 7%; left: 7%; height: 1px; background: var(--rule); }
.gate-node { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; color: var(--muted); font: 700 .62rem/1.1 "SFMono-Regular", Consolas, monospace; text-transform: uppercase; }
.gate-node b { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid var(--rule); border-radius: 50%; background: var(--room-soft); color: var(--paper-soft); font-size: .68rem; }
.gate-node i { font-style: normal; }
.gate-node:first-of-type b, .gate-node.is-current b { border-color: var(--proof); background: var(--proof); color: var(--room); box-shadow: 0 0 0 6px rgba(123,196,154,.1); }
.instrument__terminal { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; padding-top: 19px; border-top: 1px solid var(--rule); color: var(--muted); font: 700 .64rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; }
.instrument__terminal strong { color: var(--proof); }

.facts { display: grid; grid-template-columns: repeat(4, 1fr); width: min(1400px, calc(100% - 64px)); margin: 0 auto; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.facts > div { min-height: 130px; padding: 26px 22px; border-right: 1px solid var(--rule); }
.facts > div:last-child { border-right: 0; }
.facts strong, .facts span { display: block; }
.facts strong { color: var(--proof); font: 800 2.7rem/.95 "SFMono-Regular", Consolas, monospace; letter-spacing: -.1em; }
.facts span { margin-top: 14px; color: var(--muted); font-size: .76rem; }

.section { width: min(1180px, calc(100% - 64px)); margin: 0 auto; padding: 132px 0; }
.section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr); gap: 70px; align-items: end; margin-bottom: 52px; }
.section-intro { max-width: 480px; margin: 0; color: var(--muted); font-size: .96rem; line-height: 1.7; }
.scenario-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr) minmax(275px, .73fr); align-items: stretch; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.scenario-list { border-right: 1px solid var(--rule); }
.scenario-row { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; gap: 3px 12px; width: 100%; min-height: 94px; padding: 17px 15px; border: 0; border-bottom: 1px solid var(--faint); background: transparent; color: var(--muted); cursor: pointer; text-align: left; }
.scenario-row:last-child { border-bottom: 0; }
.scenario-row.is-active { background: rgba(232, 229, 220, .08); color: var(--paper); }
.scenario-row.is-active .scenario-index { color: var(--proof); }
.scenario-row b, .scenario-row small { display: block; }
.scenario-row b { color: inherit; font-size: .84rem; }
.scenario-row small { margin-top: 2px; color: var(--muted); font-size: .67rem; }
.scenario-row em { grid-column: 2; color: var(--boundary); font: 800 .6rem/1.2 "SFMono-Regular", Consolas, monospace; font-style: normal; letter-spacing: .04em; }
.scenario-row:first-child em { color: var(--proof); }
.scenario-index { grid-row: 1 / span 2; color: var(--muted); font: 800 .66rem/1 "SFMono-Regular", Consolas, monospace; }
.replay-panel { min-width: 0; padding: 31px 36px 35px; border-right: 1px solid var(--rule); }
.replay-panel__head { display: flex; justify-content: space-between; gap: 20px; align-items: start; }
.replay-panel__head .section-label { margin-bottom: 5px; color: var(--proof); }
.replay-panel__head .section-label b { color: var(--paper); font-weight: 800; }
.replay-panel__head p { margin: 0; color: var(--muted); font: 700 .68rem/1.3 "SFMono-Regular", Consolas, monospace; text-transform: uppercase; }
.run-status { color: var(--boundary); font: 700 .62rem/1.3 "SFMono-Regular", Consolas, monospace; text-align: right; text-transform: uppercase; }
.replay-panel h3 { margin: 50px 0 13px; color: var(--paper); }
.replay-panel > p { min-height: 74px; margin-bottom: 29px; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.gate-list { border-top: 1px solid var(--rule); margin-bottom: 29px; }
.gate-row { display: grid; grid-template-columns: 26px 80px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 51px; border-bottom: 1px solid var(--faint); color: var(--muted); font-size: .72rem; transition: background 160ms ease, color 160ms ease; }
.gate-row.is-current { background: rgba(123, 196, 154, .09); color: var(--paper); }
.gate-row > span { color: var(--muted); font: 700 .62rem/1 "SFMono-Regular", Consolas, monospace; }
.gate-row b { color: inherit; font-size: .78rem; }
.gate-row small { color: var(--muted); font-size: .68rem; }
.gate-row em { color: var(--muted); font: 800 .6rem/1 "SFMono-Regular", Consolas, monospace; font-style: normal; }
.gate-row[data-state="pass"] em { color: var(--proof); }
.gate-row[data-state="hold"] em, .gate-row[data-state="dedupe"] em, .gate-row[data-state="pending"] em { color: var(--boundary); }
.replay-actions { justify-content: space-between; }
.replay-actions .button { min-height: 44px; padding: 0 14px; font-size: .78rem; }
.receipt-panel { min-width: 0; padding: 31px 24px 24px; background: rgba(232, 229, 220, .05); }
.receipt-panel__head { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.receipt-panel__head .section-label { margin-bottom: 0; color: var(--boundary); }
.terminal-status { padding: 6px 8px; border: 1px solid currentColor; color: var(--proof); font: 800 .58rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: .04em; }
.terminal-status[data-tone="boundary"] { color: var(--boundary); }
.receipt-panel__label { margin: 49px 0 11px; color: var(--proof); font: 800 .67rem/1.2 "SFMono-Regular", Consolas, monospace; letter-spacing: .08em; }
.receipt-panel h3 { margin-bottom: 12px; font-size: 1.36rem; }
.receipt-panel > p:not(.receipt-panel__label) { color: var(--muted); font-size: .8rem; line-height: 1.6; }
.receipt-facts { margin: 25px 0 0; border-top: 1px solid var(--rule); }
.receipt-facts div { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--faint); }
.receipt-facts dt, .receipt-facts dd { margin: 0; font: 700 .62rem/1.3 "SFMono-Regular", Consolas, monospace; text-transform: uppercase; }
.receipt-facts dt { color: var(--muted); }
.receipt-facts dd { color: var(--paper); text-align: right; }
.trace { margin-top: 24px; border: 1px solid var(--rule); background: var(--room); }
.trace__head { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border-bottom: 1px solid var(--rule); color: var(--muted); font: 700 .59rem/1.3 "SFMono-Regular", Consolas, monospace; text-transform: uppercase; }
.trace__head span:last-child { color: var(--proof); text-align: right; }
.trace ol { min-height: 180px; max-height: 260px; overflow: auto; margin: 0; padding: 12px 12px 12px 37px; }
.trace li { display: grid; grid-template-columns: 25px 59px 1fr; gap: 7px; padding: 5px 0; color: var(--muted); font: .61rem/1.45 "SFMono-Regular", Consolas, monospace; }
.trace li::marker { color: var(--proof); }
.trace li span { color: var(--muted); }
.trace li strong { color: var(--proof); }
.trace li[data-state="hold"] strong, .trace li[data-state="dedupe"] strong, .trace li[data-state="pending"] strong { color: var(--boundary); }
.trace li b { color: var(--paper-soft); font-weight: 500; }
.trace-empty { display: block !important; color: var(--muted) !important; }

.section--paper { width: 100%; max-width: none; padding-right: max(32px, calc((100% - 1180px) / 2)); padding-left: max(32px, calc((100% - 1180px) / 2)); background: var(--paper); color: var(--ink); }
.section--paper .section-label { color: var(--signal); }
.section--paper .section-intro { color: #626366; }
.evidence-table { border-top: 1px solid var(--ink); }
.evidence-row { display: grid; grid-template-columns: 1fr 1.4fr 1.05fr; gap: 22px; align-items: start; padding: 20px 0; border-bottom: 1px solid rgba(25, 27, 29, .2); font-size: .82rem; }
.evidence-row--head { padding: 12px 0; color: #656466; font: 700 .63rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; }
.evidence-row strong { font-size: .92rem; }
.evidence-row span { color: #626366; }
.evidence-row em { color: #a56e14; font: 800 .66rem/1.3 "SFMono-Regular", Consolas, monospace; font-style: normal; text-transform: uppercase; }

.section--dark { width: 100%; max-width: none; padding-right: max(32px, calc((100% - 1180px) / 2)); padding-left: max(32px, calc((100% - 1180px) / 2)); background: #20262a; }
.section--dark .section-intro { color: rgba(232, 229, 220, .64); }
.architecture-flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr 40px 1fr; align-items: center; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.architecture-flow > div { min-height: 155px; padding: 22px 12px 20px 0; }
.architecture-flow > div + div { padding-left: 16px; }
.architecture-flow span { color: var(--proof); font: 800 .63rem/1.3 "SFMono-Regular", Consolas, monospace; letter-spacing: .06em; text-transform: uppercase; }
.architecture-flow strong, .architecture-flow small { display: block; }
.architecture-flow strong { margin-top: 31px; font-size: 1.08rem; }
.architecture-flow small { margin-top: 7px; color: rgba(232, 229, 220, .56); font-size: .72rem; line-height: 1.45; }
.architecture-flow > i { color: var(--boundary); font-style: normal; text-align: center; font-size: 1.3rem; }
.architecture-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 28px; }
.architecture-notes p { margin: 0; color: rgba(232, 229, 220, .65); font-size: .82rem; line-height: 1.65; }
.architecture-notes b { color: var(--paper); }

.offer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr); gap: 72px; align-items: end; }
.offer .section-label { color: var(--boundary); }
.offer h2 { max-width: 10ch; }
.offer__copy { max-width: 590px; margin: 27px 0 0; color: var(--muted); line-height: 1.7; }
.offer__terms { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.offer__terms > div { padding: 17px 12px 18px 0; border-bottom: 1px solid var(--faint); }
.offer__terms > div:nth-child(2) { padding-left: 16px; border-left: 1px solid var(--rule); }
.offer__terms > div:nth-child(3) { padding-top: 17px; border-bottom: 0; }
.offer__terms strong, .offer__terms span { display: block; }
.offer__terms strong { color: var(--proof); font: 800 1.65rem/1 "SFMono-Regular", Consolas, monospace; letter-spacing: -.08em; }
.offer__terms span { margin-top: 8px; color: var(--muted); font-size: .68rem; }
.offer__terms .button { grid-column: 2; grid-row: 2; align-self: center; min-height: 44px; margin: 13px 0 13px 16px; font-size: .77rem; }
.offer__boundary { grid-column: 1 / -1; margin: 44px 0 0; padding-top: 20px; border-top: 1px solid var(--rule); color: var(--muted); font-size: .77rem; line-height: 1.65; }
.offer__boundary strong { color: var(--boundary); }
.footer { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 27px max(32px, calc((100% - 1180px) / 2)); background: #0b0d0f; color: var(--muted); font-size: .72rem; }
.footer a { color: var(--paper); text-decoration: none; }
.footer a:hover { color: var(--proof); }

@media (max-width: 1080px) {
  .hero { grid-template-columns: 1fr; min-height: auto; padding-top: 77px; }
  .hero__copy { max-width: 840px; }
  .instrument { max-width: 760px; }
  .scenario-layout { grid-template-columns: 220px minmax(0, 1fr); }
  .receipt-panel { grid-column: 1 / -1; border-top: 1px solid var(--rule); border-right: 0; }
  .receipt-panel .trace { max-width: 760px; }
  .offer { grid-template-columns: 1fr; gap: 44px; }
  .offer__terms { max-width: 560px; }
}
@media (max-width: 700px) {
  .hero, .facts, .section { width: min(100% - 32px, 1180px); }
  .hero { padding-top: 58px; padding-bottom: 53px; }
  h1 { font-size: clamp(3.55rem, 17vw, 5.7rem); }
  h2 { font-size: clamp(2.75rem, 14vw, 4.4rem); }
  .instrument { box-shadow: 9px 9px 0 rgba(166, 51, 93, .75); }
  .instrument__body { padding: 28px 18px 27px; }
  .gate-rail { gap: 4px; margin: 40px -4px 47px; }
  .gate-node b { width: 34px; height: 34px; font-size: .57rem; }
  .gate-node { gap: 9px; font-size: .51rem; }
  .facts { grid-template-columns: repeat(2, 1fr); }
  .facts > div:nth-child(2) { border-right: 0; }
  .facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .facts > div { min-height: 110px; padding: 20px 14px; }
  .facts strong { font-size: 2.1rem; }
  .section { padding: 87px 0; }
  .section--paper, .section--dark { padding-right: 16px; padding-left: 16px; }
  .section-head { grid-template-columns: 1fr; gap: 23px; margin-bottom: 38px; }
  .scenario-layout { display: block; }
  .scenario-list { display: grid; grid-template-columns: repeat(2, 1fr); border-right: 0; }
  .scenario-row { min-height: 88px; border-right: 1px solid var(--faint); }
  .scenario-row:nth-child(2n) { border-right: 0; }
  .scenario-row:nth-child(-n+3) { border-bottom: 1px solid var(--faint); }
  .replay-panel { padding: 27px 0 31px; border-right: 0; }
  .replay-panel h3 { margin-top: 39px; }
  .replay-panel > p { min-height: auto; }
  .gate-row { grid-template-columns: 25px 67px 1fr; gap: 7px; min-height: 61px; }
  .gate-row small { grid-column: 2 / 4; grid-row: 2; }
  .gate-row em { grid-column: 3; grid-row: 1; text-align: right; }
  .receipt-panel { padding: 28px 0 0; }
  .receipt-panel__label { margin-top: 38px; }
  .trace ol { max-height: 210px; }
  .evidence-row { grid-template-columns: 1fr; gap: 7px; padding: 17px 0; }
  .evidence-row--head { display: none; }
  .architecture-flow { grid-template-columns: 1fr; }
  .architecture-flow > div, .architecture-flow > div + div { min-height: 0; padding: 20px 0; border-bottom: 1px solid var(--faint); }
  .architecture-flow > i { padding: 8px; transform: rotate(90deg); }
  .architecture-flow > i:last-child { display: none; }
  .architecture-notes { grid-template-columns: 1fr; gap: 22px; }
  .offer__terms { grid-template-columns: 1fr 1fr; }
  .offer__terms .button { grid-column: 1 / -1; grid-row: 3; margin: 13px 0; }
  .offer__terms > div:nth-child(2) { padding-left: 12px; }
  .footer { align-items: flex-start; flex-direction: column; padding-right: 16px; padding-left: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}