.walk{--walk-gold:var(--gold,#e8c874);--walk-line:var(--border);margin-top:1.5rem}.walk-num{font-family:var(--font-mono);color:var(--walk-gold);font-size:.875rem}.walk-link{font-family:var(--font-mono);word-break:break-all;font-size:.8125rem}.walk-caption{color:var(--muted-foreground);margin-top:1rem;font-size:.875rem}.walk-frame{display:none}.walk-steps{gap:2.5rem;display:grid}.walk-steps li{gap:.4rem;display:grid}.walk-steps p{color:var(--foreground);max-width:60ch;font-size:1.125rem}.walk-static-shot img{object-fit:cover;object-position:top;border:1px solid var(--walk-line);border-radius:10px;width:100%;max-height:60svh;margin-top:.75rem;display:block}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.walk-screens{height:calc(var(--walk-n) * 105svh);width:min(96vw,80rem);margin-inline:calc(50% - min(48vw,40rem))}.walk-screens .walk-stage{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:.75rem 2.5rem;height:100svh;padding:5svh clamp(.75rem,3vw,2rem);display:grid;position:sticky;top:0}.walk-frame{border:1px solid var(--walk-line);background:#111;border-radius:14px;flex-direction:column;height:min(78svh,46rem);display:flex;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 0 1px #e8c87414}.walk-chrome{border-bottom:1px solid var(--walk-line);font-family:var(--font-mono);color:var(--muted-foreground);background:#0d0c0b;align-items:center;gap:.75rem;padding:.55rem .8rem;font-size:.75rem;display:flex}.walk-dots{background:radial-gradient(circle,#3a372f .3rem,#0000 .31rem) 0 0/.9rem .6rem repeat-x;width:2.6rem;height:.6rem}.walk-url{white-space:nowrap;text-overflow:ellipsis;background:#1a1916;border-radius:999px;flex:1;padding:.2rem .7rem;overflow:hidden}.walk-url-path{color:var(--foreground);display:none}.walk-url-path[data-active=true]{display:inline}.walk-viewport{background:#000;flex:1;position:relative;overflow:hidden}.walk-viewport img{opacity:0;width:100%;height:auto;transition:opacity .35s;position:absolute;inset:0 0 auto}.walk-viewport img[data-active=true]{opacity:1}.walk-steps{gap:1.1rem}.walk-steps li{opacity:.38;transition:opacity .3s}.walk-steps li[data-active=true]{opacity:1}.walk-steps li[data-active=true] p{color:var(--foreground)}.walk-steps p{font-size:1.0625rem}.walk-steps .walk-link{display:none}.walk-steps li[data-active=true] .walk-link{display:inline}.walk-static-shot{display:none}.walk-screens .walk-caption{grid-column:1/-1;margin-top:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-width:767px){.walk-screens .walk-stage{grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;padding-block:3svh}.walk-frame{border-radius:22px;width:min(100%,22rem);height:60svh;margin-inline:auto}.walk-dots{display:none}.walk-steps{display:grid}.walk-steps li{opacity:0;grid-area:1/1}}.walk-flow{padding-left:2.75rem;position:relative}.walk-rail{background:var(--walk-line);width:2px;position:absolute;top:.6rem;bottom:.6rem;left:.9rem}.walk-rail-fill{background:linear-gradient(180deg, #a7782b, var(--walk-gold));height:100%;position:absolute;inset:0 0 auto}.walk-pulse{display:none}.walk-stations{gap:2rem;display:grid}.walk-stations li{gap:.3rem;display:grid;position:relative}.walk-stations p{color:var(--foreground);max-width:52ch;font-size:1.125rem}.walk-node{border:2px solid var(--walk-gold);background:var(--walk-gold);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.2rem;left:-2.35rem}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.walk-stations{gap:0}.walk-stations li{align-content:center;min-height:42svh;transition:opacity .3s}.walk-stations li[data-state=ahead]{opacity:.35}.walk-stations li[data-state=active] p{font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.3}.walk-node{transition:background .3s,box-shadow .3s;top:auto}.walk-stations li[data-state=ahead] .walk-node{background:var(--background);border-color:var(--walk-line)}.walk-stations li[data-state=active] .walk-node{box-shadow:0 0 0 6px #e8c8742e,0 0 24px #e8c8748c}.walk-rail-fill{height:calc(var(--walk-p,0) * 100%)}.walk-pulse{left:50%;top:calc(var(--walk-p,0) * 100%);background:#fff1c2;border-radius:50%;width:.5rem;height:.5rem;display:block;position:absolute;translate:-50% -50%;box-shadow:0 0 14px 4px #e8c874b3}}