.bs{--bs-head:64px;--bs-keep:calc(84px + env(safe-area-inset-bottom,0px));background:var(--color-raised);border-block:1px solid var(--color-line);position:relative}@media (min-width:768px){.bs{--bs-head:72px}}.bs-track{height:calc(100svh + 300vh);position:relative}.bs-pin{top:var(--bs-head);box-sizing:border-box;height:calc(100svh - var(--bs-head));padding-block:24px var(--bs-keep);align-items:center;display:flex;position:sticky}.bs-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:56px;width:100%;height:100%;display:grid}.bs-copy{flex-direction:column;gap:24px;min-width:0;display:flex}.bs .h2 em{color:var(--color-accent);font-style:normal}.bs-steps{border-bottom:1px solid var(--color-line);margin:0;padding:0;list-style:none}.bs-step{border-top:1px solid var(--color-line);opacity:.45;transition:opacity .35s var(--ease-soft);padding:14px 0 14px 24px;position:relative}.bs-step.on{opacity:1}.bs-step:before,.bs-bar{content:"";width:2px;position:absolute;top:14px;bottom:14px;left:0}.bs-step:before{background:var(--color-line-strong)}.bs-bar{background:var(--color-accent);transform-origin:top;transform:scaleY(0)}.bs-step h3{font-family:var(--font-display);letter-spacing:-.015em;align-items:baseline;gap:12px;margin:0;font-size:24px;font-weight:650;line-height:1.15;display:flex}.bs-step h3 small{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-faint);font-size:12.5px;font-weight:500}.bs-step.on h3 small{color:var(--color-accent)}.bs-more{transition:grid-template-rows .4s var(--ease-soft);grid-template-rows:1fr;display:grid}.bs-more>div{min-height:0;overflow:hidden}.bs-more p{max-width:46ch;color:var(--color-muted);margin:0;padding-top:6px;font-size:16px;line-height:1.55}@media (max-height:860px),(max-width:899px){.bs-step:not(.on) .bs-more{grid-template-rows:0fr}}.bs-ctas{flex-wrap:wrap;gap:12px;display:flex}.bs-stage.mount{aspect-ratio:5/4;background-color:var(--color-mount);background-image:linear-gradient(color-mix(in srgb, var(--color-accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 7%, transparent) 1px, transparent 1px);background-size:20px 20px;width:100%;max-height:100%;padding:0}.bs-stage canvas{opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-soft);display:block;position:absolute;inset:0}.bs-stage.is-ready canvas{opacity:1}.bs-stage .bs-fallback{object-fit:contain;transition:opacity .4s var(--ease-soft);padding:28px 28px 44px}.bs-stage.is-ready .bs-fallback{opacity:0}.bs-lbl{z-index:2;pointer-events:none;opacity:0;white-space:nowrap;background:var(--color-mount);font-family:var(--font-mono);color:var(--color-accent);border-radius:2px;padding:3px 5px;font-size:13px;font-weight:500;line-height:1;position:absolute;top:0;left:0}.bs-lbl.ink{color:var(--color-ink)}.bs-lbl.tag{border:1px solid var(--color-line-strong);font-family:var(--font-sans);color:var(--color-ink);padding:6px 9px;font-size:13px;line-height:1.2;box-shadow:0 10px 20px -12px #16191c66}.bs-lbl.tag b{color:var(--color-accent);font-weight:600}.bs-stamp{z-index:3;pointer-events:none;opacity:0;border:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-mount) 85%, transparent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);border-radius:2px;align-items:center;gap:6px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:16px;right:18px;transform:rotate(-6deg)}.bs-cap{z-index:2;pointer-events:none;font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-faint);transition:opacity .3s var(--ease-soft);margin:0;font-size:12px;position:absolute;bottom:12px;left:14px;right:14px}.bs-next{align-self:flex-start;justify-items:start;display:grid}.bs-next>*{grid-area:1/1}.bs-hint{pointer-events:none;background:var(--color-ink);color:var(--color-mount);font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-soft), transform .35s var(--ease-soft), visibility 0s linear .35s;border-radius:2px;align-items:center;gap:10px;margin:0;padding:12px 16px 12px 17px;font-size:16px;font-weight:500;line-height:1;display:inline-flex;transform:translateY(6px);box-shadow:0 12px 26px -14px #16191c99}.bs-hint.on{opacity:1;visibility:visible;transition-delay:0s;transform:none}.bs-hint svg,.bs-try>svg{flex:none}.bs-try{background:var(--color-mount);max-width:100%;color:var(--color-ink);border:1px solid var(--color-line-strong);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease-soft), transform .35s var(--ease-soft), border-color .2s var(--ease-soft), visibility 0s linear .35s;border-radius:2px;align-items:center;gap:12px;padding:6px 14px 6px 6px;text-decoration:none;display:inline-flex;transform:translateY(6px);box-shadow:0 12px 26px -16px #16191c73}.bs-try.on{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.bs-try-pic{background:var(--color-paper);border-radius:2px;flex:none;width:56px;height:56px;position:relative;overflow:hidden}.bs-try-pic img{object-fit:cover}.bs-try-3d{z-index:1;background:var(--color-mount);font-family:var(--font-mono);color:var(--color-ink);border-radius:2px;padding:1px 4px;font-size:10px;font-weight:600;line-height:1.3;position:absolute;top:3px;left:3px}.bs-try-words{gap:3px;min-width:0;display:grid}.bs-try-kick{font-family:var(--font-mono);color:var(--color-accent);font-size:12px;line-height:1.2}.bs-try-title{white-space:nowrap;transition:color .2s var(--ease-soft);font-size:16px;font-weight:650;line-height:1.2}.bs-try svg{color:var(--color-accent)}.bs-try:hover{border-color:var(--color-accent)}.bs-try:hover .bs-try-title{color:var(--color-accent)}@media (min-width:900px) and (max-height:960px){.bs-copy{gap:18px}.bs-try{padding:5px 12px 5px 5px}.bs-try-pic{width:44px;height:44px}.bs-try-title{font-size:15px}}@media (max-width:379px){.bs-hint{font-size:14px!important}.bs-try-title{font-size:14px}}@media (max-width:359px){.bs-hint-more{display:none}}@media (prefers-reduced-motion:no-preference){.bs-hint.on svg{animation:bs-nudge 1.4s var(--ease-soft) infinite}.bs-try.on>svg{animation:bs-nudge-x 1.4s var(--ease-soft) infinite}}@keyframes bs-nudge{0%,to{transform:none}45%{transform:translateY(3px)}}@keyframes bs-nudge-x{0%,to{transform:none}45%{transform:translate(3px)}}.bs-foot{flex-wrap:wrap;align-items:center;gap:14px 32px;padding-block:4px 96px;display:flex}.bs-foot-ctas{display:none}@media (max-width:899px){.bs-track{height:calc(100svh + 260vh)}.bs-pin{padding-block:12px var(--bs-keep);align-items:stretch}.bs-grid{flex-direction:column;align-items:stretch;gap:16px;display:flex}.bs-stage.mount{aspect-ratio:auto;flex:auto;order:-1;min-height:180px;max-height:56svh}.bs-copy{flex:none;gap:12px}.home .bs .h2{font-size:26px}.bs-step{padding:10px 0 10px 18px}.bs-step:before,.bs-bar{top:10px;bottom:10px}.bs-step h3{font-size:19px}.bs-more p{padding-top:4px;font-size:15px}.bs-ctas{display:none}.bs-foot{padding-block:0 72px}.bs-foot-ctas{flex-wrap:wrap;gap:10px;width:100%;display:flex}.bs-stamp{padding:6px 8px;font-size:12px;top:auto;bottom:44px;right:12px}.bs-next{margin-top:8px}.bs-hint{padding:11px 14px 11px 15px;font-size:15px}.bs-try{gap:10px;padding:5px 12px 5px 5px}.bs-try-pic{width:48px;height:48px}.bs-try-kick{font-size:11.5px}.bs-try-title{font-size:15px}}@media (max-width:899px) and (max-height:720px){.bs-grid{gap:12px}.bs-copy{gap:10px}.home .bs .h2{font-size:22px}.bs-step{padding-block:8px}.bs-step:before,.bs-bar{top:8px;bottom:8px}.bs-step h3{font-size:17px}.bs-more p{font-size:14px;line-height:1.5}.bs-stage.mount{min-height:150px}.bs-next{margin-top:6px}.bs-hint{padding:9px 12px 9px 13px;font-size:14px}.bs-try-pic{width:42px;height:42px}.bs-try-kick{font-size:11px}.bs-try-title{font-size:14px}}@media (max-width:899px) and (max-height:620px){.bs-step .bs-more{grid-template-rows:0fr}.bs-next{margin-top:2px}.bs-hint{padding:8px 11px 8px 12px;font-size:13px!important}.bs-try{gap:8px;padding:3px 9px 3px 3px}.bs-try-pic{width:32px;height:32px}.bs-try-3d,.bs-try-kick{display:none}}@media (prefers-reduced-motion:reduce),(max-height:560px){.bs-track{height:auto}.bs-pin{height:auto;padding-block:96px 32px;position:static}.bs-grid{height:auto}.bs-step{opacity:1}.bs-step h3 small{color:var(--color-accent)}.bs-step .bs-more{grid-template-rows:1fr!important}.bs-bar{transform:scaleY(1)!important}.bs-ctas{display:flex!important}.bs-foot-ctas{display:none!important}.bs-hint{display:none}.bs-try{opacity:1;visibility:visible;pointer-events:auto;transition:none;transform:none}.bs-stage.mount{aspect-ratio:5/4;flex:none;height:auto;max-height:none}}@media (prefers-reduced-motion:reduce) and (max-width:899px),(max-height:560px) and (max-width:899px){.bs-pin{padding-block:64px 24px}.bs-stage.mount{aspect-ratio:1}}