@font-face {
  font-family: "Voidly Inter";
  src: url("/assets/inter-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Voidly Mono";
  src: url("/assets/jetbrains-mono-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
:root {
  --void: #080b12;
  --surface: #11151f;
  --surface-raised: #191e2a;
  --ink: #f5f5f8;
  --ink-soft: #b9c0cf;
  --line: #313845;
  --violet: #A855F7;
  --violet-light: #e8dcff;
  --violet-surface: #322345;
  --live: #a2def5;
  --live-surface: #173242;
  --fixture: #ffdaa8;
  --fixture-surface: #45321f;
  --mint: #b6eccc;
  --mint-surface: #1d3831;
  --display: "Voidly Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "Voidly Mono", "SFMono-Regular", Consolas, monospace;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { color-scheme: dark; }
body { margin: 0; background: var(--void); color: var(--ink); font: 400 16px/1.55 var(--display); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
a { color: var(--violet-light); text-underline-offset: .22em; }
a:hover { color: white; }
:focus-visible { outline: 3px solid #d7b4ff; outline-offset: 4px; }
::selection { background: #624389; color: white; }
.skip-link { position: absolute; left: 1rem; top: -5rem; z-index: 100; padding: .65rem 1rem; background: var(--violet-light); color: #13101b; }
.skip-link:focus { top: 1rem; }
.site-shell { width: min(1480px, 100%); margin: auto; padding: 0 clamp(20px, 4vw, 68px); }

.masthead { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.brand-lockup { display: flex; align-items: center; gap: 26px; min-width: 0; }
.brand-logo { display: block; width: 103px; height: 26px; flex: none; }
.product-logo { display: block; width: 119px; height: auto; flex: none; }
.brand-divider { height: 29px; border-left: 1px solid #545968; }
.brand-context { display: inline-flex; align-items: baseline; gap: .35rem; white-space: nowrap; }
.product-arrow { color: var(--violet); font-size: 1.7rem; font-weight: 800; line-height: .5; transform: translateY(2px); }
.product-name { color: white; font-family: var(--mono); font-size: 1.04rem; font-weight: 700; letter-spacing: -.06em; }
.brand-context-label { margin-left: .1rem; color: var(--ink-soft); font-size: .82rem; white-space: nowrap; }
.local-chip { display: inline-flex; align-items: center; gap: .55rem; padding: .42rem .8rem; border: 1px solid #464454; border-radius: 30px; color: #d0c6dd; font-size: .79rem; white-space: nowrap; }
.local-dot { width: 7px; height: 7px; flex: none; border-radius: 50%; background: var(--violet); box-shadow: 0 0 10px #a576eb88; }

.marketplace-agent-run { padding: clamp(28px, 4vw, 54px) 0 clamp(42px, 5vw, 70px); border-bottom: 1px solid var(--line); }
.launch-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(295px, .62fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(32px, 5vw, 66px) 0; }
.launch-hero h1 { max-width: 890px; font-size: clamp(3.05rem, 5.35vw, 5.6rem); }
.launch-hero h1 span { color: #d3a6ff; }
.launch-task { max-width: 780px; margin: 2rem 0 1.2rem; color: #f4eefb; font-size: clamp(1.1rem, 1.55vw, 1.42rem); font-weight: 560; line-height: 1.37; }
.launch-task span { display: block; margin-bottom: .4rem; color: var(--fixture); font: 700 .72rem var(--mono); letter-spacing: .06em; }
.launch-intro { max-width: 710px; margin: 0; color: var(--ink-soft); font-size: .96rem; }
.launch-intro strong { color: #ffdfb5; }
.launch-playback { display: flex; align-items: center; gap: .65rem; max-width: 650px; margin-top: 1rem; color: #bfc5d3; font: 650 .76rem var(--mono); }
.launch-playback > span:first-child { color: #eee7fb; font-size: .9rem; }
#launch-progress { flex: 1; min-width: 50px; height: 6px; overflow: hidden; background: #3d4151; border-radius: 99px; }
#launch-progress-fill { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #A855F7, #d5adff); transition: width .1s linear; }
.launch-outcome { min-width: 0; padding: clamp(24px, 3vw, 38px); background: linear-gradient(145deg, #2a2039, #171c27 75%); border: 1px solid #805c9a; border-top: 3px solid #bd8cf1; border-radius: 10px; box-shadow: 0 25px 55px #0006; }
.outcome-kicker { color: var(--fixture); font: 700 .73rem var(--mono); letter-spacing: .04em; }
.outcome-icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 1.6rem 0 1rem; color: white; background: #725099; border-radius: 9px; font-size: 1.75rem; line-height: 1; }
.launch-outcome h2 { margin: 0; font-size: clamp(1.8rem, 2.7vw, 2.65rem); line-height: 1.1; letter-spacing: -.05em; }
.launch-outcome > p { color: #d7ccdf; }
.outcome-services { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.2rem 0; }
.outcome-services span { padding: .33rem .6rem; color: #eee4fa; background: #433157; border: 1px solid #795991; border-radius: 5px; font-size: .79rem; }
.outcome-status { display: grid; gap: .15rem; padding: .8rem 0; border-top: 1px solid #695576; border-bottom: 1px solid #695576; }
.outcome-status strong { color: #dbf7e5; }
.outcome-status span { color: #bfbbcb; font-size: .78rem; }
.outcome-status code, .outcome-public strong { color: #f4dcff; }
.launch-outcome .outcome-public { margin-bottom: 0; color: var(--fixture); font-size: .85rem; }
.terminal-preview { background: #101721; border-color: #415969; border-top-color: #9bc8ce; }
.terminal-preview-lines { display: grid; gap: .7rem; margin: 1.4rem 0; padding: 1.15rem 0; border-top: 1px solid #3b4a5b; border-bottom: 1px solid #3b4a5b; }
.terminal-preview-lines code { color: #d9f1e4; font: 550 .8rem/1.4 var(--mono); overflow-wrap: anywhere; }
.terminal-preview-lines code span { color: #b3a6c8; }
.terminal-preview-lines .terminal-preview-stop { color: #ffdaa8; }
.entry-path { margin: .2rem 0 clamp(38px, 5vw, 66px); padding: clamp(22px, 3vw, 38px); background: linear-gradient(135deg, #1d1b2b, #101720 72%); border: 1px solid #5b4c70; border-left: 4px solid #a855f7; border-radius: 9px; }
.entry-path-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .3rem 1rem; }
.entry-path-heading h2 { margin: 0; font-size: clamp(1.45rem, 2.3vw, 2.45rem); line-height: 1.08; letter-spacing: -.05em; }
.entry-path-heading p { grid-column: 2; margin: .1rem 0 0; color: #c8cbd6; font-size: .84rem; }
.launch-discovery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; margin-top: 1.4rem; }
.launch-discovery > div { min-width: 0; padding: 1.15rem 1.25rem; background: #171b25; border: 1px solid #3b4151; border-top: 2px solid #9870be; border-radius: 6px; }
.launch-discovery span { display: block; margin-bottom: .55rem; color: #c7a6ed; font: 700 .74rem var(--mono); }
.launch-discovery strong { display: block; font-size: 1.15rem; line-height: 1.2; }
.launch-discovery p { margin: .6rem 0 0; color: #c6cad5; font-size: .84rem; line-height: 1.43; }
.launch-discovery code { display: block; margin-top: .55rem; padding: .45rem .55rem; color: #e9d8ff; background: #242033; border: 1px solid #534267; border-radius: 4px; font: 550 .72rem/1.45 var(--mono); overflow-wrap: anywhere; }
.launch-trace-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(275px, .5fr); gap: .75rem; align-items: stretch; }
.terminal-window { min-width: 0; min-height: 450px; overflow: hidden; background: #080f15; border: 1px solid #496573; border-radius: 8px; box-shadow: 0 22px 45px #0005; }
.terminal-titlebar { display: flex; align-items: center; justify-content: space-between; gap: .7rem; min-height: 39px; padding: .55rem .85rem; color: #dfefee; background: #1b2933; border-bottom: 1px solid #456071; font: 650 .75rem var(--mono); }
.terminal-titlebar span { display: inline-flex; align-items: center; gap: .45rem; }
.terminal-titlebar i { width: 8px; height: 8px; border-radius: 50%; background: #9acdc2; box-shadow: 0 0 9px #9acdc288; }
.terminal-titlebar strong { color: #ffdaa8; font-size: .67rem; text-align: right; }
.terminal-log { height: 420px; overflow: auto; padding: 1.15rem 1.25rem; scrollbar-color: #536c7a #111c24; }
.terminal-static, .terminal-cursor { margin: 0 0 .9rem; color: #aabac4; font: 500 .79rem/1.5 var(--mono); overflow-wrap: anywhere; }
.terminal-static code { color: #d7bfdc; }
.terminal-cursor { margin-top: 1.2rem; color: #c8f3db; }
.terminal-cursor span { color: #b7e4c3; }
.terminal-entry { margin: 0 0 .9rem; padding: .7rem .85rem; background: #111c25; border-left: 3px solid #859cac; border-radius: 3px; }
.terminal-entry[data-actor="buyer"] { border-color: #b6eccc; }
.terminal-entry[data-kind="stop"] { border-color: #f5b17e; }
.terminal-entry[data-kind="recorded"] { border-color: #c49be8; background: #261f32; }
.terminal-entry-head { display: block; margin-bottom: .5rem; color: #aec7d0; font: 700 .68rem var(--mono); letter-spacing: .04em; }
.terminal-entry[data-actor="buyer"] .terminal-entry-head { color: #b6eccc; }
.terminal-entry[data-kind="recorded"] .terminal-entry-head { color: #ddc1f4; }
.terminal-command, .terminal-response { display: grid; grid-template-columns: 15px minmax(0, 1fr); gap: .3rem; align-items: start; margin: 0; }
.terminal-command { color: #d5e6f1; }
.terminal-response { margin-top: .45rem; color: #b8e6c4; }
.terminal-entry[data-kind="stop"] .terminal-response { color: #ffcfac; }
.terminal-command span, .terminal-response span { color: #899dac; font: 600 .79rem/1.5 var(--mono); }
.terminal-command code, .terminal-response code { min-width: 0; font: 500 .8rem/1.48 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; }
.launch-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .4rem; margin: .75rem 0 0; padding: 0; list-style: none; }
.launch-steps li { min-width: 0; min-height: 86px; padding: .7rem .75rem; background: #171b26; border: 1px solid #3b4354; border-radius: 6px; transition: background-color .18s, border-color .18s; }
.launch-steps li.is-current { background: #30223d; border-color: #c696f3; box-shadow: inset 0 3px #c696f3; }
.launch-steps li span { display: block; color: #c4a1ed; font: 700 .69rem var(--mono); }
.launch-steps li strong { display: block; margin: .4rem 0 .25rem; font-size: .83rem; line-height: 1.18; }
.launch-steps li small { display: block; color: #aeb7c7; font-size: .68rem; line-height: 1.25; overflow-wrap: anywhere; }
.launch-inspector { min-width: 0; min-height: 347px; padding: clamp(20px, 2.5vw, 30px); background: #121922; border: 1px solid #665178; border-radius: 7px; }
.launch-inspector-top { display: flex; justify-content: space-between; align-items: center; gap: .7rem; }
#launch-counter { color: #c8b0dd; font: 650 .76rem var(--mono); }
.launch-inspector h3 { margin: 1.2rem 0 .45rem; font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.15; letter-spacing: -.04em; }
.launch-inspector > p { margin: .4rem 0 1rem; color: #ccd0da; font-size: .88rem; }
.launch-frame { display: grid; gap: .2rem; margin-top: .5rem; padding: .65rem .8rem; background: #1e1b2b; border-left: 3px solid #a783cf; border-radius: 3px; }
.launch-frame.result { background: #1b2929; border-color: #95cbb7; }
.launch-frame span { color: #d5baf3; font: 700 .66rem var(--mono); letter-spacing: .04em; }
.launch-frame.result span { color: #b9e9d3; }
.launch-frame code { color: #f5effb; font: 500 .79rem/1.4 var(--mono); overflow-wrap: anywhere; white-space: pre-wrap; }
.launch-inspector .launch-step-limit { margin: .9rem 0 0; color: #e3caa8; font-size: .78rem; }
.owner-handoff { margin: .75rem 0 0; padding: 1.2rem 1.4rem; background: #35291f; border: 1px solid #947353; border-left: 5px solid #f2be7e; border-radius: 7px; }
.owner-handoff.is-authorized { background: #232831; border-color: #8167a0; border-left-color: #bb87f5; }
.owner-handoff h3 { margin: .75rem 0 .35rem; font-size: 1.5rem; line-height: 1.18; letter-spacing: -.04em; }
.owner-handoff p { max-width: 890px; margin: 0; color: #ded7df; font-size: .91rem; }
.launch-boundary { display: flex; align-items: flex-start; gap: 1rem; padding: 1rem 1.2rem; background: #2a211f; border: 1px solid #71563e; border-radius: 6px; }
.launch-boundary .evidence-badge { flex: none; }
.launch-boundary p { margin: 0; color: #e7d7c8; font-size: .88rem; }
.fixture-storefront-reveal { margin-top: clamp(35px, 5vw, 62px); padding: clamp(22px, 3vw, 38px); border: 1px solid #526c6d; border-top: 3px solid #a7d5c7; border-radius: 9px; background: radial-gradient(circle at 15% 10%, #1f383a, #121d26 65%); }
.storefront-reveal-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; }
.storefront-reveal-heading > span:last-child { color: #b9d3d2; font: 650 .7rem var(--mono); letter-spacing: .05em; }
.storefront-reveal-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .55fr); gap: .75rem; margin-top: 1.35rem; }
.storefront-visual { min-width: 0; padding: clamp(22px, 3vw, 34px); background: linear-gradient(150deg, #202f3d, #171c2a); border: 1px solid #617582; border-radius: 7px; }
.storefront-overline { color: #b4d9cd; font: 700 .71rem var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.storefront-visual h2 { max-width: 620px; margin: 1.7rem 0 .55rem; font-size: clamp(2rem, 3.7vw, 3.9rem); line-height: 1.02; letter-spacing: -.06em; }
.storefront-visual > p { max-width: 610px; margin: 0; color: #cbd7dc; font-size: .91rem; }
.storefront-visual > p code { color: #d4eade; font: 550 .83rem var(--mono); }
.storefront-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1.7rem; }
.storefront-service { min-width: 0; padding: 1rem 1.1rem; border: 1px solid #567579; border-radius: 6px; background: #152731; }
.storefront-service span { display: block; margin-bottom: .5rem; color: #aad8ce; font: 700 .69rem var(--mono); }
.storefront-service strong { display: block; font-size: 1.12rem; line-height: 1.2; }
.storefront-boundary { min-width: 0; padding: clamp(22px, 2.5vw, 30px); border: 1px solid #7d6a59; border-radius: 7px; background: #302820; }
.storefront-boundary > span { color: #f0cca0; font: 700 .7rem var(--mono); letter-spacing: .05em; }
.storefront-boundary > strong { display: block; margin: .85rem 0 1.2rem; color: #fff0d6; font-size: 1.35rem; line-height: 1.17; }
.storefront-boundary dl { margin: 0; }
.storefront-boundary dl > div { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .15rem .7rem; padding: .55rem 0; border-top: 1px solid #6a5948; font-size: .83rem; }
.storefront-boundary dt { color: #e1c5a7; }
.storefront-boundary dd { margin: 0; color: white; text-align: right; }
.storefront-boundary code { font: 600 .8rem var(--mono); }
.storefront-boundary > p { margin: 1.2rem 0 0; padding-top: 1rem; border-top: 1px solid #6a5948; color: #efddc7; font-size: .83rem; }
.storefront-boundary > p code { color: white; font: 550 .79rem var(--mono); overflow-wrap: anywhere; }
.investor-proof, .investor-close { margin-top: clamp(42px, 5vw, 70px); padding: clamp(25px, 3.5vw, 44px); border-radius: 9px; }
.investor-proof { background: radial-gradient(circle at 100% 0, #3a274b, #1a1b29 65%); border: 1px solid #765994; border-top: 3px solid #b884ed; }
.proof-transition { display: grid; gap: .3rem; margin: -.1rem 0 1.8rem; padding: 0 0 1.3rem; border-bottom: 1px solid #68567b; }
.proof-transition span { color: #ffdaaa; font: 700 .7rem var(--mono); letter-spacing: .06em; }
.proof-transition strong { font-size: clamp(1.15rem, 1.7vw, 1.5rem); line-height: 1.2; }
.proof-transition p { margin: 0; color: #d4c6dc; font-size: .86rem; }
.proof-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem; }
.proof-heading > span:last-child { color: #c2a5df; font: 650 .71rem var(--mono); letter-spacing: .05em; }
.investor-proof h2, .investor-close h2 { max-width: 850px; margin: 1.25rem 0 .7rem; font-size: clamp(2.2rem, 4vw, 4.2rem); line-height: 1.03; letter-spacing: -.06em; }
.proof-lead { max-width: 830px; margin: 0 0 1.6rem; color: #dad6e2; font-size: 1rem; }
.proof-identity { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .35rem 1rem; margin: 0 0 1.25rem; padding: .9rem 1rem; border: 1px solid #55536a; border-radius: 6px; background: #171b29; }
.proof-identity span { color: #d2afef; font: 700 .68rem/1.45 var(--mono); }
.proof-identity code { color: #ecedf5; font: 500 .73rem/1.45 var(--mono); overflow-wrap: anywhere; }
.proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.proof-grid > div { min-width: 0; padding: 1.15rem 1.2rem; background: #1b2030; border: 1px solid #53536b; border-radius: 6px; }
.proof-grid span, .close-grid span { display: block; margin-bottom: .6rem; color: #d3aafb; font: 700 .72rem var(--mono); }
.proof-grid strong { display: block; font-size: 1.23rem; line-height: 1.15; letter-spacing: -.03em; }
.proof-grid p { color: #c7cad4; font-size: .86rem; }
.proof-grid a { font-size: .85rem; font-weight: 700; }
.proof-footer { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.5rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #695775; }
.proof-limit { max-width: 760px; margin: 0; color: #e5ceaf; font-size: .86rem; }
.investor-close { background: #171d27; border: 1px solid #485669; }
.close-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: 1.5rem; }
.close-grid > div { padding: 1.1rem 1.25rem; background: #202432; border: 1px solid #41495a; border-radius: 6px; }
.close-grid p { margin: 0; color: #d1d4df; font-size: .9rem; }
.supporting-appendix { margin: 2rem 0 0; border: 1px solid #434b5b; border-radius: 8px; background: #111620; }
.supporting-appendix > summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; padding: 1.1rem 1.3rem; color: #e9d9fa; cursor: pointer; font-weight: 700; }
.supporting-appendix > summary:hover { background: #202331; }
.supporting-appendix > summary small { color: #aeb6c5; font-size: .78rem; font-weight: 500; }
.supporting-appendix[open] > summary { border-bottom: 1px solid #434b5b; }
.supporting-appendix > section, .supporting-appendix > nav, .supporting-appendix > details:not(.supporting-appendix) { margin-left: clamp(16px, 3vw, 36px); margin-right: clamp(16px, 3vw, 36px); }
.presenter-transport { position: fixed; z-index: 60; inset: auto 0 0; background: #10121aee; border-top: 1px solid #80699b; box-shadow: 0 -12px 40px #0009; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.presenter-transport-inner { display: grid; grid-template-columns: auto minmax(180px, 1fr) minmax(170px, .6fr) auto; align-items: center; gap: .9rem; width: min(1480px, 100%); min-height: 73px; margin: auto; padding: .55rem clamp(20px, 4vw, 68px); }
.transport-narration { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto; align-items: center; gap: .55rem 1rem; padding: .65rem .85rem; border: 1px solid #6b5385; border-radius: 8px; background: linear-gradient(100deg, #302141, #1b1d2b 52%, #171c29); }
.narration-label { color: #cda9f2; font: 700 .65rem/1.25 var(--mono); letter-spacing: .04em; white-space: nowrap; }
.narration-label span { display: block; margin-top: .18rem; color: #ffd7a8; }
.narration-label span[data-kind="recorded"] { color: #ebd1ff; }
.narration-label span[data-kind="missing"] { color: #ffc4ad; }
.narration-label span[data-kind="mixed"] { color: #e4ddf5; }
.transport-narration p { min-width: 0; margin: 0; color: #fff; font-size: clamp(.81rem, 1.15vw, .95rem); font-weight: 550; line-height: 1.35; }
.narration-voice { min-width: 90px; min-height: 36px; padding: .35rem .6rem; border: 1px solid #80669a; border-radius: 6px; background: #211b2c; color: #fff; font: 700 .72rem var(--mono); cursor: pointer; }
.narration-voice:hover { background: #3b2a52; }
.narration-voice:disabled { opacity: .75; cursor: default; }
.narration-voice:focus-visible { outline: 3px solid #e7c7ff; outline-offset: 2px; }
.transport-source { width: max-content; max-width: 100%; padding: .3rem .55rem; border: 1px solid #835f45; border-radius: 99px; color: #ffdfb5; background: #3a2b20; font: 700 .68rem/1.2 var(--mono); white-space: nowrap; }
.transport-source[data-kind="contract"] { border-color: #656d93; color: #d6e0ff; background: #222943; }
.transport-source[data-kind="recorded"] { border-color: #755796; color: #e5d0ff; background: #30243e; }
.transport-source[data-kind="missing"] { border-color: #986550; color: #ffc4ad; background: #402820; }
.transport-source[data-kind="mixed"] { border-color: #6b6782; color: #e5d9f4; background: #2a2738; }
.transport-story { display: grid; min-width: 0; gap: .05rem; }
.transport-story strong { overflow: hidden; color: #fff; font-size: .89rem; line-height: 1.18; text-overflow: ellipsis; white-space: nowrap; }
.transport-story small { overflow: hidden; color: #b8bdcc; font-size: .71rem; text-overflow: ellipsis; white-space: nowrap; }
.transport-meter { display: flex; align-items: center; gap: .45rem; min-width: 0; color: #d9cced; font: 650 .7rem var(--mono); font-variant-numeric: tabular-nums; }
.transport-track { flex: 1; min-width: 26px; height: 5px; overflow: hidden; border-radius: 99px; background: #494353; }
.transport-track span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #a855f7, #d5adff); }
.transport-actions { display: flex; gap: .45rem; }
.transport-actions .button { min-height: 39px; padding: .5rem .75rem; font-size: .75rem; white-space: nowrap; }
body.has-presenter-transport { padding-bottom: 150px; }

.agent-run { padding: clamp(28px, 4vw, 58px) 0 clamp(44px, 5vw, 72px); border-bottom: 1px solid var(--line); }
.agent-run-topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem; }
.agent-run-date, .agent-section-index, .agent-trace-mode, .agent-answer-kicker, .agent-task-label { color: #c7addf; font: 650 .75rem/1.4 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.agent-run-date { color: #aeb5c5; }
.agent-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding: clamp(35px, 5vw, 72px) 0 clamp(40px, 5vw, 66px); }
.agent-eyebrow { margin: 0 0 1rem; color: var(--violet-light); font-size: .92rem; font-weight: 650; }
.agent-hero-copy h2 { max-width: 900px; margin: 0; font-size: clamp(2.8rem, 4.5vw, 4.8rem); line-height: .98; letter-spacing: -.071em; font-weight: 650; }
.agent-hero-copy h2 span { color: #b995ed; }
.agent-task-label { display: block; margin: 2.3rem 0 .5rem; }
.agent-task { max-width: 640px; margin: 0; font-size: clamp(1.16rem, 1.65vw, 1.5rem); line-height: 1.35; font-weight: 530; letter-spacing: -.025em; }
.agent-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
.agent-play-note { max-width: 580px; margin: .8rem 0 0; color: var(--ink-soft); font-size: .79rem; }
.agent-answer { padding: clamp(24px, 3vw, 38px); background: linear-gradient(145deg, #2a1e3a, #171924 72%); border: 1px solid #73548c; border-top: 3px solid #b88bf4; border-radius: 9px; box-shadow: 0 24px 55px #0004; }
.agent-answer > p { margin: 1.2rem 0 1.5rem; font-size: clamp(1.18rem, 1.6vw, 1.55rem); line-height: 1.38; letter-spacing: -.027em; }
.agent-answer > p strong { color: #e1cbff; white-space: nowrap; }
.agent-answer-limit { padding-top: 1rem; border-top: 1px solid #625171; }
.agent-answer-limit span { color: var(--fixture); font: 650 .7rem var(--mono); letter-spacing: .05em; }
.agent-answer-limit p { margin: .55rem 0 0; color: #ded6e6; font-size: .9rem; }
.agent-trace-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.agent-trace-heading h2, .agent-boundaries h2 { margin: .4rem 0 0; font-size: clamp(1.6rem, 2.5vw, 2.6rem); font-weight: 650; line-height: 1.1; letter-spacing: -.05em; }
.agent-trace-mode { color: #9ea8b9; font-size: .68rem; text-align: right; }
.agent-trace { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: 0; padding: 0; list-style: none; }
.agent-trace-step { position: relative; min-width: 0; min-height: 246px; display: flex; flex-direction: column; align-items: start; padding: 1.35rem 1.2rem 1.1rem; background: #151a25; border: 1px solid #394052; border-radius: 7px; transition: background-color .2s, border-color .2s, box-shadow .2s; }
.agent-trace-step.is-current { background: #292039; border-color: #b28cdd; box-shadow: inset 0 3px #cba4ff, 0 12px 30px #0004; }
.agent-step-number { margin-bottom: 1rem; color: #b8a0d7; font: 700 .83rem var(--mono); }
.agent-trace-step > strong { font-size: 1.42rem; line-height: 1.15; letter-spacing: -.04em; }
.agent-trace-step p { margin: .7rem 0 1rem; color: #ced3df; font-size: .89rem; line-height: 1.45; }
.agent-trace-step code, .agent-step-proof { color: #dbc2f9; font: 550 .8rem/1.4 var(--mono); overflow-wrap: anywhere; }
.agent-step-proof { display: block; margin-top: auto; color: #b8c2d1; }
.agent-play-status { min-height: 1.5em; margin: .7rem 0 1.7rem; color: #c3b2d7; font-size: .81rem; }
.agent-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #514361; border-radius: 7px; background: #1b1926; }
.agent-metrics > div { display: flex; flex-direction: column; min-width: 0; padding: 1.2rem 1.4rem; border-right: 1px solid #514361; }
.agent-metrics > div:last-child { border-right: 0; }
.agent-metrics span { min-height: 2.3em; color: #d4c9e0; font-size: .85rem; line-height: 1.15; }
.agent-metrics strong { margin: .25rem 0; font: 650 clamp(2rem, 3.3vw, 3.3rem)/1 var(--display); letter-spacing: -.06em; font-variant-numeric: tabular-nums; }
.agent-metrics small { color: #aeb6c4; font-size: .76rem; }
.agent-evidence { margin-top: 1rem; border: 1px solid #4f455d; border-radius: 7px; background: #171a25; }
.agent-evidence summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; color: #e7d9f8; font-weight: 700; cursor: pointer; }
.agent-evidence summary:hover { background: #242030; }
.agent-evidence summary span { color: #aeb7c5; font-size: .75rem; font-weight: 500; }
.agent-evidence-body { padding: 0 1.25rem 1.35rem; }
.agent-evidence-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: .8rem 0; border-top: 1px solid #3b4050; }
.agent-evidence-intro p { margin: 0; color: #c3c9d6; font-size: .82rem; }
.agent-evidence-intro code, .agent-evidence-list code { color: #e4cafa; font: 500 .78rem/1.45 var(--mono); overflow-wrap: anywhere; }
.agent-evidence-list { margin: 0; }
.agent-evidence-list div { display: grid; grid-template-columns: minmax(125px, .22fr) minmax(0, 1fr); gap: 1rem; padding: .65rem 0; border-top: 1px solid #373d4c; font-size: .84rem; }
.agent-evidence-list dt { color: #bba9d1; font-weight: 680; }
.agent-evidence-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.agent-boundaries { display: grid; grid-template-columns: minmax(210px, .38fr) minmax(0, 1fr); gap: 2rem; align-items: center; margin-top: clamp(2rem, 4vw, 3.6rem); padding: 1.35rem 0 0; border-top: 1px solid var(--line); }
.agent-boundaries p { max-width: 800px; margin: 0; color: #c8cbd7; font-size: .95rem; }
.agent-boundaries strong { color: white; }

.intro { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); align-items: end; gap: clamp(2rem, 6vw, 7rem); padding: clamp(30px, 3.4vw, 52px) 0 clamp(28px, 3vw, 45px); }
.intro::before { content: ""; position: absolute; z-index: -1; right: 4%; top: -240px; width: 510px; height: 510px; border: 60px solid #815bb61f; border-radius: 50%; box-shadow: 0 0 0 1px #a681d015, inset 0 0 65px #9d6dcd18, 0 0 80px #744bab15; pointer-events: none; }
.intro > * { position: relative; }
.intro-index { margin: 0 0 1.3rem; color: #cab3ed; font-size: .85rem; font-weight: 650; }
h1 { max-width: 900px; margin: 0; font-size: clamp(3.2rem, 5.3vw, 5.6rem); line-height: .98; letter-spacing: -.071em; font-weight: 650; }
.intro h2 { max-width: 900px; margin: 0; font-size: clamp(3.2rem, 5.3vw, 5.6rem); line-height: .98; letter-spacing: -.071em; font-weight: 650; }
.intro-aside { max-width: 390px; padding: .3rem 0 .1rem 1.3rem; border-left: 2px solid #79549e; }
.intro-aside p { margin: 0 0 1.1rem; color: #d7d6e0; font-size: 1.05rem; }
.intro-aside .intro-warning { margin-bottom: 0; color: var(--ink-soft); font-size: .82rem; }

.control-deck { position: sticky; top: 0; z-index: 20; display: grid; grid-template-columns: minmax(200px, 1fr) auto minmax(160px, 1fr); align-items: center; gap: .75rem 1.4rem; padding: 1rem 1.4rem .8rem; background: #191b26f5; backdrop-filter: blur(14px); border: 1px solid var(--line); border-bottom: 0; border-radius: 12px 12px 0 0; box-shadow: 0 12px 28px #05060a5c; }
.clock-block { display: flex; align-items: baseline; gap: .4rem; white-space: nowrap; }
.control-title { margin-right: .75rem; color: var(--ink-soft); font-size: .78rem; }
.clock { font: 700 1.7rem/1 var(--mono); letter-spacing: -.065em; font-variant-numeric: tabular-nums; }
.clock-total { color: #9393a5; font: 400 .8rem var(--mono); }
.preview-chip { margin-left: .55rem; padding: .16rem .42rem; color: var(--fixture); background: var(--fixture-surface); border-radius: 4px; font-size: .64rem; }
.control-actions { display: flex; align-items: center; gap: .6rem; }
.keyboard-hint { margin: 0; color: #9da3b2; font-size: .72rem; text-align: right; }
.playback-meter { grid-column: 1 / -1; display: flex; align-items: center; gap: 1rem; }
.progress-track { flex: 1; height: 4px; overflow: hidden; background: #464051; border-radius: 6px; }
.progress-track span { display: block; width: 0; height: 100%; background: var(--violet); }
.playback-status { min-width: 225px; color: #c6bbd5; font-size: .7rem; text-align: right; }
.story-strip { grid-column: 1 / -1; display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 1rem; min-height: 48px; margin: .1rem -.35rem -.2rem; padding: .45rem .8rem; background: #241d31; border-left: 3px solid var(--violet); border-radius: 4px; }
.story-source { display: inline-flex; align-items: center; width: max-content; max-width: 100%; padding: .27rem .55rem; border-radius: 100px; color: var(--fixture); background: var(--fixture-surface); font-size: .78rem; font-weight: 740; white-space: nowrap; }
.story-source[data-kind="recorded"] { color: var(--violet-light); background: var(--violet-surface); }
.story-source[data-kind="mixed"] { color: #edcfed; background: #382938; }
.story-source[data-kind="live"] { color: var(--live); background: var(--live-surface); }
.story-source[data-kind="missing"] { color: #ffbea7; background: #422723; }
.story-strip strong { font-size: .94rem; font-weight: 600; line-height: 1.3; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: .55rem; min-height: 43px; padding: .63rem 1rem; border: 1px solid transparent; border-radius: 7px; font-size: .85rem; font-weight: 680; text-align: center; text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.button-dark, .button-primary { color: #17121f; background: #eee7fb; }
.button-dark:hover, .button-primary:hover { color: #110d18; background: white; }
.button-dark:disabled { opacity: .65; cursor: default; }
.button-quiet { color: var(--ink); background: transparent; border-color: #666376; }
.button-quiet:hover { background: #2c2838; }
.button-outline { color: var(--violet-light); background: transparent; border-color: #82649e; }
.button-outline:hover { color: white; background: #352647; }

.scene-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #11141d; border: 1px solid var(--line); }
.scene-cue { position: relative; display: grid; align-content: start; gap: .17rem; min-height: 112px; padding: 1.1rem 1.3rem; color: #d6d9e1; background: transparent; border: 0; border-right: 1px solid var(--line); text-align: left; }
.scene-cue:last-child { border-right: 0; }
.scene-cue:hover { background: #1c1f2b; }
.scene-cue[aria-current="step"] { color: white; background: #21192c; box-shadow: inset 0 3px var(--violet); }
.cue-time { color: #9ca5b7; font: 500 .75rem var(--mono); font-variant-numeric: tabular-nums; }
.cue-label { color: #c5a8f0; font-size: .78rem; font-weight: 680; }
.scene-cue[data-scene="0"] .cue-label { color: var(--fixture); }
.scene-cue[data-scene="0"].is-live .cue-label { color: var(--live); }
.scene-cue[data-scene="2"] .cue-label { color: var(--fixture); }
.scene-cue strong { font-size: .96rem; font-weight: 690; line-height: 1.2; }

.stage { min-height: 540px; padding: clamp(26px, 4vw, 58px); background: #10141d; border: 1px solid var(--line); border-top: 0; outline-offset: -6px; }
.stage-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding-bottom: clamp(24px, 3vw, 38px); border-bottom: 1px solid var(--line); }
.stage-heading h2 { max-width: 850px; margin: 1rem 0 .55rem; font-size: clamp(2.1rem, 3.9vw, 4.35rem); line-height: 1.04; letter-spacing: -.064em; font-weight: 640; }
.stage-heading p { max-width: 740px; margin: 0; color: var(--ink-soft); font-size: 1rem; }
.evidence-badge { display: inline-flex; align-items: center; gap: .48rem; width: max-content; max-width: 100%; padding: .38rem .68rem; border: 1px solid transparent; border-radius: 100px; font-size: .875rem; font-weight: 740; line-height: 1.2; white-space: normal; }
.badge-dot { width: 6px; height: 6px; flex: none; border-radius: 50%; background: currentColor; }
.badge-live { color: var(--live); background: var(--live-surface); border-color: #305368; }
.badge-contract { color: #e5d0ff; background: #322345; border-color: #76528d; }
.badge-recorded { color: var(--violet-light); background: var(--violet-surface); border-color: #674780; }
.badge-fixture { color: var(--fixture); background: var(--fixture-surface); border-color: #795d38; }
.badge-mixed { color: #edcfed; background: #382938; border-color: #79566d; }
.badge-missing { color: #ffbea7; background: #422723; border-color: #785045; }
.source-button { display: inline-flex; align-items: center; gap: .5rem; flex: none; padding: .25rem 0; color: var(--violet-light); background: none; border: 0; border-bottom: 1px solid #a280c3; font-size: .875rem; font-weight: 700; }
.source-button:hover { color: white; }

.market-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .72fr); gap: clamp(25px, 5vw, 75px); padding-top: clamp(26px, 4vw, 50px); }
.seller-task, .buyer-task { display: grid; grid-template-columns: minmax(145px, .25fr) minmax(0, 1fr); gap: .35rem 1.5rem; align-items: start; margin-top: 1.5rem; padding: 1.2rem 1.4rem; background: #1d1a27; border: 1px solid #694f80; border-left: 4px solid var(--fixture); border-radius: 7px; }
.seller-task > span, .buyer-task > span { color: var(--fixture); font-size: .81rem; font-weight: 730; }
.seller-task strong, .buyer-task strong { font-size: clamp(1.08rem, 1.5vw, 1.33rem); line-height: 1.25; letter-spacing: -.025em; }
.seller-task small, .buyer-task small { grid-column: 2; color: var(--ink-soft); font-size: .86rem; }
.cue-surface { position: relative; padding: clamp(25px, 3vw, 42px); background: #1b1928; border: 1px solid #53406b; border-left: 4px solid var(--violet); border-radius: 8px; }
.surface-caption { display: block; margin-bottom: clamp(22px, 2.5vw, 35px); color: #d8c5f0; font-size: .85rem; font-weight: 700; }
.draft-sequence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 1.8rem; }
.draft-sequence > div { padding-top: .9rem; border-top: 2px solid #72558d; }
.is-playing .draft-sequence > div { opacity: .52; transition: opacity .2s ease, border-color .2s ease; }
.is-playing .draft-sequence > div.is-current { opacity: 1; border-color: #c8a1fa; }
.draft-sequence span { display: block; margin-bottom: .5rem; color: #c4a3e8; font: 550 .77rem var(--mono); }
.draft-sequence strong { display: block; font-size: clamp(1.2rem, 1.7vw, 1.65rem); line-height: 1.15; letter-spacing: -.04em; }
.draft-sequence code { display: block; margin-top: .65rem; color: #ead7ff; font: 500 .85rem/1.5 var(--mono); overflow-wrap: anywhere; }
.draft-sequence p { margin: .55rem 0 0; color: var(--ink-soft); font-size: .87rem; }
.creator-status { display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap; margin-top: 1.7rem; padding: .9rem 1rem; background: #30253e; border: 1px solid #775994; border-radius: 5px; }
.creator-status span { color: #f3e8ff; font-weight: 710; }
.creator-status strong { color: var(--fixture); font-size: .8rem; }
.market-side { align-self: center; max-width: 330px; }
.side-lead { color: var(--ink) !important; font-size: 1.6rem !important; font-weight: 650; line-height: 1.23; letter-spacing: -.043em; }
.market-side p { color: var(--ink-soft); font-size: .92rem; }
.market-side code { color: #e4c7ff; font-size: .84rem; overflow-wrap: anywhere; }
.market-side .button { margin-top: 1.15rem; }
.boundary-note { display: grid; gap: .35rem; margin-top: 1.1rem; padding: .9rem 1rem; background: #32271f; border-left: 3px solid var(--fixture); color: #f1dcc1; font-size: .83rem; line-height: 1.4; }
.boundary-note strong { color: #ffe6be; font-size: .87rem; }
.creator-callout { margin: 1.35rem 0 .2rem; padding: 1rem; background: #231d2d; border: 1px solid #72558d; border-left: 3px solid var(--violet); border-radius: 6px; }
.creator-callout > span { color: var(--fixture); font-size: .78rem; font-weight: 700; }
.creator-callout strong { display: block; margin-top: .35rem; font-size: 1.14rem; line-height: 1.18; }
.creator-callout p { margin: .6rem 0; font-size: .86rem; }
.creator-callout .text-button { margin-top: .6rem; }
.text-link { display: block; width: max-content; max-width: 100%; margin-top: .8rem; font-size: .83rem; font-weight: 680; }
.text-button { display: block; margin-top: 1rem; padding: .2rem 0; color: var(--violet-light); background: none; border: 0; border-bottom: 1px solid #a280c3; font-size: .83rem; font-weight: 700; text-align: left; }
.text-button:hover { color: white; }

.fixture-demo { min-width: 0; overflow: hidden; background: #11111c; border: 1px solid #71568d; border-radius: 10px; box-shadow: 0 22px 55px #06050e8c, 0 0 0 4px #a37ad00d; }
.fixture-window-bar { display: flex; justify-content: space-between; align-items: center; gap: .7rem; min-height: 42px; padding: .5rem .9rem; color: #e8d9fc; background: #21192e; border-bottom: 1px solid #534068; font: 650 .75rem var(--mono); }
.fixture-window-bar span:first-child { white-space: nowrap; }
.fixture-window-bar span:last-child { color: #d9bf9b; font-size: .75rem; text-align: right; }
.fixture-window-bar i { display: inline-block; width: 7px; height: 7px; margin-right: .35rem; border-radius: 50%; background: #b48cf2; box-shadow: 0 0 8px #b48cf299; }
.fixture-window-bar b { color: #c8a5f1; }
.agent-request { display: grid; gap: .2rem; padding: .8rem 1rem; color: #ede1f8; background: #171721; border-bottom: 1px solid #544368; }
.agent-request span { color: #d9bd97; font: 680 .75rem var(--mono); letter-spacing: .04em; }
.agent-request strong { font-size: .83rem; line-height: 1.3; }
.fixture-window-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .78fr); min-height: 330px; }
.fixture-builder, .fixture-storefront { min-width: 0; padding: clamp(17px, 2vw, 27px); }
.fixture-builder { background: radial-gradient(circle at 0 0, #302541, #171621 62%); }
.fixture-eyebrow { color: #c6a7ea; font: 650 .75rem var(--mono); letter-spacing: .04em; }
.fixture-builder h3 { max-width: 220px; margin: .6rem 0 1.3rem; font-size: clamp(1.2rem, 1.7vw, 1.7rem); line-height: 1.09; letter-spacing: -.05em; }
.agent-discovery { display: grid; gap: .25rem; margin-bottom: 1rem; padding: .55rem .65rem; color: #eee4f6; background: #232032; border: 1px solid #625276; border-radius: 5px; }
.agent-discovery span { color: #cbb5df; font-size: .75rem; }
.agent-discovery code { overflow-wrap: anywhere; font: 550 .75rem var(--mono); }
.fixture-field { display: grid; gap: .12rem; padding: .65rem .75rem; background: #11131d; border: 1px solid #956bc5; border-radius: 6px; box-shadow: 0 0 0 3px #9c70d41b; }
.fixture-field > span, .fixture-services > span { color: #bdb5ca; font-size: .75rem; }
.fixture-field strong { color: #fff; font-size: .85rem; line-height: 1.2; }
.fixture-field small { color: #ba9ed6; font-size: .75rem; }
.fixture-services { margin-top: 1.2rem; opacity: .26; transform: translateY(4px); transition: opacity .45s ease, transform .45s ease; }
.fixture-services > div { display: grid; gap: .45rem; margin-top: .45rem; }
.fixture-services > div > span { display: flex; justify-content: space-between; gap: .5rem; padding: .48rem .6rem; color: #ece6f5; background: #2a2137; border: 1px solid #6b5185; border-radius: 5px; font-size: .75rem; }
.fixture-services b { color: var(--mint); }
.fixture-storefront { display: flex; flex-direction: column; gap: 1rem; background: radial-gradient(circle at 100% 0, #382449, #1f1b2a 70%); border-left: 1px solid #4a3a5a; opacity: .22; transform: translateY(5px); transition: opacity .5s ease, transform .5s ease; }
.fixture-preview-card { display: grid; justify-items: start; align-content: start; min-height: 216px; padding: 1rem; background: #f6f1fb; border-radius: 7px; color: #2b1d3d; box-shadow: 0 12px 24px #07051099; }
.fixture-preview-card > span { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: 1rem; color: #f8f3ff; background: #5e3488; border-radius: 7px; font: 750 .72rem var(--mono); }
.fixture-preview-card strong { font-size: 1rem; letter-spacing: -.04em; }
.fixture-preview-card small { color: #594e65; font-size: .75rem; }
.fixture-preview-card em { margin-top: auto; padding: .23rem .4rem; color: #764e19; background: #f8ead6; border-radius: 4px; font: 700 .7rem var(--mono); }
.fixture-beat { display: flex; align-items: center; gap: .7rem; min-height: 50px; padding: .65rem 1rem; background: #24202d; border-top: 1px solid #62516f; }
.fixture-beat > span { color: #cfaff0; font: 650 .75rem var(--mono); }
.fixture-beat strong { font-size: .8rem; }
.fixture-beat small { margin-left: auto; color: #dec19b; font: 550 .7rem var(--mono); text-align: right; }
.fixture-demo[data-phase="1"] .fixture-services, .fixture-demo[data-phase="2"] .fixture-services, .fixture-demo[data-phase="2"] .fixture-storefront { opacity: 1; transform: none; }
.fixture-demo[data-phase="ready"] .fixture-field { border-color: #544766; box-shadow: none; }
.fixture-demo[data-phase="ready"] .fixture-field strong { color: #b8a7c9; }
.fixture-demo[data-phase="1"] .fixture-field, .fixture-demo[data-phase="2"] .fixture-field { border-color: #55466a; box-shadow: none; }
.fixture-demo[data-phase="1"] .fixture-services > div > span { box-shadow: 0 0 0 2px #a475ce33; }
.fixture-demo[data-phase="2"] .fixture-preview-card { box-shadow: 0 12px 24px #07051099, 0 0 0 3px #bd8aee66; }

.is-playing #scene-content[data-focus="creator-contract"] .creator-callout,
.is-playing #scene-content[data-focus="agent-path"] .agent-use-flow,
.is-playing #scene-content[data-focus="record-summary"] .record-overview,
.is-playing #scene-content[data-focus="result"] .result-card,
.is-playing #scene-content[data-focus="receipt"] .receipt-card,
.is-playing #scene-content[data-focus="unknown"] .unknown-card,
.is-playing #scene-content[data-focus="original"] .original-card,
.is-playing #scene-content[data-focus="chain"] .chain-check,
.is-playing #scene-content[data-focus="acceptance"] .acceptance-check { border-color: #b38bd9; box-shadow: 0 0 0 3px #a875d125, 0 15px 34px #0003; transition: border-color .35s ease, box-shadow .35s ease; }

.agent-use-flow { margin-top: clamp(25px, 3vw, 38px); padding: clamp(20px, 2.3vw, 28px); background: #1e1b23; border: 1px solid #766041; border-radius: 8px; }
.agent-use-heading { display: flex; align-items: center; gap: .8rem; padding-bottom: 1rem; border-bottom: 1px solid #635341; }
.agent-use-heading strong { font-size: .88rem; }
.buyer-routes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-top: 1.2rem; }
.buyer-route { min-width: 0; padding: 1.2rem; background: #24202b; border: 1px solid #716079; border-radius: 6px; }
.buyer-route > span { color: #f2ce9c; font-size: .81rem; font-weight: 700; }
.buyer-route h3 { margin: .45rem 0 .85rem; font-size: clamp(1.2rem, 1.8vw, 1.58rem); line-height: 1.18; letter-spacing: -.03em; }
.buyer-route p { margin: .8rem 0; color: #d6ccdc; font-size: .89rem; }
.tool-chain { display: flex; flex-wrap: wrap; gap: .4rem; }
.tool-chain span { padding: .25rem .42rem; color: #e7d8f9; background: #3a2d4c; border: 1px solid #755d90; border-radius: 3px; font-size: .86rem; font-weight: 650; overflow-wrap: anywhere; }
.route-outcome { display: block; padding-top: .75rem; border-top: 1px solid #605267; color: #ffe0ad; font-size: .8rem; line-height: 1.35; }
.live-read-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem 2rem; align-items: center; margin-top: 1.25rem; padding: clamp(19px, 2.4vw, 28px); background: #16242c; border: 1px solid #426b7c; border-radius: 8px; }
.live-read-heading { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem .8rem; color: #b8dbe8; font-size: .77rem; font-weight: 700; }
.live-read-panel h3 { margin: .85rem 0 .4rem; font-size: clamp(1.25rem, 2vw, 1.7rem); line-height: 1.15; letter-spacing: -.035em; }
.live-read-panel p { max-width: 730px; margin: .5rem 0 0; color: #d1dfe5; font-size: .88rem; }
.live-read-panel .live-read-disclosure { color: #acc3cd; font-size: .78rem; }
.live-read-action { display: grid; justify-items: stretch; gap: .45rem; min-width: 185px; }
.live-read-action .button { border-color: #77abc0; color: #d6f2ff; }
.live-read-action .button:disabled { opacity: .65; cursor: default; }
.live-read-action span { color: #a8c2ca; font-size: .72rem; text-align: center; }
.live-read-result { grid-column: 1 / -1; padding-top: 1rem; border-top: 1px solid #426b7c; }
.live-read-result[hidden] { display: none; }
.live-read-result > strong { color: #d7f3ff; font-size: 1rem; }
.live-read-result dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem 1.5rem; margin: .8rem 0; }
.live-read-result dl > div { display: grid; gap: .1rem; min-width: 0; padding: .42rem 0; border-top: 1px solid #365564; }
.live-read-result dt { color: #afc5ce; font-size: .72rem; }
.live-read-result dd { margin: 0; overflow-wrap: anywhere; font-size: .84rem; font-weight: 650; }
.is-playing .buyer-route { opacity: .58; transition: opacity .2s ease, border-color .2s ease; }
.is-playing .buyer-route.is-current { opacity: 1; border-color: #dfbdff; box-shadow: 0 0 0 2px #af83d528; }
.agent-use-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding-top: 1.2rem; }
.agent-use-steps > div { min-width: 0; padding: .2rem .8rem; border-left: 2px solid #846c4b; }
.is-playing .agent-use-steps > div { opacity: .62; transition: opacity .2s ease, border-color .2s ease, background-color .2s ease; }
.is-playing .agent-use-steps > div.is-current { opacity: 1; border-color: #d0a6fa; background: #3b2a44; }
.agent-use-steps span { display: block; color: #e5c79d; font: 650 .75rem var(--mono); }
.agent-use-steps strong { display: block; margin: .35rem 0; font-size: .95rem; line-height: 1.2; }
.agent-use-steps small { display: block; color: #d0c5be; font-size: .8rem; line-height: 1.35; }
.record-overview { margin: 1.3rem 0 1.4rem; padding: clamp(20px, 2.5vw, 32px); color: white; background: #20192d; border: 1px solid #65477e; border-radius: 8px; }
.record-context { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.1rem; color: #d0c2dd; font-size: .74rem; }
.record-identity { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem 1.2rem; padding-bottom: 1.6rem; border-bottom: 1px solid #574469; }
.section-label { color: #d1bbeb; font-size: .78rem; }
.job-id { overflow-wrap: anywhere; font: 550 clamp(.8rem, 1.3vw, 1rem) var(--mono); }
.identity-meta { display: flex; flex-wrap: wrap; gap: .5rem; margin-left: auto; }
.identity-meta span { padding: .2rem .55rem; border: 1px solid #755b8d; border-radius: 20px; color: #f1e9fa; font-size: .73rem; }
.identity-note { margin: .8rem 0 0; color: #cbbbdc; font-size: .875rem; }
.record-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; padding-top: 1.5rem; }
.record-path > div { min-height: 80px; padding-left: .9rem; border-left: 1px solid #715587; }
.path-index { display: block; color: #c3a1e5; font: 500 .65rem var(--mono); }
.record-path strong { display: block; margin: .2rem 0; font-size: 1.01rem; }
.record-path small { display: block; color: #c8bdd1; font-size: .875rem; line-height: 1.28; }
.evidence-pair, .check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.result-card, .receipt-card, .check-card { min-width: 0; padding: clamp(19px, 2.4vw, 30px); background: #171d28; border: 1px solid var(--line); border-radius: 8px; }
.receipt-card { background: #1b1a28; }
.card-top { display: flex; align-items: center; justify-content: space-between; gap: .7rem; color: var(--ink-soft); font-size: .73rem; }
.card-top .evidence-badge { flex: none; }
.result-card h3, .receipt-card h3, .check-card h3, .unknown-card h3, .original-card h3 { margin: 1.3rem 0 .48rem; font-size: clamp(1.5rem, 2.3vw, 2rem); line-height: 1.12; letter-spacing: -.042em; }
.result-card p, .receipt-card p, .check-card p, .unknown-card p, .original-card p { color: var(--ink-soft); font-size: .89rem; }
.metadata { margin: 1.5rem 0 0; border-top: 1px solid var(--line); }
.metadata div { display: grid; grid-template-columns: 95px minmax(0, 1fr); gap: 1rem; padding: .68rem 0; border-bottom: 1px solid var(--line); font-size: .76rem; }
.metadata dt { color: var(--ink-soft); }
.metadata dd { margin: 0; color: white; font-weight: 680; }
.hash-value { overflow-wrap: anywhere; font-family: var(--mono); font-weight: 400 !important; }
.card-caveat { margin: 1.15rem 0 0; padding-left: .75rem; border-left: 2px solid #6c6382; color: #bdb6c9 !important; font-size: .875rem !important; }
.receipt-line { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(120px, 1.4fr) minmax(115px, 1fr); gap: .5rem; align-items: start; padding: .9rem 0; border-bottom: 1px solid var(--line); font-size: .79rem; }
.receipt-line > span { color: var(--ink-soft); }
.receipt-line strong { line-height: 1.3; }
.receipt-line a, .inline-link { font-size: .77rem; text-align: left; }
.inline-link { padding: 0; color: var(--violet-light); background: none; border: 0; text-decoration: underline; text-underline-offset: .2em; }
.inline-link:hover { color: white; }

.interruption-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 1.25rem; padding-top: clamp(28px, 4vw, 50px); }
.unknown-card, .original-card { min-width: 0; min-height: 350px; padding: clamp(20px, 2.5vw, 34px); border: 1px solid var(--line); border-radius: 8px; }
.unknown-card { background: #26201e; border-color: #725638; }
.original-card { background: #1b1926; border-color: #504263; }
.unknown-symbol, .recovered-symbol { display: grid; place-items: center; width: 45px; height: 45px; margin-top: 2.1rem; border-radius: 50%; font-size: 1.45rem; font-weight: 700; }
.unknown-symbol { color: var(--fixture); background: var(--fixture-surface); }
.recovered-symbol { color: var(--mint); background: var(--mint-surface); }
.stable-id { display: grid; gap: .25rem; margin-top: 1.1rem; padding: .8rem 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.stable-id span { color: var(--ink-soft); font-size: .72rem; }
.stable-id code { overflow-wrap: anywhere; color: var(--ink); font: 400 .78rem var(--mono); }
.stable-id strong { color: var(--ink); font-size: .89rem; line-height: 1.35; }
.no-retry { margin-top: 1rem; color: var(--fixture) !important; font-weight: 700; }
.flow-connector { align-self: center; color: #c3a2e5; font: 500 .63rem var(--mono); text-align: center; }
.connector-line { position: relative; display: block; width: 100%; height: 1px; margin-top: .4rem; background: #8e69b7; }
.connector-line::after { content: ""; position: absolute; right: 0; top: -4px; width: 8px; height: 8px; border-top: 1px solid #8e69b7; border-right: 1px solid #8e69b7; transform: rotate(45deg); }
.record-placeholder { display: grid; gap: .45rem; width: 85px; margin-top: 2.6rem; }
.record-placeholder span { display: block; height: 5px; border-radius: 5px; background: #755e87; }
.record-placeholder span:nth-child(2) { width: 80%; }
.record-placeholder span:nth-child(3) { width: 60%; }
.original-card .button { margin-top: .8rem; }
.original-card.is-shown { background: #1d2626; border-color: #568573; }
.recovery-note { color: var(--mint) !important; font-weight: 700; }

.check-grid { padding-top: clamp(28px, 4vw, 50px); }
.check-card { display: flex; flex-direction: column; min-height: 300px; }
.check-card .button { width: max-content; max-width: 100%; margin-top: auto; }
.transaction-id { overflow-wrap: anywhere; padding: .75rem; color: #e8e2ef !important; background: #242531; border: 1px solid #3d4050; border-radius: 5px; font: 400 .76rem var(--mono) !important; }
.check-facts { margin: .2rem 0 1.4rem; }
.check-facts div { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem 0; border-bottom: 1px solid var(--line); font-size: .8rem; }
.check-facts dt { color: var(--ink-soft); }
.check-facts dd { margin: 0; font-weight: 690; text-align: right; }
.acceptance-check { background: #1b1927; border-color: #4d3b63; }
.missing-panel { max-width: 660px; margin: clamp(26px, 4vw, 50px) 0; padding: clamp(24px, 3vw, 40px); background: #30201e; border: 1px solid #81594a; border-left: 5px solid #f0a88d; border-radius: 6px; }
.missing-panel strong { font-size: 1.45rem; line-height: 1.2; letter-spacing: -.035em; }
.missing-panel p { max-width: 560px; color: var(--ink-soft); }
.missing-panel .button { margin-top: .6rem; }
.stage-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: clamp(28px, 4vw, 50px); padding-top: 1rem; border-top: 1px solid var(--line); }
.stage-footer > span { color: var(--ink-soft); font: 500 .73rem var(--mono); }
.stage-footer .button { min-width: 185px; }

.presenter-notes { background: #191b27; border: 1px solid var(--line); border-top: 0; }
.presenter-notes summary { display: flex; align-items: center; gap: .8rem; padding: 1rem clamp(26px, 4vw, 58px); color: #e3d7f3; cursor: pointer; font-weight: 710; }
.presenter-notes summary span { color: #a6a1b4; font-size: .76rem; font-weight: 400; }
.presenter-notes[open] summary { border-bottom: 1px solid var(--line); }
.notes-body { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 0 2rem; padding: clamp(24px, 3vw, 38px) clamp(26px, 4vw, 58px); }
.notes-heading { display: grid; align-content: start; gap: .3rem; color: #e3d7f3; font-weight: 740; }
.notes-heading span:last-child { color: var(--ink-soft); font: 400 .75rem var(--mono); }
.notes-copy { max-width: 830px; margin: 0; font-size: 1rem; }
.notes-reminder { grid-column: 2; max-width: 830px; margin: .8rem 0 0; color: #c7aedf; font-size: .82rem; font-weight: 640; }
.site-footer { display: flex; justify-content: space-between; gap: 3rem; padding: 1.7rem 0 3rem; color: #929aaa; font-size: .72rem; }
.site-footer p { max-width: 550px; margin: 0; }

.evidence-dialog { width: min(680px, calc(100vw - 32px)); max-height: min(90vh, 800px); padding: 0; color: var(--ink); background: #191c29; border: 1px solid #6a517f; border-radius: 10px; box-shadow: 0 25px 70px #000a; }
.evidence-dialog::backdrop { background: #04050ad9; }
.dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding: 1.8rem 2rem 1.2rem; border-bottom: 1px solid var(--line); }
.dialog-kicker { color: #c5a6e9; font-size: .78rem; font-weight: 700; }
.dialog-head h2 { margin: .25rem 0 0; font-size: 2.2rem; line-height: 1.1; letter-spacing: -.055em; }
.dialog-close { display: grid; place-items: center; flex: none; width: 44px; height: 44px; color: white; background: #343043; border: 0; border-radius: 50%; font-size: 1.5rem; line-height: 1; }
.dialog-close:hover { background: #4d3c63; }
#evidence-body { padding: 1.3rem 2rem 2rem; }
.dialog-badges { display: flex; flex-wrap: wrap; gap: .4rem; }
.evidence-list { margin: 1.2rem 0 0; }
.evidence-list div { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--line); font-size: .86rem; }
.evidence-list dt { color: var(--ink-soft); font-weight: 650; }
.evidence-list dd { margin: 0; overflow-wrap: anywhere; }
.dialog-link { margin-top: 1.1rem; font-size: .85rem; font-weight: 700; }

@media (max-width: 1110px) {
  .launch-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .agent-trace { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-trace-step { min-height: 205px; }
  .control-deck { grid-template-columns: 1fr auto; }
  .keyboard-hint { display: none; }
  .record-identity { display: grid; }
  .identity-meta { margin-left: 0; }
  .receipt-line { grid-template-columns: 1fr 1.4fr; }
  .receipt-line > a, .receipt-line > button { grid-column: 2; }
}
@media (max-width: 760px) {
  .entry-path-heading { grid-template-columns: minmax(0, 1fr); }
  .entry-path-heading .evidence-badge { width: auto; min-width: 0; justify-self: start; }
  .entry-path-heading p { grid-column: 1; }
  .launch-hero, .launch-trace-grid { grid-template-columns: 1fr; }
  .launch-discovery { grid-template-columns: 1fr; }
  .launch-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .storefront-reveal-grid { grid-template-columns: 1fr; }
  .proof-grid, .close-grid { grid-template-columns: 1fr; }
  .presenter-transport-inner { grid-template-columns: minmax(0, 1fr) auto; gap: .35rem .55rem; min-height: 92px; padding: .5rem 14px; }
  .transport-narration { grid-column: 1 / -1; grid-row: 1; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .5rem; padding: .55rem .7rem; }
  .narration-label { grid-column: 1; grid-row: 1; font-size: .59rem; }
  .narration-label span { display: inline; margin-left: .3rem; }
  .transport-narration p { grid-column: 1 / -1; grid-row: 2; font-size: .8rem; line-height: 1.32; }
  .narration-voice { grid-column: 2; grid-row: 1; min-height: 30px; min-width: 76px; padding: .25rem .4rem; font-size: .65rem; }
  .transport-source { grid-column: 1; grid-row: 2; justify-self: start; }
  .transport-meter { grid-column: 2; grid-row: 2; min-width: 120px; }
  .transport-story { grid-column: 1; grid-row: 3; }
  .transport-story small { display: none; }
  .transport-actions { grid-column: 2; grid-row: 3; }
  .transport-actions .button { min-height: 36px; padding: .42rem .55rem; }
  body.has-presenter-transport { padding-bottom: 205px; }
  .terminal-log { height: 390px; }
  .agent-hero-grid { grid-template-columns: 1fr; gap: 1.6rem; }
  .agent-answer { max-width: none; }
  .agent-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-metrics > div:nth-child(2) { border-right: 0; }
  .agent-metrics > div:nth-child(-n+2) { border-bottom: 1px solid #514361; }
  .agent-evidence-intro, .agent-boundaries { grid-template-columns: 1fr; }
  .masthead { min-height: 72px; }
  .brand-context-label { font-size: .76rem; }
  .local-chip { padding: .4rem; font-size: 0; }
  .local-dot { width: 9px; height: 9px; }
  .intro { grid-template-columns: 1fr; gap: 1.3rem; padding: 2rem 0 1.6rem; }
  .intro-aside { max-width: 620px; }
  .control-deck { grid-template-columns: 1fr; gap: .9rem; padding: 1rem; }
  .story-strip { grid-column: 1; }
  .playback-meter { grid-column: 1; }
  .playback-status { min-width: 0; max-width: 180px; }
  .control-actions { justify-content: space-between; }
  .control-actions .button { flex: 1; }
  .scene-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scene-cue { min-height: 102px; padding: 1rem; border-bottom: 1px solid var(--line); }
  .scene-cue:nth-child(2) { border-right: 0; }
  .scene-cue:nth-child(n+3) { border-bottom: 0; }
  .stage-heading { display: grid; gap: 1rem; }
  .source-button { justify-self: start; }
  .market-layout, .evidence-pair, .check-grid { grid-template-columns: 1fr; }
  .buyer-routes { grid-template-columns: 1fr; }
  .live-read-panel { grid-template-columns: 1fr; }
  .live-read-action { justify-items: start; }
  .live-read-action span { text-align: left; }
  .fixture-window-body { min-height: 300px; }
  .market-side { max-width: none; }
  .record-path { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1.3rem; }
  .agent-use-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .interruption-flow { grid-template-columns: 1fr; }
  .flow-connector { display: flex; align-items: center; gap: 1rem; width: 100%; padding: 1rem 0; }
  .connector-line { flex: 1; margin: 0; }
  .notes-body { grid-template-columns: 1fr; gap: 1rem; }
  .notes-reminder { grid-column: 1; margin-top: 0; }
  .site-footer { display: grid; gap: .7rem; }
}
@media (max-width: 480px) {
  .storefront-services { grid-template-columns: 1fr; }
  .transport-story strong { font-size: .78rem; white-space: normal; }
  .transport-source { font-size: .59rem; }
  .transport-meter { min-width: 110px; font-size: .64rem; }
  .transport-actions .button { font-size: .68rem; }
  .proof-identity { grid-template-columns: 1fr; }
  .proof-identity code { margin-bottom: .4rem; }
  .launch-hero { padding: 2.2rem 0; }
  .launch-hero h1 { font-size: clamp(2.35rem, 10.7vw, 3.3rem); }
  .launch-task { margin-top: 1.5rem; font-size: 1.06rem; }
  .launch-outcome { padding: 23px; }
  .launch-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .launch-steps li { min-height: 0; }
  .launch-boundary { flex-direction: column; gap: .65rem; }
  .launch-inspector { min-height: 0; }
  .terminal-log { height: 360px; padding: .8rem; }
  .terminal-titlebar { align-items: flex-start; flex-direction: column; gap: .15rem; }
  .agent-run { padding-top: 1.6rem; }
  .agent-hero-grid { padding: 2.2rem 0; }
  .agent-hero-copy h2 { font-size: clamp(2.45rem, 11vw, 3.4rem); }
  .agent-task-label { margin-top: 1.7rem; }
  .agent-task { font-size: 1.06rem; }
  .agent-actions { display: grid; }
  .agent-actions .button { width: 100%; }
  .agent-trace-heading { align-items: start; flex-direction: column; }
  .agent-trace-mode { text-align: left; }
  .agent-trace { grid-template-columns: 1fr; }
  .agent-trace-step { min-height: 0; }
  .agent-metrics > div { padding: .95rem; }
  .agent-metrics span { min-height: 3em; font-size: .75rem; }
  .agent-metrics strong { font-size: 2.1rem; }
  .agent-evidence summary { align-items: start; flex-direction: column; gap: .3rem; }
  .agent-evidence-list div { grid-template-columns: 1fr; gap: .2rem; }
  .agent-boundaries { gap: .8rem; }
  .site-shell { padding-inline: 12px; }
  .brand-lockup { gap: 25px; }
  .brand-logo { width: 96px; height: auto; }
  .product-logo { width: 105px; }
  .brand-divider { display: none; }
  .brand-context-label { display: none; }
  .product-name { font-size: .92rem; }
  .intro { gap: 1rem; padding: 1.6rem 0 1.4rem; }
  .intro::before { right: -55%; top: -295px; }
  h1 { font-size: clamp(2.25rem, 10vw, 3.4rem); }
  .intro h2 { font-size: clamp(2.25rem, 10vw, 3.4rem); }
  .intro-aside p { margin-bottom: .8rem; font-size: .94rem; }
  .intro-aside .intro-warning { font-size: .77rem; }
  .clock-block { flex-wrap: wrap; }
  .control-deck { gap: .48rem; padding: .7rem .75rem; }
  .control-title { display: none; }
  .control-actions { gap: .45rem; }
  .control-actions .button { min-height: 40px; padding: .43rem .5rem; font-size: .8rem; }
  .preview-chip { margin-left: 0; }
  .playback-meter { flex-direction: column; align-items: stretch; gap: .2rem; }
  .progress-track { flex: none; width: 100%; }
  .playback-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .story-strip { grid-template-columns: 1fr; gap: .25rem; min-height: 0; margin: 0; padding: .42rem .55rem; }
  .story-source { padding: .2rem .48rem; font-size: .73rem; }
  .story-strip strong { font-size: .87rem; line-height: 1.25; }
  .scene-cue strong { font-size: .85rem; }
  .stage { padding: 16px; }
  .stage-heading h2 { font-size: 2.15rem; }
  .seller-task, .buyer-task { grid-template-columns: 1fr; gap: .45rem; padding: 1rem; }
  .seller-task small, .buyer-task small { grid-column: 1; }
  .buyer-route { padding: .8rem; }
  .tool-chain span { font-size: .82rem; }
  .live-read-result dl { grid-template-columns: 1fr; }
  .draft-sequence { grid-template-columns: 1fr; }
  .cue-surface { padding: 17px; }
  .fixture-window-bar { padding: .5rem .6rem; }
  .fixture-window-bar span:last-child { max-width: 110px; line-height: 1.2; }
  .fixture-window-body { grid-template-columns: 1fr; }
  .fixture-storefront { border-left: 0; border-top: 1px solid #4a3a5a; }
  .fixture-preview-card { min-height: 180px; }
  .fixture-beat { flex-wrap: wrap; }
  .fixture-beat small { width: 100%; margin-left: 1.5rem; text-align: left; }
  .draft-sequence > div { display: block; }
  .draft-sequence span { margin-bottom: .5rem; }
  .draft-sequence p { margin-top: .55rem; }
  .record-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agent-use-steps { grid-template-columns: 1fr; }
  .record-context { align-items: flex-start; flex-direction: column; }
  .record-path small { font-size: .875rem; }
  .record-path .path-index { font-size: .7rem; }
  .metadata div { grid-template-columns: 1fr; gap: .1rem; }
  .card-top { align-items: flex-start; flex-direction: column; }
  .card-top > span:last-child { text-align: left; }
  .receipt-line { grid-template-columns: 1fr; gap: .2rem; }
  .receipt-line > a, .receipt-line > button { grid-column: 1; }
  .presenter-notes summary { padding: 1rem 21px; }
  .notes-body { padding: 23px; }
  .dialog-head { padding: 1.2rem; }
  .dialog-head h2 { font-size: 1.7rem; }
  #evidence-body { padding: 1.1rem 1.2rem 1.5rem; }
  .evidence-list div { grid-template-columns: 1fr; gap: .2rem; }
  .stage-footer { align-items: stretch; flex-direction: column; }
  .stage-footer .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .button { transition: none; }
  .agent-trace-step { transition: none; }
  .draft-sequence > div { transition: none !important; }
  .agent-use-steps > div, .fixture-services, .fixture-storefront { transition: none !important; transform: none !important; }
}

/* The investor-facing story uses one changing scene; the complete trace stays in the disclosure. */
.marketplace-agent-run { padding-top: 0; }
.launch-hero { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .7fr); gap: clamp(2rem, 6vw, 7rem); min-height: 580px; padding: clamp(48px, 6vw, 82px) 0 clamp(38px, 5vw, 64px); }
.launch-hero h1 { max-width: 880px; margin: .7rem 0 1.5rem; font-size: clamp(3.45rem, 6.1vw, 6.6rem); line-height: 1; letter-spacing: -.077em; }
.launch-hero h1 span { color: #cf9bff; }
.launch-hero .launch-intro { max-width: 690px; color: #e1e1eb; font-size: clamp(1.04rem, 1.5vw, 1.2rem); line-height: 1.52; }
.launch-hero .agent-actions { margin-top: 2rem; }
#launch-play { min-height: 56px; padding: .85rem 1.55rem; color: #170d22; background: #d8a9ff; font-size: 1rem; box-shadow: 0 12px 35px #a855f72e; }
#launch-play:hover { background: #edd0ff; }
.hero-duration { margin: .75rem 0 0; color: #bfc6d2; font-size: .82rem; }
.launch-hero .launch-playback { display: none; }
.hero-truth { max-width: 645px; margin: 2rem 0 0; padding-top: 1rem; border-top: 1px solid #33394b; color: #aab4c4; font-size: .78rem; line-height: 1.5; }
.hero-truth strong { color: #e6d2ff; }
.hero-orbit { position: relative; isolation: isolate; overflow: hidden; min-height: 425px; padding: clamp(25px, 3vw, 42px); background: radial-gradient(circle at 92% 6%, #6c3c8d55, transparent 42%), linear-gradient(145deg, #231b31, #111922 72%); border: 1px solid #684c82; border-top: 3px solid #b782e9; border-radius: 13px; box-shadow: 0 28px 65px #0006; }
.hero-orbit::before { content: ""; position: absolute; z-index: -1; width: 360px; height: 360px; right: -180px; top: -180px; border: 1px solid #d4a6ff36; border-radius: 50%; box-shadow: 0 0 0 54px #be89ec0b, 0 0 0 109px #be89ec08; }
.hero-orbit-label { display: block; margin-bottom: 1.7rem; color: #dcb8ff; font: 750 .69rem var(--mono); letter-spacing: .08em; }
.orbit-step { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: .95rem; min-height: 73px; border-bottom: 1px solid #66527580; }
.orbit-step span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #a97cca; border-radius: 50%; color: #efdbff; font: 700 .72rem var(--mono); background: #342343; }
.orbit-step strong { font-size: clamp(1.03rem, 1.4vw, 1.23rem); line-height: 1.2; }
.hero-orbit p { margin: 2rem 0 0; color: #e9d7f9; font-size: 1.18rem; font-weight: 650; letter-spacing: -.025em; }
.source-legend { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 2rem; padding: 1rem 0; border-top: 1px solid #343a49; border-bottom: 1px solid #343a49; color: #c5c9d3; font-size: .8rem; }
.source-legend > span { display: inline-flex; align-items: center; gap: .5rem; }
.legend-dot { display: inline-block; width: 8px; height: 8px; flex: none; border-radius: 50%; }
.legend-dot.contract { background: #a5cce7; }.legend-dot.fixture { background: #ffd29b; }.legend-dot.recorded { background: #c996f4; }
.investor-stage { --stage-accent: #9fcde4; margin: clamp(35px, 5vw, 66px) 0 0; padding: clamp(23px, 3.5vw, 47px); background: radial-gradient(circle at 80% 10%, #243044, #111722 62%); border: 1px solid #53667c; border-top: 3px solid var(--stage-accent); border-radius: 12px; box-shadow: 0 25px 60px #0005; scroll-margin-top: 16px; }
.investor-stage[data-kind="fixture"] { --stage-accent: #ffd29b; background: radial-gradient(circle at 80% 10%, #352c2e, #151922 62%); }
.investor-stage[data-kind="recorded"] { --stage-accent: #ca9af6; background: radial-gradient(circle at 80% 10%, #38284b, #171925 62%); }
.investor-stage[data-kind="mixed"] { --stage-accent: #b7e4c8; background: radial-gradient(circle at 80% 10%, #253b3c, #141922 62%); }
.investor-stage[data-kind="missing"] { --stage-accent: #ffbea7; }
.investor-stage-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; padding-bottom: 1.25rem; border-bottom: 1px solid #ffffff22; }
.investor-stage-count { color: var(--stage-accent); font: 750 .73rem var(--mono); letter-spacing: .09em; }
.investor-stage-head .evidence-badge { font-size: .72rem; }
.investor-stage-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .8fr); align-items: center; gap: clamp(1.7rem, 4vw, 4rem); min-height: 370px; padding: 2rem 0; }
.investor-stage-kicker { margin: 0 0 .7rem; color: var(--stage-accent); font: 750 .73rem var(--mono); letter-spacing: .07em; }
.investor-stage-copy h2 { max-width: 810px; margin: 0 0 1.2rem; font-size: clamp(2.5rem, 4.2vw, 4.6rem); line-height: 1.06; letter-spacing: -.065em; }
.investor-stage-copy > p:not(.investor-stage-kicker):not(.investor-stage-limit) { max-width: 660px; margin: 0; color: #e4e5eb; font-size: clamp(1.03rem, 1.4vw, 1.22rem); line-height: 1.5; }
.investor-stage-limit { max-width: 660px; margin: 1.7rem 0 0; color: #b7c2d0; font-size: .82rem; line-height: 1.48; }
.investor-stage-visual { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 310px; padding: clamp(27px, 3vw, 42px); background: linear-gradient(145deg, #1d2735, #0d141d); border: 1px solid #617386; border-top: 3px solid var(--stage-accent); border-radius: 10px; box-shadow: 0 18px 40px #0005; }
.investor-stage-visual::before { content: "● ● ●"; position: absolute; top: 14px; right: 19px; color: #8290a1; font-size: .61rem; letter-spacing: .2em; }
.investor-stage-visual > span { color: var(--stage-accent); font: 750 .7rem var(--mono); letter-spacing: .065em; }
.investor-stage-visual strong { display: block; max-width: 390px; margin: 1.6rem 0 .55rem; font-size: clamp(1.85rem, 2.8vw, 3.1rem); font-weight: 680; line-height: 1.1; letter-spacing: -.055em; overflow-wrap: anywhere; }
.investor-stage-visual p { margin: 0; color: #e0e4eb; font-size: 1rem; line-height: 1.42; }
.investor-stage-visual small { display: block; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #63718180; color: #b9c3d0; font-size: .75rem; line-height: 1.45; }
.investor-stage-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.1rem; border-top: 1px solid #ffffff22; color: #c3cbd7; font-size: .8rem; }
.technical-evidence { margin-top: 2rem; border: 1px solid #465064; border-radius: 9px; background: #111722; }
.technical-evidence > summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .3rem 1rem; padding: 1.15rem 1.4rem; color: #f2e7ff; font-weight: 720; cursor: pointer; list-style: none; }
.technical-evidence > summary::-webkit-details-marker { display: none; }
.technical-evidence > summary::after { content: "+"; margin-left: auto; color: #d4a5f7; font-size: 1.35rem; line-height: 1; }
.technical-evidence[open] > summary::after { content: "−"; }
.technical-evidence > summary small { color: #aeb7c6; font-size: .76rem; font-weight: 450; }
.technical-evidence > summary:hover { background: #1d2432; }
.technical-evidence-body { padding: clamp(15px, 3vw, 36px); border-top: 1px solid #465064; }
.technical-intro { max-width: 790px; margin: 0 0 1.4rem; color: #cbd2df; font-size: .88rem; }
.technical-evidence .launch-outcome { box-shadow: none; }
.technical-evidence .entry-path { margin-top: 2rem; }
.technical-source-link { margin: 2rem 0 0; font-size: .87rem; }
@media (max-width: 760px) {
  .launch-hero { grid-template-columns: 1fr; gap: 1.6rem; min-height: 0; padding: 2.9rem 0 2rem; }
  .launch-hero h1 { max-width: 650px; font-size: clamp(2.7rem, 10.5vw, 4.7rem); }
  .launch-hero .launch-intro { font-size: 1.02rem; }
  .hero-orbit { min-height: 0; padding: 1.5rem; }
  .hero-orbit-label { margin-bottom: .8rem; }
  .orbit-step { min-height: 58px; }
  .orbit-step span { width: 32px; height: 32px; }
  .hero-orbit p { margin-top: 1.1rem; font-size: 1.02rem; }
  .source-legend { gap: .55rem 1rem; font-size: .73rem; }
  .investor-stage-grid { grid-template-columns: 1fr; min-height: 0; gap: 1.5rem; padding: 1.7rem 0; }
  .investor-stage-visual { min-height: 230px; }
  .investor-stage-copy h2 { font-size: clamp(2.4rem, 8vw, 3.8rem); }
  .investor-stage-copy > p:not(.investor-stage-kicker):not(.investor-stage-limit) { font-size: 1rem; }
  .investor-stage-limit { margin-top: 1.1rem; }
  .investor-stage-bottom { align-items: flex-start; flex-direction: column; }
  .transport-story { display: none; }
  .transport-meter { grid-column: 1; grid-row: 3; }
  .transport-actions { grid-column: 2; grid-row: 3; }
  body.has-presenter-transport { padding-bottom: 165px; }
}
@media (max-width: 480px) {
  .launch-hero h1 { margin-top: .45rem; font-size: clamp(2.55rem, 10.4vw, 3.25rem); }
  .launch-hero .agent-actions { display: block; margin-top: 1.5rem; }
  #launch-play { width: 100%; }
  .hero-truth { margin-top: 1.35rem; }
  .hero-orbit { padding: 1.25rem; }
  .orbit-step strong { font-size: .98rem; }
  .investor-stage { padding: 1.2rem; }
  .investor-stage-copy h2 { font-size: clamp(2.25rem, 10vw, 3rem); }
  .investor-stage-head .evidence-badge { font-size: .64rem; }
  .investor-stage-visual { min-height: 225px; padding: 1.3rem; }
  .investor-stage-visual strong { font-size: 1.9rem; }
  .technical-evidence > summary { padding: 1rem; }
  .technical-evidence > summary small { width: 100%; order: 3; }
}

/* Cinematic agent session: the validated fixture forms on screen as the story plays. */
.launch-hero { grid-template-columns: minmax(0, 1.1fr) minmax(330px, .76fr); min-height: 540px; }
.launch-hero h1 { max-width: 930px; font-size: clamp(3.2rem, 5.5vw, 6rem); }
.hero-flow { position: relative; min-width: 0; padding: 1.2rem; background: radial-gradient(circle at 50% 45%, #3b2856, #111822 76%); border: 1px solid #805ca5; border-top: 3px solid #c795f9; border-radius: 13px; box-shadow: 0 25px 65px #0007, 0 0 50px #9f65ce14; }
.hero-flow-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .2rem .3rem 1rem; border-bottom: 1px solid #705482; font: 750 .65rem var(--mono); letter-spacing: .05em; }
.hero-flow-head > span { color: #e4cbfb; }.hero-flow-head strong { padding: .28rem .45rem; color: #ffd8a5; background: #503823; border: 1px solid #936938; border-radius: 4px; font-size: .6rem; white-space: nowrap; }
.hero-flow-agent { display: flex; align-items: center; gap: .7rem; padding: 1.05rem .45rem; color: #f3eff8; }
.hero-flow-agent div { display: grid; min-width: 0; line-height: 1.25; }.hero-flow-agent small { color: #c9ace5; font: 750 .62rem var(--mono); }.hero-flow-agent strong { margin-top: .25rem; font-size: 1rem; }
.flow-avatar { display: grid; place-items: center; width: 38px; height: 38px; flex: none; color: #fff; background: #7847a3; border: 1px solid #bc87e8; border-radius: 11px; font: 800 .8rem var(--mono); }
.hero-flow-agent.buyer .flow-avatar { color: #dffcef; background: #265648; border-color: #71b59c; }
.hero-flow-agent.buyer small { color: #9bdabe; }
.flow-arrow { margin-left: auto; color: #d3a7f1; font-size: 1.5rem; }
.hero-flow-store { padding: 1.1rem 1.2rem; background: linear-gradient(135deg, #30243f, #161e2b); border: 1px solid #9b75ba; border-radius: 9px; box-shadow: 0 12px 25px #0004; }
.hero-flow-store > span { color: #d9b8f2; font: 750 .64rem var(--mono); letter-spacing: .04em; }
.hero-flow-store > strong { display: block; margin: .6rem 0 .8rem; font-size: clamp(1.45rem, 2.1vw, 2rem); line-height: 1.1; letter-spacing: -.045em; }
#hero-flow-services { display: flex; flex-wrap: wrap; gap: .4rem; }
#hero-flow-services span { padding: .3rem .45rem; color: #ecf8f3; background: #244438; border: 1px solid #608c7b; border-radius: 4px; font-size: .73rem; }
.hero-flow-store > small { display: block; margin-top: 1rem; color: #f5d3aa; font-size: .7rem; }
.investor-stage-grid { grid-template-columns: minmax(0, .98fr) minmax(360px, 1fr); gap: clamp(1.4rem, 3.5vw, 3.4rem); min-height: 460px; }
.investor-stage-copy h2 { font-size: clamp(2.45rem, 3.9vw, 4.3rem); }
.investor-stage-copy > p:not(.investor-stage-kicker):not(.investor-stage-limit) { max-width: 630px; font-size: clamp(1rem, 1.28vw, 1.16rem); }
.scene-console { overflow: hidden; margin-top: 1.55rem; background: #0a121a; border: 1px solid #4b6372; border-radius: 8px; box-shadow: 0 12px 28px #0004; }
.scene-console-top { display: flex; align-items: center; gap: .55rem; min-height: 36px; padding: .4rem .8rem; color: #c5d8e3; background: #1b2a35; border-bottom: 1px solid #476073; font: 700 .65rem var(--mono); }
.console-light { width: 7px; height: 7px; flex: none; background: #9bdfd1; border-radius: 50%; box-shadow: 0 0 9px #9bdfd1; }
.scene-console-top strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#scene-console-status { margin-left: auto; color: #acdecd; white-space: nowrap; }
.scene-console-body { padding: .85rem 1rem 1rem; }
.scene-console-body code { display: block; color: #d4f4dd; font: 600 .82rem/1.5 var(--mono); overflow-wrap: anywhere; }
.scene-console-body code::before { content: "> "; color: #99aabc; }
.scene-console-body p { margin: .45rem 0 0; color: #b6c6d0; font-size: .78rem; line-height: 1.38; }
.investor-stage[data-scene="2"] .scene-console { border-color: #a57753; }
.investor-stage[data-scene="2"] #scene-console-status, .investor-stage[data-scene="5"][data-phase="0"] #scene-console-status { color: #ffd09b; }
.investor-stage[data-scene="5"][data-phase="1"] #scene-console-status { color: #b8e8cb; }
.investor-stage[data-scene="7"] .scene-console, .investor-stage[data-scene="8"] .scene-console { display: none; }
.investor-stage-visual { display: flex; flex-direction: column; justify-content: initial; min-height: 420px; padding: 0; background: #111a25; border-color: #647e8d; }
.investor-stage-visual::before { display: none; }
.visual-window-head { display: flex; align-items: center; justify-content: space-between; gap: .7rem; min-height: 45px; padding: .65rem 1rem; background: #233142; border-bottom: 1px solid #567080; }
.visual-window-head #investor-visual-label { color: var(--stage-accent); font: 750 .68rem var(--mono); letter-spacing: .04em; }
#visual-window-status { padding: .28rem .48rem; color: #d5ede7; background: #264739; border: 1px solid #5c997c; border-radius: 4px; font: 750 .63rem var(--mono); white-space: nowrap; }
.investor-stage[data-scene="2"] #visual-window-status, .investor-stage[data-scene="5"][data-phase="0"] #visual-window-status { color: #ffe1ba; background: #5b3d24; border-color: #b4804f; }
.investor-stage[data-scene="0"] #visual-window-status { color: #d8e8f6; background: #304357; border-color: #7396ad; }
.visual-window-body { position: relative; display: flex; flex: 1; flex-direction: column; justify-content: center; min-height: 280px; padding: clamp(22px, 3vw, 37px); background: radial-gradient(circle at 85% 5%, #50406944, transparent 45%), linear-gradient(145deg, #1e2b3a, #111a25 73%); }
.visual-window-eyebrow { color: #c7a7e4; font: 750 .67rem var(--mono); letter-spacing: .08em; }
.investor-stage-visual #investor-visual-main { display: block; max-width: none; margin: 1.35rem 0 .4rem; font-size: clamp(2rem, 3vw, 3.6rem); line-height: 1.03; letter-spacing: -.06em; overflow-wrap: anywhere; }
.investor-stage-visual #investor-visual-detail { margin: 0; color: #e7edf2; font-size: 1rem; }
.investor-stage-visual #investor-visual-foot { margin: 0; padding: .75rem 1rem; border-top: 1px solid #506170; color: #bdc7d3; background: #18242f; font-size: .74rem; }
.visual-service-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin-top: 1.45rem; }
.visual-service-list > div { min-width: 0; padding: .75rem .85rem; background: #213c37; border: 1px solid #659886; border-radius: 6px; }
.investor-stage-visual .visual-service-list strong { display: block; margin: 0; font-size: .9rem; line-height: 1.2; letter-spacing: -.01em; }
.visual-service-list small { display: block; margin-top: .3rem; color: #b4e5d0; font: 700 .6rem var(--mono); }
.visual-buyer { display: flex; align-items: center; gap: .6rem; margin-top: 1rem; padding: .7rem; background: #2a493f; border: 1px solid #7eb99f; border-radius: 6px; }
.visual-buyer-avatar { display: grid; place-items: center; width: 34px; height: 34px; flex: none; border-radius: 8px; color: #e3fff1; background: #37715b; font: 750 .75rem var(--mono); }
.investor-stage-visual .visual-buyer strong { display: block; margin: 0; font: 750 .67rem var(--mono); letter-spacing: .03em; }
.visual-buyer small { display: block; margin-top: .2rem; color: #d4efdf; font-size: .7rem; }
.investor-stage[data-scene="2"] .visual-window-body::after { content: "OWNER PERMISSION REQUIRED"; display: block; width: max-content; max-width: 100%; margin-top: 1.4rem; padding: .45rem .65rem; color: #ffe3ba; background: #5a3d27; border: 1px solid #bc8a56; border-radius: 5px; font: 750 .65rem var(--mono); }
.recorded-visual, .vision-visual { display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 420px; padding: clamp(24px, 3vw, 43px); border: 1px solid #906bb1; border-top: 3px solid #d4a5f7; border-radius: 10px; background: radial-gradient(circle at 88% 0, #68498288, transparent 50%), linear-gradient(140deg, #292037, #141923); box-shadow: 0 18px 40px #0005; }
.recorded-visual > span, .vision-visual > span { color: #dfb8ff; font: 750 .68rem var(--mono); letter-spacing: .05em; }
.recorded-visual > strong, .vision-visual > strong { margin: 1.05rem 0 1.5rem; font-size: clamp(2.3rem, 3.6vw, 4.5rem); line-height: 1; letter-spacing: -.06em; }
.recorded-visual-path { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; }
.recorded-visual-path > div { padding: .7rem; border: 1px solid #8d6b9b; border-radius: 5px; background: #362846; }
.recorded-visual-path b { display: block; color: #d9b2f4; font: 750 .63rem var(--mono); }
.recorded-visual-path strong { display: block; margin-top: .45rem; font-size: .9rem; }.recorded-visual-path small { display: block; margin-top: .2rem; color: #d7c6dd; font-size: .69rem; line-height: 1.3; }
.recorded-visual p, .vision-visual p { margin: 1.5rem 0 0; color: #e2d2eb; font-size: .78rem; }
.recorded-visual[data-missing="true"] .recorded-visual-path, .recorded-visual[data-missing="true"] p { display: none; }
.vision-visual { border-color: #619c85; border-top-color: #b5e6c8; background: radial-gradient(circle at 88% 0, #38785b77, transparent 54%), linear-gradient(140deg, #1d3333, #131d26); }
.vision-visual > span { color: #bdebd0; }.vision-visual > strong { font-size: clamp(2rem, 3.2vw, 4rem); }
.vision-visual-path { display: flex; align-items: stretch; gap: .35rem; }
.vision-visual-path div { flex: 1; min-width: 0; padding: .9rem .5rem; border: 1px solid #6fa78e; border-radius: 5px; background: #284a3b; font-size: .79rem; font-weight: 650; line-height: 1.3; text-align: center; }
.vision-visual-path b { align-self: center; color: #bcebd0; font-size: 1.1rem; }
.vision-visual p { color: #c8e5d3; }
.scene-enter .investor-stage-copy h2, .scene-enter .investor-stage-visual, .scene-enter .recorded-visual, .scene-enter .vision-visual { animation: investor-scene-in .28s ease-out both; }
@keyframes investor-scene-in { from { opacity: .68; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) {
  .launch-hero { grid-template-columns: 1fr; min-height: 0; }
  .hero-flow { max-width: 600px; }
  .investor-stage-grid { grid-template-columns: 1fr; min-height: 0; gap: 1.15rem; }
  .investor-stage-visual, .recorded-visual, .vision-visual { grid-row: 1; min-height: 300px; }
  .investor-stage-copy { grid-row: 2; }
  .scene-console { margin-top: 1rem; }
  .visual-window-body { min-height: 215px; }
  .narration-label span { display: block; margin: .1rem 0 0; }
  .transport-source { display: none; }
  .transport-meter { grid-column: 1; grid-row: 2; }
  .transport-actions { grid-column: 2; grid-row: 2; }
  body.has-presenter-transport { padding-bottom: 145px; }
}
@media (max-width: 480px) {
  .launch-hero h1 { font-size: clamp(2.45rem, 9.8vw, 3.2rem); }
  .hero-flow { padding: .85rem; }
  .hero-flow-agent { padding: .7rem .2rem; }.hero-flow-agent strong { font-size: .83rem; }
  .hero-flow-store { padding: .9rem; }
  .hero-flow-store > strong { font-size: 1.45rem; }
  .investor-stage-copy h2 { font-size: clamp(2rem, 8.8vw, 2.85rem); }
  .scene-console-top { font-size: .56rem; }
  .scene-console-body { padding: .7rem .8rem; }
  .scene-console-body code { font-size: .7rem; }
  .investor-stage-visual, .recorded-visual, .vision-visual { min-height: 280px; }
  .visual-window-head { padding: .55rem .7rem; }.visual-window-head #investor-visual-label { font-size: .59rem; }
  #visual-window-status { font-size: .54rem; }
  .visual-window-body { padding: 1.2rem; }
  .investor-stage-visual #investor-visual-main { font-size: 2rem; }
  .visual-service-list { gap: .35rem; }
  .visual-service-list > div { padding: .6rem; }
  .investor-stage-visual .visual-service-list strong { font-size: .77rem; }
  .recorded-visual, .vision-visual { padding: 1.2rem; }
  .recorded-visual-path { grid-template-columns: 1fr; }
  .recorded-visual-path > div { display: grid; grid-template-columns: 25px 1fr; gap: 0 .35rem; padding: .45rem .6rem; }
  .recorded-visual-path strong { margin: 0; }.recorded-visual-path small { grid-column: 2; }
  .vision-visual-path { flex-direction: column; }.vision-visual-path b { transform: rotate(90deg); }
}
@media (prefers-reduced-motion: reduce) {
  .scene-enter .investor-stage-copy h2, .scene-enter .investor-stage-visual, .scene-enter .recorded-visual, .scene-enter .vision-visual { animation: none; }
}

.launch-hero { row-gap: .75rem; }
.launch-hero .hero-truth { grid-column: 1 / -1; max-width: none; margin: 0; padding-top: .85rem; }
.hero-flow-store > small { margin-top: .5rem; }
.visual-service-list .visual-service-slot { display: grid; place-items: center; min-height: 68px; padding: .7rem; color: #91a4b1; background: #192936; border: 1px dashed #5b7780; border-radius: 6px; font: 700 .64rem var(--mono); text-align: center; }
.visual-event-overlay { display: flex; align-items: center; gap: .75rem; margin-top: 1rem; padding: .85rem; color: #ffdfb6; background: #4c3428; border: 1px solid #bd885c; border-radius: 7px; box-shadow: 0 0 25px #e6a05a25; }
.visual-event-overlay > span { display: grid; place-items: center; width: 33px; height: 33px; flex: none; color: #fff4df; background: #a96939; border-radius: 50%; font: 850 1rem var(--mono); }
.visual-event-overlay strong { display: block; font-size: .87rem; line-height: 1.2; }
.visual-event-overlay small { display: block; margin-top: .2rem; color: #f5dcc0; font-size: .7rem; line-height: 1.3; }
.investor-stage[data-scene="5"][data-phase="1"] .visual-event-overlay { color: #d6f7e4; background: #214a3c; border-color: #77b796; box-shadow: 0 0 25px #68c69e25; }
.investor-stage[data-scene="5"][data-phase="1"] .visual-event-overlay > span { background: #398269; }
.investor-stage[data-scene="5"][data-phase="1"] .visual-event-overlay small { color: #d5eedc; }
.recorded-visual > strong { margin-bottom: .45rem; }
.recorded-visual-amount { display: block; margin-bottom: 1.35rem; color: #dfc7e9; font: 700 .76rem var(--mono); }
.recorded-visual[data-missing="true"] .recorded-visual-amount { display: none; }
@media (max-width: 760px) {
  .launch-hero { row-gap: 1rem; }
  .launch-hero .hero-truth { margin-top: 0; }
}
@media (max-width: 480px) {
  .launch-hero .agent-actions a.button { display: flex; width: 100%; margin-top: .65rem; }
}