.hero-carousel{scroll-margin-top:100px;position:relative}.hero-card-stage{isolation:isolate;perspective:1500px;height:330px;position:relative}.hero-card-position{will-change:transform;width:480px;max-width:calc(100% - 104px);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s,opacity .8s;position:absolute;top:12px;left:50%}.hero-card-position.slot-0{z-index:3;opacity:1;transform:translate(-50%)rotate(0)}.hero-card-position.slot-1{z-index:1;filter:saturate(.75);opacity:.88;transform:translate(calc(330px - 50%))translateY(40px)rotate(13deg)scale(.84)}.hero-card-position.slot-2{z-index:1;filter:saturate(.75);opacity:.88;transform:translate(calc(-50% - 330px))translateY(40px)rotate(-13deg)scale(.84)}.hero-demo-card{text-align:left;color:#f2f4e6;border-radius:24px;flex-direction:column;height:280px;padding:28px 30px 22px;display:flex;box-shadow:0 24px 35px -22px #18332670}.hero-demo-card.type-0{background:#294d40}.hero-demo-card.type-1{background:#955738}.hero-demo-card.type-2{background:#796478}.hero-card-brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:24px;display:flex}.hero-card-brand>svg{flex:none}.hero-card-brand small{letter-spacing:0;margin-left:auto;font-size:10px}.hero-demo-card h2{letter-spacing:-.035em;margin:22px 0;font-size:24px;font-weight:450}.hero-card-stamps{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.hero-card-stamps>span{aspect-ratio:1;border:1px solid #eff4e575;border-radius:50%;place-items:center;font-size:15px;display:grid}.hero-card-stamps .filled{color:#294d40;background:#edf0dd;border-color:#edf0dd;animation:.5s cubic-bezier(.16,1,.3,1) both home-stamp}.hero-card-foot{border-top:1px solid #ffffff35;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;font-size:11px;display:flex}.hero-card-foot span:last-child{align-items:center;gap:5px;display:flex}.hero-card-value{align-items:baseline;gap:15px;margin-top:10px;display:flex}.hero-card-value>strong{letter-spacing:-.06em;font-size:72px;font-weight:500;line-height:1.1;animation:.35s ease-out hero-number}.hero-card-value>strong>span{margin-left:5px;font-size:40px}.hero-card-value>span{font-size:13px}.hero-card-value+h2{margin:10px 0 17px;font-size:20px}.hero-card-arrow{z-index:5;color:#304b39;background:#ffffffde;border:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .25s,background .25s;display:grid;position:absolute;top:125px}.hero-card-arrow:hover{background:#edf1e5}.hero-card-arrow:active{transform:scale(.92)}.arrow-prev{left:clamp(8px,2.5vw,55px)}.arrow-next{right:clamp(8px,2.5vw,55px)}.hero-card-interaction{z-index:4;min-height:166px;padding:12px 24px 0;position:relative}.hero-card-kind{color:#38513d;margin:0 0 17px;font-size:13px;font-weight:550}.hero-card-kind>span{color:#65745c;margin-left:12px;font-size:10px;font-weight:400;display:inline-block}.hero-card-actions{justify-content:center;align-items:center;gap:10px;animation:.4s ease-out hero-controls-in;display:flex}.hero-demo-action{color:#fff;white-space:nowrap;background:#315440;border:0;border-radius:30px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 21px;font-size:13px;transition:background .2s,transform .2s;display:inline-flex}.hero-demo-action:hover{background:#24432e}.hero-demo-action:active{transform:scale(.97)}.hero-card-confetti{z-index:6;pointer-events:none;width:0;height:0;position:absolute;top:180px;left:50%}.hero-card-confetti i{width:7px;height:12px;animation:hero-confetti 1.4s var(--delay) cubic-bezier(.12,.7,.3,1) both;border-radius:2px;position:absolute}.hero-carousel input:focus-visible{outline-offset:4px;outline:3px solid #507c5f}@keyframes hero-confetti{0%{opacity:0;transform:translate(0)rotate(0)scale(.4)}15%{opacity:1}55%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r))}to{opacity:0;transform:translate(var(--x),80px) rotate(calc(var(--r) + 130deg)) scale(.7)}}@keyframes hero-controls-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes hero-number{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:none}}@media (max-width:760px){.hero-card-stage{height:263px}.hero-card-position{width:360px;max-width:calc(100% - 84px)}.hero-demo-card{border-radius:20px;height:235px;padding:22px 20px 18px}.hero-card-position.slot-1{transform:translate(calc(200px - 50%))translateY(24px)rotate(12deg)scale(.85)}.hero-card-position.slot-2{transform:translate(calc(-50% - 200px))translateY(24px)rotate(-12deg)scale(.85)}.hero-card-brand{gap:7px;font-size:20px}.hero-card-brand>svg{width:22px}.hero-card-brand small{display:none}.hero-demo-card h2{margin:20px 0;font-size:19px}.hero-card-stamps{gap:6px}.hero-card-stamps svg{width:19px}.hero-card-foot{gap:5px;padding-top:15px;font-size:8px}.hero-card-value>strong{font-size:62px}.hero-card-value+h2{margin-top:9px;font-size:17px}.hero-card-value>span{font-size:11px}.hero-card-arrow{background:#ffffffea;width:40px;height:44px;top:108px}.hero-card-arrow svg{width:24px}.arrow-prev{left:2px}.arrow-next{right:2px}.hero-card-interaction{min-height:196px;padding:16px 16px 0}.hero-card-actions{flex-wrap:wrap;gap:6px 10px;max-width:380px;margin:auto}.hero-demo-action{padding:12px 18px;font-size:12px}.hero-card-confetti{top:145px}.hero-card-kind{margin-bottom:13px}.hero-carousel .showcase-note{margin:2px 15px 10px}}@media (max-width:360px){.hero-card-position{max-width:calc(100% - 76px)}.hero-demo-card{padding:21px 16px 17px}.hero-card-brand{font-size:18px}.hero-demo-card h2{font-size:17px}.hero-card-stamps{gap:4px}.hero-card-stamps svg{width:17px}.hero-card-value>strong{font-size:57px}.hero-card-value>span{font-size:10px}.hero-card-value{gap:10px}.hero-card-foot{font-size:7px}.hero-card-actions{gap:6px}.hero-demo-action{padding:12px 15px}}@media (prefers-reduced-motion:reduce){.hero-carousel *{transition:none!important;animation:none!important}.hero-card-confetti{display:none}}.hero-card-kind{justify-content:center;align-items:center;gap:12px;min-height:44px;margin-bottom:8px;display:flex}.hero-card-kind>span{margin-left:0}.hero-card-interaction{min-height:112px;padding-top:4px}.hero-card-kind{min-height:30px;margin-bottom:12px}.hero-demo-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-card-value{position:relative}.hero-card-value>.hero-points-pop{pointer-events:none;font-size:22px;font-weight:550;animation:.9s cubic-bezier(.2,.7,.25,1) both hero-points-rise;position:absolute;top:0;left:155px}.hero-demo-card.type-2{position:relative;overflow:hidden}.hero-benefit-shine{pointer-events:none;background:linear-gradient(115deg,#0000 20%,#fff3 45%,#fff5 50%,#0000 75%);animation:.9s ease-out both hero-benefit-sweep;position:absolute;inset:0}.hero-benefit-received{animation:.55s ease-out hero-benefit-confirm}.hero-reward-ready{color:#fff7cb}@keyframes hero-points-rise{0%{opacity:0;transform:translateY(18px)scale(.8)}25%{opacity:1;transform:translateY(0)scale(1)}65%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(.9)}}@keyframes hero-benefit-sweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes hero-benefit-confirm{0%{opacity:.4;transform:scale(.85)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (max-width:760px){.hero-card-interaction{min-height:110px}.hero-card-value>.hero-points-pop{font-size:19px;left:130px}.hero-carousel .showcase-note{margin-top:0}}@media (prefers-reduced-motion:reduce){.hero-points-pop,.hero-benefit-shine{display:none}.hero-benefit-received{animation:none!important}}.hero-card-stamps>.hero-stamp-prize{isolation:isolate;transition:background .45s,color .45s,border-color .45s,box-shadow .45s;position:relative}.hero-stamp-prize>svg{transition:opacity .32s,transform .55s cubic-bezier(.16,1,.3,1);position:absolute}.hero-stamp-prize .hero-prize-wrapped{opacity:1;transform:scale(1)rotate(0)}.hero-stamp-prize .hero-prize-coffee{opacity:0;transform:scale(.3)rotate(-30deg)}.hero-stamp-prize.is-unlocked{background:#fff0b5;border-color:#fff0b5;animation:.85s cubic-bezier(.16,1,.3,1) both hero-prize-unlock;box-shadow:0 0 0 5px #fff0b524,0 0 24px #ffde8b77}.hero-stamp-prize.is-unlocked .hero-prize-wrapped{opacity:0;transform:scale(1.5)rotate(24deg)}.hero-stamp-prize.is-unlocked .hero-prize-coffee{opacity:1;transform:scale(1.1)rotate(0)}.hero-stamp-prize.is-unlocked:after{content:"";pointer-events:none;border:1px solid #fff0b5;border-radius:50%;animation:.9s ease-out both hero-prize-ring;position:absolute;inset:-4px}.hero-card-foot .hero-breakfast-prize{gap:5px;transition:color .4s,text-shadow .4s;position:relative}.hero-breakfast-prize .hero-breakfast-icon{flex:none;width:14px;height:14px;display:inline-grid;position:relative}.hero-breakfast-icon>svg{transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hero-breakfast-check{opacity:0;transform:scale(.25)rotate(-30deg)}.hero-breakfast-prize.is-locked{color:#f2f4e6}.hero-breakfast-prize.is-unlocked{color:#fff4b5;text-shadow:0 0 15px #fff2ad55;animation:.75s cubic-bezier(.16,1,.3,1) both hero-breakfast-unlock}.hero-breakfast-prize.is-unlocked .hero-breakfast-lock{opacity:0;transform:scale(1.5)translateY(-3px)}.hero-breakfast-prize.is-unlocked .hero-breakfast-check{opacity:1;transform:scale(1)}.hero-breakfast-prize.is-unlocked:after{content:"";pointer-events:none;border:1px solid #fff0b577;border-radius:8px;animation:1s ease-out both hero-prize-ring;position:absolute;inset:-6px -5px}@keyframes hero-prize-unlock{0%{transform:scale(.82)}45%{transform:scale(1.18)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes hero-prize-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes hero-breakfast-unlock{0%{transform:translateY(2px)scale(.94)}45%{transform:translateY(-3px)scale(1.06)}to{transform:none}}@media (max-width:760px){.hero-card-foot .hero-breakfast-prize{gap:3px}.hero-breakfast-prize .hero-breakfast-icon,.hero-breakfast-icon>svg{width:11px;height:11px}.hero-stamp-prize.is-unlocked{box-shadow:0 0 0 3px #fff0b524,0 0 17px #ffde8b77}}@media (prefers-reduced-motion:reduce){.hero-stamp-prize,.hero-stamp-prize>svg,.hero-breakfast-prize,.hero-breakfast-icon>svg{transition:none!important;animation:none!important}.hero-stamp-prize.is-unlocked:after,.hero-breakfast-prize.is-unlocked:after{display:none}}.hero-demo-card.type-1{transition:box-shadow .5s,background .5s}.hero-demo-card.type-1.reward-unlocked{background:#89502f;box-shadow:0 0 0 1px #dfc886,0 20px 40px -20px #b1945066}:root[data-theme=dark] .hero-card-arrow{color:#c1dfcc;background:#303033ed;box-shadow:0 2px 16px #0003}:root[data-theme=dark] .hero-card-arrow:hover{background:#454549}:root[data-theme=dark] .hero-card-kind{color:#c1dfcc}:root[data-theme=dark] .hero-card-kind>span{color:#aaaab0}:root[data-theme=dark] .hero-demo-action{color:#15281d;background:#c1dfcc}:root[data-theme=dark] .hero-demo-action:hover{background:#d7ebdd}:root[data-theme=dark] .hero-carousel input:focus-visible{outline-color:#a6ceb8}