:root{--font-size: 16px;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-input-background: var(--input-background);--color-switch-background: var(--switch-background);--color-ring: var(--ring);--color-chart-1: var(--chart-1);--color-chart-2: var(--chart-2);--color-chart-3: var(--chart-3);--color-chart-4: var(--chart-4);--color-chart-5: var(--chart-5);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--color-sidebar-primary: var(--sidebar-primary);--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);--color-sidebar-accent: var(--sidebar-accent);--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);--color-sidebar-border: var(--sidebar-border);--color-sidebar-ring: var(--sidebar-ring)}html{font-size:calc(var(--font-body-scale) * 62.5%)}.page{min-height:100vh;background:linear-gradient(to bottom,#fffbeb,#fff7ed,#fff);padding-bottom:0}.section-cafe-reward-landing{background:#fcf7f2}.hero{padding:3rem 1.5rem 5rem}.hero--simple{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.hero--simple .hero__intro{margin-bottom:0}.hero__intro{text-align:center;margin-bottom:3rem}.hero--simple .hero__title{color:#78350f;background:none;-webkit-background-clip:unset;background-clip:unset}.hero__title{font-size:3rem;font-weight:700;line-height:1.1;margin:0 0 1.5rem;background:linear-gradient(to right,#78350f,#c2410c,#b91c1c);-webkit-background-clip:text;background-clip:text;color:transparent}@media(min-width:768px){.hero__title{font-size:4.5rem}}.hero__lead{font-size:1.25rem;color:#374151;max-width:42rem;margin:0 auto}@media(min-width:768px){.hero__lead{font-size:1.5rem}}.app-store-buttons--muted{opacity:.9}.hero-screenshot{width:auto;max-width:100%;height:auto;display:block}.section{padding:5rem 1.5rem}.section--white{background:#fff}.section--brand{position:relative;overflow:hidden;color:#fff;background:linear-gradient(to bottom,#78350f,#c2410c)}.section--brand__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none}.section--brand__bg img{width:100%;height:100%;object-fit:cover}.section--features{position:relative;overflow:hidden;background:#fcf7f2}.arch-divider{position:relative;height:9rem;background:#fff;overflow:hidden}.arch-divider:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#fcf7f2;border-radius:50% 50% 0 0/100% 100% 0 0}.section--rewards{background:linear-gradient(to bottom,#fff7ed,#fff);padding-top:2rem}.section--community{background:linear-gradient(to bottom,#ffedd5,#fffbeb)}.section__inner{position:relative;max-width:96rem;margin:0 auto}.section__head{text-align:center;margin-bottom:4rem}.section__head h2{font-size:3.25rem;font-weight:700;margin:0 0 1rem}@media(min-width:768px){.section__head h2{font-size:4.75rem}}.text-gradient--amber{font-size:clamp(3.75rem,4.75vw,4.75rem);line-height:120%;margin:1.5rem;background:linear-gradient(to right,#78350f,#c2410c);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient--reward{background:linear-gradient(to right,#ea580c,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(3.75rem,4.75vw,4.75rem);line-height:120%}.section__lead{margin:0;color:#4b5563;font-size:1.75rem}.brand-grid{display:grid;gap:3rem;align-items:center}@media(min-width:768px){.brand-grid{grid-template-columns:repeat(2,1fr)}}.brand-kicker{color:#fcd34d;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.brand-kicker__line{width:3rem;height:.25rem;background:#fbbf24;border-radius:9999px}.brand-stats{display:flex;align-items:center;gap:1.5rem}.brand-stat__value{font-size:2.25rem;font-weight:700;color:#fcd34d}.brand-stat__label{font-size:.875rem;opacity:.8}.brand-divider{width:1px;height:3rem;background:#fff3}.brand-media{position:relative}.brand-media__frame{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.brand-media__frame img{width:100%;height:24rem;object-fit:cover}.brand-media__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / .6),transparent)}.brand-media__caption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;color:#fff;font-size:1.5rem;font-weight:700}.brand-media__glow{position:absolute;bottom:-1.5rem;right:-1.5rem;width:8rem;height:8rem;background:#fbbf24;border-radius:9999px;opacity:.2;filter:blur(32px)}.features-blob{position:absolute;width:24rem;height:24rem;border-radius:9999px;filter:blur(48px);pointer-events:none}.features-blob--tr{top:0;right:0;background:none}.features-blob--bl{bottom:0;left:0;background:none}.features-grid{display:grid;gap:3rem;align-items:center}.features-grid__col--img{order:2}.features-grid__col--text{order:1;max-width:42rem;margin:0 auto;text-align:center}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid__col--img{order:1}.features-grid__col--text{order:2}}.features-grid__img-wrap{position:relative}.features-grid__glow{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:linear-gradient(to right,#fbbf24,#f97316);border-radius:1.5rem;opacity:.2;filter:blur(24px)}.features-grid__img{position:relative;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%}.feature-kicker{color:#ea580c;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:2rem}.feature-kicker svg{width:1.75rem;height:1.75rem;flex-shrink:0}.feature-list{display:flex;flex-direction:column;gap:2.5rem;max-width:42rem;margin:0 auto}.feature-list__row{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.feature-list__icon{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-list__icon img{width:100%;height:100%;object-fit:contain}.feature-list__title{font-weight:700;color:#111827;margin:0 0 .25rem;font-size:2.5rem}.feature-list__desc{margin:0;font-size:1.25rem;color:#4b5563}.rewards-journey__head{text-align:center;margin-bottom:3rem}.section--rewards .progress-tracker{margin-bottom:4rem;zoom:1.4}@media(min-width:768px){.section--rewards .progress-tracker{zoom:2}}.reward-milestones-wrap{position:relative;display:grid;grid-template-columns:1fr;gap:1.5rem;color:#fff;align-items:stretch}@media(min-width:768px){.reward-milestones-wrap{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.reward-milestones-wrap{grid-template-columns:repeat(4,1fr)}}.reward-milestones-wrap__glow{position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem;background:linear-gradient(to right,#fdba7433,#fde68a33);border-radius:1.5rem;filter:blur(24px);pointer-events:none}.reward-milestones-wrap>.reward-milestone{position:relative;z-index:1}.community-grid{display:grid;gap:1.5rem}@media(min-width:768px){.community-grid{grid-template-columns:repeat(3,1fr)}}.community-card{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;height:16rem}.community-card img{width:100%;height:100%;object-fit:cover}.community-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);display:flex;align-items:flex-end}.community-card__text{padding:1.5rem;color:#fff}.community-card__title{font-size:1.5rem;font-weight:700}.community-card__sub{font-size:.875rem;opacity:.9}.social-proof{max-width:56rem;margin:0 auto;text-align:center}.social-proof__title{font-size:2.25rem;font-weight:700;margin:0 0 3rem}@media(min-width:768px){.social-proof__title{font-size:3rem}}.stat-grid{display:grid;gap:2rem;margin-bottom:3rem}@media(min-width:768px){.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{position:relative;padding:2rem;border-radius:1.5rem;border:1px solid #ffedd5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #00000040}.stat-card--orange{background:linear-gradient(to bottom right,#fff,#fff7ed)}.stat-card--amber{background:linear-gradient(to bottom right,#fff,#fffbeb);border-color:#fef3c7}.stat-card--red{background:linear-gradient(to bottom right,#fff,#fef2f2);border-color:#fecaca}.stat-card__blob{position:absolute;top:0;right:0;width:6rem;height:6rem;border-radius:9999px;transform:translate(50%,-50%)}.stat-card--orange .stat-card__blob{background:#fed7aa4d}.stat-card--amber .stat-card__blob{background:#fde68a4d}.stat-card--red .stat-card__blob{background:#fecaca4d}.stat-card__inner{position:relative}.stat-card__big{font-size:3rem;font-weight:700;margin-bottom:.5rem}.text-grad-orange-red{background:linear-gradient(to right,#ea580c,#dc2626);-webkit-background-clip:text;background-clip:text;color:transparent}.text-grad-amber-orange{background:linear-gradient(to right,#d97706,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent}.text-grad-orange-red-deep{background:linear-gradient(to right,#c2410c,#b91c1c);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card__label{color:#4b5563;font-weight:500}.stars{display:flex;justify-content:center;gap:.25rem;margin-bottom:.5rem}.star-icon{width:2rem;height:2rem;color:#f59e0b}.star-icon--sm{width:1.5rem;height:1.5rem}.testimonial{position:relative;max-width:42rem;margin:0 auto;padding:2rem;border-radius:1.5rem;border:1px solid #ffedd5;background:linear-gradient(to bottom right,#fff,#fff7ed);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden}.testimonial__blob{position:absolute;top:0;right:0;width:8rem;height:8rem;background:#fed7aa4d;border-radius:9999px;transform:translate(50%,-50%)}.testimonial__inner{position:relative}.testimonial__quote{font-size:1.25rem;color:#1f2937;font-style:italic;margin:0 0 1.5rem;line-height:1.625}.testimonial__person{display:flex;align-items:center;justify-content:center;gap:1rem}.testimonial__avatar{width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(to bottom right,#f97316,#dc2626);color:#fff;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.testimonial__name{font-weight:700;color:#111827}.testimonial__meta{font-size:.875rem;color:#4b5563}.final-cta{position:relative;overflow:hidden;padding:6rem 1.5rem;color:#fff;background:linear-gradient(to bottom right,#1c1d13,#6b3a1f,#f09b4d)}.final-cta__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none}.final-cta__bg img{width:100%;height:100%;object-fit:cover}.final-cta__deco{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none}.final-cta__deco span{position:absolute;line-height:1}.final-cta__deco .d1{top:2.5rem;left:2.5rem;font-size:8rem}.final-cta__deco .d2{bottom:2.5rem;right:2.5rem;font-size:8rem}.final-cta__deco .d3{top:50%;left:25%;font-size:4.5rem;transform:translateY(-50%)}.final-cta__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#1c1d13bf,#6b3a1fa6,#f09b4d8c)}.final-cta__inner{position:relative;max-width:56rem;margin:0 auto;text-align:center}.final-cta__title{font-size:3rem;font-weight:700;margin:0 0 1.5rem}@media(min-width:768px){.final-cta__title{font-size:4.75rem}}.final-cta__lead{font-size:1.5rem;opacity:.9;margin:0 0 3rem}@media(min-width:768px){.final-cta__lead{font-size:2rem}}.final-cta__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}@media(min-width:640px){.final-cta__actions{flex-direction:row}}.sticky-bottom-cta{position:fixed;bottom:0;left:0;right:0;z-index:40;border-top:1px solid rgb(254 215 170 / .8);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 1rem;box-shadow:0 -8px 30px #00000014}.sticky-bottom-cta__inner{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem}@media(min-width:640px){.sticky-bottom-cta__inner{flex-direction:row}}.sticky-bottom-cta__text{margin:0;font-size:.875rem;color:#374151;text-align:center}@media(min-width:640px){.sticky-bottom-cta__text{text-align:left}}.sticky-bottom-cta__text strong{font-weight:600;color:#78350f}.btn--sticky{width:100%;padding:.75rem 2rem;font-size:.875rem}@media(min-width:640px){.btn--sticky{width:auto}}.site-footer{background:linear-gradient(to bottom,#78350f,#431407);color:#fff;padding:4rem 1.5rem}.site-footer__inner{max-width:72rem;margin:0 auto}.site-footer__grid{display:grid;gap:3rem;margin-bottom:3rem}@media(min-width:768px){.site-footer__grid{grid-template-columns:repeat(4,1fr)}}.site-footer__brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.site-footer__logo{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#fbbf24,#f97316);font-size:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.site-footer__name{font-weight:700;font-size:1.25rem}.site-footer__tag{font-size:.75rem;color:#fcd34d}.site-footer__copy{font-size:.875rem;opacity:.8;line-height:1.625}.site-footer h4{margin:0 0 1rem;font-size:1rem;color:#fcd34d}.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;opacity:.8}.site-footer a:hover{color:#fcd34d}.footer-store-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;background:#0000004d;font-size:.875rem;transition:background .2s ease}.footer-store-link:hover{background:#00000080}.footer-store-link svg{width:1.25rem;height:1.25rem;flex-shrink:0}.footer-store-stack{display:flex;flex-direction:column;gap:.75rem}.site-footer__bottom{border-top:1px solid rgb(255 255 255 / .1);padding-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:.875rem;opacity:.7}@media(min-width:768px){.site-footer__bottom{flex-direction:row;justify-content:space-between}}.site-footer__social{display:flex;gap:1.5rem}.site-footer__social a:hover{color:#fcd34d}.mb-0{margin-bottom:0}.promo-banner{position:relative;color:#fff;margin:1rem 1rem 0;border-radius:1.25rem;overflow:hidden}.promo-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.promo-banner__media img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.promo-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#431407d9,#78350f59)}.promo-banner__content{position:relative;min-height:30rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.4rem;padding:clamp(2.4rem,7.2vh,4.2rem) 1.5rem 1rem;max-width:70rem}.promo-banner__title{margin:0 0 .35rem;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.05;text-align:center;color:#fff;text-shadow:0 2px 14px rgb(0 0 0 / .45)}.promo-banner__subtitle{margin:0 0 1rem;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:600;line-height:1.35;text-align:center;text-shadow:0 2px 10px rgb(0 0 0 / .4)}.promo-banner__product{display:block;width:min(62vw,11.5rem);height:auto;margin:0 auto 1rem}@media(min-width:768px){.promo-banner{margin:1.25rem 1.5rem 0}.promo-banner__media{top:0;right:0;bottom:0;left:0}.promo-banner__product{width:min(34vw,20rem)}.promo-banner__content{min-height:min(56vh,30rem);padding:clamp(2.4rem,8.4vh,4.5rem) 2rem 1.25rem;max-width:70rem;margin:0 auto;left:0;right:0}.promo-banner__title{font-size:clamp(2.88rem,5.04vw,4.75rem)}.promo-banner__subtitle{font-size:clamp(1.32rem,2.28vw,2.5rem)}.promo-banner__headline{font-size:clamp(1.44rem,2.52vw,2.5rem)}}.promo-banner__headline{margin:0 0 .75rem;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:700;line-height:1.35;text-align:center;text-shadow:0 2px 12px rgb(0 0 0 / .35)}.promo-banner__disclaimer{margin:0;font-size:1.25rem;line-height:1.5;opacity:.92;max-width:42rem;text-align:center}.hero--download-cta{padding:2rem 1.5rem 1rem}.how-earn-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:768px){.how-earn-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}}.how-earn-card{position:relative;text-align:center}.how-earn-card__shot{margin-bottom:1rem}.how-earn-card__shot img{width:100%;max-height:35rem;height:auto;object-fit:contain;display:block;margin:0 auto}.how-earn-card__step{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;border-radius:9999px;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(to bottom right,#d97706,#c2410c)}.how-earn-card__title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:#111827}.how-earn-card__desc{margin:0;font-size:1.5rem;color:#4b5563;line-height:1.5}.section--coming-soon{background:linear-gradient(to bottom,#fff7ed,#fffbeb)}.coming-soon-grid{display:grid;gap:1.5rem;max-width:56rem;margin:0 auto}@media(min-width:768px){.coming-soon-grid{grid-template-columns:repeat(2,1fr)}}.coming-soon-card{position:relative;padding:1.75rem;border-radius:1.25rem;border:1px dashed #fdba74;background:#ffffffd9;box-shadow:0 10px 25px -5px #0000000f}.coming-soon-card__badge{display:inline-block;margin-bottom:.75rem;padding:.25rem .65rem;border-radius:9999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9a3412;background:#ffedd5}.coming-soon-card__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:700;color:#78350f}.coming-soon-card__desc{margin:0;font-size:.9375rem;color:#4b5563;line-height:1.625}.download-cta-stack{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:46rem;margin:0 auto}.app-store-buttons{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:1rem}.app-store-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;border-radius:.75rem;background:linear-gradient(135deg,#f7bf82,#f09b4d,#d97030);color:#fff;text-decoration:none;transition:box-shadow .2s ease}.app-store-btn:hover{background:linear-gradient(135deg,#f09b4d,#d97030,#b85520);box-shadow:0 0 0 3px #f09b4d73}.app-store-btn:active{background:linear-gradient(135deg,#d97030,#b85520,#a05020)}.final-cta .app-store-btn{background:#fff;color:#111827}.final-cta .app-store-btn:hover{background:#f3f4f6;box-shadow:0 0 0 3px #ffffff59}.final-cta .app-store-btn:active{background:#e5e7eb}.final-cta .app-store-btn__icon{filter:brightness(0)}.app-store-btn__icon{width:3rem;height:3rem;flex-shrink:0;overflow:visible}.app-store-btn__icon path[fill],.app-store-btn__icon polygon[fill]{fill:attr(fill)}.app-store-btn__text{text-align:left}.app-store-btn__label{font-size:1.75rem;line-height:120%}.app-store-btn__title{font-size:1.5rem;font-weight:600;line-height:120%}@media(max-width:480px){.app-store-btn{padding:.8rem .9rem;gap:.5rem}.app-store-btn__icon{width:2.4rem;height:2.4rem}.app-store-btn__label{font-size:1.3rem}.app-store-btn__title{font-size:1.35rem}}.btn-order-now{display:flex;align-items:center;justify-content:center;width:100%;padding:1.1rem 1.25rem;border:2px solid #d08033;border-radius:.75rem;background:#fff;color:#d08033;font-size:1.6rem;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-order-now:hover{background:#d08033;color:#fff;box-shadow:0 0 0 3px #f09b4d73;text-decoration:none}.btn-order-now--light{border-color:#fff;background:transparent;color:#fff}.btn-order-now--light:hover{background:#ffffff26;color:#fff}@keyframes benefit-card-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.benefits-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;max-width:72rem;margin:0 auto;padding:1rem}@media(min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.benefits-grid{grid-template-columns:repeat(4,1fr)}}.benefit-card{--benefit-delay: 0s;background:linear-gradient(to bottom right,#fff,#fff7ed);padding:2rem;border-radius:1.5rem;border:1px solid #ffedd5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:box-shadow .3s ease,transform .3s ease}@media(prefers-reduced-motion:no-preference){.benefit-card{opacity:0;animation:benefit-card-in .4s ease forwards;animation-delay:var(--benefit-delay)}}@media(prefers-reduced-motion:reduce){.benefit-card{opacity:1}}.benefit-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-.5rem) scale(1)}.benefit-card__icon-wrap{width:4rem;height:4rem;margin-bottom:1.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#f97316,#dc2626);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.benefit-card__icon{width:2rem;height:2rem;color:#fff}.benefit-card__title{font-size:1.25rem;font-weight:700;margin:0 0 .75rem;color:#111827}.benefit-card__desc{margin:0;color:#4b5563;line-height:1.625}.btn-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;padding:1rem}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn{font:inherit;cursor:pointer;border:none;padding:1rem 2rem;border-radius:9999px;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:box-shadow .3s ease,transform .15s ease,background .3s ease}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn--primary{font-weight:700;background:linear-gradient(to right,#d97706,#ea580c,#dc2626)}.btn--primary:hover{box-shadow:0 25px 50px -12px #00000040}.btn--secondary{font-weight:inherit;background:#78350f}.btn--secondary:hover{background:#92400e;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes how-step-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.how-it-works-grid{display:grid;gap:2rem;grid-template-columns:1fr;max-width:72rem;margin:0 auto;padding:2rem 1.5rem}@media(min-width:768px){.how-it-works-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.how-step{--how-step-delay: 0s;position:relative;text-align:center;padding:.5rem 0 0 .5rem;overflow:visible}@media(prefers-reduced-motion:no-preference){.how-step{opacity:0;animation:how-step-in .5s ease forwards;animation-delay:var(--how-step-delay)}}@media(prefers-reduced-motion:reduce){.how-step{opacity:1}}.how-step__badge{position:absolute;top:-1rem;left:-1rem;z-index:10;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(to bottom right,#d97706,#c2410c);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.how-step__icon-wrap{display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;margin:0 auto 1.5rem;border-radius:1.5rem;background:linear-gradient(to bottom right,#ffedd5,#fffbeb);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.how-step__icon{width:3rem;height:3rem;color:#ea580c}.how-step__title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#111827}.how-step__desc{margin:0;color:#4b5563;line-height:1.625}.progress-tracker{width:100%;max-width:28rem;margin:0 auto;padding:2rem;overflow:visible}.progress-tracker__stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:20rem;overflow:visible}.progress-tracker__svg{width:20rem;height:20rem;transform:rotate(-90deg)}.progress-tracker__ring-bg{fill:none;stroke:#e5e7eb;stroke-width:12;stroke-linecap:round}.progress-tracker__ring-arc{fill:none;stroke:url(#progressTrackerGradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:628.32;stroke-dashoffset:628.32;transition:stroke-dashoffset 2s cubic-bezier(.25,.46,.45,.94) .4s}.progress-tracker__stage.is-visible .progress-tracker__ring-arc{stroke-dashoffset:83.78}@media(prefers-reduced-motion:no-preference){.progress-tracker__stage.is-visible .progress-tracker__emblem{animation:progress-tracker-pop .6s cubic-bezier(.34,1.56,.64,1) .3s both}}@media(prefers-reduced-motion:reduce){.progress-tracker__ring-arc{transition:none}.progress-tracker__emblem{transform:scale(1);opacity:1}}@keyframes progress-tracker-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes progress-tracker-fade{0%{opacity:0}to{opacity:1}}.progress-tracker__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.progress-tracker__emblem{width:7.5rem;height:7.5rem;object-fit:contain;border-radius:50%;transform:scale(0);opacity:0}.progress-tracker__label{margin-top:.25rem;font-size:.875rem;color:#4b5563}.progress-tracker__milestone{position:absolute;z-index:1}.progress-tracker__milestone--top{left:50%;top:2.19rem;transform:translate(-50%,-50%)}.progress-tracker__milestone--right{left:calc(50% + 7.81rem);top:10rem;transform:translate(-50%,-50%)}.progress-tracker__milestone--bottom{left:50%;top:17.81rem;transform:translate(-50%,-50%)}.progress-tracker__milestone--left{left:calc(50% - 7.81rem);top:10rem;transform:translate(-50%,-50%)}.progress-tracker__pill{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .8rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:#fff;background:#1c1d13;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.progress-tracker__pill-star{width:1.05rem;height:1.05rem;object-fit:contain;flex-shrink:0}@keyframes reward-milestone-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-milestones-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;max-width:72rem;margin:0 auto;padding:1.5rem}@media(min-width:768px){.reward-milestones-grid{grid-template-columns:repeat(3,1fr)}}.reward-milestone{--reward-delay: 0s;position:relative;display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.reward-milestone{opacity:0;animation:reward-milestone-in .5s ease forwards;animation-delay:var(--reward-delay)}}@media(prefers-reduced-motion:reduce){.reward-milestone{opacity:1}}.reward-milestone__card{padding:1.5rem 1.5rem 1.75rem;border-radius:1.5rem;color:#fff;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:box-shadow .3s ease;flex:1;display:flex;flex-direction:column}.reward-milestone__card:hover{box-shadow:0 25px 50px -12px #00000040}.reward-milestone__product{display:flex;justify-content:center;align-items:center;padding:1.25rem 0;flex:1}.reward-milestone__product-circle{display:flex;justify-content:center;align-items:center;width:20rem;height:20rem;border-radius:50%;background-color:#fcf7f2}.reward-milestone__product img{width:14rem;height:14rem;object-fit:contain;filter:drop-shadow(0 6px 16px rgb(0 0 0 / .25));transition:transform .3s ease}.reward-milestone__card:hover .reward-milestone__product img{transform:scale(1.06) translateY(-4px)}.reward-milestone__card--amber{background:linear-gradient(to bottom right,#f59e0b,#ea580c)}.reward-milestone__card--orange{background:linear-gradient(to bottom right,#f97316,#dc2626)}.reward-milestone__card--rose{background:linear-gradient(to bottom right,#f43f5e,#db2777)}.reward-milestone__card--amber-mid{background:linear-gradient(to bottom right,#f7bf82,#f09b4d)}.reward-milestone__card--orange-deep{background:linear-gradient(to bottom right,#f09b4d,#d97030)}.reward-milestone__card--red-deep{background:linear-gradient(to bottom right,#d97030,#b85520)}.reward-milestone__card--bronze-deep{background:linear-gradient(to bottom right,#b85520,#96421a)}.reward-milestone__card--amber-orange-deep{background:linear-gradient(to bottom right,#d97706,#c2410c)}.reward-milestone__icon{font-size:2.25rem;line-height:1;margin-bottom:.75rem}.reward-milestone__points{display:flex;align-items:center;gap:.25rem;font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.reward-milestone__star{width:1.75rem;height:1.75rem;object-fit:contain;flex-shrink:0}.reward-milestone__label{font-size:.875rem;line-height:1.25;opacity:.9}.reward-milestone__divider{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgb(255 255 255 / .2)}.reward-milestone__reward{font-weight:600;font-size:2rem}
/*# sourceMappingURL=/cdn/shop/t/64/assets/cafe-reward-landing.css.map */