@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--teal:#6eafb2;--ink:#183b3d;--cream:#f8f7f1;--yellow:#ffd34d;--line:#183b3d30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd7300;outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:100}.skip-link:focus{top:10px}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--cream);position:relative;z-index:10}.wordmark{font-family:Manrope,sans-serif;font-size:30px;font-weight:800;letter-spacing:-2px}.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:4px}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a:hover{color:#34787c}.header-cta{font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0}.header-cta span{margin-left:20px}.hero{margin:0 22px;border-radius:24px;background:var(--teal);min-height:750px;position:relative;overflow:hidden;padding:30px 3.3% 32px}.hero-top{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.5px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);display:inline-block;margin-right:8px}.hero h1{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.075em;font-size:clamp(60px,10.6vw,165px);line-height:1.1;text-align:center;margin:45px 0 0;position:relative;z-index:1;white-space:nowrap}.hero h1 span{color:var(--cream)}.hero-art{position:relative;height:380px;width:610px;max-width:100%;margin:-12px auto 0;z-index:2}.orbit{position:absolute;width:470px;height:310px;left:60px;top:20px;border:1px solid #ffffff35;border-radius:50%;transform:rotate(-15deg)}.orbit-two{transform:rotate(28deg);width:540px;left:25px}.main-cart{position:absolute;left:165px;top:130px;transform:rotate(-9deg);filter:drop-shadow(10px 20px 12px #234c4d30);color:#f8f7f1;width:300px}.main-cart svg{width:100%;height:240px}.grocery{position:absolute;box-shadow:8px 15px 20px #244e4e23;display:flex;flex-direction:column;justify-content:space-between}.grocery-milk{width:104px;height:160px;background:#f2eee2;left:216px;top:22px;transform:rotate(-14deg);padding:16px 12px;border-radius:6px 6px 2px 2px;border-top:20px solid #ded7c5}.grocery-milk span{font-size:9px;line-height:1.2;font-weight:700}.grocery-milk strong{font-size:34px;letter-spacing:-2px}.grocery-milk small{font-size:6px}.grocery-orange{width:115px;height:137px;background:var(--yellow);left:322px;top:65px;transform:rotate(13deg);border-radius:9px;padding:12px;font-size:22px;line-height:1}.grocery-orange i{width:46px;height:46px;background:#ef8e37;border-radius:50%;align-self:flex-end}.grocery-box{width:93px;height:130px;left:153px;top:90px;background:#245b51;color:#eee7c6;transform:rotate(-26deg);padding:15px 10px;font-size:11px}.grocery-box strong{font-size:13px}.floating-label{position:absolute;font-size:10px;background:#ffffffa6;padding:12px 16px;border-radius:7px;left:0;top:80px;transform:rotate(-7deg)}.floating-label span{margin-left:8px}.scan-chip{position:absolute;right:-30px;top:230px;display:flex;align-items:center;gap:10px;background:var(--cream);padding:14px 18px;border-radius:12px;box-shadow:0 10px 30px #21464715;transform:rotate(6deg);font-size:12px}.scan-chip small{display:block;font-size:9px;margin-top:3px;opacity:.65}.check{background:var(--yellow);padding:7px 10px;border-radius:50%;font-weight:bold}.speed{position:absolute;left:75px;top:250px;width:75px;height:4px;background:var(--yellow);border-radius:5px}.speed-two{top:270px;left:105px;width:40px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}.hero-bottom p{font-size:21px;letter-spacing:-.6px;margin:10px 0 0;font-weight:500}.hero-bottom .hero-description{font-size:13px;line-height:1.7;letter-spacing:0}.round-link{display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:1px}.round-link b{width:45px;height:45px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:400;transition:background .2s}.round-link:hover b{background:var(--yellow)}.ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:26px 0;margin-top:20px;font-size:12px;font-weight:600;letter-spacing:2px}.ticker div{white-space:nowrap;width:max-content;animation:marquee 40s linear infinite}.ticker span{color:#558b87;margin:0 40px;font-size:22px;vertical-align:middle}.section-pad{padding:95px 7%}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.mini-note{font-size:9px;letter-spacing:1px;line-height:1.6}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4.4vw,66px);letter-spacing:-.055em;line-height:1.14;margin:0;font-weight:600}h2 em{font-style:normal;color:#4d9093}.about-copy p{font-size:15px;line-height:1.8;margin:0 0 16px;color:#526767}.about-copy p:first-child{font-size:18px;color:var(--ink)}.text-link{display:inline-flex;gap:30px;font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0;margin-top:9px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;gap:20px}.benefit{padding:28px;border:1px solid var(--line);border-radius:14px}.benefit-icon{display:block;font-size:32px;margin-bottom:35px;height:32px}.benefit h3{font-size:20px;letter-spacing:-.6px;margin:12px 0}.benefit p{font-size:13px;line-height:1.7;color:#526767;margin-bottom:0}.how{background:#e8eee7;padding-bottom:20px}.pill{font-size:9px;letter-spacing:1px;border:1px solid var(--line);border-radius:25px;padding:10px 14px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:12%}.phone-stage{position:sticky;top:60px;height:630px;display:flex;align-items:center;flex-direction:column;justify-content:center}.stage-circle{position:absolute;width:420px;max-width:110%;aspect-ratio:1;border:1px solid #8baba85c;border-radius:50%;top:90px}.stage-circle:after{content:'';position:absolute;inset:30px;border-radius:50%;background:#d8e4dc}.phone{width:258px;height:493px;background:var(--cream);border:7px solid #233e3c;border-radius:37px;box-shadow:14px 25px 0 #203e3b0a,0 30px 50px #203e3b16;position:relative;padding:12px 16px;overflow:hidden;transform:rotate(-3deg)}.phone-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700}.phone-top i{height:17px;width:65px;background:#233e3c;border-radius:20px;margin-top:-6px}.phone-brand{font-weight:800;font-size:18px;margin:23px 0 20px;letter-spacing:-1px}.phone-brand>span{float:right;font-size:8px;font-weight:500;letter-spacing:1px;background:#e8eee7;padding:5px;border-radius:4px}.phone-home{position:absolute;bottom:8px;left:85px;right:85px;height:4px;background:var(--ink);border-radius:4px}.stage-caption{font-size:8px;letter-spacing:1.4px;margin-top:28px;z-index:1}.demo-controls{display:flex;gap:8px;z-index:1;margin-top:15px}.demo-controls button{border:1px solid var(--line);background:transparent;font-size:10px;border-radius:20px;padding:8px 13px;cursor:pointer;color:var(--ink)}.demo-controls button[aria-pressed=true]{background:var(--ink);color:white}.journey-step{min-height:620px;display:flex;flex-direction:column;justify-content:center;padding:50px 0}.step-number{font-size:11px;font-weight:700;letter-spacing:1.7px;margin-bottom:25px}.journey-step h2{font-size:clamp(42px,5.3vw,76px)}.journey-step p{font-size:15px;line-height:1.8;max-width:340px;margin-top:25px;color:#526767}.step-foot{font-size:8px;letter-spacing:1.3px;margin-top:22px}.demo-title{font-size:21px;letter-spacing:-.7px;margin:0 0 6px}.demo-sub{font-size:10px;color:#607573;margin:0 0 18px}.scanner{height:205px;background:#dce7dd;border-radius:14px;position:relative;display:grid;place-items:center;overflow:hidden}.demo-product{width:85px;height:135px;background:#f2ce64;transform:rotate(-8deg);padding:16px 8px;text-align:center;color:#364c3b;font-size:10px;box-shadow:8px 9px 15px #29463920}.demo-product strong{display:block;font-size:23px;margin:12px 0}.barcode{height:22px;width:55px;margin:auto;background:repeating-linear-gradient(90deg,#183b3d 0 2px,#fff 2px 4px,#183b3d 4px 5px,#fff 5px 8px)}.scan-line{height:2px;position:absolute;left:15px;right:15px;background:#3e9990;box-shadow:0 0 12px #337d76;animation:scan 2.8s ease-in-out infinite}.demo-toast{font-size:10px;padding:14px 8px;background:#e9eedf;border-radius:8px;margin-top:15px}.demo-toast b{color:#39725d;margin-right:8px}.basket-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;font-size:11px}.demo-total{display:flex;justify-content:space-between;margin:24px 0;font-size:15px;font-weight:700}.demo-pay{background:var(--ink);color:white;text-align:center;font-size:11px;padding:14px;border-radius:8px}.demo-cash{text-align:center;font-size:10px;margin-top:13px}.success-mark{background:#dbe8d6;color:#367452;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:30px;margin:12px auto 20px}.success{text-align:center}.qr-illustration{width:100px;height:100px;margin:20px auto;background:repeating-conic-gradient(var(--ink) 0 25%,transparent 0 50%) 0 0/14px 14px;border:9px solid white;position:relative}.qr-illustration:after{content:"";position:absolute;inset:20px;background:white}.qr-illustration:before{content:"";position:absolute;z-index:1;left:37px;top:30px;width:9px;height:16px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg)}.demo-note{font-size:9px;text-align:center;line-height:1.6;color:#607573}.stores{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.stores h2{margin-top:30px}.stores p{max-width:370px;line-height:1.8;font-size:15px;color:#526767}.store-map{height:380px;position:relative}.map-ring{position:absolute;inset:15px 20px;border:1px dashed #87aaa7;border-radius:50%;transform:rotate(-25deg)}.map-ring.inner{inset:75px 80px;border-style:solid}.map-center{position:absolute;top:145px;left:calc(50% - 65px);background:var(--teal);border-radius:22px;padding:28px 18px;font-size:26px;font-weight:800;letter-spacing:-1.5px;transform:rotate(-8deg)}.store-node{position:absolute;background:white;border:1px solid var(--line);border-radius:12px;padding:15px 22px;text-align:center;font-size:36px;box-shadow:0 10px 30px #173d3b08}.store-node small{display:block;font-size:7px;letter-spacing:1px;margin-top:8px}.node-one{top:5px;left:25%}.node-two{right:-5px;top:150px}.node-three{bottom:15px;left:0}.map-note{position:absolute;bottom:0;right:0;font-size:10px;transform:rotate(-5deg)}.start{background:var(--teal);margin:0 22px;border-radius:22px}.start .section-heading>span:last-child{font-size:9px;letter-spacing:1px}.start h2{font-size:clamp(38px,6vw,86px)}.start h2 em{color:var(--cream)}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.start-grid article{border-top:1px solid #183b3d50;padding-top:24px}.start-grid b{font-size:12px}.start-grid h3{font-size:21px;font-weight:500;margin:23px 0 12px}.start-grid p{font-size:13px;line-height:1.7;max-width:270px}.availability{border-top:1px solid #183b3d50;margin-top:45px;padding-top:22px;display:flex;align-items:center;gap:5px;font-size:11px}.availability a{margin-left:auto;border-bottom:1px solid var(--ink);white-space:nowrap}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.faq>.eyebrow{max-width:210px;line-height:1.8;padding-top:20px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:17px}summary::-webkit-details-marker{display:none}summary span{font-size:22px}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:#526767;max-width:530px}footer{background:var(--ink);color:var(--cream);padding:45px 5% 25px;overflow:hidden}.footer-top{display:flex;align-items:center;gap:22px}.footer-logo img{display:block;border-radius:12px;width:70px;height:70px}.footer-top p{font-size:13px;line-height:1.7}.footer-top>a:last-child{margin-left:auto;font-size:9px;letter-spacing:1px}.footer-wordmark{font-family:Manrope,sans-serif;font-size:clamp(80px,21vw,330px);line-height:1.3;letter-spacing:-.065em;font-weight:800;display:flex;justify-content:space-between;align-items:center}.footer-wordmark>span{color:var(--yellow);font-size:.7em}.footer-bottom{border-top:1px solid #ffffff30;padding-top:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.footer-bottom b{color:var(--yellow)}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}.hero-art{animation:arrive 1s ease both}.grocery-orange{animation:bob 5s ease-in-out infinite}.scan-chip{animation:bob 5s ease-in-out infinite reverse}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scan{0%,100%{top:20%}50%{top:80%}}@keyframes bob{50%{translate:0 -9px}}@keyframes arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){.header-cta{display:none}.hero{min-height:690px}.hero h1{margin-top:65px}.hero-art{scale:.9;margin-top:-15px;margin-bottom:-15px}.about-grid{gap:35px}.section-pad{padding:75px 6%}.benefit{padding:22px}.journey{gap:6%}.stage-circle{width:340px}.store-node{padding:12px}.node-two{right:-15px}.stores{gap:4%}.phone-stage{top:20px}}@media(max-width:650px){.site-header{height:72px;padding:0 6%}.wordmark{font-size:25px}.site-header nav{gap:16px;font-size:11px}.hero{margin:0 10px;padding:25px 20px;min-height:660px;border-radius:17px}.hero-top{font-size:8px;letter-spacing:1px}.hero-top>span:last-child{display:none}.hero h1{font-size:clamp(44px,10.5vw,69px);margin-top:35px;letter-spacing:-.065em}.hero-art{width:360px;height:360px;left:50%;margin-left:-180px;scale:.85;transform-origin:center; margin-top:0;margin-bottom:0}.main-cart{left:40px;width:280px;top:135px}.grocery-milk{left:110px;top:35px}.grocery-orange{left:208px;top:85px}.grocery-box{left:45px;top:100px}.orbit{left:-40px;width:400px}.orbit-two{width:370px;left:0}.floating-label{left:-10px;top:5px;font-size:9px}.scan-chip{right:-10px;top:270px;font-size:10px;padding:11px}.speed{left:-5px;top:265px}.speed-two{left:15px;top:285px}.hero-bottom{align-items:center}.hero-bottom p{font-size:18px}.hero-description{display:none}.round-link>span{display:none}.eyebrow{font-size:8px}.ticker{padding:16px 0;margin-top:10px;font-size:9px}.ticker span{margin:0 25px}.section-pad{padding:55px 7%}.section-heading{margin-bottom:30px}.mini-note{font-size:7px}.about-grid{grid-template-columns:1fr;gap:25px}.about-copy p:first-child{font-size:16px}.about-copy p{font-size:14px}.benefits{grid-template-columns:1fr;gap:12px;margin-top:35px}.benefit{padding:22px;position:relative}.benefit-icon{float:right;margin:0}.benefit h3{font-size:19px}.benefit p{max-width:90%}.how .section-heading{gap:15px}.pill{font-size:7px;padding:8px;white-space:nowrap}.journey{grid-template-columns:1fr;gap:0}.phone-stage{top:0;height:380px;z-index:4;background:#e8eee7;margin:0 -8%;padding:12px 0}.phone{width:230px;height:450px;flex-shrink:0;transform:scale(.68);transform-origin:top center;margin-bottom:-144px;border-width:6px}.stage-circle{width:280px;top:40px;max-width:95%}.stage-caption{margin-top:3px;font-size:7px}.demo-controls{margin-top:8px}.demo-controls button{padding:6px 10px;font-size:9px}.journey-step{min-height:450px;justify-content:flex-start;padding-top:35px}.journey-step h2{font-size:42px}.journey-step p{font-size:14px}.step-number{margin-bottom:16px}.step-foot{margin-top:10px}.stores{grid-template-columns:1fr;gap:25px}.store-map{height:330px;margin:0 10px}.map-center{top:125px}.node-two{top:140px;right:-10px}.map-note{font-size:8px}.start{margin:0 10px;padding:40px 22px}.start .section-heading>span:last-child{font-size:7px}.start-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.start-grid article{padding-top:16px}.start-grid b{float:right}.start-grid h3{margin:0 0 8px;font-size:19px}.start-grid p{max-width:none;margin:0}.availability{flex-wrap:wrap;margin-top:25px;font-size:10px;gap:0}.availability p{width:90%;line-height:1.5}.availability a{margin:8px 0 0 15px}.faq{grid-template-columns:1fr;gap:15px}.faq>.eyebrow{max-width:none}summary{font-size:15px}.footer-top{gap:15px}.footer-logo img{width:52px;height:52px}.footer-top p{font-size:10px}.footer-top>a:last-child{font-size:7px}.footer-wordmark{padding:20px 0}.footer-bottom{font-size:7px;gap:12px}.footer-bottom>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Static app download buttons; connect destinations when the app is published. */
.download-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;border-radius:999px;padding:14px 24px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s}
.download-button:hover{background:#ffe181;transform:translateY(-2px)}
.download-button:active{transform:translateY(0)}
.download-button span{font-size:18px;font-weight:400}
.footer-download{display:flex;justify-content:center;padding:0 0 35px}
.footer-contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:38px;padding:42px 0 32px}.footer-contact h2{color:var(--cream);font-size:clamp(42px,6vw,88px);margin-top:14px}.footer-contact-copy{justify-self:end;max-width:390px}.footer-contact-copy p{color:#d4e0dc;font-size:14px;line-height:1.75;margin:0 0 22px}.linkedin-link{display:inline-flex;align-items:center;justify-content:space-between;gap:60px;min-width:210px;border:1px solid #ffffff50;border-radius:999px;padding:14px 19px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.linkedin-link:hover{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.linkedin-link .ui-icon{width:17px;height:17px}
.footer-bottom{border-top:0;padding-top:18px;padding-bottom:4px}
@media(max-width:650px){.site-header{height:auto;min-height:100px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px}.header-download{padding:9px 15px;font-size:11px;gap:12px}.site-header nav{order:3;width:100%;justify-content:center}.footer-download{padding-bottom:25px}}
@media(max-width:650px){.footer-contact{grid-template-columns:1fr;gap:20px;padding-bottom:30px;margin-bottom:30px}.footer-contact-copy{justify-self:start;max-width:none}.footer-contact-copy p{font-size:12px}.linkedin-link{min-width:190px;gap:45px;padding:12px 17px}}

/* Integrated monochrome brand signature, using the original shopper artwork. */
.wordmark{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.wordmark .header-logo{position:relative;display:block;width:65px;height:45px;overflow:hidden;margin:0}
.header-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(0);opacity:.88}
.wordmark .brand-type{display:flex;flex-direction:column;gap:5px;margin:0;font:inherit;letter-spacing:inherit}
.wordmark .wordmark-text{font:inherit;line-height:1;letter-spacing:inherit;margin:0}
.wordmark-text sup{font-size:9px;letter-spacing:0;margin-left:4px;vertical-align:super}
.wordmark .brand-tagline{font-size:7px;font-weight:600;line-height:1;letter-spacing:1.5px;margin:0}
@media(max-width:650px){.wordmark{gap:6px}.wordmark .header-logo{width:48px;height:33px}.wordmark-text sup{font-size:7px;margin-left:2px}.wordmark .brand-tagline{font-size:6px;letter-spacing:1px}.wordmark .brand-type{gap:4px}}

/* Vector icons avoid platform-specific emoji substitutions. */
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0;overflow:visible}
.icon-southeast{transform:rotate(90deg)}
.text-link .ui-icon,.availability .ui-icon{width:16px;height:16px}
.floating-label .ui-icon{width:12px;height:12px}
.round-link .ui-icon{width:23px;height:23px}
.store-node>.ui-icon{display:block;width:36px;height:36px;margin:auto}
.footer-wordmark .ui-icon{width:.85em;height:.85em}
.ticker .ticker-spacer{display:inline-block;width:70px;margin:0}
.benefit>.eyebrow{display:block}
@media(max-width:650px){.ticker .ticker-spacer{width:45px}}

@media(max-width:360px){.how .section-heading{flex-wrap:wrap}.start .section-heading{flex-wrap:wrap;gap:12px}.footer-wordmark{font-size:20vw}}
@media(max-width:360px){.store-map>.map-ring:not(.inner){left:25px;right:25px}}

/* Smoothly blend the light page into the teal footer. */