@font-face{font-family:GoBack;src:url('/static/fonts/NotoSans-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f7f8f2;color:#153c31;font-family:GoBack,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #007455;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.06}h1{font-size:clamp(46px,5.05vw,76px);font-weight:750}h2{font-size:clamp(34px,3.6vw,54px)}h3{font-size:26px}em{font-style:normal;color:#46803c}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.section{padding:106px 0}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;margin-bottom:25px}.fine{font-size:12px;color:#536b60;margin-top:18px}.lead{font-size:17px;line-height:1.8;color:#54695d;max-width:455px;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:16px 25px;border:1px solid #153c31;border-radius:9px;background:#153c31;color:white;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{background:#29583b;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:12px}.button.outline{background:transparent;color:#153c31}.button.outline:hover{background:#e8eedb}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:4px}.wordmark{font-size:30px;font-weight:900;letter-spacing:-2px;white-space:nowrap;line-height:1}.wordmark span{color:#138741}.wordmark i{font-style:normal;font-size:27px;margin-left:4px}.site-header{max-width:1440px;padding:24px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dce3d5}.site-header nav,.header-actions{display:flex;align-items:center;gap:26px}.site-header nav a,.login{font-size:12px;font-weight:650}.site-header a:hover{color:#36823c}.button:hover{color:white!important}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:65px 0 76px;align-items:center}.hero .eyebrow{font-size:10px;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#6e9e3c}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:28px}.hero-scene{min-height:590px;position:relative;border-radius:160px 160px 32px 32px;background:#e6eccf;overflow:hidden;isolation:isolate}.orbit{position:absolute;border:1px solid #c4d2a7;width:650px;height:650px;border-radius:50%;top:130px;left:0}.orbit-two{top:195px;left:60px}.scene-note{position:absolute;top:36px;left:55px;transform:rotate(-9deg);font-family:Georgia,serif;font-size:19px;line-height:1.3}.phone{width:255px;background:#fffef9;border:7px solid #203b2b;border-radius:38px;position:absolute;left:50%;top:89px;transform:translateX(-50%) rotate(-7deg);padding:14px 13px 22px;box-shadow:14px 20px 0 #c5d3a573;z-index:2}.phone-top{display:flex;justify-content:space-between;font-size:9px;padding:0 8px 18px}.phone-title{font-size:12px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:18px}.loyalty-card{background:#244c3c;color:#f3f4da;border-radius:16px;padding:19px 16px;box-shadow:0 7px 12px #25493819}.card-brand{display:flex;gap:7px;align-items:center;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:1px}.card-brand b{margin-left:auto;font-size:24px}.cup-mark{font-size:24px}.loyalty-card p{font-size:11px;margin:20px 0}.card-balance small{font-size:8px;letter-spacing:1px;display:block}.card-balance strong{font-size:44px;letter-spacing:-2px;line-height:1.3}.card-balance strong span{font-size:25px}.card-foot{font-size:7px;display:flex;justify-content:space-between;margin-top:22px;border-top:1px solid #ffffff25;padding-top:12px}.phone-progress{margin-top:20px;font-size:9px;text-align:center}.phone-progress div{display:flex;gap:10px;justify-content:center;margin:13px 0}.phone-progress i{width:20px;height:20px;background:#c6f36b;border:1px solid #8bae56;border-radius:50%}.phone-progress i.empty{background:transparent;border-style:dashed}.phone-progress small{font-size:9px;color:#74816d}.phone-bottom{height:4px;background:#263c2f;width:80px;border-radius:4px;margin:25px auto 0}.reward-float{position:absolute;z-index:3;right:15px;top:86px;display:flex;align-items:center;gap:10px;background:#fffef7;padding:12px;border-radius:12px;box-shadow:0 10px 30px #203e2312;transform:rotate(5deg);font-size:12px;font-weight:700}.reward-float>span{color:#508132;font-size:26px}.reward-float small{font-size:8px;display:block;font-weight:400}.cashback-float{position:absolute;z-index:3;left:30px;bottom:45px;display:flex;gap:14px;align-items:center;padding:16px 20px;background:#c6f36b;transform:rotate(3deg);border-radius:12px;box-shadow:0 10px 30px #203e2322}.cashback-float>span{font-size:27px}.cashback-float strong{font-size:24px;line-height:1.2}.cashback-float small{display:block;font-size:9px;font-weight:400;margin-top:5px}.scene-label{position:absolute;bottom:15px;right:18px;font-size:8px;letter-spacing:.1em;color:#657553}.coffee-art{position:absolute;bottom:50px;right:0;width:160px;height:160px;z-index:1;transform:rotate(20deg)}.saucer{position:absolute;inset:5px;background:#e2c09a;border-radius:50%;box-shadow:5px 10px 20px #32462222,inset 0 0 0 15px #eed4b5}.coffee-cup{position:absolute;inset:25px;border-radius:50%;background:#ffeed5;padding:11px;box-shadow:5px 5px 8px #845e2a30;z-index:2}.coffee-surface{height:100%;border-radius:50%;background:#8a542f;color:#ffedce;font:80px/80px Georgia;text-align:center;box-shadow:inset 0 0 0 7px #b7814c}.cup-handle{position:absolute;top:60px;right:1px;width:40px;height:33px;border:10px solid #ffeed5;border-radius:12px}.business-strip{border-top:1px solid #dce3d5;border-bottom:1px solid #dce3d5;padding:24px 0}.business-strip .wrap{display:flex;align-items:center;gap:45px}.business-strip span{font-size:9px;letter-spacing:.1em;line-height:1.5;white-space:nowrap;color:#64735a}.business-strip p{display:flex;flex-wrap:wrap;gap:26px;align-items:center;font-size:16px;font-weight:700;letter-spacing:-.5px}.business-strip b{font-size:16px;color:#739a51}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading>p{font-size:14px;color:#637160}.program-demo{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.program-choice{width:100%;border:0;border-bottom:1px solid #d7dece;background:transparent;padding:25px 12px;display:flex;text-align:left;gap:18px;align-items:center;color:#51604a;cursor:pointer;transition:background .2s}.program-choice.active{background:#eaf1d8;border-radius:13px;color:#153c31;border-color:transparent}.program-choice>span:last-child{margin-left:auto}.choice-icon{font-size:32px;width:42px;text-align:center}.program-choice strong{font-size:22px;display:block;letter-spacing:-.7px}.program-choice small{font-size:12px}.program-explainer{font-size:14px;color:#607257;margin:23px 12px}.interactive-card{background:#e7ecd9;border-radius:24px;padding:40px}.demo-card{padding:26px;border-radius:19px;background:#264a3d;color:#f8ffe8;box-shadow:0 14px 24px #28412222;transition:background .3s;transform:rotate(-2deg)}.demo-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.demo-top>span:last-child{font-size:20px}#demo-reward{padding:25px 0}#demo-reward small{font-size:10px;letter-spacing:1px;display:block}#demo-reward strong{font-size:56px;letter-spacing:-3px;line-height:1.4}#demo-reward p{font-size:11px}.demo-card-footer{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #ffffff33;padding-top:13px}.simulator{margin-top:30px}.simulator label{display:flex;justify-content:space-between;font-size:12px}.simulator input{width:100%;accent-color:#25523c;margin:15px 0}.simulator p,.example-label{font-size:10px;color:#56654e}.example-label{display:block;margin-top:12px}.interactive-card[data-kind=points]{background:#f0e3df}.interactive-card[data-kind=points] .demo-card{background:#904a59}.interactive-card[data-kind=stamps]{background:#ece5d5}.interactive-card[data-kind=stamps] .demo-card{background:#725838}#demo-stamps{font-size:22px;letter-spacing:4px;padding-bottom:20px}.how{background:#edf0e4}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:45px}.step-number{font-size:12px;border:1px solid #bac8ad;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin-bottom:20px}.steps p{font-size:14px;color:#64725b;margin:17px 0 25px}.mini-design{background:#a5bf84;max-width:270px;border-radius:15px;padding:20px;transform:rotate(-4deg);margin:35px 15px 10px}.mini-design span{font-size:12px;font-weight:700}.mini-design div{letter-spacing:12px;color:#456447;font-size:22px;margin:8px 0}.mini-design b{font-size:19px;line-height:1.3;display:block}.mini-poster{width:165px;background:#c6f36b;border-radius:12px;padding:18px;text-align:center;margin:20px auto;transform:rotate(4deg);font-size:15px;font-weight:800;line-height:1.2}.mini-poster svg{width:65px;display:block;margin:12px auto 5px;background:white;border:7px solid white;border-radius:4px;fill:#153c31}.mini-poster small{font-size:6px;letter-spacing:1px}.mini-activity{margin-top:40px;transform:rotate(-3deg)}.mini-activity>div{display:flex;align-items:center;gap:12px;background:#fffef8;border-radius:10px;margin-bottom:12px;padding:14px}.mini-activity p{margin:0;font-size:11px;font-weight:600;color:#153c31}.mini-activity small{display:block;font-size:9px;font-weight:400}.mini-activity b{margin-left:auto;font-size:18px}.mini-activity>div>span{background:#eaf1d8;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.brand-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.benefits{list-style:none;padding:0;font-size:14px;margin:25px 0 0}.benefits li{margin-bottom:10px}.benefits li:before{content:'✓';margin-right:13px;color:#3a833c}.brand-cards{height:400px;position:relative}.sample-card{position:absolute;border-radius:20px;padding:28px;width:85%;box-shadow:0 12px 25px #1939221a}.sample-card>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.sample-card strong{font-size:32px;line-height:1.15;display:block;margin:30px 0 23px;letter-spacing:-1px}.sample-card small{font-size:11px}.pink{background:#edbac4;transform:rotate(-9deg);top:0;left:0;color:#602b44}.dark{background:#193f37;color:#e4efd6;transform:rotate(7deg);bottom:0;right:0}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid #d4ddc9;border-radius:20px;padding:30px 25px;background:#fffef8}.price-card.featured{background:#d7f58f;border-color:#c7e67f}.price-tag{font-size:8px;letter-spacing:.08em;display:block;margin-bottom:26px}.price-card h3{font-size:27px}.price{font-size:38px;font-weight:800;letter-spacing:-2px;margin:18px 0 8px}.price span{font-size:10px;letter-spacing:0;font-weight:400;white-space:nowrap}.price-card>p:not(.price){font-size:12px;color:#607052}.price-card ul{list-style:none;padding:0;font-size:12px;line-height:2.3;margin:23px 0}.price-card li:before{content:'✓';margin-right:9px}.price-card .button{width:100%;font-size:12px;padding:13px 8px}.coming{background:#163e34;color:#eaf0df;padding:60px;border-radius:25px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;overflow:hidden}.coming-badge{font-size:9px;border:1px solid #789870;border-radius:20px;padding:6px 13px;display:inline-block;margin-bottom:23px;letter-spacing:.12em;color:#c6f36b}.coming h2{font-size:40px}.coming p{color:#c0ceba;font-size:14px;max-width:400px;margin-top:22px}.coming .fine{color:#b7ccab;display:block}.pos-art{transform:rotate(-6deg);max-width:400px}.pos-screen{border:8px solid #476e58;background:#f1f1df;padding:23px;border-radius:18px;color:#173d32;box-shadow:0 25px 50px #031e2544}.pos-screen>span{font-weight:800;display:flex;justify-content:space-between;font-size:19px}.pos-screen small{font-size:7px;font-weight:500}.pos-grid{display:flex;gap:12px;margin-top:25px}.pos-grid i{font-style:normal;background:#dce9be;width:33%;padding:14px 5px;text-align:center;border-radius:7px;font-size:25px}.pos-grid small{display:block;font-size:8px}.pos-screen p{font-size:9px;color:#64725b;margin-top:20px}.pos-stand{width:100px;height:28px;margin:auto;border-bottom:7px solid #79977b;background:#476e58;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq details{border-bottom:1px solid #d4ddc9;padding:20px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:650}.faq p{font-size:14px;color:#607052;margin:17px 0}.closing{text-align:center;background:#d6f399;border-radius:30px;padding:70px 20px}.closing h2{font-size:clamp(50px,6vw,82px)}.closing .button{margin-top:28px}.closing p:last-child{font-size:12px;margin-top:16px}.closing em{color:#3e723c}footer{padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:10px;max-width:300px;color:#6b795e}footer>div{display:flex;gap:20px;font-size:10px}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1000px){.reward-float{animation:bob 5s ease-in-out infinite}.cashback-float{animation:bob 6s ease-in-out infinite reverse}}@keyframes bob{50%{translate:0 -8px}}@media(max-width:1050px){.site-header nav{gap:15px}.site-header{padding:20px 28px;gap:20px}.header-actions{gap:16px}.hero{gap:25px}.hero-scene{min-height:580px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.scene-note{left:30px}.reward-float{right:5px;top:75px}.cashback-float{left:10px}.program-demo{gap:30px}.interactive-card{padding:25px}.business-strip p{gap:16px;font-size:13px}.steps{gap:25px}.coming{gap:30px;padding:40px}.price-card{padding:25px 20px}.price{font-size:31px}.brand-section{gap:30px}.sample-card strong{font-size:27px}.site-header nav a{font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding:19px 20px;flex-wrap:wrap;gap:16px}.site-header nav{order:3;justify-content:center;width:100%;gap:32px;border-top:1px solid #e1e6d8;padding-top:12px}.wordmark{font-size:27px}.header-actions .button{display:none}.login{font-size:12px}.hero{grid-template-columns:1fr;padding:38px 0 45px;gap:35px}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:22px}h1{font-size:clamp(41px,9.1vw,65px);letter-spacing:-.06em}.lead{font-size:15px;margin-top:22px;max-width:none}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{padding:14px 18px;font-size:12px}.text-link{font-size:11px}.fine{font-size:10px}.hero-scene{min-height:530px;max-width:520px;width:100%;margin:auto;border-radius:120px 120px 25px 25px}.phone{width:235px;top:63px;padding:14px 12px 12px}.reward-float{top:47px;right:7px;font-size:10px;padding:9px;gap:6px}.reward-float small{font-size:7px}.scene-note{top:23px;left:40px;font-size:15px}.coffee-art{width:140px;height:140px;bottom:40px}.cashback-float{bottom:27px;padding:13px;left:10px}.cashback-float strong{font-size:22px}.business-strip .wrap{display:block}.business-strip span{display:block;font-size:8px;margin-bottom:15px}.business-strip span br{display:none}.business-strip p{gap:12px;font-size:12px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:13px}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:35px}.program-demo{grid-template-columns:1fr;gap:18px}.program-choice{padding:16px 10px;gap:12px}.program-choice strong{font-size:20px}.program-choice small{font-size:11px}.program-explainer{font-size:13px}.interactive-card{padding:28px 24px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-bottom:25px;border-bottom:1px solid #d8dfcc}.steps p{max-width:410px}.mini-design{margin:30px auto 12px;width:250px}.mini-activity{max-width:300px;margin:30px auto 0}.brand-section{grid-template-columns:1fr;gap:45px}.brand-cards{height:380px;max-width:460px;width:100%;margin:auto}.sample-card{width:85%}.price-grid{grid-template-columns:1fr;gap:15px}.price-card{padding:28px}.price-card .price{font-size:40px}.price-card .price span{font-size:12px}.price-tag{margin-bottom:20px}.price-card>p:not(.price),.price-card ul{font-size:14px}.price-card .button{padding:14px;font-size:13px}.coming{grid-template-columns:1fr;padding:32px 25px;gap:35px}.coming h2{font-size:34px}.pos-art{width:100%;margin:0 auto 10px;max-width:330px}.faq{grid-template-columns:1fr;gap:25px}.faq summary{font-size:14px}.closing{padding:48px 18px}.closing .eyebrow{font-size:8px}.closing h2{font-size:54px}footer{flex-wrap:wrap;padding:35px 0;gap:20px}footer p{max-width:200px}footer>div{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:64px}.hero-actions{flex-direction:row;align-items:center}.hero-scene{max-width:650px;width:100%;min-height:590px;margin:auto}.phone{width:270px}.scene-note{left:70px;top:40px}.reward-float{right:40px;top:95px}.cashback-float{left:65px;bottom:40px}.coffee-art{right:30px}.hero .lead{max-width:570px}}@media(max-width:760px){.hero-actions{flex-wrap:wrap}#demo-reward strong{font-size:clamp(30px,9vw,48px)}}
