:root{--ink:#064d46;--deep:#053e38;--lime:#ddfa86;--paper:#fafbf7;--muted:#586e66;--line:#d5e0d7;--soft:#edf2e9;--ease:cubic-bezier(.22,1,.36,1);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;-webkit-text-size-adjust:100%}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{border:0}button,a{touch-action:manipulation}button{color:inherit}button:disabled{cursor:default;opacity:.38}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500}p{line-height:1.6}button,a,select,summary{transition:background .18s,color .18s,opacity .18s}button:active:not(:disabled),.button:active{opacity:.72}:focus-visible{outline:3px solid #008477;outline-offset:4px}select:focus-visible,input:focus-visible{outline-offset:2px}[hidden]{display:none!important}.wrap{width:calc(100% - 40px);max-width:1240px;margin-inline:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:99;left:12px;top:-80px;padding:15px;background:var(--ink);color:#fff}.skip-link:focus{top:12px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:20px;border-radius:100px;padding:12px 21px;font-weight:500;font-size:15px;line-height:1.35}.primary{background:var(--ink);color:white}.primary:hover{background:#0d6157}.lime{background:var(--lime);color:var(--ink)}.lime:hover{background:#edffb4}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.icon-button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:transparent}.icon-button:hover{background:var(--soft)}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;font:700 27px/1 Manrope,sans-serif;letter-spacing:-1.4px;min-height:44px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:11px;font-size:32px;line-height:1;margin-right:9px;letter-spacing:-2px;padding-bottom:4px}.brand-pay{font-weight:400}.desktop-nav,.header-cta{display:none}.mobile-menu{padding:8px 20px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-menu a{display:flex;align-items:center;min-height:50px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;margin-bottom:20px}.eyebrow .icon{width:20px;height:20px}.hero{padding-top:26px;padding-bottom:36px}.hero h1{font-size:clamp(38px,10.7vw,62px);line-height:1.1;letter-spacing:-.065em;max-width:14ch;margin-bottom:22px}.hero-description{font-size:21px;line-height:1.45;letter-spacing:-.4px;margin-bottom:13px}.hero-explanation{font-size:16px;color:var(--muted);max-width:380px;margin-bottom:23px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-actions .button{gap:16px}.wallets{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wallets>span{font-size:12px;max-width:110px;line-height:1.5;color:var(--muted)}.payment-marks{display:flex;gap:20px;align-items:center;padding:10px 0}.payment-marks img{height:36px;width:auto;max-width:none}.hero-scene{height:355px;position:relative;border-radius:20px;overflow:hidden;margin-top:30px;background:#dce7d9}.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:60% center}.scene-top{position:absolute;left:20px;right:20px;top:20px;font-size:12px;color:#174c43}.scene-note{position:absolute;left:18px;right:18px;bottom:25px;display:flex;align-items:center;gap:13px;padding:18px;background:#ffffffed;border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 7px 28px #15392c14}.success-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--lime);flex:none}.scene-note strong,.scene-note div>span{display:block;font-size:14px}.scene-note div>span{font-size:12px;color:var(--muted);margin-top:3px}.business-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:17px 10px;border-top:1px solid var(--line);padding-block:25px 36px;font-size:13px;font-weight:500}.section{padding-block:55px}.tinted{background:#eef3e9}.section-grid{display:grid;gap:28px;align-items:start}.section-copy{min-width:0}.section-copy h2{font-size:clamp(34px,9.5vw,47px);line-height:1.13;letter-spacing:-.06em;margin-bottom:20px}.section-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:440px}.section-copy>.eyebrow{margin-bottom:17px;font-size:12px}.field-label{display:block;font-size:13px;font-weight:500;margin-top:23px;margin-bottom:9px}.select-wrap{position:relative;max-width:380px}.select-wrap select{width:100%;appearance:none;-webkit-appearance:none;padding:13px 45px 13px 15px;border:1px solid #aabcad;border-radius:10px;background:transparent;color:var(--ink);font-size:16px;min-height:48px}.select-wrap>.icon{position:absolute;right:14px;top:13px;pointer-events:none}.section-copy>p.section-hint{font-size:12px;margin-top:11px}.inline-details{border-bottom:1px solid var(--line);max-width:440px;margin-top:15px}.inline-details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding-block:12px;font-size:14px;font-weight:500;list-style:none}.inline-details summary::-webkit-details-marker,.essentials-list summary::-webkit-details-marker{display:none}.inline-details summary .icon,.essentials-list summary>.icon{width:18px;height:18px;transition:transform .2s}.inline-details[open] summary .icon,.essentials-list details[open] summary>.icon{transform:rotate(45deg)}.inline-details>div{padding:3px 0 18px}.inline-details p{font-size:14px;line-height:1.65;color:var(--muted)}.inline-details p+p{margin-top:12px}.inline-token{display:inline-flex;gap:5px;align-items:center;white-space:nowrap;vertical-align:middle}.inline-token img{width:20px;height:20px}.demo{border:1px solid #c9d9cc;border-radius:20px;background:white;box-shadow:0 16px 40px #244d3110;overflow:hidden;max-width:580px;width:100%;justify-self:center;scroll-margin-top:16px;--progress:0}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:3px 16px;border-bottom:1px solid #e2e9df}.demo-bar>span{font-size:12px;font-weight:500}.watch{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;min-width:77px;min-height:44px;background:transparent;border-radius:8px}.watch .icon{width:16px;height:16px}.watch:hover{background:var(--soft)}.demo-caption{padding:12px 16px 10px}.step-picker-wrap{position:relative}.step-picker{appearance:none;-webkit-appearance:none;width:100%;background:transparent;border:0;border-radius:4px;color:var(--ink);font:600 17px/1.4 Manrope,sans-serif;letter-spacing:-.5px;padding:5px 24px 5px 0;min-height:36px}.step-picker-wrap>.icon{width:16px;height:16px;position:absolute;right:0;top:10px;pointer-events:none}.demo-caption>p{font-size:13px;line-height:1.45;color:var(--muted);min-height:38px;max-width:450px}.demo-screen{background:#edf3e9;padding:14px;min-height:284px;display:flex;align-items:stretch;justify-content:center;position:relative}.demo-screen>div{width:100%}.screen-enter{animation:screen-in .3s var(--ease)}@keyframes screen-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-controls{display:flex;gap:8px;padding:12px 14px;background:white}.back{width:48px;min-width:48px;height:48px;background:#edf2e9;border-radius:50%;display:grid;place-items:center}.back:hover:not(:disabled){background:#e0e9d9}.demo-next{flex:1;min-width:0;min-height:48px;padding:11px 14px;font-size:14px;gap:10px;justify-content:space-between}.demo-next .icon{width:20px;height:20px}.demo-progress{height:3px;background:#e4eddf;position:relative}.demo-progress:after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--progress);background:#43876e;transition:width .25s}.demo-modes{display:flex;gap:4px;padding:9px 10px 0;background:white}.demo-modes button{flex:1;min-width:0;min-height:44px;border:1px solid transparent;background:#f0f4ed;border-radius:9px;font-size:12px;padding:8px 4px;line-height:1.3}.demo-modes button[aria-pressed=true]{background:var(--ink);color:white}.demo-modes button:hover:not([aria-pressed=true]){background:#e2ebda}.demo-note{font-size:12px;line-height:1.55;color:var(--muted);margin-top:19px}.tinted>.demo-note{max-width:1240px}.app-surface{background:#fff;border:1px solid #dce6d7;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:13px;max-width:390px;min-height:258px;margin:auto}.surface-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.surface-top strong{font-weight:500;color:var(--ink)}.status{display:inline-flex;align-items:center;gap:5px;background:#edf3e8;border-radius:6px;padding:5px 8px;font-size:11px;white-space:nowrap;color:#315b46}.status .icon{width:13px;height:13px}.status.paid{background:var(--lime);color:var(--ink)}.amount-label{font-size:12px;color:var(--muted)}.amount-input{display:flex;align-items:center;gap:10px;border-bottom:1px solid #b2c7b7}.amount-input>span{font-size:31px}.amount-input input{font:500 37px/1.3 Manrope,sans-serif;letter-spacing:-1.4px;background:transparent;border:0;min-height:55px;color:var(--ink);width:100%;min-width:0;padding:3px 0}.field-error{font-size:12px;line-height:1.4;color:#a32e20;min-height:0}.field-error:empty{display:none}.bill-detail,.data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1.5}.bill-detail span,.data-row>span{color:var(--muted)}.bill-detail strong,.data-row strong{font-weight:500;text-align:right}.divider{height:1px;background:#e1e8dc;margin-block:2px}.surface-note{font-size:12px;color:var(--muted);line-height:1.5}.surface-foot{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.surface-foot>.icon{width:16px;height:16px}.total{font:500 36px/1.2 Manrope,sans-serif;letter-spacing:-1.4px;color:var(--ink)}.total small{font:400 14px 'DM Sans',sans-serif;letter-spacing:0;margin-left:5px}.qr-layout{display:grid;grid-template-columns:126px 1fr;gap:17px;align-items:center}.qr{width:126px;height:126px;background:white;flex:none;image-rendering:pixelated}.qr-layout .total{font-size:29px}.qr-info{display:grid;gap:9px}.segmented{display:flex;gap:5px}.segmented button{flex:1;min-height:44px;border:1px solid #cad8c6;border-radius:8px;font-size:12px;background:white;padding:8px}.segmented button[aria-pressed=true]{background:#e8f2df;border-color:#6e9265}.copy-link{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:44px;border:1px solid #bfceba;border-radius:8px;background:#fff}.copy-link .icon{width:17px;height:17px}.demo-link-field{font-size:16px;width:100%;padding:10px;min-height:44px;border:1px solid #b0c3ac;border-radius:8px}.wallet-choice{display:flex;gap:10px;border:0;padding:0;margin:0}.wallet-choice legend{font-size:12px;margin-bottom:9px;color:var(--muted)}.wallet-choice label{display:flex;align-items:center;justify-content:center;gap:12px;min-height:57px;flex:1;min-width:0;border:1px solid #c8d7c3;border-radius:9px;cursor:pointer;background:#fff}.wallet-choice label:has(input:checked){border-color:#2d7862;background:#f4f8ef}.wallet-choice input{width:16px;height:16px;accent-color:var(--ink);margin:0;flex:none}.wallet-choice img{height:27px;width:auto;max-width:76px}.center-surface{align-items:center;text-align:center;justify-content:center}.state-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--lime)}.state-icon .icon{width:28px;height:28px}.state-title{font:600 21px/1.3 Manrope,sans-serif;letter-spacing:-.7px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:2px}.mini-grid>div{border-radius:8px;background:#f1f5ec;padding:11px 8px;font-size:12px;display:grid;gap:4px}.mini-grid strong{font-weight:500}.token-total{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.token-total>img{width:33px;height:33px}.token-total .total{font-size:35px}.token-caption{font-size:12px;color:var(--muted);margin-top:-5px}.token-small{display:inline-flex;gap:5px;align-items:center}.token-small img{width:17px;height:17px}.payout-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;width:100%}.payout-list li{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted)}.payout-list li>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #c4d3bc;border-radius:50%;font-size:11px}.payout-list li.done{color:var(--ink)}.payout-list li.done>span{background:var(--lime);border-color:var(--lime)}.payout-list .icon{width:15px;height:15px}.transfer-route{display:flex;align-items:center;gap:12px;justify-content:center;padding:7px 0;color:#416b54;font-size:12px}.transfer-route .icon{width:27px}
.payment-moment{position:relative;overflow:hidden;border-radius:18px;margin-bottom:10px}.payment-moment>img{width:100%;height:auto;aspect-ratio:1.14;object-fit:cover;object-position:47% 45%}.payment-moment:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#002d25a8);pointer-events:none}.payment-moment figcaption{position:absolute;left:24px;bottom:25px;z-index:1;color:white;display:grid;gap:3px}.payment-moment figcaption span{font-size:13px}.payment-moment figcaption strong{font:500 24px Manrope,sans-serif;letter-spacing:-.6px}.ordering-section{margin-top:48px;background:var(--ink);color:white}.ordering-section .section-copy>p:not(.eyebrow){color:#c7d9d0}.ordering-section .section-copy>p.plain-emphasis{color:var(--lime);font-size:14px;margin-top:18px}.ordering-section .inline-details{border-color:#78958a}.ordering-section .inline-details p,.ordering-section .demo-note{color:#c7d9d0}.ordering-section .demo{color:var(--ink);border:0}.menu-surface{gap:0;padding:13px}.menu-surface .surface-top{padding:0 2px 9px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;min-height:69px;border-top:1px solid #e3eadf}.menu-item strong{font-size:14px;font-weight:500;display:block;line-height:1.35}.menu-item small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.quantity{display:flex;align-items:center;gap:0}.quantity button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border-radius:9px}.quantity button:hover{background:var(--soft)}.quantity button .icon{width:17px;height:17px}.quantity output{font-size:14px;width:20px;text-align:center}.quantity .add-only{background:var(--soft)}.basket-total{border-top:1px solid #dbe5d5;padding-top:11px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:13px;min-height:35px}.basket-total strong{font-size:18px;font-weight:600}.basket-pulse{animation:basket-pulse .35s var(--ease)}@keyframes basket-pulse{50%{background:#dff0c9}}.cart-lines{display:grid;gap:12px}.ticket-number{font:600 48px/1.1 Manrope,sans-serif;letter-spacing:-2px}.queue-board{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.queue-board>div{border-radius:8px;background:#edf3e7;padding:13px 7px;display:grid;gap:10px;align-content:start;font-size:12px}.queue-board strong{font:600 22px Manrope,sans-serif}.queue-board .active-order{background:var(--lime)}.preparing-pulse{display:flex;gap:6px}.preparing-pulse span{width:5px;height:5px;background:var(--ink);border-radius:50%;animation:prep-pulse 1.1s ease-in-out infinite}.preparing-pulse span:nth-child(2){animation-delay:.17s}.preparing-pulse span:nth-child(3){animation-delay:.34s}@keyframes prep-pulse{50%{opacity:.25;transform:translateY(-3px)}}.order-demo-paused .preparing-pulse span{animation-play-state:paused}.essentials{display:grid;gap:23px}.essentials-list{border-top:1px solid var(--line)}.essentials-list>details{border-bottom:1px solid var(--line)}.essentials-list summary{display:flex;align-items:center;justify-content:space-between;gap:17px;min-height:88px;list-style:none;font-size:16px;padding:19px 0;line-height:1.4}.essentials-list summary small{display:block;font-size:12px;color:var(--muted);margin-top:6px;font-weight:400}.detail-body{padding:0 0 24px}.detail-body p{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:12px}.closing{background:#e6efd9;border-radius:20px;padding:32px 25px;position:relative;overflow:hidden}.closing p{font-size:12px;margin-bottom:22px;max-width:240px}.closing h2{font-size:36px;line-height:1.13;letter-spacing:-1.8px;margin-bottom:26px}.closing .lime{background:var(--ink);color:#fff}.closing-mark{display:none}.site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding-block:35px 32px}.site-footer>p{font-size:11px;color:var(--muted)}.site-footer small{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.demo-noscript{padding:25px;font-size:15px}
@media(min-width:600px){.wrap{width:calc(100% - 64px)}.hero-scene{height:480px}.business-ribbon{grid-template-columns:repeat(4,1fr);text-align:center}.demo-screen{padding:22px;min-height:320px}.app-surface{min-height:276px}.demo-caption{padding:16px 22px 12px}.demo-caption>p{min-height:38px}.demo-bar{padding-inline:22px}.demo-modes{padding-inline:16px}.demo-controls{padding:15px 20px}.demo-next{font-size:15px}.section{padding-block:75px}.section-grid{gap:36px}.payment-moment>img{aspect-ratio:1.7}.payment-moment figcaption{left:35px;bottom:32px}.payment-moment figcaption strong{font-size:31px}.closing{padding:45px}.closing h2{font-size:46px}.qr-layout{gap:25px}.demo-note{max-width:580px}}
@media(min-width:960px){.site-header{height:100px}.desktop-nav{display:flex;gap:26px;font-size:13px;align-items:center}.desktop-nav a{min-height:44px;display:flex;align-items:center}.desktop-nav a:hover{text-decoration:underline;text-underline-offset:7px}.header-cta{display:inline-flex;min-height:44px;font-size:12px;gap:12px}#menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding-top:27px;padding-bottom:58px}.hero h1{font-size:clamp(56px,5.4vw,77px);letter-spacing:-.07em}.hero-description{font-size:24px;line-height:1.45;margin-bottom:17px}.hero-explanation{font-size:16px;max-width:400px;margin-bottom:27px}.hero-scene{height:590px;margin:0;border-radius:25px}.hero .eyebrow{margin-bottom:28px}.scene-note{left:28px;right:28px;bottom:45px;padding:23px}.scene-note strong{font-size:16px}.scene-note div>span{font-size:13px}.scene-top{left:28px;top:27px}.wallets{margin-top:28px}.business-ribbon{padding-block:26px 42px;font-size:15px}.section{padding-block:94px}.section-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(45px,6vw,95px);align-items:center}.section-copy h2{font-size:clamp(42px,4.3vw,60px);letter-spacing:-.06em;margin-bottom:25px}.section-copy>.eyebrow{font-size:13px;margin-bottom:25px}.section-copy>p:not(.eyebrow){font-size:17px;max-width:405px}.section-copy .inline-details{margin-top:19px}.inline-details summary{font-size:14px}.demo-screen{min-height:320px}.demo-caption>p{font-size:14px}.step-picker{font-size:20px;min-height:42px}.demo-bar>span{font-size:13px}.demo-caption{padding-top:18px}.demo-screen{padding:20px}.app-surface{min-height:280px}.tinted>.demo-note,.ordering-section>.demo-note{margin-top:25px;text-align:right}.demo-note{font-size:11px}.payment-moment>img{aspect-ratio:2.3;object-position:50% 45%}.payment-moment figcaption{left:45px;bottom:38px}.payment-moment figcaption strong{font-size:38px}.payment-moment figcaption span{font-size:16px}.ordering-section{margin-top:80px}.essentials{grid-template-columns:.85fr 1.15fr;gap:85px}.essentials-list summary{font-size:18px;min-height:103px}.essentials-list summary small{font-size:13px}.closing{padding:58px 62px;display:flex;align-items:center;justify-content:space-between}.closing h2{font-size:58px;letter-spacing:-3px}.closing p{font-size:15px;max-width:none}.closing-mark{display:block;font:600 220px/1 Manrope,sans-serif;letter-spacing:-15px;color:#cedec1;margin-right:25px}.site-footer{grid-template-columns:1fr 1fr 1fr;padding-block:46px}.site-footer p{text-align:center;font-size:12px}.site-footer small{grid-column:auto;border:0;padding:0;text-align:right;font-size:11px}}
@media(max-width:359px){.wrap{width:calc(100% - 28px)}.hero-actions{gap:9px}.hero-actions .button{font-size:13px;padding-inline:16px;gap:10px}.hero-actions .text-link{font-size:13px;gap:5px}.hero-description{font-size:19px}.hero-scene{height:320px}.wallets{gap:10px}.wallets>span{max-width:86px;font-size:11px}.payment-marks{gap:15px}.payment-marks img{height:31px}.demo-screen{padding:10px}.demo-caption{padding-inline:13px}.demo-caption>p{font-size:12px}.step-picker{font-size:16px}.app-surface{padding:12px;gap:11px}.qr-layout{grid-template-columns:112px 1fr;gap:12px}.qr{width:112px;height:112px}.qr-layout .total{font-size:25px}.demo-next{font-size:13px;padding-inline:12px}.menu-item strong{font-size:13px}.quantity button{width:44px}.quantity output{width:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.paper-receipt{transform:none}}
/* Match the visible mark sizes; Google's official SVG includes its own clear space. */
.payment-marks img[src$="google-pay.svg"]{height:67px;width:auto}.payment-marks{gap:9px;padding:0}.wallet-choice img[src$="google-pay.svg"]{height:50px;width:auto;max-width:76px}.wallet-choice label{gap:7px}.menu-item{min-height:58px}.menu-surface{padding:10px 12px}.menu-surface .surface-top{padding-bottom:8px}
@media(max-width:599px){.demo-caption{padding-top:8px;padding-bottom:8px}.demo-controls{padding-block:9px}.demo-screen{min-height:270px;padding-block:10px}.app-surface{min-height:248px}.demo-bar{min-height:45px}.demo-modes{padding-top:6px}.step-picker{min-height:44px}.demo-caption>p{min-height:34px;font-size:12px;line-height:1.4}.payment-marks img[src$="google-pay.svg"]{height:67px}}
@media(max-width:359px){.payment-marks img[src$="google-pay.svg"]{height:58px}.menu-item{min-height:58px}.demo-modes button{font-size:11px}}

@media(max-width:599px) and (max-height:620px){.demo-bar{padding-block:0;min-height:44px}.demo-caption{padding-top:3px;padding-bottom:5px}.demo-controls{padding-block:7px}.demo-screen{padding-block:8px}.menu-surface{padding-block:8px}.demo-modes{padding-top:3px}.demo-caption>p{font-size:12px}}
.routing-grid{align-items:center}.routing-demo{width:100%;max-width:580px;justify-self:center;background:#f0f4eb;border:1px solid var(--line);border-radius:18px;padding:20px}.routing-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:20px}.routing-rows{display:grid;gap:17px}.routing-rows>div{display:grid;grid-template-columns:45px 1fr 37px;gap:12px;align-items:center;font-size:13px}.routing-rows strong{font-size:12px;font-weight:500;text-align:right}.route-track{height:7px;background:#d7e4ce;border-radius:8px;overflow:hidden}.route-track>span{display:block;height:100%;background:#236a57;border-radius:8px;transition:width .45s var(--ease)}.routing-limits{font-size:11px;color:var(--muted);margin:17px 0 6px}.routing-settings summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;min-height:44px;list-style:none;cursor:pointer}.routing-settings summary::-webkit-details-marker{display:none}.routing-settings summary>.icon{width:17px;height:17px}.routing-settings[open] summary>.icon{transform:rotate(45deg)}.routing-settings form{padding:10px 0 18px}.routing-settings label{display:grid;gap:7px;font-size:12px}.routing-settings input,.routing-settings select,.routing-settings output{width:100%;min-height:44px;padding:9px 10px;font-size:16px;border:1px solid #aec2aa;border-radius:7px;color:var(--ink);background:white}.routing-settings output{background:#e1ead9}.routing-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin:15px 0}.routing-settings .button{min-height:44px;font-size:13px}.routing-settings .surface-note{font-size:11px;margin-top:10px}.telegram-example{border-top:1px solid #cedcc5;padding-top:16px;margin-top:6px;display:flex;gap:12px;align-items:center;justify-content:space-between}.telegram-copy{display:grid;gap:6px}.telegram-copy>span{font-size:11px;color:var(--muted)}.telegram-copy code{font-size:18px;letter-spacing:-.3px}.telegram-example .button{font-size:12px;min-height:46px;gap:10px;padding-inline:14px}.telegram-example .icon{width:18px}.routing-response{font-size:12px;margin-top:15px;line-height:1.5}.routing-restore{min-height:44px;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:7px 0}.routing-demo-note{font-size:11px;color:var(--muted);margin-top:12px}.inline-details code{font-size:13px;color:var(--ink)}
@media(min-width:960px){.routing-demo{padding:30px}.routing-heading{font-size:14px}.routing-rows>div{font-size:15px;grid-template-columns:50px 1fr 42px}.routing-limits,.routing-demo-note{font-size:12px}.routing-settings summary{font-size:13px}.telegram-copy>span{font-size:12px}.telegram-example .button{font-size:13px}.routing-response{font-size:13px}}
.dashboard-cta{margin-top:24px}.dashboard-preview{display:block;background:white;border:1px solid var(--line);border-radius:20px;padding:23px;max-width:580px;width:100%;justify-self:center;box-shadow:0 15px 40px #18352b08;transition:border-color .2s}.dashboard-preview:hover{border-color:#559077}.dashboard-preview .routing-heading{margin-bottom:20px}.dashboard-preview-total{font:500 38px/1.25 Manrope,sans-serif;letter-spacing:-1.7px;margin-top:11px}.dashboard-preview-total>.preview-caption{display:block;font:400 12px 'DM Sans',sans-serif;letter-spacing:0;color:var(--muted);margin-top:7px}.preview-bars{display:flex;gap:10px;align-items:end;height:98px;border-bottom:1px solid var(--line);margin:14px 0 8px}.preview-bars>i{height:var(--bar);flex:1;background:#94b88c;border-radius:4px 4px 0 0}.preview-bars>i:last-child{background:var(--ink)}.preview-venue{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;line-height:1.4;padding:13px 0;border-bottom:1px solid #e6ece1}.preview-venue>span{max-width:180px;color:var(--muted)}.preview-venue strong{font-weight:500;white-space:nowrap}.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-top:20px}.preview-bottom>.icon{width:19px;height:19px}
@media(max-width:599px){html{scroll-padding-top:12px}.demo{scroll-margin-top:0}}

@media(max-width:599px){.order-checkout{padding:12px;gap:7px}.order-checkout .qr-layout{grid-template-columns:104px 1fr;gap:12px}.order-checkout .qr{width:104px;height:104px}.order-checkout .wallet-choice legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}

/* A complete terminal model; only the printer feed clips the paper while it emerges. */
.terminal-product-view{display:grid;grid-template-columns:210px minmax(0,170px);align-items:center;justify-content:center;gap:22px;min-height:326px}
.terminal-object-scene{height:326px;position:relative;perspective:800px;--terminal-scale:.92}
.terminal-model{width:170px;height:334px;position:absolute;left:50%;top:4px;margin-left:-85px;transform:scale(var(--terminal-scale)) rotateX(8deg) rotateY(-18deg) rotateZ(-5deg);transform-origin:top center;transform-style:preserve-3d}
.terminal-housing{height:262px;position:relative;border-radius:25px 25px 28px 28px;border:1px solid #709183;background:linear-gradient(120deg,#4f7063 0%,#294b3e 14%,#162f25 52%,#0e211a 100%);box-shadow:inset 2px 2px 3px #cde4d15c,inset -2px -2px 4px #071d17,3px 1px 0 #344e40,7px 3px 0 #10291f,10px 6px 0 #0b2018,14px 13px 18px #153d342a,23px 30px 30px #103e2826}
.terminal-housing:before{content:'';position:absolute;inset:4px;border:1px solid #a0b6a33d;border-radius:21px 21px 25px 25px;pointer-events:none}
.terminal-brand{height:29px;display:flex;align-items:center;justify-content:space-between;padding:5px 18px 0;color:#edf5e9;font:600 12px Manrope,sans-serif;letter-spacing:-.5px}
.terminal-led{width:4px;height:4px;background:#d7fc83;border-radius:50%;box-shadow:0 0 6px #c6ff9980}
.terminal-display{position:absolute;top:33px;left:12px;right:12px;height:150px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:4px solid #0b1e16;border-radius:10px;background:linear-gradient(125deg,#fff 0%,#f6faef 80%);color:var(--ink);box-shadow:0 0 0 1px #687c6470,inset 0 1px 3px #143c2021;text-align:center}
.terminal-display .qr{width:80px;height:80px;border-radius:2px}
.terminal-display small{font-size:9px;line-height:1.4}
.terminal-amount{font:600 20px/1.2 Manrope,sans-serif;letter-spacing:-.7px}
.terminal-display .state-icon{width:39px;height:39px;margin-bottom:4px}.terminal-display .state-icon .icon{width:23px;height:23px}.terminal-paid{font:600 12px/1.3 Manrope,sans-serif}
.terminal-keys{position:absolute;top:190px;left:28px;right:28px;display:flex;justify-content:space-between;gap:13px}.terminal-keys i{height:7px;flex:1;border-radius:3px;background:#456354;box-shadow:inset 0 1px 1px #d0edc82e,0 2px 2px #05140fa6}.terminal-keys i:last-child{background:#c4e780}
.terminal-printer{position:absolute;top:203px;bottom:4px;left:5px;right:5px;border-radius:8px 8px 22px 22px;border-top:1px solid #6f8c795e;background:linear-gradient(120deg,#3a5a49,#213d2e 55%,#183223);box-shadow:inset 0 1px 0 #c7e9c126}
.printer-label{position:absolute;bottom:11px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:5px;color:#b9cbb5;font:400 8px/1.2 'DM Sans',sans-serif}.printer-label .icon{width:11px;height:11px}
.terminal-slot{position:absolute;top:210px;left:19px;right:19px;height:8px;border-radius:3px;background:#06140e;box-shadow:0 -1px 0 #92a58b,0 1px 1px #aecf9b5c,inset 0 2px 3px #000;z-index:3}
.terminal-slot:after{content:'';position:absolute;bottom:0;left:3px;right:3px;height:2px;background:repeating-linear-gradient(90deg,#91a68b 0 1px,#132b1b 1px 3px)}
.terminal-port{position:absolute;right:-7px;bottom:46px;width:3px;height:18px;border-radius:2px;background:#050e09;box-shadow:1px 0 0 #55704f}
.receipt-feed{position:absolute;top:215px;left:26px;width:116px;height:121px;overflow:hidden;z-index:4;filter:drop-shadow(3px 6px 4px #0c251822)}
.paper-receipt{height:118px;background:linear-gradient(#dde3d0 0,#fffef7 14%,#fffef7 90%,#e9ecd9);color:#264937;padding:10px 9px 13px;text-align:center;display:flex;flex-direction:column;gap:5px;clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%);animation:print-receipt 1.8s linear both}
.paper-receipt>strong{font:700 13px/1.2 Manrope,sans-serif}.paper-receipt small{font:400 8px/1.3 'DM Sans',sans-serif}.paper-receipt .data-row{font-size:9px;border-top:1px dashed #b4c4ad;padding-top:6px;margin-top:2px}.paper-receipt .data-row strong{font:600 11px/1.3 Manrope,sans-serif;white-space:nowrap}.receipt-paid{display:flex;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:500}.receipt-paid .icon{width:11px;height:11px}.paper-receipt.paused{animation-play-state:paused}
@keyframes print-receipt{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.terminal-product-copy{display:grid;gap:14px;min-width:0}.terminal-product-label{font-size:11px;color:#597364}.terminal-product-copy h4{font:600 26px/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:0}.terminal-product-copy p{font-size:13px;line-height:1.5;color:var(--muted)}.terminal-feature{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500}.terminal-feature .icon{width:17px;height:17px}
@media(max-width:599px){.terminal-product-view{grid-template-columns:minmax(0,152px) minmax(0,137px);gap:12px;min-height:250px}.terminal-object-scene{height:250px;--terminal-scale:.72}.terminal-product-copy{gap:11px}.terminal-product-copy h4{font-size:21px;letter-spacing:-.7px}.terminal-product-copy p{font-size:12px}.terminal-product-label,.terminal-feature{font-size:10px}.terminal-feature .icon{width:15px;height:15px}}
@media(max-width:359px){.terminal-product-view{grid-template-columns:minmax(0,140px) minmax(0,110px);gap:9px}.terminal-product-copy h4{font-size:19px}.terminal-product-copy p{font-size:11px}.terminal-feature{line-height:1.5}}

.apps-announcement{margin-block:18px 32px;padding:30px 24px;border-radius:20px;background:#e8efdf;display:grid;gap:28px}.apps-copy>.eyebrow{justify-content:space-between;gap:12px;font-size:12px;margin-bottom:21px}.apps-copy h2{font-size:35px;line-height:1.12;letter-spacing:-1.8px;margin-bottom:17px}.apps-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:340px}.app-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:310px;margin-top:22px}.app-platforms>div{display:flex;align-items:center;gap:7px;min-width:0;padding:10px;border:1px solid #adc2a1;border-radius:10px;background:#f7faf2;font-size:13px;font-weight:500;min-height:55px}.app-platforms .icon{width:16px;height:22px}.app-platforms small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.apps-copy>p.apps-release-note{font-size:11px;margin-top:15px}.app-feature-list{list-style:none;padding:0;margin:0;display:grid}.app-feature-list li{display:grid;grid-template-columns:35px 1fr;gap:12px;border-top:1px solid #c3d3b6;padding:20px 0}.app-feature-list li:last-child{padding-bottom:0}.app-feature-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #b1c5a1;border-radius:50%;background:#f2f8e9}.app-feature-icon>.icon{width:18px;height:18px}.app-feature-list h3{font-size:16px;font-weight:600;letter-spacing:-.5px;margin:0 0 7px}.app-feature-list p{font-size:13px;color:var(--muted);line-height:1.5}
@media(min-width:800px){.apps-announcement{grid-template-columns:1fr 1fr;gap:60px;padding:44px 48px;align-items:center}.apps-copy>.eyebrow{justify-content:start;gap:20px}.apps-copy h2{font-size:43px;letter-spacing:-2.1px}.app-feature-list li:first-child{border-top:0;padding-top:0}.app-feature-list h3{font-size:18px}.app-feature-list p{font-size:14px}}
[data-count]{font-variant-numeric:tabular-nums}[data-motion-heading].motion-pending{opacity:.4}[data-motion-heading].motion-revealed{animation:heading-focus .75s cubic-bezier(.16,1,.3,1) both}.daily-chart.motion-pending .day-bar,.preview-bars.motion-pending>i{transform:scaleY(.025);transform-origin:center bottom}.daily-chart.motion-revealed .day-bar,.preview-bars.motion-revealed>i{animation:chart-grow .85s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--bar-delay,0ms);transform-origin:center bottom}.preview-bars>i:nth-child(2){--bar-delay:40ms}.preview-bars>i:nth-child(3){--bar-delay:80ms}.preview-bars>i:nth-child(4){--bar-delay:120ms}.preview-bars>i:nth-child(5){--bar-delay:160ms}.preview-bars>i:nth-child(6){--bar-delay:200ms}.preview-bars>i:nth-child(7){--bar-delay:240ms}
@keyframes heading-focus{from{opacity:.4;filter:blur(2px);transform:translateY(7px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes chart-grow{from{transform:scaleY(.025)}to{transform:scaleY(1)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){a.button>.icon{transition:transform .25s}a.button:hover>.icon{transform:translate(2px,-2px)}.dashboard-preview:hover .preview-bottom>.icon{transform:translate(3px,-3px)}.preview-bottom>.icon{transition:transform .25s}}
@media(prefers-reduced-motion:reduce){[data-motion-heading].motion-pending{opacity:1}.daily-chart .day-bar,.preview-bars>i{transform:none!important}}

.terminal-product-view.screen-enter{animation:terminal-stage-enter .3s ease both}@keyframes terminal-stage-enter{from{opacity:0}to{opacity:1}}

/* Section backgrounds create a clear boundary at each change of topic. */
#how-it-works{--muted:#4c6358;background:#dcebd6;border-top:1px solid #bdd1b6;border-bottom:1px solid #bdd1b6}
.section-band{border-top:1px solid #d0ddd2;border-bottom:1px solid #d0ddd2}.band-white{background:#fff}.band-mint{--muted:#4c6358;background:#d8e7e1}
.section-copy>.eyebrow{font-weight:600}.section-copy>.eyebrow:before{content:'';width:24px;height:2px;flex:none;background:currentColor}
#payment-routing .routing-demo{background:#fbfdf9;border-color:#a6bfb0;box-shadow:0 14px 35px #143f2d0a}
.payment-moment{margin-top:48px;margin-bottom:48px}.ordering-section{margin-top:0;border-top:1px solid #053e38;border-bottom:1px solid #053e38}
.apps-announcement{margin-top:36px;margin-bottom:36px;background:#053e38;border:1px solid #244f44;color:#fff;box-shadow:0 16px 35px #183c2e0a}
.apps-copy>p:not(.eyebrow),.app-feature-list p{color:#d2e2d7}.apps-copy>p.apps-release-note{color:#b6cfc0}.apps-copy .status{background:var(--lime);color:var(--ink)}.app-feature-list li{border-color:#527669}.app-feature-icon{background:#254f42;border-color:#719580;color:var(--lime)}.app-platforms>div{background:#f8fcf2;border-color:#e0ecd7;color:var(--ink)}
.essentials{border-top:1px solid #c3d2c1}.essentials-list{border-top-color:#b6c9b5}.essentials-list>details{border-bottom-color:#b6c9b5}
.closing{background:var(--lime);border:1px solid #c0db70}.closing-mark{color:#a8c960}
@media(min-width:600px){.payment-moment{margin-top:64px;margin-bottom:64px}.apps-announcement{margin-top:54px;margin-bottom:54px}}

/* A direct route into payment analytics, visible on small screens too. */
.mobile-dashboard-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;margin-left:auto;font-size:12px;font-weight:500}.mobile-dashboard-link .icon{width:15px;height:15px}.site-header #menu-toggle{margin-left:7px}
.analytics-section{background:var(--deep);border-color:var(--deep);color:#fff}.analytics-section h2>span{color:var(--lime)}.analytics-section .section-copy>p:not(.eyebrow),.analytics-section .inline-details p{color:#c9dfd3}.analytics-section .inline-details{border-color:#64887c}.analytics-benefits{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:19px}.analytics-benefits li{display:flex;align-items:start;gap:13px}.analytics-benefits li>.icon{color:var(--lime);width:22px;height:22px;margin-top:2px}.analytics-benefits strong,.analytics-benefits li span{display:block}.analytics-benefits strong{font-size:15px;font-weight:500;margin-bottom:4px}.analytics-benefits li span{font-size:13px;line-height:1.5;color:#c9dfd3}.analytics-section .dashboard-cta{margin-top:27px}.analytics-section .dashboard-preview{color:var(--ink);--muted:#586e66;border-color:#aec5b3;box-shadow:0 25px 60px #001f1a26;padding:20px}.preview-browser{display:flex;align-items:center;gap:9px;font-size:11px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:20px}.preview-browser>.icon{margin-left:auto;width:16px;height:16px}.preview-browser-mark{display:grid;place-items:center;width:24px;height:24px;background:var(--ink);color:var(--lime);border-radius:7px;font:700 22px/1 Manrope,sans-serif;padding-bottom:3px}.dashboard-preview .routing-heading{margin-bottom:14px}.preview-tabs{display:flex;gap:15px;font-size:11px;padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid var(--line);color:#586e66}.preview-tabs span:first-child{color:var(--ink);font-weight:600}.dashboard-preview .preview-bottom{background:var(--ink);color:white;border-radius:10px;padding:13px 14px;min-height:48px;font-size:12px;margin-top:18px}.preview-demo-note{font-size:10px;text-align:center;color:var(--muted);margin-top:10px}

/* Official store artwork stays unmodified; the phone makes the app context explicit. */
.apps-announcement{gap:32px}.apps-copy>p:not(.eyebrow){max-width:390px}.apps-copy>.eyebrow{flex-wrap:wrap;justify-content:flex-start}.apps-highlights{padding:0;margin:23px 0 18px;list-style:none;display:grid;gap:14px}.apps-highlights li{display:flex;align-items:start;gap:10px;font-size:13px;line-height:1.5;color:#d2e2d7}.apps-highlights .icon{color:var(--lime);width:18px;height:18px;margin-top:1px}.store-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.store-badge{display:flex;align-items:center;justify-content:center;flex:none;min-height:60px;padding:0;background:transparent;border-radius:9px}.store-badge.apple-store{width:120px}.store-badge.google-store{width:155px}.store-badge img{width:100%;height:auto}.store-badge:hover{background:#ffffff10}.apps-copy>p.apps-release-note{font-size:11px;line-height:1.7;margin-top:8px}.mobile-app-preview{margin:0;min-width:0;display:grid;justify-items:center;gap:18px;position:relative;padding:12px 0 0}.mobile-app-preview:before{content:'';position:absolute;inset:18% -5% 12%;background:radial-gradient(ellipse,#63845d55,transparent 68%);pointer-events:none}.merchant-phone{width:248px;max-width:100%;padding:9px;border-radius:34px;background:linear-gradient(125deg,#638074,#1b302a 28%,#111f1a 75%,#628374);border:1px solid #8da595;box-shadow:inset 0 0 0 2px #243c32,0 24px 45px #001e1a55;position:relative;transform:rotate(-3deg)}.merchant-phone-speaker{position:absolute;z-index:1;top:15px;left:calc(50% - 16px);width:32px;height:4px;background:#9eafa4;border-radius:4px}.merchant-phone-screen{overflow:hidden;border-radius:25px;background:#f6f8f2;color:var(--ink);padding:22px 12px 0}.phone-app-brand{display:flex;align-items:center;justify-content:space-between;gap:10px}.phone-app-brand>strong{font:700 16px Manrope,sans-serif;letter-spacing:-.7px}.phone-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e3ecdb;font-size:10px}.phone-app-greeting{display:grid;gap:4px;margin-top:15px}.phone-app-greeting>span{font-size:10px;color:#586e66}.phone-app-greeting>strong{font:600 15px/1.3 Manrope,sans-serif;letter-spacing:-.55px}.phone-app-greeting>small{font-size:10px;color:#586e66}.phone-balance{padding:14px 12px 10px;background:var(--ink);color:white;border-radius:13px;margin-top:13px}.phone-balance>span{display:block;font-size:10px;color:#cee0d4}.phone-balance>strong{display:block;font:500 24px/1.3 Manrope,sans-serif;letter-spacing:-.9px;margin:5px 0 8px;white-space:nowrap}.phone-balance>strong>small{font:500 11px 'DM Sans',sans-serif;letter-spacing:0;color:var(--lime)}.phone-balance>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;background:var(--lime);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:11px}.phone-balance>button .icon{width:17px;height:17px}.phone-payment-notice{display:flex;align-items:center;gap:7px;background:white;border:1px solid #d8e3d1;padding:10px 8px;margin-top:12px;border-radius:11px}.phone-notice-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#e7f4d8}.phone-notice-icon .icon{width:15px;height:15px}.phone-payment-notice strong,.phone-payment-notice div>span{display:block;font-size:10px;line-height:1.5}.phone-payment-notice div>span{color:#586e66}.phone-payment-notice>small{font-size:9px;color:#586e66;margin-left:auto;align-self:start;padding-top:2px}.phone-activity{margin-top:15px}.phone-activity>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px}.phone-activity>div:first-child>span{color:#586e66}.phone-week-total{font:600 21px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin-top:5px}.phone-chart{height:44px;display:flex;align-items:end;gap:7px;margin-top:9px;border-bottom:1px solid #cddac7}.phone-chart>i{height:var(--bar);flex:1;border-radius:3px 3px 0 0;background:#92b184}.phone-chart>i:last-child{background:var(--ink)}.phone-activity>p{font-size:9px;color:#586e66;margin-top:7px}.phone-app-nav{display:flex;justify-content:space-around;border-top:1px solid #d8e3d1;margin-top:13px;padding:10px 0 13px;gap:8px}.phone-app-nav>span{display:grid;justify-items:center;gap:4px;font-size:9px;color:#586e66}.phone-app-nav>span.active{color:var(--ink)}.phone-app-nav .icon{width:17px;height:17px}.mobile-app-preview figcaption{display:flex;align-items:center;gap:7px;font-size:11px;color:#c9dfd3;position:relative}.mobile-app-preview figcaption .icon{width:15px;height:19px}
.app-release-dialog{border:1px solid #c8d6c2;border-radius:22px;padding:32px 24px;color:var(--ink);background:var(--paper);width:calc(100% - 32px);max-width:450px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 100px #001e1a33}.app-release-dialog::backdrop{background:#002d25b3;backdrop-filter:blur(5px)}.release-close{position:absolute;top:8px;right:8px}.release-icon{display:grid;place-items:center;background:#e5efd9;border-radius:14px;width:48px;height:48px;margin-bottom:23px}.release-icon .icon{width:25px;height:25px}.app-release-dialog .eyebrow{font-size:11px;margin-bottom:13px}.app-release-dialog h2{font-size:29px;line-height:1.2;letter-spacing:-1.2px;margin-bottom:15px}.app-release-dialog>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.6}.app-release-dialog>.button{margin-top:24px;gap:14px;font-size:13px}
@media(min-width:600px){.analytics-section .dashboard-preview{padding:26px}.apps-highlights li{font-size:14px}.store-badges{gap:12px}.store-badge.apple-store{width:135px}.store-badge.google-store{width:174px}.merchant-phone{width:262px}.merchant-phone-screen{padding-inline:15px}.phone-app-greeting>strong{font-size:16px}.phone-balance>strong{font-size:26px}}
@media(min-width:800px){.apps-announcement{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px}.apps-copy h2{font-size:clamp(38px,4vw,54px)}.mobile-app-preview{padding:12px 8px}.analytics-benefits{gap:22px}.analytics-benefits strong{font-size:16px}.analytics-benefits li span{font-size:14px}}
@media(min-width:960px){.mobile-dashboard-link{display:none}.analytics-section .section-copy>p:not(.eyebrow){max-width:420px}.analytics-section .dashboard-preview{max-width:520px}.analytics-section .preview-bars{height:86px}}
@media(max-width:359px){.site-header .brand{font-size:24px}.site-header .brand-mark{width:30px;height:30px;margin-right:6px;font-size:28px}.site-header #menu-toggle{width:40px;margin-left:3px}.mobile-dashboard-link{font-size:11px;gap:3px}.preview-tabs{gap:13px;font-size:10px}.analytics-section .dashboard-cta{padding-inline:16px;font-size:14px}.apps-announcement{padding-inline:20px}.merchant-phone{transform:none}.store-badges{gap:0;flex-direction:column;align-items:flex-start}.store-badge.google-store{margin-left:-10px}}
.phone-balance>strong>small{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.phone-balance>strong>small img{width:14px;height:14px}