.demo__intro{padding-bottom:clamp(1.75rem,4vw,3rem)}.demo-track{height:300vh;position:relative}.demo-stage{position:sticky;top:0;height:100vh;display:grid;align-content:center}.demo-stage__inner{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4rem);align-items:center}.mkt__side{display:grid;align-content:center;gap:1rem}.mkt__query{display:flex;align-items:baseline;gap:.9rem;padding:.7rem 1rem;background:var(--w-surface);border:1px solid var(--w-rule-strong)}.mkt__query-label{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--w-dim)}.mkt__query-text{font-family:var(--font-mono);font-size:1rem;color:var(--w-text)}.mkt__query-text:after{content:"";display:inline-block;width:1px;height:1em;margin-left:.15em;vertical-align:-.15em;background:var(--w-accent)}.mkt__product{position:relative;padding:1.15rem 1.25rem 1.25rem;background:var(--w-surface);border:1px solid var(--w-rule-strong)}.mkt__unresolved{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--font-display);font-size:3.5rem;font-weight:800;font-stretch:125%;color:var(--w-accent);opacity:1}.mkt__resolved{opacity:0}.mkt__name{font-size:1.15rem;font-weight:500;line-height:1.35;color:var(--w-text)}.mkt__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.25rem;margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--w-rule)}.mkt__meta dt{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--w-dim)}.mkt__meta dd{margin:.15rem 0 0;font-family:var(--font-mono);font-size:.8125rem;color:var(--w-text)}.mkt__phase{display:grid;font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;line-height:1.7;text-transform:uppercase;color:var(--w-accent)}.mkt__phase-line{grid-area:1 / 1;opacity:0}.vrows{display:grid;gap:.5rem}.vrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.3rem 1.25rem;padding:.8rem 1rem;background:var(--w-surface);border:1px solid var(--w-rule)}.vrow__vendor{grid-column:1;font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--w-dim)}.vrow__term{grid-column:1;grid-row:2;font-size:.9375rem;color:var(--w-text);overflow-wrap:anywhere}.vrow__price{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--font-mono);font-size:1.0625rem;font-variant-numeric:tabular-nums;color:var(--w-text);opacity:0}.vrow__alias{grid-column:1;grid-row:3;justify-self:start;margin-top:.35rem;padding:.1rem .45rem;border:1px solid var(--w-accent);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--w-accent);opacity:0}.vrow__meta{grid-column:2;grid-row:3;justify-self:end;margin-top:.35rem;font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--w-dim);opacity:0}.vrow[data-best]{box-shadow:inset 3px 0 0 transparent}.mkt__disclaimer{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.06em;line-height:1.6;color:var(--w-dim)}[data-phase=resolve] .mkt__unresolved,[data-phase=price] .mkt__unresolved{opacity:0}[data-phase=resolve] .mkt__resolved,[data-phase=price] .mkt__resolved,[data-phase=ask] .mkt__phase-line[data-phase-line=ask],[data-phase=resolve] .mkt__phase-line[data-phase-line=resolve],[data-phase=price] .mkt__phase-line[data-phase-line=price],[data-phase=resolve] .vrow__alias,[data-phase=price] .vrow__alias,[data-phase=price] .vrow__price,[data-phase=price] .vrow__meta{opacity:1}[data-phase=price] .vrow[data-best]{border-color:var(--w-accent);box-shadow:inset 3px 0 0 var(--w-accent)}[data-phase=price] .vrow[data-best] .vrow__price{color:var(--w-accent)}@media (prefers-reduced-motion: no-preference){.mkt__unresolved,.mkt__resolved,.mkt__phase-line,.vrow__price,.vrow__alias,.vrow__meta{transition:opacity .4s var(--ease)}.vrow{transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}.vrow__price{transition:opacity .4s var(--ease),color .4s var(--ease)}}.demo-static{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3rem);max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter)}.demo-static__col{display:grid;align-content:start;gap:1rem}.demo-static .mkt__unresolved{display:none}.demo-static .mkt__resolved,.demo-static .vrow__price,.demo-static .vrow__alias,.demo-static .vrow__meta{opacity:1}.demo-static .vrow[data-best]{border-color:var(--w-accent);box-shadow:inset 3px 0 0 var(--w-accent)}.demo-static .vrow[data-best] .vrow__price{color:var(--w-accent)}.mkt__steps{display:grid;gap:.55rem;margin:.25rem 0 0;padding:0;list-style:none;counter-reset:step;font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;line-height:1.65;text-transform:uppercase;color:var(--w-dim)}.mkt__steps li{counter-increment:step;padding-left:2rem;position:relative}.mkt__steps li:before{content:"0" counter(step);position:absolute;left:0;color:var(--w-accent)}@media (max-width: 720px){.demo-static{grid-template-columns:1fr}}