.bc{background:var(--bg);color:var(--fg);position:relative}.bc-stage{--u:min(calc(100cqw / 390), calc(100cqh / 720));--ux:calc(100cqw / 390);--fs:.7;height:100svh;min-height:560px;position:sticky;top:0;overflow:clip;container-type:size}.bc-canvas{position:absolute;inset:0}.bc-top{top:max(calc(14 * var(--u)), env(safe-area-inset-top));z-index:30;gap:calc(10 * var(--u));width:min(calc(354 * var(--u)), calc(100cqw - 32px));display:grid;position:absolute;left:50%;translate:-50%}.bc-top__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.bc-wordmark{background:var(--rb-ink);border-radius:999px;align-items:center;height:40px;padding:0 14px;display:inline-flex}.bc-wordmark img{width:auto;height:17px;display:block}.bc-top .rb-sample{margin:0}.bc-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none;display:none}.bc-steps li{gap:6px;font-size:.8438rem;font-weight:750;line-height:1.2;display:grid}.bc-steps i{background:var(--line);border-radius:999px;height:4px;display:block;overflow:hidden}.bc-steps b{transform-origin:0;background:currentColor;height:100%;display:block}.bc-card{--tx:var(--fx);--ty:var(--fy);--tr:var(--fr);--ox:var(--r4x);--oy:var(--r4y);--R:1;--P:1;--k:1;z-index:var(--z);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));margin:calc(var(--h) * var(--u) / -2) 0 0 calc(var(--w) * var(--u) / -2);translate:calc(var(--tx) * var(--u)) calc(var(--ty) * var(--u));rotate:calc(var(--tr) * 1deg);position:absolute;top:50%;left:50%}.bc-drop{height:100%;position:relative}.bc-card .bc-sheet{scale:calc(var(--fs) * var(--k))}.bc-chip{top:calc(50% + var(--h) * var(--u) * var(--fs) * var(--k) / 2);z-index:1;background:var(--rb-mint);color:var(--rb-ink);font-size:calc(12.5 * var(--u) * var(--k));white-space:nowrap;border-radius:999px;align-items:center;gap:.3em;padding:.34em .72em .34em .52em;font-weight:750;line-height:1;display:inline-flex;position:absolute;left:50%;translate:-50% -22%;rotate:-3deg;box-shadow:0 8px 16px -10px #1b124099}.bc-chip svg{flex:none;width:1.1em;height:1.1em}.bc-sticker{z-index:20;width:calc(214 * var(--u));height:fit-content;padding:calc(18 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u));border-radius:calc(26 * var(--u));background:var(--rb-ink);color:var(--rb-white);pointer-events:none;margin:auto;display:none;position:absolute;inset:0;rotate:-2deg;box-shadow:0 28px 56px -24px #1b1240a6,0 6px 14px #1b124038}.bc-sticker strong{font-size:calc(32 * var(--u));letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:.98;display:block}.bc-sticker__sub{margin-top:calc(10 * var(--u));color:var(--rb-on-dark);font-size:calc(15.5 * var(--u));text-wrap:balance;line-height:1.3;display:block}.bc-sticker--read{width:calc(178 * var(--u));rotate:2deg}.bc-sticker__logo{width:auto;height:.8em;margin:.04em 0 .16em;display:block}.bc-sticker--read strong{font-size:calc(29 * var(--u))}.bc-copy{inset:calc(30 * var(--u)) 0 0;z-index:20;width:min(calc(342 * var(--u)), calc(100cqw - 32px));text-align:center;height:fit-content;margin:auto;position:absolute}.bc-copy h2{font-size:calc(40 * var(--u));letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:800;line-height:1}.bc-copy p{max-width:30ch;margin:calc(14 * var(--u)) auto 0;color:var(--fg2);font-size:calc(17 * var(--u));text-wrap:pretty;line-height:1.42}.bc-copy .rb-btn{margin-top:calc(20 * var(--u))}.bc-hint{bottom:max(calc(22 * var(--u)), env(safe-area-inset-bottom));z-index:30;background:var(--rb-ink);min-height:36px;color:var(--rb-white);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.875rem;font-weight:750;display:none;position:absolute;left:50%;translate:-50%}.bc-hint svg{width:16px;height:16px}.bc-mouse{border:2px solid;border-radius:8px;width:14px;height:21px;position:relative}.bc-mouse:after{content:"";background:currentColor;border-radius:2px;width:2px;height:5px;margin-left:-1px;position:absolute;top:3px;left:50%}.bc--embedded .bc-hint{gap:10px;min-height:44px;padding:0 18px 0 16px;font-size:1rem}.bc--embedded .bc-mouse{width:16px;height:24px}.bc-after{padding:clamp(64px, 10vh, 112px) var(--rb-pad-x);border-radius:var(--rb-radius) var(--rb-radius) 0 0;background:var(--bg);color:var(--fg)}.bc-after__in{max-width:40rem;margin:0 auto}.bc-after h2{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,1.2rem + 2.4vw,3.4rem);font-weight:800;line-height:1}.bc-after p{color:var(--fg2);margin:18px 0 0}.bc-after .rb-btn{margin-top:28px}.rb-slide.rb-slide--flush{padding:0 0 var(--rb-radius);margin-bottom:calc(-1 * var(--rb-radius))}.rb-root[data-motion=on] .rb-slide.rb-slide--flush{position:relative;top:auto}.bc--embedded .bc-stage{top:var(--rb-hdr);height:calc(100svh - var(--rb-hdr))}.bc-only-wide{display:none}@media (min-width:900px),(hover:hover) and (pointer:fine){.bc-only-wide{display:block}.bc-only-narrow{display:none}}@container (min-width:900px){.bc-top,.bc-canvas,.bc-copy,.bc-sticker,.bc-hint{--u:min(calc(100cqw / 1200), calc(100cqh / 720))}.bc .bc-card{--tx:var(--dfx);--ty:var(--dfy);--tr:var(--dfr);--ox:var(--dox);--oy:var(--doy);--R:1.55;--P:1.35;--k:1.4}.bc-top{width:min(calc(620 * var(--u)), calc(100cqw - 64px))}.bc-copy{width:min(calc(520 * var(--u)), calc(100cqw - 64px));inset:0}.bc-copy h2{font-size:calc(64 * var(--u))}.bc-copy p{max-width:32ch;margin-top:calc(18 * var(--u));font-size:calc(21 * var(--u))}.bc-copy .rb-btn{margin-top:calc(26 * var(--u))}.bc-sticker{width:calc(300 * var(--u));padding:calc(24 * var(--u)) calc(28 * var(--u)) calc(26 * var(--u));border-radius:calc(30 * var(--u))}.bc-sticker strong{font-size:calc(46 * var(--u))}.bc-sticker__sub{font-size:calc(20 * var(--u))}.bc-sticker--read{width:calc(270 * var(--u))}.bc-sticker--read strong{font-size:calc(42 * var(--u))}}@media (prefers-reduced-motion:no-preference){.bc{--bc-track:420svh}.bc.bc--embedded{--bc-track:360svh}.bc :is(.bc-card,.bc-sheet,.bc-mark,.bc-chip,.bc-sticker,.bc-copy,.bc-hint,.bc-steps b,.bc2-intro){--bc-a:0;--bc-b:1;animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(clamp(0, (var(--bcp,1) - var(--bc-a)) / (var(--bc-b) - var(--bc-a)), 1) * -1s)}.bc-sticker{display:block}.bc-steps{display:grid}.bc-hint{display:inline-flex}.bc--embedded .bc-hint{display:none}@media (hover:hover) and (pointer:fine){.bc--embedded .bc-hint{display:inline-flex}}.bc-mouse:after{animation:bc-wheel 1.6s var(--rb-ease) infinite}.bc-card{will-change:translate, rotate;animation-name:bc-fly}.bc-sheet{will-change:scale;animation-name:bc-size}.bc-merchant .bc-mark{animation-name:bc-read}.bc-total .bc-mark{animation-name:bc-read-late}.bc-chip{animation-name:bc-chip}.bc-card:nth-child(2n) .bc-chip{animation-name:bc-chip-late}.bc-sticker--chaos{animation-name:bc-sticker-chaos}.bc-sticker--read{animation-name:bc-sticker-read}.bc-copy{animation-name:bc-copy}.bc-hint{animation-name:bc-hint}.bc-steps b{animation-name:bc-fill}.bc-steps li:first-child b{--bc-a:0;--bc-b:.34}.bc-steps li:nth-child(2) b{--bc-a:.34;--bc-b:.6}.bc-steps li:nth-child(3) b{--bc-a:.6;--bc-b:.86}@media (scripting:enabled){.bc-drop{animation:bc-drop 1.1s var(--rb-ease) both;animation-delay:calc(var(--z) * 70ms)}}.bc--embedded .bc-drop{animation:none}@supports (animation-timeline:view()){.bc{height:var(--bc-track);view-timeline:--bc block}.bc :is(.bc-card,.bc-sheet,.bc-mark,.bc-chip,.bc-sticker,.bc-copy,.bc-hint,.bc-steps b,.bc2-intro){animation-duration:auto;animation-play-state:running;animation-delay:0s;animation-timeline:--bc;animation-range:contain calc(var(--bc-a) * 100%) contain calc(var(--bc-b) * 100%)}}@supports not (animation-timeline:view()){@media (scripting:enabled){.bc{--bcp:0;height:var(--bc-track)}}}}@keyframes bc-fly{0%,6%{translate:calc(var(--cx) * var(--ux)) calc(var(--cy) * var(--u));rotate:calc(var(--cr) * 1deg);animation-timing-function:cubic-bezier(.55,0,.75,.6)}20%{translate:calc(var(--mx) * var(--u)) calc(var(--my) * var(--u));rotate:calc(var(--mr) * 1deg);animation-timing-function:cubic-bezier(.25,.4,.3,1)}34%{translate:calc(var(--r0x) * var(--u) * var(--R)) calc(var(--r0y) * var(--u) * var(--R));rotate:calc(var(--rr) * 1deg);animation-timing-function:linear}43%{translate:calc(var(--r1x) * var(--u) * var(--R)) calc(var(--r1y) * var(--u) * var(--R));rotate:calc(var(--rr) * 1deg);animation-timing-function:linear}52%{translate:calc(var(--r2x) * var(--u) * var(--R)) calc(var(--r2y) * var(--u) * var(--R));rotate:calc(var(--rr) * 1deg);animation-timing-function:linear}60%{translate:calc(var(--r3x) * var(--u) * var(--R)) calc(var(--r3y) * var(--u) * var(--R));rotate:calc(var(--tr) * 1deg);animation-timing-function:linear}67%{translate:calc(var(--ox) * var(--u)) calc(var(--oy) * var(--u));rotate:calc(var(--tr) * 1deg);animation-timing-function:cubic-bezier(.28,.58,.24,1)}84%,to{translate:calc(var(--tx) * var(--u)) calc(var(--ty) * var(--u));rotate:calc(var(--tr) * 1deg)}}@keyframes bc-size{0%,6%{scale:calc(var(--cs) * var(--k))}34%,60%{scale:calc(.68 * var(--k))}84%,to{scale:calc(var(--fs) * var(--k))}}@keyframes bc-read{0%,36%{opacity:0}41%,56%{opacity:1}62%,to{opacity:0}}@keyframes bc-read-late{0%,42%{opacity:0}47%,57%{opacity:1}62%,to{opacity:0}}@keyframes bc-chip{0%,82%{opacity:0;scale:.5}88%,to{opacity:1;scale:1}}@keyframes bc-chip-late{0%,85%{opacity:0;scale:.5}91%,to{opacity:1;scale:1}}@keyframes bc-sticker-chaos{0%,17%{opacity:1;translate:0;scale:1}26%,to{opacity:0;translate:0 calc(-18 * var(--u));scale:.94}}@keyframes bc-sticker-read{0%,27%{opacity:0;scale:.86}34%,61%{opacity:1;scale:1}73%,to{opacity:0;scale:.94}}@keyframes bc-copy{0%,64%{opacity:0;visibility:hidden;translate:0 calc(16 * var(--u))}65%{opacity:0;visibility:visible;translate:0 calc(16 * var(--u))}82%,to{opacity:1;visibility:visible;translate:0}}@keyframes bc-hint{0%,1%{opacity:1}6%,to{opacity:0}}@keyframes bc-wheel{0%{opacity:1;translate:0}70%,to{opacity:0;translate:0 7px}}@keyframes bc-fill{0%{scale:0 1}to{scale:1}}@keyframes bc-drop{0%{translate:0 calc(-100cqh - 80 * var(--u));rotate:24deg}to{translate:0;rotate:none}}