:root {
  --ink: #070806;
  --paper: #e8e8dd;
  --muted: #85877f;
  --acid: #a8ff62;
  --orange: #ff653d;
  --mono: 'DM Mono', monospace;
  --sans: Inter, Arial, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: auto; background: var(--ink); color-scheme: dark; }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--paper); font-family: var(--sans); }
main > section { scroll-margin-top: 0; }
.story-snap-end { display: none; }
body[data-view="foundry"] .motion-stage,body[data-view="machines"] .motion-stage,body[data-view="machines"] .foundry-story,body[data-view="wage"] .motion-stage,body[data-view="wage"] .foundry-story,body[data-view="wage"] .machine-showcase,body[data-view="index"] .motion-stage,body[data-view="index"] .foundry-story,body[data-view="index"] .machine-showcase,body[data-view="index"] .wage-story { display: none; }
button,a { color: inherit; font: inherit; touch-action: manipulation; -webkit-tap-highlight-color: rgba(168,255,98,.2); }
button { cursor: pointer; }
a { text-decoration: none; }
button:focus-visible,a:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.skip-link { position: fixed; z-index: 200; left: 16px; top: 12px; padding: 10px 14px; background: var(--acid); color: #070806; font: 12px var(--mono); transform: translateY(-160%); transition: transform .18s ease; }.skip-link:focus-visible { transform: translateY(0); }

.noise { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .065; mix-blend-mode: screen; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.crosshair { position: fixed; z-index: 120; left: -24px; top: -24px; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; pointer-events: none; mix-blend-mode: difference; transition: width .2s,height .2s,margin .2s,border-color .2s; }
.crosshair::before,.crosshair::after,.crosshair i::before,.crosshair i::after { content: ''; position: absolute; background: white; }
.crosshair::before { width: 12px; height: 1px; top: 23px; left: 17px; }.crosshair::after { height: 12px; width: 1px; left: 23px; top: 17px; }
.crosshair i::before { width: 3px; height: 3px; border-radius: 50%; left: 22px; top: 22px; }.crosshair i::after { inset: 8px; border: 1px dashed rgba(255,255,255,.35); background: none; border-radius: 50%; }
.crosshair.active { width: 74px; height: 74px; margin: -13px; border-color: var(--acid); }
.cursor-ghost { position: fixed; z-index: 119; left: 0; top: 0; width: var(--trail-size); height: var(--trail-size); margin: calc(var(--trail-size) / -2); border-radius: 50%; background: rgba(255,255,255,var(--trail-alpha)); pointer-events: none; mix-blend-mode: difference; will-change: transform; }
@media (pointer: fine) { html,body,body * { cursor: none !important; } }
.magnetic { transform: translate3d(var(--magnet-x,0),var(--magnet-y,0),0); transition: transform .55s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s; will-change: transform; }
.magnetic.is-magnetic { transition-duration: .08s; }

.nav { position: fixed; top: 24px; left: 50%; transform: translateX(-50%); z-index: 80; width: min(1120px,calc(100% - 48px)); min-height: 58px; border: 1px solid rgba(255,255,255,.15); background: rgba(5,6,4,.74); backdrop-filter: blur(22px); display: flex; align-items: center; padding: 8px 9px 8px 20px; border-radius: 3px; }
.mark { font-size: 15px; font-weight: 600; letter-spacing: -.045em; margin-right: auto; white-space: nowrap; }.mark span { color: var(--acid); font-size: 11px; margin-left: 6px; vertical-align: top; }
.nav-status { display: flex; align-items: center; gap: 12px; font: 11px var(--mono); letter-spacing: .09em; margin-right: 42px; color: #b6bab0; }.nav-status i { width: 5px; height: 5px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 13px var(--acid); }.nav-status b { color: var(--acid); font-weight: 400; }
.nav-actions { display: flex; align-items: center; gap: 8px; }.nav-actions > a { min-height: 46px; display: flex; align-items: center; gap: 20px; padding: 0 15px; border: 1px solid rgba(255,255,255,.22); color: #d4d8ce; font: 500 11px var(--mono); letter-spacing: .05em; }.nav-actions > a:hover { border-color: var(--acid); color: var(--acid); }
.nav-actions > .x-link { width: 46px; min-width: 46px; padding: 0; justify-content: center; }
.x-link svg { width: 17px; height: 17px; fill: currentColor; }
.nav button,.payoff button { min-height: 40px; border: 1px solid var(--paper); background: var(--paper); color: #0b0c0a; padding: 0 17px; font: 500 12px var(--mono); letter-spacing: .05em; display: flex; align-items: center; gap: 28px; }
.nav button:hover,.payoff button:hover,.broker-card > button:hover { background: var(--acid); border-color: var(--acid); }
.nav .mint-jump { min-width: 176px; min-height: 46px; justify-content: space-between; background: var(--acid); border-color: var(--acid); font-size: 12px; }

.motion-stage { height: 180vh; position: relative; }
.sticky-scene { position: sticky; top: 0; height: 100vh; overflow: hidden; background: radial-gradient(circle at 57% 47%,#151b17 0,#080a08 34%,#030403 72%); }
#broker-field { position: absolute; inset: 0; width: 100%; height: 100%; }
.grid { position: absolute; inset: 0; opacity: .13; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 4.25vw 4.25vw; mask-image: radial-gradient(circle at 58% 50%,black,transparent 75%); }
.grid::after { content: ''; position: absolute; top: -18%; bottom: -18%; left: -38vw; width: 30vw; background: linear-gradient(90deg,transparent,rgba(168,255,98,.26),rgba(226,236,222,.14),transparent); filter: blur(21px); transform: skewX(-12deg); animation: hero-sweep 8.5s cubic-bezier(.45,0,.55,1) infinite; }
.scene-copy { position: absolute; z-index: 4; left: 4.2vw; top: 24vh; pointer-events: none; will-change: opacity,transform; }
.label { font: 400 11px var(--mono); letter-spacing: .15em; color: #b2b6ac; }
.scene-copy h1,.scene-copy h2 { margin: 28px 0 22px; font-weight: 400; letter-spacing: -.075em; line-height: .78; font-size: clamp(62px,8.6vw,164px); }
.kinetic-word { display: inline-block; white-space: nowrap; }
.kinetic-char { display: inline-block; will-change: transform; }
.scene-copy em,.payoff-copy em { font-family: var(--serif); font-weight: 400; color: var(--acid); }
.scene-copy p { font-size: 12px; line-height: 1.65; color: #8b8e85; max-width: 310px; }
.scene-copy .hero-mint { min-width: 176px; min-height: 46px; margin-top: 22px; padding: 0 17px; border: 1px solid var(--acid); background: var(--acid); color: #0b0c0a; display: flex; align-items: center; justify-content: space-between; gap: 36px; pointer-events: auto; font: 500 12px var(--mono); letter-spacing: .05em; }
.scene-copy .hero-mint:hover { background: var(--paper); border-color: var(--paper); }
.scene-copy--two { opacity: 0; transform: translateY(60px); }
.scene-copy--two h2 { font-size: clamp(58px,8vw,150px); }
.scene-copy--two .label { font: 400 13px var(--mono); color: #d0d4c9; }
.scene-copy--two p { max-width: 520px; font-size: 17px; line-height: 1.55; color: #b4b9ae; text-wrap: balance; }
.unit-readout { position: absolute; z-index: 4; right: 3vw; top: 16vh; width: 190px; display: grid; gap: 9px; font: 11px var(--mono); letter-spacing: .1em; text-align: right; color: #9da39a; }.unit-readout .readout-state { color: var(--acid); }
.index-label { position: absolute; z-index: 5; opacity: 0; width: 210px; display: grid; pointer-events: none; transform: translateY(20px); }.index-label span,.index-label small { font: 12px var(--mono); letter-spacing: .08em; color: #b8beb3; }.index-label b { margin-top: 10px; font-size: 42px; font-weight: 400; line-height: .95; letter-spacing: -.05em; }.index-label em { font: 400 20px var(--mono); color: var(--acid); }.index-label small { margin-top: 8px; line-height: 1.45; }
.index-label--nvda { right: 25vw; top: 24vh; }.index-label--intc { right: 24vw; bottom: 11vh; }.index-label--tsla { right: 5vw; top: 46vh; }
.index-label--intc em { color: #5cb8ff; }.index-label--tsla em { color: var(--orange); }
.scroll-hint { position: absolute; left: 4.2vw; bottom: 6vh; display: flex; gap: 14px; align-items: center; font: 11px var(--mono); letter-spacing: .12em; color: #a5aaa1; }.scroll-hint i { width: 64px; height: 1px; background: #85887f; position: relative; overflow: hidden; }.scroll-hint i::after { content: ''; position: absolute; inset: 0; background: var(--acid); transform: translateX(-100%); animation: scan 2.4s ease-in-out infinite; }
.stage-counter { position: absolute; right: 3vw; bottom: 5vh; display: flex; align-items: center; gap: 10px; font: 11px var(--mono); color: #9a9f96; }.stage-counter i { width: 75px; height: 1px; background: linear-gradient(90deg,var(--paper) var(--progress,0%),#31332f var(--progress,0%)); }
@keyframes scan { 50%,100% { transform: translateX(100%); } }
@keyframes hero-sweep { 0%,12% { transform: translate3d(0,0,0) skewX(-12deg); opacity: .18; } 48%,62% { opacity: .92; } 88%,100% { transform: translate3d(176vw,0,0) skewX(-12deg); opacity: .16; } }

.foundry-story,.machine-showcase,.wage-story { position: relative; background: #030403; }
.foundry-story { z-index: 1; height: 125vh; margin-top: -20vh; }
.foundry-story::before { content: ''; position: absolute; z-index: 9; left: 0; right: 0; top: 0; height: 28vh; transform: translateY(-100%); pointer-events: none; background: linear-gradient(180deg,rgba(3,4,3,0),rgba(4,7,4,.12) 22%,rgba(5,9,6,.62) 70%,#080b08 100%); }
.foundry-stage,.wage-stage { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.foundry-stage { display: grid; place-items: center; background: #080b08; }
.foundry-video { position: absolute; inset: -4%; width: 108%; height: 108%; object-fit: cover; filter: saturate(.62) brightness(.58) contrast(1.12); transform: scale(var(--foundry-scale,1.08)); will-change: transform,filter; }
.foundry-atmosphere { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(1,4,2,.15),rgba(1,4,2,.82)); will-change: opacity; }
.foundry-atmosphere::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at var(--foundry-x,50%) var(--foundry-y,50%),transparent 0 7%,rgba(1,3,1,.15) 20%,rgba(1,3,1,.82) 58%); }
.foundry-scan { position: absolute; inset: 0; opacity: .22; background: repeating-linear-gradient(180deg,transparent 0 3px,rgba(190,255,170,.1) 4px); mix-blend-mode: screen; }
.foundry-copy { position: relative; z-index: 5; width: min(980px,72vw); text-align: center; }
.foundry-copy blockquote { margin: 26px 0; font: 400 clamp(42px,5.2vw,86px)/1.04 var(--serif); letter-spacing: -.045em; }
.foundry-copy p { margin: 0 auto; max-width: 640px; color: rgba(232,232,221,.65); font: 12px/1.7 var(--mono); letter-spacing: .055em; }
.foundry-coordinate { position: absolute; z-index: 5; color: rgba(232,232,221,.52); font: 11px var(--mono); letter-spacing: .14em; writing-mode: vertical-rl; }
.foundry-coordinate--a { left: 3vw; top: 22vh; }.foundry-coordinate--b { right: 3vw; bottom: 19vh; }
.foundry-progress { position: absolute; z-index: 6; left: 4vw; right: 4vw; bottom: 5vh; display: flex; align-items: center; gap: 18px; color: rgba(232,232,221,.62); font: 11px var(--mono); letter-spacing: .11em; }.foundry-progress i { height: 1px; flex: 1; background: linear-gradient(90deg,var(--acid) var(--foundry-progress,0%),rgba(255,255,255,.18) var(--foundry-progress,0%)); }.foundry-progress b { font-weight: 400; }

.repel-word { display: inline-block; white-space: nowrap; }.repel-character { display: inline-block; will-change: transform; }.repel-space { display: inline-block; width: .28em; }
[data-repel] .kinetic-word { opacity: 0; transform: translate3d(0,.55em,0); filter: blur(5px); transition: opacity .42s ease,transform .55s cubic-bezier(.16,1,.3,1),filter .42s ease; transition-delay: var(--word-delay,0ms); }
[data-repel].is-seen .kinetic-word { opacity: 1; transform: translate3d(0,0,0); filter: blur(0); }

.machine-showcase { height: 100vh; }
.machine-stage { position: relative; height: 100vh; overflow: hidden; background: #010201; isolation: isolate; }
.machine-light { position: absolute; z-index: 5; inset: 0; pointer-events: none; background: radial-gradient(235px at var(--light-x,50%) var(--light-y,50%),rgba(223,226,215,.12) 0%,rgba(193,204,211,.055) 48%,transparent 74%); }
.machine-topline { position: absolute; z-index: 8; left: 3vw; right: 3vw; top: 4vh; display: flex; justify-content: space-between; color: #a0a99e; font: 11px var(--mono); letter-spacing: .12em; }.machine-topline span:last-child { color: var(--acid); }
.machine-gallery-base,.machine-gallery { position: absolute; z-index: 3; inset: 0; padding: 10vh 3vw 8vh; display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 8px; }
.machine-gallery-base i { border: 1px solid rgba(193,204,211,.025); background: rgba(255,255,255,.002); }
.machine-gallery { z-index: 4; pointer-events: auto; -webkit-mask-image: radial-gradient(235px at var(--light-x,50%) var(--light-y,50%),#000 0%,#000 56%,transparent 100%); mask-image: radial-gradient(235px at var(--light-x,50%) var(--light-y,50%),#000 0%,#000 56%,transparent 100%); will-change: mask-image; }

.wage-story { height: 100vh; }
.wage-stage { position: relative; background: #020302; isolation: isolate; }
.wage-video { position: absolute; inset: -4%; width: 108%; height: 108%; object-fit: cover; filter: saturate(.38) brightness(.42) contrast(1.18); transform: scale(var(--wage-video-scale,1.04)); opacity: var(--wage-video-opacity,.08); will-change: transform,opacity; }
.wage-noise { position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%,rgba(16,24,16,.48) 0,rgba(3,5,3,.68) 38%,rgba(1,2,1,.9) 75%); }
.wage-data { position: absolute; inset: -8%; opacity: .2; color: #82977b; font: 11px/1.8 var(--mono); white-space: pre; transform: translate3d(var(--data-x,0),var(--data-y,0),0) rotate(-2deg) scale(1.08); mask-image: radial-gradient(circle at 50% 50%,black,transparent 78%); }
.wage-topline { position: absolute; z-index: 8; left: 3vw; right: 3vw; top: 4vh; display: flex; justify-content: space-between; color: #a0a99e; font: 11px var(--mono); letter-spacing: .12em; }.wage-topline span:last-child { color: var(--acid); }
.machine-peek { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(222,230,218,.28); background: #060806; box-shadow: 0 24px 60px rgba(0,0,0,.42); transition: border-color .28s ease,box-shadow .45s ease; }
.machine-peek::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 42%,rgba(2,3,2,.25) 58%,rgba(2,3,2,.96)); }
.machine-peek img { width: 100%; height: 100%; display: block; object-fit: cover; image-rendering: pixelated; filter: saturate(.76) brightness(.83) contrast(1.08); transform: scale(1.015); transition: transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease; }
.machine-peek:hover { border-color: rgba(222,230,218,.62); box-shadow: 0 30px 80px rgba(0,0,0,.58); }
.machine-peek:hover img { filter: saturate(.96) brightness(.94) contrast(1.08); transform: scale(1.07); }
.machine-peek div { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 14px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px 16px; }
.machine-peek span,.machine-peek b { font: 11px var(--mono); letter-spacing: .1em; color: rgba(232,232,221,.74); }.machine-peek b { grid-column: 2; grid-row: 1 / span 2; color: var(--acid); font-weight: 400; writing-mode: vertical-rl; }.machine-peek h3 { margin: 0; min-width: 0; font-size: clamp(20px,1.9vw,32px); font-weight: 400; line-height: .95; letter-spacing: -.045em; text-wrap: balance; }
.wage-beat { position: absolute; z-index: 6; left: 50%; top: 50%; width: min(980px,80vw); text-align: center; opacity: 0; transform: translate3d(-50%,calc(-50% + 36px),0); will-change: opacity,transform; }.wage-beat > span { color: #a6aca2; font: 11px var(--mono); letter-spacing: .14em; }.wage-beat h2 { margin: 25px 0 20px; color: var(--paper); font-size: clamp(68px,8.8vw,158px); font-weight: 400; line-height: .78; letter-spacing: -.075em; }.wage-beat h2 em { color: var(--acid); font: inherit; font-family: var(--serif); }.wage-beat h2 i { color: var(--orange); font: inherit; font-family: var(--serif); }.wage-beat p { max-width: 560px; margin: auto; color: #aab0a6; font: 14px/1.6 var(--mono); }
.wage-meter { position: absolute; z-index: 7; left: 50%; bottom: 5vh; transform: translateX(-50%); width: min(720px,72vw); display: flex; align-items: center; gap: 14px; color: #929990; font: 11px var(--mono); letter-spacing: .1em; }.wage-meter i { flex: 1; height: 1px; background: linear-gradient(90deg,var(--acid) var(--wage-progress,0%),#252a24 var(--wage-progress,0%)); }

@keyframes spin { to { transform: rotate(360deg); } }

.payoff { min-height: 110vh; position: relative; background: var(--paper); color: #0b0c0a; padding: 13vh 5vw 11vh; display: grid; grid-template-columns: .62fr 1.38fr; gap: 4vw; align-items: center; overflow: clip; }
.payoff-video { position: absolute; z-index: 0; inset: -4%; width: 108%; height: 108%; object-fit: cover; filter: saturate(.5) contrast(.92) brightness(.86); transform: scale(1.06); opacity: .82; }
.payoff-atmosphere { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(232,232,221,.9) 0%,rgba(232,232,221,.72) 46%,rgba(205,213,194,.42) 100%),linear-gradient(180deg,rgba(232,232,221,.28),rgba(153,169,145,.38)); pointer-events: none; }
.payoff-rail { position: absolute; z-index: 1; left: -2vw; top: 3vh; width: max-content; display: flex; align-items: center; gap: 3vw; font-size: 10.2vw; letter-spacing: -.08em; color: rgba(83,103,75,.2); white-space: nowrap; }.payoff-rail i { font-style: normal; font-weight: 200; }
.payoff-copy { position: relative; z-index: 2; padding-top: 8vh; }.payoff-copy h2 { font-size: clamp(56px,6vw,110px); line-height: .82; letter-spacing: -.075em; font-weight: 400; margin: 28px 0; }.payoff-copy em { color: #537b35; }.payoff-copy p { max-width: 390px; color: #6c6e67; line-height: 1.65; font-size: 13px; }.payoff-copy button { background: #0b0c0a; color: var(--paper); border-color: #0b0c0a; margin-top: 28px; }
.broker-card { position: relative; z-index: 2; width: min(100%,740px); justify-self: end; display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,1fr); gap: 10px; padding: 10px; background: #090b08; color: var(--paper); box-shadow: 0 48px 110px rgba(24,27,21,.32); transition: box-shadow .4s ease; }.broker-card:hover { box-shadow: 0 58px 125px rgba(24,27,21,.38); }.broker-card__visual { min-width: 0; display: grid; grid-template-rows: minmax(0,1fr) 74px; gap: 8px; }.broker-card__image { position: relative; min-height: 0; overflow: hidden; background: #284c48; }.broker-card__image > img { width: 100%; height: 100%; display: block; object-fit: cover; image-rendering: pixelated; transition: transform .55s cubic-bezier(.16,1,.3,1); }.broker-card:hover .broker-card__image > img { transform: scale(1.012) translate3d(var(--card-image-x,0px),var(--card-image-y,0px),0); }.broker-card__edition { position: absolute; left: 14px; right: 14px; bottom: 13px; display: flex; justify-content: space-between; align-items: end; color: rgba(232,232,221,.86); font: 11px var(--mono); letter-spacing: .09em; }.broker-card__edition b { color: var(--acid); font: 400 26px var(--mono); letter-spacing: -.07em; }.broker-card__preview-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.broker-card__preview-strip figure { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid #282d27; background: #11140f; }.broker-card__preview-strip img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; opacity: .78; }.broker-card__preview-strip figcaption { position: absolute; left: 6px; bottom: 5px; color: var(--paper); font: 11px var(--mono); letter-spacing: .06em; text-shadow: 0 1px 5px #000; }.broker-card__body { min-width: 0; padding: 7px 9px 5px; display: flex; flex-direction: column; }.broker-card__head { display: flex; justify-content: space-between; padding: 2px 0 14px; border-bottom: 1px solid #2d302b; font: 11px var(--mono); letter-spacing: .06em; }.broker-card__head b { color: var(--orange); font-weight: 400; }.broker-card__body h3 { margin: 18px 0; font-size: clamp(28px,2.5vw,40px); font-weight: 400; line-height: .83; letter-spacing: -.06em; }.broker-card__body h3 em { color: var(--acid); font-family: var(--serif); font-weight: 400; }.broker-card__traits { display: grid; grid-template-columns: repeat(3,1fr); border-block: 1px solid #2d302b; }.broker-card__traits div { padding: 11px 6px; border-right: 1px solid #2d302b; }.broker-card__traits div:last-child { border: 0; }.broker-card__traits span,.broker-card__traits b { display: block; font: 11px var(--mono); letter-spacing: .06em; color: #9aa096; }.broker-card__traits b { margin-top: 6px; color: var(--paper); font-size: 14px; font-weight: 400; }.broker-card dl { margin: 13px 0 0; display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid #2d302b; }.broker-card dl div { min-width: 0; padding: 12px 9px; border-left: 1px solid #2d302b; }.broker-card dl div:nth-child(2) { border-left: 0; }.broker-card__price { grid-column: 1 / -1; border-left: 0 !important; border-bottom: 1px solid #2d302b; }.broker-card dt { font: 11px var(--mono); letter-spacing: .08em; color: #9ba196; }.broker-card dd { margin: 7px 0 0; font: 15px var(--mono); white-space: nowrap; }.broker-card__price dd { color: var(--acid); font-size: 22px; letter-spacing: -.04em; }.broker-card dl small { display: block; margin-top: 5px; color: #b1b7ab; font: 11px/1.35 var(--mono); letter-spacing: .04em; }.broker-card dd small { margin-top: 4px; }.broker-card__body > button { width: 100%; justify-content: space-between; margin-top: 12px; background: var(--acid); border-color: var(--acid); }
.broker-card { width: min(100%,800px); grid-template-columns: minmax(0,1.2fr) minmax(340px,.9fr); gap: 8px; padding: 8px; }
.broker-card__gallery { min-width: 0; height: 508px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 6px; }
.broker-card__nft { position: relative; min-width: 0; min-height: 0; margin: 0; overflow: hidden; border: 1px solid #292d27; background: #11140f; }
.broker-card__nft::after { content: ''; position: absolute; inset: 42% 0 0; background: linear-gradient(180deg,transparent,rgba(2,3,2,.88)); pointer-events: none; }
.broker-card__nft img { width: 100%; height: 100%; display: block; object-fit: cover; image-rendering: pixelated; transition: transform .55s cubic-bezier(.16,1,.3,1),filter .35s ease; }
.broker-card__nft:hover img { transform: scale(1.018); filter: brightness(1.06); }
.broker-card__nft figcaption { position: absolute; z-index: 2; left: 11px; right: 11px; bottom: 10px; display: grid; gap: 4px; }
.broker-card__nft figcaption span { color: rgba(232,232,221,.7); font: 11px var(--mono); letter-spacing: .06em; }
.broker-card__nft figcaption b { color: var(--paper); font: 400 11px var(--mono); letter-spacing: -.02em; }
.broker-card__body { min-height: 508px; padding: 12px 16px 8px; }
.broker-card__head { padding: 0 0 13px; border-color: #292d27; font-size: 11px; color: #9ba196; }
.broker-card__head b { display: inline-flex; align-items: center; gap: 7px; color: var(--acid); }
.broker-card__head b i,.mint-status i { width: 5px; height: 5px; flex: 0 0 auto; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.broker-card__head b.is-closed { color: var(--orange); }
.broker-card__body h3 { margin: 20px 0 18px; font-size: clamp(32px,2.6vw,42px); }
.broker-card__price { padding: 0 0 17px; border-bottom: 1px solid #292d27; }
.broker-card__price > span { display: block; color: #8f968b; font: 11px var(--mono); letter-spacing: .1em; }
.broker-card__price strong { display: block; margin-top: 7px; color: var(--acid); font: 400 26px var(--mono); letter-spacing: -.045em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.broker-card__price small { display: block; margin-top: 5px; color: #a8afa3; font: 11px/1.35 var(--mono); letter-spacing: .025em; }
.broker-card dl { margin: 0; grid-template-columns: .8fr 1.2fr; border: 0; border-bottom: 1px solid #292d27; }
.broker-card dl div { padding: 14px 0 15px; border: 0; }
.broker-card dl div + div { padding-left: 16px; border-left: 1px solid #292d27; }
.broker-card dt { font-size: 11px; color: #8f968b; }
.broker-card dd { margin-top: 6px; font-size: 14px; }
.broker-card dl small { display: inline; margin: 0 0 0 6px; color: #8f968b; font: 11px/1.4 var(--mono); letter-spacing: .02em; }
.broker-card__body .mint-controls { margin-top: auto; }
.mint-progress { margin-top: 14px; padding: 0; border: 0; background: none; }
.mint-progress__labels { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #8f968b; font: 11px var(--mono); letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.mint-progress__labels strong { color: var(--acid); font-weight: 400; }
.mint-progress__labels span { text-align: right; }
.mint-progress__bar { display: block; width: 100%; height: 4px; border: 0; border-radius: 0; overflow: hidden; background: #262b23; color: var(--acid); }
.mint-progress__bar::-webkit-progress-bar { background: #262b23; }
.mint-progress__bar::-webkit-progress-value { background: linear-gradient(90deg,#a8ff1f,var(--acid)); transition: width .45s cubic-bezier(.16,1,.3,1); }
.mint-progress__bar::-moz-progress-bar { background: linear-gradient(90deg,#a8ff1f,var(--acid)); }
.mint-controls { margin-top: 14px; padding: 10px 11px; border: 1px solid #2d302b; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 40px; gap: 9px 12px; align-items: center; }
.mint-controls > span { padding: 0; color: #9ba296; font: 11px var(--mono); letter-spacing: .06em; }.mint-controls > span small { margin-left: 5px; color: #70776d; font: inherit; }
.mint-stepper { grid-row: 2; display: grid; grid-template-columns: 40px 48px 40px; border: 1px solid #343a31; }
.mint-quantity-button { width: 40px; height: 38px; padding: 0; display: grid; place-items: center; border: 0; border-right: 1px solid #343a31; background: #11140f; color: var(--paper); font: 18px var(--mono); touch-action: manipulation; }.mint-quantity-button:hover { color: var(--acid); background: #171c14; }.mint-quantity-button:nth-of-type(2) { border-right: 0; border-left: 1px solid #343a31; }
.mint-quantity { display: grid; place-items: center; text-align: center; font: 14px var(--mono); color: var(--acid); }
.mint-total { grid-column: 2; grid-row: 1 / -1; justify-self: end; color: #dbe0d5; text-align: right; font: 400 12px/1.4 var(--mono); letter-spacing: -.01em; font-variant-numeric: tabular-nums; }.mint-total::before { content: attr(data-label); display: block; margin-bottom: 7px; color: #70776d; font-size: 11px; letter-spacing: .08em; }
.broker-card__body > .mint-action { min-height: 48px; margin-top: 12px; align-items: center; font-size: 12px; touch-action: manipulation; }.broker-card__body > .mint-action:disabled { cursor: not-allowed; background: #34382f; border-color: #34382f; color: #858b80; }
.mint-status { display: flex; align-items: center; gap: 7px; margin: 8px 2px 0; color: #7f877b; font: 11px/1.45 var(--mono); letter-spacing: .04em; }.mint-status i { color: #6d7568; box-shadow: none; }.mint-status a { color: var(--acid); text-decoration: underline; text-underline-offset: 3px; }
.card-orbit-label { position: absolute; z-index: 6; padding: 8px 10px; border: 1px solid rgba(11,12,10,.28); background: rgba(232,232,221,.88); color: #11130f; backdrop-filter: blur(10px); font: 11px var(--mono); letter-spacing: .06em; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .25s ease,transform .7s cubic-bezier(.16,1,.3,1); }
.card-orbit-label--one { left: -105px; top: 13%; transform: translate3d(35px,12px,55px) rotate(-3deg); }.card-orbit-label--two { right: 8px; top: -18px; transform: translate3d(-42px,0,70px) rotate(2deg); }.card-orbit-label--three { left: -92px; bottom: 7%; transform: translate3d(30px,-15px,48px) rotate(-1deg); }
.broker-card:hover .card-orbit-label { opacity: 1; }.broker-card:hover .card-orbit-label--one { transform: translate3d(var(--card-shift-neg-x,0px),var(--card-shift-neg-y,0px),55px) rotate(-3deg); }.broker-card:hover .card-orbit-label--two { transform: translate3d(var(--card-shift-x,0px),var(--card-shift-neg-y,0px),70px) rotate(2deg); transition-delay: .035s; }.broker-card:hover .card-orbit-label--three { transform: translate3d(var(--card-shift-neg-x,0px),var(--card-shift-y,0px),48px) rotate(-1deg); transition-delay: .07s; }
.prototype-note { position: fixed; z-index: 90; left: 50%; bottom: 15px; transform: translateX(-50%); width: min(470px,calc(100% - 30px)); padding: 10px 14px; border: 1px solid rgba(255,255,255,.13); background: rgba(4,5,3,.82); backdrop-filter: blur(15px); display: flex; justify-content: space-between; font: 11px var(--mono); color: #adb2a9; }.prototype-note a:hover { color: white; }

@media (max-width: 800px) {
  .crosshair { display: none; }
  .nav { top: max(10px,env(safe-area-inset-top)); width: calc(100% - 20px); }
  .nav-status { display: none; }
  .motion-stage { height: 260svh; }
  .sticky-scene,.foundry-stage,.machine-stage,.wage-stage { height: 100svh; }
  .foundry-story { height: 125svh; margin-top: -20svh; }
  .machine-showcase,.wage-story { height: 100svh; }
  .scene-copy { top: max(112px,14svh); left: 6vw; right: 6vw; }
  .scene-copy h1,.scene-copy h2 { font-size: 14vw; line-height: .84; }
  .scene-copy--one p { max-width: 300px; color: #b1b6ad; text-shadow: 0 2px 12px #030403; }
  .scene-copy--two p { max-width: 430px; font-size: 15px; }
  .unit-readout { top: auto; bottom: 12vh; right: 5vw; }
  .index-label { width: 124px; }
  .index-label span,.index-label small { font-size: 11px; }
  .index-label b { font-size: 34px; }
  .index-label em { font-size: 16px; }
  .index-label--nvda { right: auto; left: 3vw; top: 55vh; }
  .index-label--intc { left: 38%; right: auto; bottom: 7svh; }
  .index-label--tsla { right: 2vw; top: 55vh; }
  .scroll-hint { left: 6vw; bottom: 3.5svh; }
  .stage-counter { bottom: 3.5svh; }
  .foundry-copy { width: 84vw; }
  .machine-topline,.wage-topline { top: 88px; }
  .machine-gallery-base,.machine-gallery { padding: 118px 3vw 32px; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3,minmax(0,1fr)); gap: 6px; }
  .machine-gallery { -webkit-mask-image: radial-gradient(190px at var(--light-x,50%) var(--light-y,50%),#000 0%,#000 56%,rgba(0,0,0,.24) 100%); mask-image: radial-gradient(190px at var(--light-x,50%) var(--light-y,50%),#000 0%,#000 56%,rgba(0,0,0,.24) 100%); }
  .machine-peek div { left: 9px; right: 9px; bottom: 9px; gap: 3px 8px; }
  .machine-peek h3 { font-size: clamp(18px,5vw,24px); }
  .wage-beat { top: 51%; width: calc(100% - 48px); }
  .wage-beat h2 { font-size: clamp(54px,16vw,70px); }
  .wage-beat p { max-width: 340px; font-size: 13px; }
  .wage-meter { width: calc(100% - 48px); gap: 8px; }
  .payoff { grid-template-columns: 1fr; padding: max(110px,14svh) 6vw 9svh; gap: 48px; }
  .payoff-copy { min-width: 0; width: 100%; padding-top: 0; }
  .payoff-copy p { max-width: none; overflow-wrap: anywhere; }
  .broker-card { width: 100%; min-width: 0; justify-self: center; grid-template-columns: 1fr; }
  .broker-card__gallery { height: auto; aspect-ratio: 1; }
  .broker-card__body { min-height: 0; }
  .card-orbit-label { display: none; }
  .payoff-rail { font-size: 17vw; }
  .prototype-note { display: none; }
}
@media (max-width: 480px) {
  .nav { padding-left: 12px; }
  .mark { font-size: 14px; }
  .nav-actions > .dashboard-link { gap: 0; padding: 0 9px; }
  .dashboard-link__label { font-size: 0; }
  .dashboard-link__label::after { content: 'DASH'; font: 500 11px var(--mono); }
  .dashboard-link > span:last-child { display: none; }
  .nav .mint-jump { min-width: auto; padding: 0 10px; gap: 8px; font-size: 11px; }.nav button span { font-size: 11px; }.scene-copy h1,.scene-copy h2 { font-size: 12vw; }.scene-copy p { font-size: 12px; max-width: 290px; }.scene-copy--two .label { font-size: 11px; }.scene-copy--two p { max-width: 340px; font-size: 13px; line-height: 1.5; }.unit-readout { display: none; }.index-label { width: 116px; }.index-label span,.index-label small { font-size: 11px; }.index-label b { font-size: 30px; }.index-label em { font-size: 15px; }.payoff-copy h2 { font-size: 16vw; }.payoff-rail { font-size: 20vw; }.prototype-note { bottom: 8px; }
}
html.presentation-mode { height: 100%; overflow-x: hidden; overflow-y: auto; }
html.presentation-mode body { min-height: 100%; overflow: visible; }
html.presentation-mode main { position: fixed; inset: 0; overflow: hidden; }
html.presentation-mode main > section { position: absolute; inset: 0; width: 100%; height: 100dvh; min-height: 0; margin: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0,4vh,0) scale(.985); transition: opacity .48s ease,transform .62s cubic-bezier(.16,1,.3,1),visibility 0s linear .62s; will-change: opacity,transform; }
html.presentation-mode main > section.is-active { z-index: 2; opacity: 1; visibility: visible; pointer-events: auto; transform: translate3d(0,0,0) scale(1); transition-delay: 0s; }
html.presentation-mode .sticky-scene,html.presentation-mode .foundry-stage,html.presentation-mode .machine-stage,html.presentation-mode .wage-stage { position: absolute; inset: 0; width: 100%; height: 100%; }
html.presentation-mode .foundry-story::before { display: none; }
html.presentation-mode main > .payoff { height: 100dvh; min-height: 100dvh; overflow-x: clip; overflow-y: auto; }
html.presentation-mode .presentation-track { position: relative; z-index: -1; width: 1px; pointer-events: none; }
html.presentation-mode .presentation-stop { display: block; width: 1px; height: 100dvh; }
html.presentation-mode .prototype-note { display: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }*,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }.scroll-hint i::after { animation: none; }.cursor-ghost { display: none; }.magnetic { transform: none; transition: none; } }