@property --d{syntax:"<integer>";inherits:false;initial-value:0}.how-module__JZcgXW__how:not(.how-module__JZcgXW__on) *{animation-play-state:paused!important}.how-module__JZcgXW__card{transition:none;animation:12s infinite both how-module__JZcgXW__active}.how-module__JZcgXW__card[data-step="2"],.how-module__JZcgXW__card[data-step="2"] *{animation-delay:4s}.how-module__JZcgXW__card[data-step="3"],.how-module__JZcgXW__card[data-step="3"] *{animation-delay:8s}@keyframes how-module__JZcgXW__active{0%{transform:translateY(0);box-shadow:0 0 #0000}3%,30%{box-shadow:0 0 0 2px var(--violet), 0 18px 40px -18px color-mix(in oklch, var(--violet) 45%, transparent);transform:translateY(-4px)}34%,to{transform:translateY(0);box-shadow:0 0 #0000}}.how-module__JZcgXW__num{animation:12s infinite both how-module__JZcgXW__num}@keyframes how-module__JZcgXW__num{0%{color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet);background:0 0}3%,30%{background:var(--violet);color:#fff;box-shadow:inset 0 0 0 2px var(--violet)}34%,to{color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet);background:0 0}}.how-module__JZcgXW__bar{background:var(--violet);transform-origin:0;height:3px;animation:12s linear infinite both how-module__JZcgXW__bar;position:absolute;bottom:0;left:0;right:0}@keyframes how-module__JZcgXW__bar{0%{opacity:1;transform:scaleX(0)}33%{opacity:1;transform:scaleX(1)}35%,to{opacity:0;transform:scaleX(1)}}.how-module__JZcgXW__wall{grid-template-columns:repeat(3,2.3rem);gap:.45rem;display:grid;position:relative}.how-module__JZcgXW__ad{aspect-ratio:4/5;background:var(--ink);border-radius:.45rem;flex-direction:column;justify-content:flex-end;gap:3px;padding:5px;animation:12s infinite both how-module__JZcgXW__dim;display:flex;position:relative}.how-module__JZcgXW__ad i{background:#ffffff8c;border-radius:9px;height:4px;display:block}.how-module__JZcgXW__ad i:first-child{background:var(--violet-soft);width:60%}@keyframes how-module__JZcgXW__dim{0%,15%{opacity:1}19%,30%{opacity:.28}34%,to{opacity:1}}.how-module__JZcgXW__ad.how-module__JZcgXW__win{animation-name:how-module__JZcgXW__win}@keyframes how-module__JZcgXW__win{0%,15%{transform:scale(1);box-shadow:0 0 #0000}19%,30%{box-shadow:0 0 0 2px var(--violet), 0 6px 16px -6px var(--violet);transform:scale(1.08)}34%,to{transform:scale(1);box-shadow:0 0 #0000}}.how-module__JZcgXW__scan{background:var(--violet);height:2px;box-shadow:0 0 12px 2px color-mix(in oklch, var(--violet) 60%, transparent);border-radius:2px;animation:12s ease-in-out infinite both how-module__JZcgXW__scan;position:absolute;top:0;left:-10%;right:-10%}@keyframes how-module__JZcgXW__scan{0%{opacity:0;transform:translateY(-6px)}2%{opacity:1}15%{transform:translateY(var(--h,150px));opacity:1}17%,to{transform:translateY(var(--h,150px));opacity:0}}.how-module__JZcgXW__days{white-space:nowrap;color:#fff;background:var(--violet);counter-reset:d var(--d);border-radius:99px;padding:2px 6px;font-size:9px;font-weight:700;animation:12s infinite both how-module__JZcgXW__days;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.how-module__JZcgXW__days:after{content:counter(d) " days running"}@keyframes how-module__JZcgXW__days{0%,17%{--d:0;opacity:0;transform:translate(-50%)scale(.6)}19%{opacity:1;transform:translate(-50%)scale(1)}27%,30%{--d:var(--to);opacity:1;transform:translate(-50%)scale(1)}33%,to{--d:var(--to);opacity:0;transform:translate(-50%)scale(1)}}.how-module__JZcgXW__make{width:14rem;height:8.5rem;position:relative}.how-module__JZcgXW__chip{background:var(--card);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--border);white-space:nowrap;border-radius:99px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;animation:12s cubic-bezier(.6,0,.3,1) infinite both how-module__JZcgXW__fly;display:flex;position:absolute;left:0}.how-module__JZcgXW__chip:first-child{--dx:9.6rem;--dy:1.6rem;top:.9rem}.how-module__JZcgXW__chip:nth-child(2){--dx:9.6rem;--dy:.4rem;animation-name:how-module__JZcgXW__fly2;top:3.4rem}.how-module__JZcgXW__chip:nth-child(3){--dx:9.6rem;--dy:-1rem;animation-name:how-module__JZcgXW__fly3;top:5.9rem}@keyframes how-module__JZcgXW__fly{0%,5%{opacity:1;transform:none}11%{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}32%{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}34%,to{opacity:1;transform:none}}@keyframes how-module__JZcgXW__fly2{0%,8%{opacity:1;transform:none}14%{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}32%{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}34%,to{opacity:1;transform:none}}@keyframes how-module__JZcgXW__fly3{0%,11%{opacity:1;transform:none}17%{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}32%{transform:translate(var(--dx), var(--dy)) scale(.35);opacity:0}34%,to{opacity:1;transform:none}}.how-module__JZcgXW__blank{aspect-ratio:4/5;background:var(--ink);border-radius:.55rem;width:4.6rem;animation:12s infinite both how-module__JZcgXW__lock;position:absolute;top:.6rem;right:0;overflow:hidden;box-shadow:0 8px 20px -10px #00000080}@keyframes how-module__JZcgXW__lock{0%,19%{transform:scale(1)}21%{transform:scale(1.07)}24%,to{transform:scale(1)}}.how-module__JZcgXW__ghost{background:linear-gradient(#ffffff1a,#ffffff1a) 0 0/100% 52% no-repeat,linear-gradient(#ffffff24,#ffffff24) 0 70%/60% 4px no-repeat,linear-gradient(#ffffff1a,#ffffff1a) 0 86%/80% 4px no-repeat;border-radius:.3rem;position:absolute;inset:7px}.how-module__JZcgXW__photo{background:linear-gradient(160deg,#f6a15e,#f26b1d 55%,#8f3a0b);animation:12s infinite both how-module__JZcgXW__in1;position:absolute;inset:0 0 42%}.how-module__JZcgXW__stars{letter-spacing:1px;color:#f5b83d;font-size:8px;animation:12s infinite both how-module__JZcgXW__in2;position:absolute;bottom:22px;left:6px}.how-module__JZcgXW__town{color:#fff;align-items:center;gap:2px;font-size:7.5px;font-weight:700;animation:12s infinite both how-module__JZcgXW__in3;display:flex;position:absolute;bottom:8px;left:6px}@keyframes how-module__JZcgXW__in1{0%,10%{opacity:0;transform:scale(1.15)}13%,31%{opacity:1;transform:scale(1)}34%,to{opacity:0}}@keyframes how-module__JZcgXW__in2{0%,13%{opacity:0;transform:translateY(4px)}16%,31%{opacity:1;transform:none}34%,to{opacity:0}}@keyframes how-module__JZcgXW__in3{0%,16%{opacity:0;transform:translateY(4px)}19%,31%{opacity:1;transform:none}34%,to{opacity:0}}.how-module__JZcgXW__done{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:1.2rem;height:1.2rem;animation:12s infinite both how-module__JZcgXW__pop;display:grid;position:absolute;top:.1rem;right:-.4rem}@keyframes how-module__JZcgXW__pop{0%,20%{transform:scale(0)}23%{transform:scale(1.2)}25%,31%,to{transform:scale(1)}}.how-module__JZcgXW__note li{align-items:center;gap:.4rem;display:flex}.how-module__JZcgXW__tick{background:var(--violet);color:#fff;border-radius:50%;flex:none;place-items:center;width:.85rem;height:.85rem;animation:12s infinite both how-module__JZcgXW__tick;display:grid}.how-module__JZcgXW__note li:nth-child(2) .how-module__JZcgXW__tick{animation-name:how-module__JZcgXW__tick2}.how-module__JZcgXW__note li:nth-child(3) .how-module__JZcgXW__tick{animation-name:how-module__JZcgXW__tick3}@keyframes how-module__JZcgXW__tick{0%,4%{transform:scale(0)}6%,31%{transform:scale(1)}34%,to{transform:scale(0)}}@keyframes how-module__JZcgXW__tick2{0%,8%{transform:scale(0)}10%,31%{transform:scale(1)}34%,to{transform:scale(0)}}@keyframes how-module__JZcgXW__tick3{0%,12%{transform:scale(0)}14%,31%{transform:scale(1)}34%,to{transform:scale(0)}}.how-module__JZcgXW__switch{background:var(--border);border-radius:99px;width:2.2rem;height:1.25rem;animation:12s infinite both how-module__JZcgXW__track;position:relative}.how-module__JZcgXW__switch:after{content:"";background:#fff;border-radius:50%;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);animation:12s cubic-bezier(.5,1.6,.5,1) infinite both how-module__JZcgXW__knob;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}@keyframes how-module__JZcgXW__track{0%,19%{background:var(--border)}21%,31%{background:var(--violet)}34%,to{background:var(--border)}}@keyframes how-module__JZcgXW__knob{0%,19%{transform:none}22%,31%{transform:translate(.95rem)}34%,to{transform:none}}.how-module__JZcgXW__youRun{animation:12s infinite both how-module__JZcgXW__say}@keyframes how-module__JZcgXW__say{0%,19%{color:var(--muted-foreground)}21%,31%{color:var(--violet)}34%,to{color:var(--muted-foreground)}}@media (prefers-reduced-motion:reduce){.how-module__JZcgXW__how *{animation:none!important}.how-module__JZcgXW__ad:not(.how-module__JZcgXW__win){opacity:.28}.how-module__JZcgXW__ad.how-module__JZcgXW__win{box-shadow:0 0 0 2px var(--violet)}.how-module__JZcgXW__days{--d:var(--to);opacity:1}.how-module__JZcgXW__scan,.how-module__JZcgXW__chip,.how-module__JZcgXW__bar{display:none}.how-module__JZcgXW__photo,.how-module__JZcgXW__stars,.how-module__JZcgXW__town{opacity:1}.how-module__JZcgXW__done,.how-module__JZcgXW__tick{transform:scale(1)}.how-module__JZcgXW__switch{background:var(--violet)}.how-module__JZcgXW__switch:after{transform:translate(.95rem)}}.how-module__JZcgXW__area{background:linear-gradient(#ffffff0d 1px,#0000 1px) 0 0/100% 1.1rem,linear-gradient(90deg,#ffffff0d 1px,#0000 1px) 0 0/1.1rem 100%,radial-gradient(120% 90% at 30% 40%,#1d2236,#0e1016);border-radius:.7rem;width:13rem;height:8.6rem;position:relative;overflow:hidden;box-shadow:0 8px 20px -10px #00000080}.how-module__JZcgXW__sweep{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--violet-soft) 45%, transparent), transparent);width:40%;animation:12s ease-in-out infinite both how-module__JZcgXW__sweep;position:absolute;top:0;bottom:0;left:-40%}@keyframes how-module__JZcgXW__sweep{0%{opacity:0;transform:translate(0)}2%{opacity:1}15%{opacity:1;transform:translate(350%)}17%,to{opacity:0;transform:translate(350%)}}.how-module__JZcgXW__pinDot{width:.7rem;height:.7rem;box-shadow:0 0 0 0 color-mix(in oklch, var(--violet-soft) 70%, transparent);background:#fff;border-radius:50%;margin:-.35rem;animation:12s infinite both how-module__JZcgXW__pinDot;position:absolute;top:44%;left:58%}@keyframes how-module__JZcgXW__pinDot{0%,12%{transform:scale(0)}14%{box-shadow:0 0 0 0 color-mix(in oklch, var(--violet-soft) 70%, transparent);transform:scale(1.3)}20%{transform:scale(1);box-shadow:0 0 0 .9rem #0000}31%{transform:scale(1)}34%,to{transform:scale(0)}}.how-module__JZcgXW__pinLabel{white-space:nowrap;color:var(--ink);background:#fff;border-radius:99px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:700;animation:12s infinite both how-module__JZcgXW__pinLabel;display:flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}@keyframes how-module__JZcgXW__pinLabel{0%,15%{opacity:0;transform:translate(-50%,6px)}18%,to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.how-module__JZcgXW__sweep{display:none}.how-module__JZcgXW__pinDot{transform:scale(1)}.how-module__JZcgXW__pinLabel{opacity:1;transform:translate(-50%)}}