@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#111827;background:#f4f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:520px;margin:auto;min-height:100vh;background:#fafaf7;padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}header{display:flex;justify-content:space-between;align-items:center;padding:28px 22px 14px}h1,h2,h3{font-family:Manrope,sans-serif;margin:.2em 0}h1{font-size:2.15rem;line-height:1.05}h2{font-size:1.5rem}.eyebrow{letter-spacing:.16em;font-size:.68rem;font-weight:700;color:#6b7280;margin:0}.avatar,.mark{border:0;background:#111827;color:#a7f3d0;border-radius:50%;font-weight:800}.avatar{width:44px;height:44px}.content{padding:8px 20px}.wallet{background:#111827;color:#fff;border-radius:26px;padding:26px;margin:5px 0 28px;box-shadow:0 14px 38px #11182724}.wallet p{color:#9ca3af;margin:0}.wallet h1{font-size:2.65rem;margin:8px 0 26px}.wallet>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet span{color:#9ca3af;font-size:.72rem}.wallet b{display:block;color:#fff;font-size:.88rem;margin-top:4px}.card{background:#fff;border:1px solid #e7e7e2;border-radius:18px;padding:16px;box-shadow:0 3px 12px #11182708}.form-row{display:grid;grid-template-columns:1fr .7fr auto;gap:8px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{border:1px solid #e3e4df;background:#fff;border-radius:18px;padding:20px;text-align:left;cursor:pointer}.product b{font:700 1.12rem Manrope}.product small{display:block;color:#6b7280;margin-top:6px}.product.wide{width:100%;display:flex;align-items:center;justify-content:space-between}.product.wide strong{color:#047857}.stack{display:grid;gap:12px;margin-top:24px}input{width:100%;border:1px solid #d7d8d4;background:#fafaf7;border-radius:11px;padding:13px;font:inherit}button{font:600 .9rem DM Sans;cursor:pointer}button:not(.text,.avatar,.product){border:0;border-radius:11px;padding:13px 16px;background:#111827;color:#fff}.text{border:0;background:transparent;color:#047857;padding:8px}.danger{color:#b91c1c;margin:20px auto;display:block}.profile{display:grid;gap:14px;margin:22px 0}.profile label,.login label{font-size:.78rem;font-weight:600;color:#4b5563}.profile input,.login input{margin-top:6px}.action{width:100%;display:flex;justify-content:space-between;color:#111827!important;background:#fff!important;margin-top:12px}.muted{color:#6b7280;line-height:1.6}.toast{margin:0 20px 8px;background:#d1fae5;color:#065f46;border-radius:12px;padding:12px 15px;font-size:.85rem}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:#fffe;backdrop-filter:blur(12px);border-top:1px solid #e5e7eb;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}nav button{background:transparent!important;color:#9ca3af!important;padding:5px!important;display:grid;gap:2px;font-size:.7rem}nav i{font: 1.35rem sans-serif}nav .active{color:#111827!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#111827}.login section{background:#fafaf7;width:min(410px,100%);border-radius:30px;padding:34px}.login .mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:25px}.login h1{font-size:3rem}.login label{display:block;margin:25px 0 12px}.login button:not(.text){width:100%}.status{min-height:20px;color:#047857;font-size:.8rem}@media(max-width:390px){.form-row{grid-template-columns:1fr 1fr}.form-row button{grid-column:1/-1}.wallet{padding:22px}.wallet h1{font-size:2.25rem}}.machine-form{display:grid;gap:14px}.push-settings-overlay{position:fixed;z-index:50;inset:0;background:#11182799;display:grid;place-items:center;padding:22px}.push-settings-card{width:min(410px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 20px 70px #11182733}.push-settings-card>button{width:100%;margin-top:10px}.push-state{display:inline-block;background:#e5e7eb;color:#4b5563;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.8rem}.push-state.enabled{background:#d1fae5;color:#047857}.push-feedback{font-size:.88rem;line-height:1.6;min-height:48px}.featured-promotions{margin-bottom:22px}.featured-promotions .section-title{margin-top:0;margin-bottom:12px}.promo-count,.scan-caption{color:#6b7280;font-size:.72rem}.promo-controls{display:flex;gap:10px;align-items:center}button.promo-rotation{background:transparent!important;color:#267347!important;font-size:.72rem;padding:6px 8px!important}.promo-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px}.promo-strip::-webkit-scrollbar{display:none}button.promo-slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;border-radius:22px!important;text-align:left;min-height:245px;padding:24px!important;overflow:hidden;isolation:isolate}.promo-theme-0{background:linear-gradient(120deg,#123a2e,#267347)!important}.promo-theme-1{background:linear-gradient(120deg,#272f62,#656eb0)!important}.promo-theme-2{background:linear-gradient(120deg,#74331f,#be734b)!important}.promo-illustration{position:absolute;right:-14px;bottom:8px;width:180px;z-index:-1}.promo-copy{max-width:80%;position:relative}.promo-copy h2{font-size:1.6rem;line-height:1.15;margin:13px 0 10px}.promo-copy p{font-size:.8rem;line-height:1.5;opacity:.9}.promo-category{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;padding:5px 9px;border:1px solid #ffffff55;border-radius:20px}.promo-read{display:block;margin-top:18px;font-size:.8rem}.promo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.promo-slide:has(.promo-image):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111827d9,#11182755);z-index:-1}.promo-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.promo-dots button{padding:0!important;width:8px;height:8px;border-radius:10px!important;background:#d1d5db!important}.promo-dots button[aria-pressed=true]{width:23px;background:#267347!important}.promotion-detail-image{width:100%;border-radius:20px;margin:12px 0 20px}.promotion-detail h1{font-size:2rem;line-height:1.2;margin-top:10px}.promotion-detail-body{white-space:pre-wrap;line-height:1.8;margin:24px 0}.promotion-action{display:block;text-align:center;padding:15px;background:#163322;color:#fff;border-radius:12px;text-decoration:none}.wallet{margin-bottom:18px}nav{grid-template-columns:repeat(5,1fr);z-index:30}nav button.scan-nav{color:#267347!important;font-weight:700}.scan-nav-icon{display:grid;place-items:center;width:58px;height:58px;margin:-30px auto 4px;background:#267347;color:#fff;border:5px solid #f8faf7;border-radius:21px;box-shadow:0 7px 20px #26734740}.scan-nav-icon svg{width:29px;height:29px}.best-value-card{padding:24px;border-radius:22px;background:linear-gradient(130deg,#e5f1e6,#f6f4df);border:1px solid #dbe5d8;margin-bottom:25px}.best-value-card h2{font-size:1.45rem;line-height:1.25;margin:16px 0 10px}.best-value-card p{font-size:.85rem;line-height:1.6}.best-value-card button{width:100%}.best-value-card .text{margin-top:10px}.value-badge{color:#267347;background:#ffffffa6;padding:6px 10px;border-radius:20px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.value-bonus{color:#517058}.wallet h1{font-size:clamp(1.7rem,7vw,2.8rem)}.wallet div b{font-size:.75rem}.machine-page h1{font-size:2rem}.machine-back{margin-bottom:22px;padding-left:0!important}.machine-steps{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;margin:20px 0;color:#8b948e}.machine-steps .selected{color:#267347;font-weight:800}.machine-steps .complete{color:#415d48}.machine-summary{border-radius:22px;padding:25px;margin-bottom:20px;background:linear-gradient(140deg,#123a2e,#267347);color:#fff;text-align:center}.machine-summary p{font-size:.85rem;opacity:.85}.machine-summary small{display:block;margin-top:15px}.machine-summary code{display:inline-block;padding:8px 12px;background:#ffffff1a;border-radius:8px}.machine-symbol{width:60px;height:60px;margin:0 auto 15px;display:grid;place-items:center;border-radius:18px;background:#fff2}.machine-symbol svg{width:32px;height:32px}.machine-verified{font-size:.7rem;padding:5px 10px;border:1px solid #ffffff44;border-radius:20px}.machine-amount-form{display:grid;gap:15px}.credit-presets{display:flex;gap:10px}.credit-presets button{flex:1;background:#eaf0ea!important;color:#267347!important}.credit-presets button.selected{background:#267347!important;color:#fff!important}.payment-review>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #e5e7eb;font-size:.83rem}.payment-review strong{font-size:1.1rem}.payment-review button,.machine-result button{width:100%;margin-top:12px}.machine-feedback{margin:15px 0;padding:15px;border-radius:12px}.machine-feedback.error{background:#fee2e2;color:#991b1b}.manual-scan{margin-top:15px;font-size:.8rem}.manual-scan summary{cursor:pointer}.manual-scan form{display:grid;gap:12px;margin-top:15px}.demo-scan{width:100%;margin-top:15px;font-size:.75rem}.inbox-list{display:grid;gap:12px}.inbox-message.unread{border-left:4px solid #047857}.inbox-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent!important;color:#111827!important;padding:0!important}.inbox-heading small{display:block;color:#6b7280;font-size:.72rem;margin-top:6px}.inbox-body p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.inbox-body a{color:#047857;font-weight:600}.inbox-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0}.inbox-pagination button:disabled{opacity:.4}.inbox-error{color:#b91c1c}.machine-form label{display:grid;gap:6px;font-size:.78rem;font-weight:600;color:#4b5563}.serial-input{display:grid;grid-template-columns:1fr auto;gap:8px}.serial-input button{white-space:nowrap}.scanner-overlay{position:fixed;z-index:100;inset:0;background:#111827e8;display:grid;place-items:center;padding:20px}.scanner-card{position:relative;width:min(460px,100%);background:#fff;border-radius:24px;padding:18px;overflow-y:auto;max-height:90dvh}.scanner-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.scanner-title p{font-size:.8rem;color:#6b7280;margin:5px 0 14px}.scanner-close{background:#e5e7eb!important;color:#111827!important;padding:9px 12px!important}.scanner-card video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#111827;border-radius:16px}.scan-frame{pointer-events:none;position:absolute;left:23%;right:23%;top:38%;aspect-ratio:1;border:3px solid #a7f3d0;border-radius:16px;box-shadow:0 0 0 999px #11182735}.scanner-error{color:#b91c1c;font-size:.82rem}:root{background:var(--brand-customer-bg,#f4f4ef)}.shell,.login{background:var(--brand-customer-surface,#fafaf7)}.wallet{background:var(--brand-secondary,#111827);color:var(--brand-on-secondary,white)}.wallet b{color:var(--brand-on-secondary,white)}.wallet p,.wallet span{color:var(--brand-caption,#9ca3af)}button:not(.text,.avatar,.product){background:var(--brand-button,#111827);color:var(--brand-on-button,white)}.text,.inbox-body a,.product small,.login a{color:var(--brand-text-link,#047857)}nav .active{color:var(--brand-nav-active,#111827)!important}nav button.scan-nav,button.promo-rotation{color:var(--brand-link,#267347)!important}.scan-nav-icon{background:var(--brand-primary,#267347);color:var(--brand-on-primary,white)}.promo-dots button[aria-pressed=true]{background:var(--brand-primary,#267347)!important}.best-value-card{background:linear-gradient(130deg,var(--brand-soft,#e5f1e6),var(--brand-soft-alt,#f6f4df));border-color:var(--brand-outline,#dbe5d8)}.value-badge,.machine-steps .selected{color:var(--brand-link,#267347)}.machine-summary{background:linear-gradient(140deg,var(--brand-dark,#123a2e),var(--brand-link,#267347))}.credit-presets button{color:var(--brand-link,#267347)!important;background:var(--brand-preset-soft,#eaf0ea)!important}.credit-presets button.selected{background:var(--brand-primary,#267347)!important;color:var(--brand-on-primary,white)!important}[data-brand-customized=true] .avatar,[data-brand-customized=true] .mark{background:var(--brand-secondary);color:var(--brand-on-secondary)}[data-brand-customized=true] .promo-theme-0,[data-brand-customized=true] .promo-theme-1,[data-brand-customized=true] .promo-theme-2{background:linear-gradient(120deg,var(--brand-dark),var(--brand-link))!important}[data-brand-customized=true] .promotion-action{background:var(--brand-primary);color:var(--brand-on-primary)}button.promo-slide{color:#fff!important}.login-brand-logo{display:block;width:auto;max-width:190px;height:65px;object-fit:contain;object-position:left;margin-bottom:22px}.header-brand-logo{display:block;max-width:130px;width:auto;height:36px;object-fit:contain;object-position:left;margin-bottom:9px}.merchant-name{color:var(--brand-link,#267347);font-weight:700;font-size:.75rem;margin:0 0 9px}input,select,textarea{font-size:max(16px,1rem)}.install-card{display:flex;gap:14px;background:var(--brand-soft,#e5f1e6);border:1px solid var(--brand-outline,#dbe5d8);border-radius:20px;padding:18px;margin-bottom:24px}.install-card img{width:48px;height:48px;flex-shrink:0}.install-card h3{font-size:1rem;line-height:1.35}.install-card p{font-size:.85rem;line-height:1.6;margin:8px 0 12px;color:#4b5563}.install-actions{display:flex;gap:8px;flex-wrap:wrap}.install-actions button{font-size:.82rem}.install-dialog{width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:0;border-radius:24px;padding:26px;color:#111827;background:#fff;box-shadow:0 20px 70px #11182733}.install-dialog::backdrop{background:#111827a6}.install-dialog h2{font-size:1.35rem}.install-dialog p,.install-dialog li{font-size:.92rem;line-height:1.7}.install-dialog ol{padding-left:22px}.install-dialog li{margin-bottom:14px}.install-dialog button{width:100%;margin-top:10px}
