.bs{--bs-instant:90ms;--bs-quick:160ms;--bs-base:240ms;--bs-slow:400ms;--bs-story:700ms;--bs-ease-enter:cubic-bezier(0,0,0.2,1);--bs-ease-exit:cubic-bezier(0.4,0,1,1);--bs-ease-move:var(--ease-out);--bs-ease-press:linear(0,0.36 12%,0.82 28%,1.04 44%,1.02 60%,1);--bs-accent:var(--hb-pulse-cyan);--bs-wall:color-mix(in srgb,var(--color-surface) 70%,var(--hb-handshake-violet) 6%);--bs-wall-deep:var(--hb-night);--bs-wood:color-mix(in srgb,var(--color-surface-raised) 82%,var(--hb-momentum) 18%);--bs-wood-top:color-mix(in srgb,var(--color-surface-raised) 64%,var(--hb-momentum) 36%);--bs-skin:color-mix(in srgb,var(--hb-coral) 34%,var(--hb-cloud));--bs-skin-shade:color-mix(in srgb,var(--hb-coral) 52%,var(--hb-slate));--bs-sleeve:color-mix(in srgb,var(--hb-handshake-violet) 52%,var(--hb-night));--bs-cuff:var(--hb-handshake-violet);margin:0;container-type:inline-size}.bs__scene{--tv-x:4cqw;--tv-y:6cqw;--tv-w:58cqw;--box-x:34cqw;--box-y:44.5cqw;--box-w:20cqw;--counter-y:82cqw;--phone-x:51cqw;--phone-y:29cqw;--phone-w:43cqw;--shelf-x:66cqw;--shelf-y:5cqw;--shelf-w:34cqw;--shelf-h:22cqw;--glass-x:24cqw;--glass-w:6cqw;position:relative;aspect-ratio:4 / 5;overflow:hidden;isolation:isolate;border-radius:var(--radius-panel);border:1px solid var(--color-border);background:radial-gradient(60% 40% at 78% 18%,color-mix(in srgb,var(--hb-pink) 14%,transparent),transparent 70%),radial-gradient(50% 36% at 22% 30%,color-mix(in srgb,var(--hb-handshake-violet) 16%,transparent),transparent 70%),linear-gradient(180deg,var(--bs-wall) 0%,var(--bs-wall-deep) 100%)}@container (min-width:34rem){.bs__scene{aspect-ratio:16 / 10;--tv-x:4cqw;--tv-y:8cqw;--tv-w:42cqw;--box-x:28cqw;--box-y:36cqw;--box-w:13cqw;--counter-y:44cqw;--phone-x:64.5cqw;--phone-y:4.5cqw;--phone-w:24cqw;--shelf-x:48cqw;--shelf-y:8cqw;--shelf-w:52cqw;--shelf-h:30cqw;--glass-x:52cqw;--glass-w:3.4cqw}}.bs__layer{position:absolute;inset:0 -2cqw;pointer-events:none}.bs__layer>*{position:absolute}.bs__neon{left:2cqw;right:2cqw;top:calc(var(--counter-y) - 5cqw);height:2px;border-radius:2px;background:var(--gradient-signature);opacity:0.55;box-shadow:0 0 12px color-mix(in srgb,var(--hb-pink) 55%,transparent)}.bs__shelves{left:calc(var(--shelf-x) + 2cqw);top:var(--shelf-y);width:var(--shelf-w);height:var(--shelf-h);overflow:visible}.bs__shelves .bs-glow{fill:color-mix(in srgb,var(--hb-handshake-violet) 22%,transparent)}.bs__shelves .bs-plank{fill:var(--bs-wood)}.bs__shelves .bs-plank-edge{fill:color-mix(in srgb,var(--hb-reward) 45%,transparent)}.bs-bottle--a{fill:color-mix(in srgb,var(--hb-live-green) 42%,var(--color-surface-raised))}.bs-bottle--b{fill:color-mix(in srgb,var(--hb-reward) 46%,var(--color-surface-raised))}.bs-bottle--c{fill:color-mix(in srgb,var(--hb-handshake-violet) 50%,var(--color-surface-raised))}.bs-bottle--d{fill:color-mix(in srgb,var(--hb-slate) 40%,var(--color-surface-raised))}.bs-bottle--e{fill:color-mix(in srgb,var(--hb-coral) 42%,var(--color-surface-raised))}.bs-bottle-shine{fill:color-mix(in srgb,var(--hb-cloud) 22%,transparent)}.bs__pendant{top:0;width:7cqw;height:18cqw;translate:-50% 0;transform-origin:50% 0}.bs__pendant::before{content:"";position:absolute;left:50%;top:0;width:1px;height:4cqw;background:var(--color-border-strong)}.bs__pendant i{position:absolute;left:0;top:4cqw;width:100%;height:2.6cqw;border-radius:50% 50% 0.4cqw 0.4cqw / 90% 90% 0.4cqw 0.4cqw;background:linear-gradient(180deg,var(--color-surface-raised),var(--color-border-strong))}.bs__pendant b{position:absolute;left:-60%;top:6.4cqw;width:220%;height:12cqw;background:radial-gradient(50% 60% at 50% 0%,color-mix(in srgb,var(--hb-reward) 30%,transparent),transparent 75%)}.bs__pendant b::before{content:"";position:absolute;left:50%;top:-0.4cqw;width:2.2cqw;height:0.9cqw;translate:-50% 0;border-radius:0 0 50% 50%;background:color-mix(in srgb,var(--hb-reward) 70%,var(--hb-cloud));box-shadow:0 0 14px color-mix(in srgb,var(--hb-reward) 70%,transparent)}.bs__pendant--1{left:calc(78cqw + 2cqw)}.bs__pendant--2,.bs__pendant--3{display:none}@container (min-width:34rem){.bs__pendant--1{left:calc(24cqw + 2cqw)}.bs__pendant--2{display:block;left:calc(55cqw + 2cqw)}.bs__pendant--3{display:block;left:calc(97cqw + 2cqw)}.bs__pendant i{top:2.4cqw}.bs__pendant::before{height:2.4cqw}.bs__pendant b{top:4.8cqw}}.bs__tv{left:calc(var(--tv-x) + 2cqw);top:var(--tv-y);width:var(--tv-w)}.bs__tv.hb-screen{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--hb-cloud) 7%,transparent),0 18px 40px color-mix(in srgb,var(--hb-night) 70%,transparent),0 0 34px color-mix(in srgb,var(--bs-accent) 12%,transparent)}.bs__qr-ring{position:absolute;z-index:2;left:1.2%;top:79%;width:21%;height:19.4%;border-radius:6px;border:2px solid var(--bs-accent);box-shadow:0 0 14px color-mix(in srgb,var(--bs-accent) 55%,transparent);opacity:0}.bs__toast{position:absolute;z-index:2;right:3%;top:5%;display:inline-flex;align-items:center;gap:0.35em;padding:0.3em 0.75em 0.3em 0.45em;border-radius:999px;font:700 max(9px,3.4cqw) / 1 var(--font-display);letter-spacing:0.02em;color:var(--hb-night);background:var(--hb-reward-lime);box-shadow:0 6px 18px color-mix(in srgb,var(--hb-night) 60%,transparent);opacity:0}.bs__toast svg{width:1.15em;height:1.15em;fill:currentColor}.bs__box{left:calc(var(--box-x) + 2cqw);top:var(--box-y);width:var(--box-w);aspect-ratio:13 / 2.9;display:grid;place-items:center;border-radius:0.6cqw;background:linear-gradient(180deg,var(--color-surface-raised),var(--hb-night));border:1px solid var(--color-border-strong);border-bottom:2px solid var(--svc);box-shadow:0 6px 14px color-mix(in srgb,var(--hb-night) 70%,transparent),0 0 18px color-mix(in srgb,var(--svc) 18%,transparent)}.bs__box img{width:62%;height:auto;display:block}.bs__box::after{content:"";position:absolute;right:5%;top:50%;width:0.7cqw;height:0.7cqw;min-width:3px;min-height:3px;translate:0 -50%;border-radius:50%;background:var(--hb-live-green)}.bs__shelf{left:calc(var(--box-x) + 2cqw - 1.2cqw);top:calc(var(--box-y) + var(--box-w) * 2.9 / 13);width:calc(var(--box-w) + 2.4cqw);height:0.7cqw;border-radius:0 0 0.4cqw 0.4cqw;background:var(--bs-wood-top)}.bs__cable{--bs-cable-h:calc(var(--box-y) - var(--tv-y) - var(--tv-w) * 0.594);left:calc(var(--box-x) + 2cqw + var(--box-w) * 0.5);top:calc(var(--tv-y) + var(--tv-w) * 0.594);width:3px;height:var(--bs-cable-h);translate:-50% 0;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--svc) 75%,transparent) 0 3px,transparent 3px 6px)}.bs__cable i{position:absolute;left:50%;bottom:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--svc);box-shadow:0 0 8px var(--svc);opacity:0}.bs__counter{left:0;right:0;top:var(--counter-y);bottom:0;background:repeating-linear-gradient(90deg,transparent 0 9cqw,color-mix(in srgb,var(--hb-cloud) 4%,transparent) 9cqw calc(9cqw + 1px)),linear-gradient(180deg,var(--bs-wood) 0%,var(--hb-night) 100%)}.bs__counter::before{content:"";position:absolute;left:0;right:0;top:-1.6cqw;height:1.6cqw;background:linear-gradient(180deg,var(--bs-wood-top),var(--bs-wood));border-top:1px solid color-mix(in srgb,var(--hb-reward) 40%,transparent)}.bs__counter::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--bs-accent);opacity:0.6;box-shadow:0 0 16px 2px color-mix(in srgb,var(--bs-accent) 55%,transparent)}.bs__glass{left:calc(var(--glass-x) + 2cqw);top:calc(var(--counter-y) - 1.6cqw);width:var(--glass-w);aspect-ratio:34 / 80;translate:0 -100%}.bs__glass .g-beer{fill:color-mix(in srgb,var(--hb-reward) 80%,var(--hb-momentum))}.bs__glass .g-foam{fill:var(--hb-cloud)}.bs__glass .g-glass{fill:color-mix(in srgb,var(--hb-cloud) 14%,transparent);stroke:color-mix(in srgb,var(--hb-cloud) 40%,transparent);stroke-width:1.2}.bs__signal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.bs__signal--tall{display:block}.bs__signal--wide{display:none}@container (min-width:34rem){.bs__signal--tall{display:none}.bs__signal--wide{display:block}}.bs__signal path{fill:none;stroke:color-mix(in srgb,var(--bs-accent) 30%,transparent);stroke-width:0.18;stroke-dasharray:0.6 0.9}.bs-bead{fill:var(--bs-accent);opacity:0.55;transform-box:fill-box;transform-origin:center}.bs__guest{position:absolute;z-index:2;left:var(--phone-x);top:var(--phone-y);width:var(--phone-w);transform-origin:50% 80%}.bs__guest .hb-phone{max-width:none;margin:0;z-index:1;box-shadow:0 22px 44px color-mix(in srgb,var(--hb-night) 70%,transparent),0 0 30px color-mix(in srgb,var(--bs-accent) 20%,transparent)}.bs__screen{position:relative;aspect-ratio:9 / 19.5;overflow:hidden;border-radius:16px;background:var(--hb-night)}.bs__screen picture,.bs__screen img,.bs__scan{position:absolute;inset:0;display:block;width:100%;height:100%}.bs__screen img{object-fit:cover;object-position:top}.bs__screen>*{opacity:0}.bs__screen>[data-screen="landing"]{opacity:1}.bs[data-screen] .bs__screen>*{opacity:0;transition:opacity var(--bs-base) var(--bs-ease-enter)}.bs[data-screen="scan"] .bs__screen>[data-screen="scan"],.bs[data-screen="connect"] .bs__screen>[data-screen="connect"],.bs[data-screen="signup"] .bs__screen>[data-screen="signup"],.bs[data-screen="landing"] .bs__screen>[data-screen="landing"],.bs[data-screen="question"] .bs__screen>[data-screen="question"],.bs[data-screen="scratch"] .bs__screen>[data-screen="scratch"],.bs[data-screen="staff"] .bs__screen>[data-screen="staff"]{opacity:1}.bs__scan{display:grid;place-items:center;background:radial-gradient(70% 50% at 50% 45%,var(--color-surface-raised),var(--hb-night))}.bs__scan-frame{position:relative;width:66%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.bs__scan-frame img{position:static;width:82%;height:auto;border-radius:4px}.bs__scan-frame b{position:absolute;width:22%;height:22%;border:3px solid var(--bs-accent)}.bs__scan-frame b:nth-child(2){left:0;top:0;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.bs__scan-frame b:nth-child(3){right:0;top:0;border-left:0;border-bottom:0;border-radius:0 6px 0 0}.bs__scan-frame b:nth-child(4){left:0;bottom:0;border-right:0;border-top:0;border-radius:0 0 0 6px}.bs__scan-frame b:nth-child(5){right:0;bottom:0;border-left:0;border-top:0;border-radius:0 0 6px 0}.bs__scan-line{position:absolute;left:6%;right:6%;top:8%;height:2px;background:var(--bs-accent);box-shadow:0 0 10px var(--bs-accent);opacity:0}.bs__ripple{position:absolute;z-index:3;width:18%;aspect-ratio:1;margin:-9% 0 0 -9%;border-radius:50%;pointer-events:none;border:2px solid var(--bs-accent);background:color-mix(in srgb,var(--bs-accent) 25%,transparent);opacity:0}.bs-skin{fill:var(--bs-skin)}.bs-skin-shade{fill:var(--bs-skin-shade)}.bs-sleeve{fill:var(--bs-sleeve)}.bs-cuff{fill:var(--bs-cuff)}.bs-crease{fill:none;stroke:var(--bs-skin-shade);stroke-width:1.6;stroke-linecap:round}.bs__hold{position:absolute;left:-30%;top:55%;width:170%;height:auto;aspect-ratio:170 / 195;pointer-events:none}.bs__hold--back{z-index:0}.bs__hold--front{z-index:2}.bs__pointer{position:absolute;z-index:3;left:0;top:0;width:100%;aspect-ratio:120 / 200;pointer-events:none;transform:translate(82%,88%);will-change:transform}.bs .bs__toggle{top:0.6rem;right:0.6rem;left:auto;z-index:5}.bs__toggle .hb-icon-pause{display:none}.bs__toggle .hb-icon-play{display:block}.bs__toggle[data-playing] .hb-icon-pause{display:block}.bs__toggle[data-playing] .hb-icon-play{display:none}.bs__steps{display:flex;flex-wrap:wrap;gap:0.45rem 0.5rem;margin:0.9rem 0 0;padding:0;list-style:none;counter-reset:bs-step}.bs__steps li{counter-increment:bs-step;display:inline-flex;align-items:center;gap:0.45rem;min-height:2rem;padding:0.25rem 0.75rem 0.25rem 0.3rem;border-radius:999px;border:1px solid var(--color-border);font-size:var(--text-sm);line-height:1.25;color:var(--color-heading);background:var(--color-surface);transition:border-color var(--bs-base) var(--bs-ease-move),background-color var(--bs-base) var(--bs-ease-move),color var(--bs-base) var(--bs-ease-move)}.bs__steps li::before{content:counter(bs-step);display:grid;place-items:center;width:1.5rem;height:1.5rem;flex:none;border-radius:50%;font-size:var(--text-label);font-weight:800;color:var(--hb-night);background:var(--hb-slate);transition:background-color var(--bs-base) var(--bs-ease-move)}.bs.is-live .bs__steps li{color:var(--color-body)}.bs.is-live .bs__steps li.is-current{color:var(--color-heading);border-color:var(--bs-accent);background:color-mix(in srgb,var(--bs-accent) 12%,var(--color-surface))}.bs.is-live .bs__steps li.is-current::before{background:var(--bs-accent)}@keyframes bs-sway{from{rotate:-1.2deg}to{rotate:1.2deg}}@keyframes bs-drift{from{translate:-0.3cqw 0}to{translate:0.3cqw 0}}@keyframes bs-drift-near{from{translate:0.6cqw 0}to{translate:-0.6cqw 0}}@keyframes bs-float{from{translate:0 -0.25cqw}to{translate:0 0.25cqw}}@keyframes bs-bead{0%,100%{opacity:0.25;scale:1}12%{opacity:1;scale:1.7}30%{opacity:0.25;scale:1}}@keyframes bs-cable{0%{translate:0 0;opacity:0}15%{opacity:1}85%{opacity:1}100%{translate:0 calc(-1 * var(--bs-cable-h,3cqw));opacity:0}}.bs.is-live .bs__pendant{animation:bs-sway 7s ease-in-out infinite alternate}.bs.is-live .bs__pendant--2{animation-delay:-2.3s}.bs.is-live .bs__pendant--3{animation-delay:-4.1s}.bs.is-live .bs__layer--wall{animation:bs-drift 18s ease-in-out infinite alternate}.bs.is-live .bs__layer--bar{animation:bs-drift-near 18s ease-in-out infinite alternate}.bs.is-live .bs__guest{animation:bs-float 4.5s ease-in-out infinite alternate}.bs.is-live .bs-bead{animation:bs-bead 3s linear infinite;animation-delay:calc(var(--i) * 0.12s)}.bs.is-live .bs__cable i{animation:bs-cable 3s var(--bs-ease-move) infinite}@media (prefers-reduced-motion:reduce){.bs *,.bs *::before,.bs *::after{animation:none!important;transition:none!important}}