[data-b2s]{position:relative;background:#151a18;color:#fff;--b2s-green:#17ac6c;--b2s-mint:#63dda7;--b2s-top:0px;--b2s-scroll:700svh;font-family:inherit}[data-b2s] *{box-sizing:border-box}[data-b2s] .build-track{height:700vh;height:var(--b2s-scroll);position:relative}[data-b2s] .build-stage{position:sticky;top:var(--b2s-top);height:100vh;height:calc(100svh - var(--b2s-top));overflow:hidden;background:#151a18}[data-b2s] .build-canvas,[data-b2s] .build-poster{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0}[data-b2s] .build-poster{object-fit:cover}[data-b2s] .build-canvas{opacity:0;transition:opacity .2s}[data-b2s].is-ready .build-canvas{opacity:1}[data-b2s].is-ready .build-poster{visibility:hidden}[data-b2s] .build-status{position:absolute;z-index:4;top:max(1rem,env(safe-area-inset-top));left:1rem;right:1rem;max-width:34rem;display:flex;align-items:center;gap:1rem;padding:1rem;background:#14251aed;border-radius:10px;color:#fff;font-size:.9rem;line-height:1.5}[data-b2s] .build-status[hidden],[data-b2s] [data-b2s-retry][hidden]{display:none}[data-b2s] [data-b2s-retry]{background:#17ac6c;color:#0b2114;border:0;border-radius:4px;padding:.7rem;font:inherit;cursor:pointer;flex-shrink:0}[data-b2s] .build-captions{position:absolute;left:clamp(1rem,5vw,5rem);right:clamp(1rem,5vw,5rem);bottom:clamp(1.25rem,6vh,4rem);z-index:2;pointer-events:none}[data-b2s] .build-caption{position:absolute;left:0;bottom:0;max-width:34rem;padding:1.15rem 1.4rem;background:#0e1715e8;border:1px solid #ffffff26;border-radius:14px;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;pointer-events:none;visibility:hidden}[data-b2s] .build-caption.is-on{opacity:1;transform:none;pointer-events:auto;visibility:visible}[data-b2s] .build-caption h2{color:#fff;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.2;margin:.3rem 0 0;max-width:none}[data-b2s] .build-caption p{color:#e1e9e4;font-size:1rem;line-height:1.5;margin:.5rem 0 0}[data-b2s] .build-step{font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--b2s-mint);font-weight:600}[data-b2s] .build-bar{position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:#ffffff20}[data-b2s] .build-bar i{display:block;height:100%;background:var(--b2s-green);transform-origin:left;transform:scaleX(0)}[data-b2s] .build-cue{position:absolute;z-index:2;top:max(1rem,env(safe-area-inset-top));left:50%;transform:translateX(-50%);padding:.5rem .8rem;border-radius:99px;background:#0e1715c9;color:#fff;font-size:.875rem;white-space:nowrap}[data-b2s] .build-cue.is-hidden{visibility:hidden}[data-b2s].is-phone-sequence .build-poster{object-fit:contain}[data-b2s].is-phone-sequence .build-captions{left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1.2rem,env(safe-area-inset-bottom))}[data-b2s].is-phone-sequence .build-caption{left:0;right:0;max-width:none;padding:.85rem 1rem;border-radius:12px}[data-b2s].is-phone-sequence .build-caption h2{font-size:1.2rem}[data-b2s].is-phone-sequence .build-caption p{font-size:.9rem;line-height:1.4}@media (orientation:landscape) and (max-height:600px){[data-b2s].is-phone-sequence .build-captions{left:52%;right:max(1rem,env(safe-area-inset-right));bottom:15%}[data-b2s].is-phone-sequence .build-caption{padding:.65rem .85rem}[data-b2s].is-phone-sequence .build-caption h2{font-size:1.05rem}[data-b2s].is-phone-sequence .build-caption p{font-size:.875rem}[data-b2s].is-phone-sequence .build-poster{width:48%}[data-b2s].is-phone-sequence .build-cue{left:24%}}@media (prefers-reduced-motion:reduce){[data-b2s] .build-track{height:auto}[data-b2s] .build-stage{position:relative}[data-b2s] .build-canvas,[data-b2s] .build-caption{transition:none}}