.hbw-figure{margin:0}.hbw-stage{aspect-ratio:8/5;border-radius:var(--radius-card);background:radial-gradient(circle at 85% 10%, #00c9a724, transparent 55%), radial-gradient(circle at 10% 100%, #ffb3471a, transparent 45%), var(--color-navy-mid);border:1px solid #ffffff1a;position:relative;overflow:hidden;box-shadow:0 16px 60px #00000059;container-type:inline-size}.hbw-svg{width:100%;height:100%;position:absolute;inset:0}.hbw-draw-path{stroke-dasharray:1;stroke-dashoffset:0;animation:12s ease-in-out infinite both hbw-draw}.hbw-start{animation:12s ease-out infinite both hbw-start}.hbw-end{transform-box:fill-box;transform-origin:50%;animation:12s ease-out infinite both hbw-arrive}.hbw-ripple{transform-box:fill-box;transform-origin:50%;opacity:0;animation:2s ease-out infinite hbw-ripple}.hbw-place{white-space:nowrap;color:var(--color-slate);font-size:clamp(10px,2.5cqw,14px);font-weight:500;position:absolute;translate:-50%}.hbw-place-start{animation:12s ease-out infinite both hbw-start}.hbw-place-end{animation:12s ease-out infinite both hbw-arrive}.hbw-pick{white-space:nowrap;color:var(--color-snow);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:1.4cqw;padding:1.1cqw 2.2cqw 1.1cqw 1.4cqw;font-size:clamp(10px,2.4cqw,13.5px);font-weight:500;animation:12s ease-out infinite both hbw-pick;display:inline-flex;position:absolute;top:5cqw;left:4.5cqw}.hbw-pick-dot{background:var(--color-teal);border-radius:9999px;width:2.6cqw;height:2.6cqw;box-shadow:0 0 0 .8cqw #00c9a733}.hbw-stop{position:absolute;translate:-50% -50%}.hbw-tile{filter:drop-shadow(0 6px 14px #00000059);width:11.5cqw;height:11.5cqw;display:grid}.hbw-tile>span,.hbw-label>span{grid-area:1/1}.hbw-label{white-space:nowrap;color:var(--color-slate);justify-items:center;margin-top:1.2cqw;font-size:clamp(10px,2.5cqw,14px);font-weight:500;display:grid;position:absolute;top:100%;left:50%;translate:-50%}.hbw-swap-in{opacity:0;animation:12s ease-in-out infinite both hbw-swap-in}.hbw-swap-out{animation:12s ease-in-out infinite both hbw-swap-out}.hbw-checkout{background:var(--color-snow);color:var(--color-navy);white-space:nowrap;border-radius:3cqw;align-items:center;gap:2.2cqw;padding:1.6cqw 1.8cqw 1.6cqw 2.2cqw;font-size:clamp(11px,2.7cqw,15px);line-height:1.25;animation:12s cubic-bezier(.2,.8,.2,1) infinite both hbw-checkout;display:flex;position:absolute;bottom:5cqw;left:50%;translate:-50%;box-shadow:0 10px 30px #00000059}.hbw-checkout-mark{flex-shrink:0;width:6cqw;height:6cqw}.hbw-checkout-text{flex-direction:column;display:flex}.hbw-checkout-text strong{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}.hbw-checkout-text span{color:var(--color-slate-dim);font-size:.85em}.hbw-tick{background:var(--color-teal);width:6cqw;height:6cqw;color:var(--color-navy);border-radius:9999px;place-items:center;margin-left:1cqw;animation:12s ease-out infinite both hbw-tick;display:grid}.hbw-tick svg{width:62%;height:62%}.hbw-steps{color:var(--color-snow);grid-template-columns:repeat(3,auto);justify-content:space-between;gap:.75rem;margin-top:1.1rem;font-size:.95rem;display:grid}.hbw-steps li{align-items:center;gap:.55rem;display:inline-flex}@media (max-width:30rem){.hbw-steps{font-size:.82rem}.hbw-steps li{text-align:center;flex-direction:column;gap:.35rem}}.hbw-step-number{background:var(--color-teal);width:1.6rem;height:1.6rem;color:var(--color-navy);font-family:var(--font-display);border-radius:9999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.hbw-stop-1{animation:12s ease-out infinite both hbw-stop1}.hbw-stop-2{animation:12s ease-out infinite both hbw-stop2}.hbw-stop-3{animation:12s ease-out infinite both hbw-stop3}.hbw-stop-4{animation:12s ease-out infinite both hbw-stop4}.hbw-step-1{animation:12s linear infinite both hbw-step1}.hbw-step-1 .hbw-step-number{animation:12s linear infinite both hbw-step1-number}.hbw-step-2{animation:12s linear infinite both hbw-step2}.hbw-step-2 .hbw-step-number{animation:12s linear infinite both hbw-step2-number}.hbw-step-3{animation:12s linear infinite both hbw-step3}.hbw-step-3 .hbw-step-number{animation:12s linear infinite both hbw-step3-number}@keyframes hbw-draw{0%,4%{stroke-dashoffset:1px;opacity:1}44%,90%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes hbw-pick{0%{opacity:0;transform:translateY(-30%)}3%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:none}}@keyframes hbw-start{0%{opacity:0}3%,90%{opacity:1}95%,to{opacity:0}}@keyframes hbw-arrive{0%,43%{opacity:0;scale:.4}46%{opacity:1;scale:1.15}48%,90%{opacity:1;scale:1}95%,to{opacity:0;scale:1}}@keyframes hbw-ripple{0%{opacity:.45;scale:.5}to{opacity:0;scale:1.6}}@keyframes hbw-swap-out{0%,47%{opacity:1}50%,97%{opacity:0}to{opacity:1}}@keyframes hbw-swap-in{0%,48%{opacity:0;scale:.7}51%{opacity:1;scale:1.08}53%,97%{opacity:1;scale:1}to{opacity:0}}@keyframes hbw-checkout{0%,53%{opacity:0;transform:translateY(35%)scale(.96)}57%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:none}}@keyframes hbw-tick{0%,58%{scale:0}61%{scale:1.2}63%,to{scale:1}}@keyframes hbw-stop1{0%,12.8%{opacity:0;scale:.5}15.3%{opacity:1;scale:1.1}16.8%,90%{opacity:1;scale:1}95%,to{opacity:0;scale:1}}@keyframes hbw-stop2{0%,19.7%{opacity:0;scale:.5}22.2%{opacity:1;scale:1.1}23.7%,90%{opacity:1;scale:1}95%,to{opacity:0;scale:1}}@keyframes hbw-stop3{0%,26.6%{opacity:0;scale:.5}29.1%{opacity:1;scale:1.1}30.6%,90%{opacity:1;scale:1}95%,to{opacity:0;scale:1}}@keyframes hbw-stop4{0%,33.5%{opacity:0;scale:.5}36%{opacity:1;scale:1.1}37.5%,90%{opacity:1;scale:1}95%,to{opacity:0;scale:1}}@keyframes hbw-step1{0%,13%{opacity:1}14%,99%{opacity:.45}to{opacity:1}}@keyframes hbw-step1-number{0%,13%{background:var(--color-teal);color:var(--color-navy)}14%,99%{color:var(--color-slate);background:#ffffff1a}to{background:var(--color-teal);color:var(--color-navy)}}@keyframes hbw-step2{0%,13%{opacity:.45}14%,51%{opacity:1}52%,to{opacity:.45}}@keyframes hbw-step2-number{0%,13%{color:var(--color-slate);background:#ffffff1a}14%,51%{background:var(--color-teal);color:var(--color-navy)}52%,to{color:var(--color-slate);background:#ffffff1a}}@keyframes hbw-step3{0%,51%{opacity:.45}52%,91%{opacity:1}92%,to{opacity:.45}}@keyframes hbw-step3-number{0%,51%{color:var(--color-slate);background:#ffffff1a}52%,91%{background:var(--color-teal);color:var(--color-navy)}92%,to{color:var(--color-slate);background:#ffffff1a}}@media (prefers-reduced-motion:reduce){.hbw-figure *,.hbw-figure :before,.hbw-figure :after{animation:none!important}}