@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--paper:#f5f4ee;--ink:#18352e;--muted:#596b62;--lime:#d5ee89;--line:#d5ddd2;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,IBM Plex Sans Thai,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline-offset:5px;outline:3px solid #727625}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;font-weight:500;line-height:1.3}p{line-height:1.8}svg{flex-shrink:0}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:96px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-2px;align-items:center;gap:8px;font-size:36px;font-weight:800;display:flex}.brand>svg{width:37px;height:37px}.brand>span{letter-spacing:0;align-self:flex-end;margin-bottom:10px;margin-left:4px;font-size:10px;font-weight:500}.site-header nav{align-items:center;gap:30px;font-size:13px;display:flex}.nav-cta{border:1px solid var(--ink);border-radius:99px;align-items:center;gap:14px;padding:12px 19px;display:flex}.menu-toggle{display:none}.hero{grid-template-columns:1fr 1fr;gap:30px;max-width:1440px;min-height:680px;margin:auto;padding:55px 5% 30px;display:grid}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.status-dot{background:#557c34;border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{margin-top:32px;font-size:clamp(44px,4.8vw,74px);line-height:1.4}.return-word{color:#637634;margin-left:8px;display:inline-block;position:relative}.return-word svg{fill:none;stroke:#b9ce79;stroke-width:6px;width:100%;height:25px;position:absolute;bottom:-7px;left:0}.hero-description{color:var(--muted);margin:29px 0 27px;font-size:16px}.button{border:0;border-radius:99px;justify-content:center;align-items:center;gap:25px;padding:16px 24px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:var(--paper)}.lime{background:var(--lime);color:var(--ink)}.outline{border:1px solid var(--line);background:0 0}.full{width:100%;padding:14px 20px}.micro{color:var(--muted);margin-top:14px;font-size:11px}.hero-caption{border-top:1px solid var(--line);letter-spacing:1px;justify-content:space-between;gap:10px;margin-top:55px;padding-top:17px;font-size:8px;display:flex}.hero-art{isolation:isolate;background:#e3e8d9;border-radius:180px 180px 18px 18px;justify-content:center;align-items:center;min-height:550px;display:flex;position:relative;overflow:hidden}.art-label{letter-spacing:2px;font-size:9px;position:absolute;top:53px}.orbit{z-index:-1;border:1px solid #bac9ac;border-radius:50%;width:520px;height:520px;position:absolute;transform:rotate(-30deg)}.orbit-two{width:630px;height:280px;transform:rotate(-35deg)}.loyalty-card{background:var(--ink);width:82%;max-width:430px;color:var(--paper);border-radius:19px;padding:26px;animation:8s ease-in-out infinite float-card;transform:rotate(-9deg);box-shadow:15px 30px 50px #243d3028}.card-heading{align-items:center;gap:8px;display:flex}.card-heading>svg{width:40px;height:40px;color:var(--lime)}.card-heading>span{letter-spacing:-1px;font-size:27px}.card-heading small{letter-spacing:1.3px;margin-top:4px;font-size:7px;display:block}.card-heading .card-number{letter-spacing:1px;margin-left:auto;font-size:9px}.stamp-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.stamp{aspect-ratio:1;color:#a9bbac;border:1px dashed #a2b5a5;border-radius:50%;place-items:center;display:grid}.stamp.filled{background:var(--lime);color:var(--ink);border:0}.stamp>svg{width:36px;height:36px}.stamp>span{font-size:11px}.card-bottom{justify-content:space-between;align-items:center;display:flex}.card-bottom>span:first-child{font-size:12px;font-weight:400;line-height:1.8}.card-bottom b{font-weight:500}.card-bottom>span:last-child{font-size:36px}.floating-ticket{background:var(--white);z-index:2;border-radius:12px;align-items:center;gap:11px;padding:17px;animation:7s ease-in-out infinite float-ticket;display:flex;position:absolute;top:110px;right:12px;transform:rotate(6deg);box-shadow:0 12px 25px #243d3010}.floating-ticket div{font-size:11px;font-weight:600}.floating-ticket small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.floating-ticket>span{margin-left:12px}.visit-pill{background:var(--lime);border-radius:40px;align-items:center;gap:8px;padding:14px 19px;font-size:11px;display:flex;position:absolute;bottom:100px;left:25px;transform:rotate(3deg)}.art-foot{letter-spacing:.5px;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:23px;left:22px;right:22px}.section{max-width:1440px;margin:auto;padding:100px 8%;scroll-margin-top:20px}.intro{padding-top:90px}.intro-layout{grid-template-columns:1fr 1fr;gap:80px;margin-top:25px;display:grid}.intro h2,.section-heading h2,.benefit-primary h2,.audience h2,.faq h2{font-size:clamp(34px,4vw,55px)}.intro-layout p{font-size:16px}.muted{color:var(--muted);margin-top:15px}.relationship-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:55px;padding:28px 0;font-size:14px;display:flex}.relationship-strip i{background:var(--line);flex:1;height:1px;position:relative}.relationship-strip i:after{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;animation:4s infinite travel;position:absolute;top:-2px;right:0}.loop-end{align-items:center;gap:8px;display:flex}.experience-section{background:var(--ink);color:var(--paper);border-radius:32px;max-width:1380px;padding:80px 6%}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.section-heading h2{margin-top:18px}.section-heading>p{color:#c0cec4;font-size:14px}.demo-shell{background:var(--paper);color:var(--ink);border-radius:20px;overflow:hidden}.demo-top{border-bottom:1px solid var(--line);letter-spacing:.5px;justify-content:space-between;gap:15px;padding:18px 28px;font-size:10px;display:flex}.demo-top i{background:#6b8839;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.demo-grid{grid-template-columns:1fr 1fr;display:grid}.staff-panel{padding:35px 45px}.staff-panel h3{margin:13px 0 20px;font-size:27px}.staff-panel label,.receive-area label{margin-bottom:8px;font-size:12px;display:block}.amount-input{border-bottom:1px solid var(--line);align-items:center;gap:15px;display:flex}.amount-input>span{color:var(--muted);font-size:30px}.amount-input input{width:100%;min-width:0;color:var(--ink);outline-offset:0;background:0 0;border:0;font-size:48px}.rule{color:var(--muted);margin-top:9px;font-size:10px}.channel-picker{gap:7px;margin-top:27px;display:flex}.channel-picker button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 7px;font-size:12px;display:flex}.channel-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.transaction-state{justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;display:flex}.transaction-state strong{font-size:34px;font-weight:500}.transaction-state small{font-size:12px}.customer-panel{background:#e4e8dd;flex-direction:column;align-items:center;padding:35px;display:flex}.customer-panel>.eyebrow{align-self:flex-start}.phone-frame{background:var(--white);border:6px solid #d0d7c8;border-radius:30px;width:275px;max-width:100%;margin-top:20px;padding:20px;box-shadow:0 20px 40px #18352e0a}.phone-header{align-items:center;gap:8px;display:flex}.phone-header>svg{width:30px;height:30px}.phone-header>span{font-size:18px;font-weight:700}.phone-header>span>span{letter-spacing:1px;font-size:7px;display:block}.wallet-balance{flex-direction:column;padding-top:22px;display:flex}.wallet-balance>span{color:var(--muted);font-size:10px}.wallet-balance strong{letter-spacing:-3px;font-size:54px;font-weight:500;line-height:1.25}.reward-progress{padding:16px 0}.reward-progress>div{justify-content:space-between;font-size:9px;display:flex}.reward-progress progress{appearance:none;background:#e4e8dd;border:0;border-radius:10px;width:100%;height:6px;margin-top:10px;overflow:hidden}.reward-progress progress::-webkit-progress-bar{background:#e4e8dd}.reward-progress progress::-webkit-progress-value{background:#719745;border-radius:10px}.reward-progress progress::-moz-progress-bar{background:#719745}.reward-progress p{margin-top:5px;font-size:9px}.receive-area{border-top:1px dashed var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:170px;padding-top:15px;display:flex}.receive-area p{color:var(--muted);font-size:10px}.receive-area .button{gap:9px;padding:10px;font-size:10px}.receive-area input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);border-radius:7px;padding:10px;font-size:12px}.receive-area small{font-size:9px}.qr-illustration{grid-template-columns:repeat(7,1fr);gap:2px;width:68px;display:grid}.qr-illustration i{aspect-ratio:1}.qr-illustration .filled{background:var(--ink)}.nfc-pulse,.success-icon{background:var(--lime);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.demo-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:15px 25px;font-size:10px;display:flex}.demo-error{color:#a43122;padding:0 25px;font-size:12px}.demo-error:empty{display:none}.benefits>.eyebrow{margin-bottom:35px}.benefit-primary{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.section-number{letter-spacing:1.3px;color:var(--muted);margin-bottom:23px;font-size:9px;display:block}.serif{color:#667d39}.benefit-primary p{color:var(--muted);margin-top:20px;font-size:15px}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:25px;margin-top:25px;padding-bottom:9px;font-size:13px;display:inline-flex}.reward-scene{background:#e5ddcf;border-radius:180px 180px 18px 18px;justify-content:center;align-items:center;min-height:370px;padding:35px;display:flex;position:relative;overflow:hidden}.reward-token{background:var(--lime);border-radius:50%;place-items:center;width:140px;height:140px;animation:8s infinite float-ticket;display:grid;position:absolute;top:40px;right:-8px;transform:rotate(15deg);box-shadow:inset 0 0 0 9px #c2db78}.reward-note{background:var(--white);border-radius:10px;width:270px;padding:30px;position:relative;transform:rotate(-6deg);box-shadow:0 25px 40px #18352e14}.reward-note>span{letter-spacing:1px;font-size:8px}.reward-note h3{margin:19px 0;font-size:29px}.mini-stamps{gap:4px;display:flex}.mini-stamps>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.mini-stamps .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.reward-note p{margin-top:12px;font-size:10px}.benefit-secondary{grid-template-columns:1fr 1fr;gap:70px;margin-top:65px;display:grid}.benefit-secondary article{border-top:1px solid var(--line);padding-top:30px}.benefit-secondary h3{margin-top:25px;font-size:32px}.benefit-secondary p{color:var(--muted);max-width:400px;margin-top:17px;font-size:14px}.brand-swatches{display:flex}.brand-swatches i{border:3px solid var(--paper);background:#18352e;border-radius:50%;width:38px;height:38px;margin-left:-7px}.brand-swatches i:nth-child(2){background:#ddaa8c}.brand-swatches i:nth-child(3){background:var(--lime)}.audience{border-top:1px solid var(--line);padding-top:70px}.audience h2{margin-top:20px}.use-cases{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px;display:grid}.use-cases article{border-top:1px solid var(--line);padding-top:20px}.use-cases span{color:var(--muted);font-size:10px}.use-cases h3{margin-top:15px;font-size:23px}.use-cases p{color:var(--muted);margin-top:10px;font-size:13px}.audience-note{color:var(--muted);margin-top:25px;font-size:10px}.faq{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:65px;display:grid}.faq h2{margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:15px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:23px;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:95%;margin-top:18px;font-size:13px}.final-cta{background:var(--ink);color:var(--paper);text-align:center;border-radius:32px;max-width:1380px;padding:75px 25px}.final-cta>svg{width:65px;height:65px;color:var(--lime);margin-bottom:20px}.final-cta .eyebrow{justify-content:center;font-size:9px}.final-cta h2{margin:25px 0 30px;font-size:clamp(30px,4.4vw,60px)}.final-cta .serif{color:var(--lime)}.final-cta .micro{color:#c0cec4}footer{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:auto;padding:50px 5%;display:flex}footer>a:not(.brand){align-items:center;gap:10px;display:flex}.skip-link{background:var(--lime);z-index:20;padding:15px;position:fixed;top:15px;left:15px;transform:translateY(-200%)}.skip-link:focus{transform:none}@keyframes float-card{0%,to{transform:translateY(0)rotate(-9deg)}50%{transform:translateY(-10px)rotate(-6deg)}}@keyframes float-ticket{0%,to{translate:0}50%{translate:0 -9px}}@keyframes travel{0%,to{opacity:0;right:100%}20%,80%{opacity:1}90%{opacity:0;right:0}}@media (min-width:1500px){.experience-section,.final-cta{max-width:1380px}}@media (max-width:1000px){.site-header nav{gap:17px}.hero{gap:20px;min-height:auto}.hero-art{min-height:510px}.hero h1{font-size:48px}.hero-description{font-size:14px}.hero-caption{font-size:6px}.loyalty-card{padding:20px}.stamp-grid{gap:8px}.floating-ticket{padding:13px;top:100px;right:5px}.section{padding:75px 6%}.experience-section{max-width:none;margin:0 20px}.staff-panel{padding:30px}.section-heading>p{font-size:12px}.intro-layout,.benefit-primary,.faq{gap:40px}.final-cta{max-width:none;margin:0 20px}}@media (max-width:720px){html{scroll-padding-top:20px}.site-header{height:76px;padding:0 6%;position:relative}.brand{font-size:31px}.brand>svg{width:31px;height:31px}.brand>span{margin-bottom:8px;font-size:9px}.menu-toggle{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:30px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.site-header nav{background:var(--paper);z-index:10;border-bottom:1px solid var(--line);padding:25px;display:none;position:absolute;top:75px;left:0;right:0}.site-header nav.open{flex-direction:column;align-items:stretch;gap:20px;display:flex}.nav-cta{justify-content:space-between}.hero{flex-direction:column;gap:30px;padding:36px 6% 0;display:flex}.hero h1{margin-top:24px;font-size:clamp(39px,8.5vw,57px)}.hero-description{margin:24px 0;font-size:14px}.hero .eyebrow{letter-spacing:1.5px;font-size:8px}.hero-caption{margin-top:30px;font-size:7px}.hero-art{border-radius:160px 160px 16px 16px;min-height:480px}.loyalty-card{max-width:370px;padding:24px}.floating-ticket{top:80px;right:5px}.visit-pill{bottom:65px;left:15px}.art-label{top:37px}.art-foot{font-size:6px}.section{padding:65px 6%}.intro-layout,.benefit-primary,.benefit-secondary,.faq{grid-template-columns:1fr;gap:27px}.intro h2,.section-heading h2,.benefit-primary h2,.audience h2,.faq h2{font-size:37px}.intro-layout p{font-size:14px}.relationship-strip{flex-wrap:wrap;gap:7px;margin-top:30px;padding:22px 0;font-size:10px}.relationship-strip svg{width:16px}.experience-section{border-radius:22px;margin:0 12px;padding:45px 20px}.section-heading{margin-bottom:25px;display:block}.section-heading .eyebrow{letter-spacing:1.4px;font-size:8px}.section-heading>p{margin-top:18px;font-size:13px}.demo-top{flex-direction:column;gap:5px;padding:15px;font-size:8px}.demo-grid{grid-template-columns:1fr}.staff-panel{padding:25px}.staff-panel h3{font-size:24px}.amount-input input{font-size:40px}.customer-panel{padding:25px}.phone-frame{width:290px}.demo-foot{align-items:flex-start;padding:15px;font-size:9px}.demo-foot svg{margin-top:3px}.benefit-primary p{font-size:14px}.reward-scene{min-height:350px;margin-top:15px}.benefit-secondary{gap:35px;margin-top:40px}.benefit-secondary h3{font-size:29px}.use-cases{grid-template-columns:1fr;gap:25px;margin-top:30px}.use-cases article{grid-template-columns:28px 1fr;column-gap:10px;display:grid}.use-cases span{grid-row:span 2;margin-top:9px}.use-cases h3{margin:0}.use-cases p{margin-top:5px}.faq{gap:25px}.faq summary{font-size:14px}.final-cta{border-radius:22px;margin:0 12px;padding:50px 20px}.final-cta h2{font-size:34px}footer{grid-template-columns:1fr 1fr;padding:35px 6%;display:grid}footer p{grid-area:2/span 2}footer>span{text-align:right;font-size:9px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.button:hover{transform:none}}.motion-control{z-index:5;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:10px 13px;font-size:10px;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 12px #18352e0a}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}.in-view{animation:.75s ease-out both reveal}@keyframes reveal{0%{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-copy{animation:.9s ease-out both reveal}h1,h2,h3{letter-spacing:-.018em}.eyebrow{letter-spacing:1.1px;font-size:12px}.micro,.rule,.demo-top,.demo-foot,.section-number,.audience-note{font-size:12px}.hero-caption,.art-foot{font-size:11px}.hero-secondary{margin-left:20px}.hero h1{font-size:clamp(38px,4.2vw,64px)}.card-heading small{font-size:10px}.card-bottom small{font-size:12px}.floating-ticket div,.visit-pill{font-size:13px}.floating-ticket small{font-size:12px}.hero-art{background-image:radial-gradient(#18352e0a .7px,#0000 .7px);background-size:5px 5px}.how-section h2,.merchant-section h2,.business-value h2,.product-status h2{margin:20px 0;font-size:clamp(34px,4vw,52px)}.how-steps{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px;padding:0;list-style:none;display:grid}.how-steps li{border-top:1px solid var(--line);padding-top:20px}.how-steps li>span{margin-bottom:22px;font-size:12px;display:block}.how-steps h3,.merchant-outcomes h3{margin-top:20px;font-size:25px}.how-steps p,.merchant-outcomes p{color:var(--muted);margin-top:12px;font-size:15px}.merchant-outcomes{grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px;display:grid}.merchant-outcomes article{border-left:2px solid #bbcf94;padding-left:22px}.merchant-outcomes h3{margin-top:0}.mode-picker{gap:10px;padding:20px 25px;display:flex}.mode-picker button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:30px;min-height:44px;padding:12px 20px;font-size:14px}.mode-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demo-steps{justify-content:space-between;gap:12px;margin:5px 0 20px;padding:0 25px;list-style:none;display:flex}.demo-steps li{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.demo-steps li>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.demo-steps .active{color:var(--ink)}.demo-steps .active>span{background:var(--lime);border-color:var(--lime)}.demo-guide{background:#e8eddf;padding:16px 25px;font-size:14px}.compact-wallet{display:none}.phone-frame{width:320px;padding:23px}.phone-header>span>span,.wallet-balance>span{font-size:12px}.reward-progress>div,.reward-progress p,.receive-area p,.receive-area small,.receive-area .button{font-size:13px}.receive-area .button{min-height:44px}.receive-area{min-height:180px}.sample-member{flex-direction:column;gap:5px;font-size:14px;display:flex}.sample-member small{font-size:12px}.channel-picker button{min-height:44px;font-size:14px}.transaction-ledger{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:15px;margin:0;padding:20px 25px;display:grid}.transaction-ledger dt{color:var(--muted);font-size:12px}.transaction-ledger dd{margin:8px 0 0;font-size:20px}.stamp-order{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0;display:flex}.stamp-order span{width:100%;color:var(--muted);font-size:12px}.wallet-balance strong{animation:.35s ease-out balance-pop}.business-value{background:#e6eadf;border-radius:25px;grid-template-columns:1fr 1fr;gap:60px;display:grid}.business-value>div>p{color:var(--muted);margin-bottom:20px;font-size:15px}.business-value small{font-size:12px;line-height:1.8;display:block}.value-calculator{background:var(--white);border-radius:18px;padding:30px}.value-calculator label{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:13px;display:flex}.value-calculator input{border:1px solid var(--line);background:var(--paper);width:95px;min-width:0;color:var(--ink);border-radius:8px;padding:10px}.value-calculator dl>div{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding:15px 0;font-size:13px;display:flex}.value-calculator dd{white-space:nowrap;margin:0;font-size:22px}.value-calculator>p{color:var(--muted);font-size:12px}.product-status{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;display:grid}.product-status h3{margin:20px 0 12px;font-size:22px}.product-status p:not(.eyebrow){color:var(--muted);font-size:15px}.product-status .status-note{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.reward-note>span,.reward-note p{font-size:12px}.mini-stamps>span{width:26px;height:26px;font-size:12px}footer p,footer>a:not(.brand),footer>span{font-size:12px}@keyframes balance-pop{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:1000px){.hero-caption{font-size:10px}.hero-secondary{margin-top:16px;margin-left:0}.business-value{gap:30px}}@media (max-width:720px){.hero .eyebrow,.section-heading .eyebrow,.eyebrow{letter-spacing:.6px;font-size:11px}.hero-caption{display:none}.art-foot{gap:12px;font-size:10px}.art-foot>span:last-child{display:none}.floating-ticket{max-width:95%;top:75px}.floating-ticket div{font-size:12px}.floating-ticket small{font-size:11px}.hero-art{min-height:490px}.hero h1{font-size:clamp(36px,8vw,52px)}.mode-picker{gap:6px;padding:20px 15px}.mode-picker button{flex:1;padding:10px 12px;font-size:13px}.demo-steps{flex-wrap:wrap;gap:6px;padding:0 15px}.demo-steps li{width:calc(50% - 6px);font-size:12px}.demo-guide{padding:15px;font-size:14px}.compact-wallet{border-bottom:1px solid var(--line);background:#e6edda;padding:15px;display:block}.compact-wallet>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.compact-wallet span{font-size:13px}.compact-wallet strong{font-size:25px}.compact-wallet small{font-size:12px;font-weight:400}.compact-wallet progress{accent-color:#5b7c39;width:100%;height:7px}.guided-demo .demo-grid{flex-direction:column;display:flex}.guided-demo .staff-panel,.guided-demo .customer-panel{padding:20px}:is(.guided-demo:has(.demo-steps li:nth-child(2)[aria-current=step]) .staff-panel,.guided-demo:has(.demo-steps li:nth-child(3)[aria-current=step]) .staff-panel){display:none}.guided-demo:has(.demo-steps li:first-child[aria-current=step]) .customer-panel{display:none}.guided-demo .phone-frame{width:100%;box-shadow:none;border-width:0;border-radius:18px;margin-top:12px;padding:20px}.guided-demo .wallet-balance,.guided-demo .customer-panel>.eyebrow{display:none}.guided-demo .phone-header{margin-bottom:14px}.guided-demo .reward-progress{padding:5px 0 15px}.guided-demo .receive-area{min-height:130px}.transaction-ledger{grid-template-columns:1fr 1fr;padding:20px}.demo-foot,.demo-top{font-size:12px}.how-steps,.merchant-outcomes,.business-value,.product-status{grid-template-columns:1fr;gap:25px}.how-steps li{grid-template-columns:40px 1fr;gap:5px 15px;display:grid}.how-steps li>span{grid-column:span 2;margin-bottom:12px}.how-steps h3{margin-top:0}.how-steps p{grid-column:2;margin-top:5px}.business-value{border-radius:0}.value-calculator{padding:20px}.value-calculator label{font-size:13px}.value-calculator dl>div{flex-direction:column;gap:7px}.product-status h2{font-size:36px}.motion-control{font-size:12px;bottom:12px}.section-number,.audience-note,.rule{font-size:12px}.receive-area .button{font-size:14px}.faq details p,.use-cases p,.benefit-secondary p{font-size:15px}.hero-description{font-size:16px}.hero .micro{font-size:12px}}.customer-reset{color:var(--ink);background:0 0;border:0;width:100%;min-height:44px;margin-top:8px;padding:12px;font-size:13px;text-decoration:underline}.comeback-art{min-height:590px}.comeback-art .loyalty-card{margin-bottom:45px}.comeback-art .art-label{letter-spacing:0;font-size:13px}.counter-context{opacity:.24;z-index:-1;position:absolute;bottom:145px;left:0;right:0}.counter-context svg{fill:none;stroke:#18352e;stroke-width:2px;stroke-linecap:round;width:100%}.comeback-action{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:45px;left:20px;right:20px}.comeback-action .button{min-height:44px;padding:12px 22px;font-size:13px}.comeback-action p{font-size:12px}.latest-stamp{animation:.45s cubic-bezier(.2,.8,.2,1) stamp-in}.reward-ready{box-shadow:15px 30px 50px #243d3028,0 0 0 2px #d5ee89}.scenario-picker{gap:10px;margin:35px 0;display:flex}.scenario-picker button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:30px;min-height:44px;padding:12px 22px;font-size:15px}.scenario-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.scenario-layout{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.scenario-layout h3{margin-bottom:12px;font-size:33px}.scenario-layout p{color:var(--muted);font-size:15px}.scenario-rule{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:15px;margin:25px 0;padding:20px 0;font-size:15px;display:flex}.scenario-note{margin-bottom:25px;font-size:12px!important}.scenario-wallet{background:var(--ink);color:var(--paper);border-radius:24px;padding:35px;transform:rotate(-2deg);box-shadow:12px 20px #dee6d4}.scenario-wallet>span{font-size:13px}.scenario-wallet strong{margin:15px 0;font-size:70px;font-weight:500;animation:.35s ease-out balance-pop;display:block}.scenario-wallet strong small{font-size:15px}.scenario-wallet progress{width:100%;height:10px;accent-color:var(--lime)}.scenario-wallet p{color:var(--paper);margin:15px 0}.scenario-receipt{border-top:1px solid #597066;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:20px;display:grid}.scenario-receipt>span{font-size:12px}.scenario-receipt b{margin-top:10px;font-size:23px;font-weight:500;display:block}.scenario-reset{cursor:pointer;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:0;margin-left:15px;font-size:13px;text-decoration:underline}.motion-paused .in-view{opacity:1!important;animation:none!important;transform:none!important}@keyframes stamp-in{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:720px){.comeback-art{min-height:550px}.comeback-art .loyalty-card{margin-bottom:60px}.comeback-art .art-label{font-size:12px}.scenario-layout{grid-template-columns:1fr;gap:30px}.scenario-picker{gap:6px}.scenario-picker button{flex:1;padding:12px 15px;font-size:14px}.scenario-wallet{padding:25px;box-shadow:7px 12px #dee6d4}.scenario-layout h3{font-size:29px}.scenario-reset{margin-left:0;display:block}.guided-demo:has(.demo-steps li:nth-child(4)[aria-current=step]) .staff-panel{display:none}.guided-demo:has(.demo-steps li:nth-child(4)[aria-current=step]) .customer-panel{order:0}.guided-demo .customer-reset{font-size:14px}.site-header nav.open a{align-items:center;min-height:44px;display:flex}}h1,h2,h3{letter-spacing:0;text-wrap:balance;line-height:1.4}.brand{letter-spacing:-1.7px}.section-heading>p,.hero-description{max-width:42ch}.intro-layout p,.merchant-outcomes p,.benefit-secondary p{line-height:1.9}.section{padding-top:80px;padding-bottom:80px}.intro+.how-section{padding-top:25px}.eyebrow{letter-spacing:.2px;font-weight:500}.button,.nav-cta{min-height:48px}.site-header nav{gap:19px}.site-header nav a{font-size:13px}.hero h1{margin-top:26px}.hero-copy>.micro{max-width:45ch}.hero-secondary{vertical-align:middle}.hero-caption,.card-heading small{letter-spacing:0;font-size:12px}.card-heading .card-number{font-size:12px}.art-foot{letter-spacing:0;font-size:12px}.art-label{letter-spacing:0}.demo-steps li{flex:1;font-size:14px;line-height:1.4}.demo-steps li[aria-current=step]>span{box-shadow:0 0 0 3px #18352e18}.demo-guide{min-height:58px;line-height:1.75}.staff-panel label{font-size:14px}.amount-input input{font-variant-numeric:tabular-nums}.phone-header>span>span{letter-spacing:0;margin-top:4px;line-height:1.6}.reward-progress progress,.compact-wallet progress,.scenario-wallet progress{border-radius:30px}.transaction-ledger dt{font-size:13px}.transaction-ledger dd{font-variant-numeric:tabular-nums}.mobile-channel-picker{display:none}.receive-area p{color:var(--ink)}.phone-frame{min-height:405px}.demo-error:not(:empty){background:#fae9e2;padding:14px 25px;font-size:14px}.mode-picker button,.scenario-picker button{transition:background .2s,color .2s}.faq details{padding:24px 0}.faq summary{min-height:30px;font-size:16px}.faq details p{font-size:15px;line-height:1.9}.value-calculator input{min-height:44px}.value-calculator label{font-size:14px}.section-number{letter-spacing:0;font-size:13px}.status-note{font-size:14px!important}.product-status>div:last-child{border:1px solid var(--line);border-radius:18px;padding:10px 25px 25px}.merchant-outcomes h3{font-size:24px}.final-cta{padding-top:70px;padding-bottom:70px}.final-cta .eyebrow{letter-spacing:0;font-size:12px}.motion-control{min-height:44px}footer{padding-bottom:80px}.relationship-strip{font-size:15px}.sample-member{background:var(--paper);border-radius:12px;padding:12px 18px}.sample-member small{color:var(--muted)}.success-icon{animation:.3s ease-out stamp-in}@media (max-width:1000px){.site-header nav{gap:12px}.site-header nav a{font-size:12px}.hero-secondary{width:max-content;display:flex}}@media (max-width:720px){.section{padding-top:55px;padding-bottom:55px}.intro+.how-section{padding-top:10px}.experience-section{padding:35px 18px}.hero h1{line-height:1.5}.hero-description{line-height:1.9}.hero .button{justify-content:space-between;width:100%}.hero-secondary{margin-top:16px;margin-left:0}.hero-art{margin-top:5px}.eyebrow,.hero .eyebrow,.section-heading .eyebrow{letter-spacing:0;font-size:12px;line-height:1.7}.section-heading>p{font-size:15px}.relationship-strip{font-size:12px}.demo-steps{gap:10px;padding:0 16px}.demo-steps li{flex:auto;width:calc(50% - 5px);font-size:13px}.demo-top{font-size:12px;line-height:1.6}.phone-frame{min-height:0}.mobile-channel-picker{gap:6px;margin:5px 0 15px;display:flex}.mobile-channel-picker button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:0 0;border-radius:8px;flex:1;font-size:14px}.mobile-channel-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.compact-wallet{padding:18px 20px}.compact-wallet span{font-size:12px}.compact-wallet strong{white-space:nowrap;font-size:25px}.compact-wallet progress{margin-top:12px;display:block}.customer-panel{min-height:310px}.receive-area .button{min-height:48px}.transaction-ledger dd{font-size:21px}.product-status>div:last-child{padding:8px 20px 20px}.site-header nav.open a{font-size:16px}.faq summary{font-size:15px}.final-cta h2{font-size:32px}.final-cta .button{gap:12px;width:100%;font-size:14px}.scenario-wallet{transform:none}.card-bottom>span:first-child{font-size:13px}.motion-control{width:max-content;box-shadow:none;margin:0 6% 20px auto;display:block;position:static}body>.motion-control{margin-top:16px}.hero{padding-top:14px}.comeback-art .button{font-size:13px}.how-steps li{grid-template-columns:35px 1fr}.how-steps p{font-size:15px}.business-value small{font-size:13px}.demo-foot{line-height:1.7}.reward-note h3{font-size:27px}}.contact-section{border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:start;gap:65px;display:grid}.contact-copy h2{margin:20px 0;font-size:clamp(34px,4vw,53px)}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.9}.contact-email{border-bottom:1px solid var(--ink);align-items:center;gap:18px;margin:28px 0;padding-bottom:8px;font-size:24px;display:inline-flex}.contact-copy>.contact-note{max-width:40ch;font-size:13px!important}.contact-form{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:0 12px 30px #18352e06}.contact-form-heading{margin-bottom:25px}.contact-form-heading h3{font-size:26px}.contact-form-heading p{color:var(--muted);margin-top:7px;font-size:12px}.contact-form label{flex-direction:column;gap:9px;margin-bottom:20px;font-size:14px;display:flex}.contact-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form input,.contact-form textarea{background:var(--paper);width:100%;min-width:0;color:var(--ink);border:1px solid #b9c6b9;border-radius:9px;min-height:48px;padding:13px 14px;font-size:15px;line-height:1.6;display:block}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#617064}.subject-preview{color:var(--muted);overflow-wrap:anywhere;margin:-10px 0 22px;font-size:12px}.contact-form-hint{text-align:center;color:var(--muted);margin-top:13px;font-size:12px}.contact-feedback{background:#e6edda;border-radius:9px;margin-top:15px;padding:12px;font-size:13px;line-height:1.8}.contact-feedback:empty{display:none}.product-example summary{cursor:pointer;border:1px solid #678078;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 20px;font-size:16px;list-style:none;display:flex}.product-example summary::-webkit-details-marker{display:none}.product-example summary span{font-size:28px}.product-example[open] summary{margin-bottom:22px}.product-example[open] summary span{transform:rotate(45deg)}.example-contact{margin-top:25px}@media (max-width:1000px){.contact-section{gap:30px}.contact-fields{grid-template-columns:1fr;gap:0}}@media (max-width:720px){.contact-section{grid-template-columns:1fr;gap:30px}.contact-form{border-radius:18px;padding:22px 18px}.contact-email{font-size:23px}.contact-copy h2{font-size:36px}.contact-copy>.contact-note{max-width:none}.product-example summary{padding:15px;font-size:15px}.example-contact{gap:15px;width:100%;font-size:14px}.contact-form-hint{font-size:13px}.hero .button{font-size:14px}}