.shelf-test{--st-bg: #131312;--st-ink: #ecebe7;--st-muted: #98938a;--st-gold: #e8b320;--st-line: #2b2a26;--st-band: #1a1815;--st-well: #0e0d0c;--st-ease: cubic-bezier(.22, .9, .24, 1);background:var(--st-bg);color:var(--st-ink);font:500 16px/1.65 Satoshi,ui-sans-serif,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,3vh,1.9rem) 1rem 2.5rem;-webkit-font-smoothing:antialiased}.shelf-test.standalone{min-height:100vh}.shelf-test *{box-sizing:border-box;margin:0}.shelf-test .frame{width:100%;max-width:980px;display:flex;flex-direction:column}.shelf-test .progress{display:flex;gap:6px;margin-bottom:clamp(.9rem,2.4vh,1.2rem)}.shelf-test .progress i{height:2px;flex:1;background:var(--st-line);border-radius:2px;overflow:hidden;position:relative}.shelf-test .progress i:after{content:"";position:absolute;inset:0;background:var(--st-gold);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--st-ease)}.shelf-test .progress i.on:after{transform:scaleX(1)}.shelf-test .scene{display:none;flex-direction:column}.shelf-test .scene.active{display:flex}.shelf-test [data-s]{opacity:0;transform:translateY(14px);transition:opacity .6s var(--st-ease),transform .6s var(--st-ease)}.shelf-test .in [data-s]{opacity:1;transform:none}.shelf-test .panel{border:1px solid var(--st-line);border-radius:18px;overflow:hidden;background:var(--st-well);display:flex;flex-direction:column}.shelf-test .band{background:var(--st-band);border-bottom:1px solid var(--st-line);padding:clamp(1.2rem,3vw,1.9rem) clamp(1.2rem,3.9vw,2.4rem) clamp(1.1rem,2.8vw,1.75rem);display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.shelf-test .band-copy{display:flex;flex-direction:column;align-items:flex-start}.shelf-test .band-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;text-align:right;padding-bottom:.15rem}.shelf-test .eyebrow{font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--st-gold);margin-bottom:.7rem}.shelf-test .display{font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:clamp(1.5rem,3.4vw,2.375rem);line-height:1.08;letter-spacing:-.015em;margin-bottom:.6rem;max-width:22ch;color:var(--st-ink)}.shelf-test .lede{color:var(--st-muted);font-size:clamp(.95rem,1.6vw,1.03rem);line-height:1.6;max-width:46ch}.shelf-test .microline{color:var(--st-muted);font-size:.78rem;letter-spacing:.03em}.shelf-test .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--st-gold);color:#131312;border:none;border-radius:999px;padding:.85rem 1.7rem;font:700 .95rem Satoshi,ui-sans-serif,system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .3s var(--st-ease),box-shadow .3s var(--st-ease)}.shelf-test .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e8b32038}.shelf-test .btn:focus-visible{outline:2px solid var(--st-gold);outline-offset:3px}.shelf-test .tapcue{display:flex;align-items:center;gap:.55rem;color:var(--st-muted);font-size:.82rem;letter-spacing:.04em;white-space:nowrap;padding-bottom:.4rem}.shelf-test .tapcue:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--st-gold);animation:st-pulse 2s ease-in-out infinite}@keyframes st-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.shelf-test .stage{position:relative}.shelf-test .stage img{display:block;width:100%;height:auto}.shelf-test .stage-wide{position:relative}.shelf-test .zone{position:absolute;background:none;border:none;cursor:pointer;border-radius:10px;transition:box-shadow .3s var(--st-ease),background .3s}.shelf-test .zone:hover,.shelf-test .zone:focus-visible{background:#e8b32012;box-shadow:inset 0 0 0 2px var(--st-gold)}.shelf-test .zone:focus-visible{outline:none}.shelf-test .stage-stack{display:none}@media(max-width:720px){.shelf-test .stage.armed .stage-wide{display:none}.shelf-test .stage.armed .stage-stack{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.2rem 1.2rem 1.4rem}}.shelf-test .pack-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:10px;line-height:0}.shelf-test .pack-btn img{width:min(64vw,250px);height:auto;border-radius:10px;box-shadow:0 14px 30px #00000073}.shelf-test .pack-btn:focus-visible{outline:2px solid var(--st-gold);outline-offset:4px}.shelf-test .pack-btn:active img{transform:scale(.985)}.shelf-test .reveal-stage{display:flex;align-items:center;gap:clamp(1.4rem,4vw,2.75rem);padding:clamp(1.4rem,3.8vw,2.4rem)}.shelf-test .reveal-stage img{width:min(320px,36%);height:auto;border-radius:10px;flex-shrink:0}.shelf-test .reveal-col{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem}.shelf-test .kicker{font-weight:700;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--st-muted);margin-bottom:.7rem}.shelf-test .kicker b{color:var(--st-gold)}.shelf-test .validate{font-family:Satoshi,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:clamp(1.4rem,3vw,2.125rem);line-height:1.1;letter-spacing:-.012em;color:var(--st-ink)}.shelf-test .said{display:inline-flex;flex-wrap:wrap;gap:.35rem .85rem;font-size:.84rem;color:var(--st-muted);border:1px dashed var(--st-line);border-radius:10px;padding:.6rem 1rem}.shelf-test .said b{color:var(--st-ink);font-weight:700}.shelf-test .but{color:var(--st-ink);font-size:1rem;line-height:1.65;max-width:54ch}.shelf-test .panel.endpanel{align-items:center;text-align:center;padding:clamp(2.2rem,6vw,3.75rem) clamp(1.4rem,6vw,5.5rem) clamp(1.8rem,4.5vw,2.75rem)}.shelf-test .endpanel .display{max-width:16ch;margin-left:auto;margin-right:auto;margin-bottom:1rem}.shelf-test .endpanel .lede{max-width:40rem;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}.shelf-test .siglines{width:100%;max-width:34rem;border-top:1px solid var(--st-line);margin-top:2.25rem;padding-top:1.1rem;color:var(--st-muted);font-size:.82rem}@media(max-width:720px){.shelf-test .band{flex-direction:column;align-items:flex-start;gap:1.1rem}.shelf-test .band-side{align-items:flex-start;text-align:left;padding-bottom:0}.shelf-test .tapcue{padding-bottom:0}.shelf-test .reveal-stage{flex-direction:column;align-items:flex-start}.shelf-test .reveal-stage img{width:min(58%,300px);align-self:center}}@media(prefers-reduced-motion:reduce){.shelf-test [data-s]{transition:opacity .3s;transform:none}.shelf-test .btn,.shelf-test .zone{transition:none}.shelf-test .tapcue:before{animation:none}}