:root{--bg:#ffffff;--surface:#ffffff;--surface-soft:#f7f7f7;--surface-muted:#fbfbfb;--ink:#000000;--muted:#6b6b6b;--quiet:#999999;--line:#e8e8e8;--primary:#3d5eac;--primary-soft:#7b9bd4;--primary-deep:#2d3e5f;--radius:12px;--radius-sm:8px}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{padding:18px 18px 28px}.topbar{justify-content:space-between;gap:28px;margin:0 auto 28px;max-width:1080px;padding:10px 0 18px;border-bottom:1px solid var(--line)}.brand-lockup,.topbar{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-lockup__logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.brand-lockup div{display:flex;flex-direction:column;gap:2px}.brand-lockup strong{font-size:16px;font-weight:500;line-height:20px;letter-spacing:-.02em}.brand-lockup span{line-height:16px}.brand-lockup span,.nav{color:var(--muted);font-size:12px}.nav{display:flex;gap:18px;line-height:18px;letter-spacing:.04em;text-transform:uppercase}.nav a:hover{color:var(--primary)}.page-shell{margin:0 auto;max-width:1080px}.page-stack{display:flex;flex-direction:column;gap:24px}.hero,.page-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);grid-gap:24px;gap:24px;align-items:end;padding:12px 0 28px;border-bottom:1px solid var(--line)}.page-heading{grid-template-columns:1fr auto;align-items:start}.hero h1,.page-heading h1{max-width:700px;margin:4px 0 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:clamp(30px,4.2vw,44px);font-weight:500;line-height:1.02;letter-spacing:-.045em}.page-heading h1{font-size:clamp(26px,3.4vw,36px)}.hero-copy,.muted{max-width:620px;color:var(--muted);font-size:14px;font-weight:400;line-height:21px}.eyebrow{margin:0 0 8px;color:var(--quiet);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500;line-height:16px}.action-strip,.hero-actions,.scanner-actions,.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.toolbar--end{justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:#ffffff;font-size:12px;font-weight:500;line-height:18px;letter-spacing:.04em;text-transform:uppercase}.button--secondary{border-color:var(--primary);background:var(--primary);color:#ffffff}.button--ghost{border-color:var(--line);background:transparent;color:var(--ink)}.notification-rule-list{display:flex;flex-direction:column;gap:0;margin:18px 0 20px}.toggle-row{display:grid;grid-template-columns:18px 1fr;grid-gap:12px;gap:12px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.toggle-row:last-of-type{border-bottom:1px solid var(--line)}.toggle-row input{width:16px;height:16px;margin:2px 0 0}.toggle-row strong{display:block;margin-bottom:4px;font-size:14px;font-weight:500;line-height:20px}.toggle-row p{margin:0;color:var(--muted);font-size:13px;line-height:19px}.brand-preview{display:flex;justify-content:flex-end}.brand-preview__card{width:min(100%,320px);aspect-ratio:1;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:var(--primary);color:#ffffff;border-radius:16px}.brand-preview__card .eyebrow,.brand-preview__card p,.brand-preview__card small{color:rgba(255,255,255,.72)}.brand-preview__card h3{margin:8px 0;font-size:24px;font-weight:500;line-height:28px;letter-spacing:-.04em}.brand-preview__mini,.color-row{display:flex;gap:8px;margin-top:18px}.brand-preview__mini div,.color-row span{width:38px;height:38px;border:1px solid rgba(0,0,0,.08)}.brand-preview__card .color-row span{border-color:rgba(255,255,255,.28)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.customer-row,.loyalty-card,.metric-card,.qr-ticket,.scanner-card,.section-card{border:1px solid var(--line);border-radius:14px;background:var(--surface)}.metric-card{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:var(--surface-muted)}.metric-card small,.metric-card span{color:var(--muted);font-size:12px;line-height:18px}.metric-card strong{font-size:24px;font-weight:500;line-height:30px;letter-spacing:-.035em}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.two-column--wide{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.section-card{padding:18px}.section-card__header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.section-card h2{margin:0;font-size:18px;font-weight:500;line-height:24px;letter-spacing:-.025em}.section-card__header .muted{margin:6px 0 0}.activity-list,.feature-list{margin:0;padding:0;list-style:none}.feature-list li{padding:10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:20px}.feature-list li:first-child{border-top:none;padding-top:0}.customer-list,.offer-grid,.settings-editor-grid{display:grid;grid-gap:12px;gap:12px}.settings-editor-grid{margin-top:16px}.settings-editor-card{padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted)}.offer-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.offer-card{min-height:190px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;border:none;border-radius:16px;background:var(--primary);color:#ffffff}.offer-card:nth-child(2n){background:#1a1a1a}.offer-card:nth-child(3n){background:var(--primary-soft)}.offer-card:nth-child(4n){background:var(--primary-deep)}.offer-card strong{max-width:13ch;font-size:17px;font-weight:500;line-height:21px;letter-spacing:-.025em}.offer-card p,.offer-card span{margin:0;color:rgba(255,255,255,.74);font-size:12px;line-height:17px}.offer-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:12px}.offer-card__actions .button{min-height:34px;padding:0 10px;border-color:rgba(255,255,255,.3);color:#ffffff}.offer-card__actions .button:disabled{opacity:.4}.customer-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px}.customer-row strong{font-size:15px;font-weight:500;line-height:20px}.customer-row p,.customer-row small{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:18px}.customer-row small{color:var(--quiet);letter-spacing:.02em}.customer-row__actions{display:flex;align-items:center;gap:16px}.stamp-grid{display:grid;grid-template-columns:repeat(10,10px);grid-gap:8px;gap:8px}.stamp-grid span{width:10px;height:10px;border-radius:999px;background:#dcdcdc}.stamp-grid span.filled{background:var(--primary)}.scanner-feed{position:relative;overflow:hidden;min-height:220px;border:1px solid var(--line);border-radius:14px;background:var(--surface-muted)}.scanner-feed video{width:100%;height:220px;object-fit:cover}.scanner-overlay{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:14px}.form-grid input,.form-grid select,.scanner-input,.search-input,.stacked-label select,.toolbar select{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.scanner-input:focus,.search-input:focus,.stacked-label select:focus,.toolbar select:focus{border-color:var(--primary)}.stacked-label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:12px;line-height:18px;letter-spacing:.03em;text-transform:uppercase}.customer-result{display:grid;grid-gap:8px;gap:8px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted)}.customer-result span{color:var(--muted);font-size:12px;line-height:18px}.scanner-input{min-height:88px;margin-top:12px;padding:12px 14px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;line-height:18px;letter-spacing:.03em;text-transform:uppercase}.chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:end;min-height:220px}.chart-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar span{width:100%;max-width:42px;border-radius:0;background:var(--primary)}.chart-bar strong{font-size:12px;font-weight:500}.chart-bar small{color:var(--muted)}.funnel-list{display:grid;grid-gap:10px;gap:10px}.activity-row,.funnel-row{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;border-top:1px solid var(--line)}.activity-row:first-child,.funnel-row:first-child{border-top:none;padding-top:0}.activity-row small,.activity-row span{color:var(--muted);font-size:12px;line-height:18px}.reward-highlight{padding:16px;border-radius:var(--radius-sm);background:var(--surface-muted)}.reward-highlight strong{font-size:28px;font-weight:500;line-height:32px;letter-spacing:-.04em}.reward-highlight p{margin:6px 0 0;color:var(--muted)}.loyalty-card,.qr-ticket{padding:18px}.loyalty-card{display:grid;grid-gap:16px;gap:16px;background:var(--ink);color:#ffffff}.loyalty-card strong{font-size:40px;font-weight:600;line-height:44px;letter-spacing:-.055em}.loyalty-card p{margin:4px 0 0;color:rgba(255,255,255,.72)}.reward-pill{width:-moz-fit-content;width:fit-content;color:rgba(255,255,255,.72);font-size:13px;line-height:18px}.qr-ticket{margin-top:12px;display:grid;grid-gap:4px;gap:4px;background:var(--surface-muted)}.qr-ticket p,.qr-ticket small{color:var(--muted)}@media (max-width:1024px){.hero,.metrics-grid,.page-heading,.two-column,.two-column--wide{grid-template-columns:1fr}.brand-preview{justify-content:flex-start}}@media (max-width:720px){.shell{padding:12px}.topbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.nav{flex-wrap:wrap;gap:12px 18px}.hero,.page-heading{padding-top:8px}.hero h1,.page-heading h1{font-size:34px}.metric-card,.section-card{padding:16px}.form-grid,.offer-grid{grid-template-columns:1fr}.customer-row,.customer-row__actions,.toolbar{align-items:stretch;flex-direction:column}}.customer-app{min-height:100dvh;height:100dvh;max-width:430px;margin:0 auto;padding:56px 16px 40px;background:#ffffff;color:#000000;overflow:hidden;overscroll-behavior:none}body:has(.customer-app) .shell{padding:0}body:has(.customer-app){overflow:auto;overscroll-behavior:none}body:has(.customer-app) .topbar{display:none}body:has(.customer-app) .page-shell{max-width:none}.customer-app img{display:block;margin:0 auto}.customer-form{padding-top:96px}.customer-kicker{margin:0 0 20px;color:#000000;font-size:11px;line-height:16px;font-weight:400;letter-spacing:.08em;text-align:center;text-transform:uppercase}.customer-restoring-copy{max-width:220px;margin:-8px auto 0;color:#6b6b6b;font-size:13px;line-height:20px;text-align:center}.floating-field{position:relative;display:block;min-height:56px;border:1px solid #000000;border-radius:8px;padding:12px 12px 0}.floating-field span{position:absolute;top:-8px;left:10px;padding:0 4px;background:#ffffff;font-size:11px;line-height:16px}.floating-field input{width:100%;height:32px;border:0;outline:0;color:#000000;font-size:13px}.floating-field--stacked{margin-top:14px}.customer-button{width:100%;height:48px;margin-top:20px;border:1px solid #000000;border-radius:8px;background:#000000;color:#ffffff;font-size:15px}.customer-button--ghost{margin-top:10px;background:#ffffff;color:#000000}.customer-auth-options{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.customer-auth-options button{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e8e8e8;border-radius:8px;background:#ffffff;color:#000000;font-size:13px;line-height:18px;font-weight:400}.customer-auth-note{margin:12px 0 0}.customer-auth-note,.customer-text-button{color:#6b6b6b;font-size:12px;line-height:17px;text-align:center}.customer-text-button{margin-top:12px;border:0;background:transparent}.customer-access-links{margin-top:16px;text-align:center}.customer-access-links a{color:#6b6b6b;font-size:12px;line-height:17px}.customer-message{color:var(--muted);font-size:13px;line-height:18px;text-align:center}.customer-app--home{padding-top:32px}.customer-brand{margin:12px 0 48px;font-size:11px;line-height:16px;letter-spacing:.12em;text-transform:uppercase}.customer-brand,.customer-loyalty{text-align:center}.customer-loyalty p{margin:0;color:var(--muted);font-size:13px}.customer-loyalty h1{margin:4px 0;font-size:28px;line-height:34px;font-weight:400}.customer-loyalty span{color:var(--muted);font-size:13px}.customer-progress{display:flex;justify-content:center;gap:8px;margin-top:18px}.customer-progress i{width:10px;height:10px;border-radius:50%;background:#dcdcdc}.customer-progress i.filled{background:#3d5eac}.customer-details,.customer-news,.customer-qr,.customer-support{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.customer-qr h2{margin:0 0 18px;font-size:22px;line-height:28px;font-weight:400;text-align:center}.customer-qr img{width:180px;height:180px}.customer-qr code{display:block;margin-top:12px;font-size:12px;line-height:16px;text-align:center}.customer-news>div{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.customer-news-card{flex:0 0 200px;height:200px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#ffffff}.customer-news-card h3{margin:0;font-size:15px;line-height:18px;font-weight:400}.customer-news-card p{margin:0;color:rgba(255,255,255,.75);font-size:11px;line-height:17px}.tone-1{background:#3d5eac}.tone-2{background:#1a1a1a}.tone-3{background:#7b9bd4}.tone-4{background:#2d3e5f}.customer-details label{display:block;margin-top:16px;color:#000000;font-size:11px;line-height:16px}.customer-details input{width:100%;min-height:44px;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0}.customer-support{display:grid;grid-gap:10px;gap:10px;color:var(--muted);font-size:13px;line-height:18px}.customer-app--prototype{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:max(74px,env(safe-area-inset-top) + 44px) 16px max(24px,env(safe-area-inset-bottom) + 18px)}.customer-app--installing{height:auto;min-height:100dvh;overflow-y:auto;padding-top:max(84px,env(safe-area-inset-top) + 54px)}.customer-home-view{min-height:0;flex:1 1;display:flex;flex-direction:column;align-items:center}.customer-prototype-header{display:grid;justify-items:center;grid-gap:10px;gap:10px;flex-shrink:0;margin-top:0;margin-bottom:clamp(44px,7.4dvh,72px)}.customer-app--prototype .customer-brand{margin:0;color:#000000;font-size:11px;line-height:16px;font-weight:400;letter-spacing:.15em;text-align:center;text-transform:uppercase}.customer-settings-scrim{position:fixed;inset:0;z-index:20;border:0;background:transparent}.customer-settings-anchor{position:absolute;top:max(58px,env(safe-area-inset-top) + 34px);right:16px;z-index:30;display:grid;justify-items:end}.customer-settings-button{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid #e8e8e8;border-radius:999px;background:#ffffff;color:#000000}.customer-settings-panel{width:248px;margin-top:12px;padding:14px 16px;border:1px solid #e8e8e8;border-radius:12px;background:#ffffff;box-shadow:0 14px 38px rgba(0,0,0,.08)}.customer-settings-panel p{margin:0 0 12px;color:#000000;font-size:13px;line-height:18px;font-weight:500}.customer-settings-panel a,.customer-settings-panel button,.customer-settings-panel label{width:100%;min-height:36px;display:grid;align-items:center;grid-gap:2px;gap:2px;padding:8px 0;border:0;border-top:1px solid #e8e8e8;background:transparent;color:#000000;font:inherit;text-align:left;text-decoration:none}.customer-settings-panel span{color:#6b6b6b;font-size:11px;line-height:15px;letter-spacing:.04em;text-transform:uppercase}.customer-settings-panel button,.customer-settings-panel strong{color:#000000;font-size:13px;line-height:18px;font-weight:400}.customer-settings-panel label{grid-template-columns:1fr auto}.customer-settings-panel label span{color:#000000;font-size:13px;line-height:18px;letter-spacing:0;text-transform:none}.customer-cup-section{width:100%;min-height:clamp(232px,31dvh,284px);flex-shrink:0;display:grid;justify-items:center;align-content:center;margin-bottom:clamp(28px,4.8dvh,46px)}.customer-install-prompt{flex-shrink:0;margin:0 0 24px;padding:18px 20px 16px;border:1px solid #e8e8e8;border-radius:12px;background:#fafafa}.customer-install-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:16px;gap:16px}.customer-install-prompt p{margin:0;color:#000000;font-size:13px;line-height:18px}.customer-install-prompt span{display:block;margin-top:10px;color:#6b6b6b;font-size:12px;line-height:17px}.customer-install-actions{margin-top:14px}.customer-install-cta{min-width:104px;height:36px;padding:0 14px;border:1px solid #000000;border-radius:999px;background:#000000;color:#ffffff;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}.customer-install-cta:disabled{opacity:.4}.customer-install-close{padding:0;border:0;background:transparent;color:#6b6b6b;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.coffee-cup-meter{width:148px;height:172px;overflow:visible}.cup-outline{fill:none;stroke:#3d5eac;stroke-width:1.5}.cup-outline--ready{stroke-width:1.9}.cup-fill{fill:#3d5eac}.cup-empty{fill:transparent}.cup-divider{stroke:#dcdcdc;stroke-width:.5;opacity:.72}.customer-cup-copy{display:grid;justify-items:center;grid-gap:4px;gap:4px;margin-top:14px}.customer-cup-copy strong{color:#000000;font-size:28px;line-height:34px;font-weight:400}.customer-cup-copy span{color:#6b6b6b}.customer-cup-copy span,.customer-scan-button{font-size:11px;line-height:16px;font-weight:400}.customer-scan-button{width:100%;flex:0 0 48px;height:48px;min-height:48px;border:1px solid #000000;border-radius:8px;background:#000000;color:#ffffff;letter-spacing:.08em;text-transform:uppercase}.customer-news--prototype{width:100%;flex-shrink:0;margin-top:clamp(24px,3.8dvh,34px);padding-top:16px;border-top:1px solid #e8e8e8}.customer-news-manual{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin-left:-34px;padding-left:34px;padding-right:96px}.customer-news--prototype .customer-news-card{flex:0 0 clamp(158px,calc((100vw - 80px) / 2),178px);min-width:clamp(158px,calc((100vw - 80px) / 2),178px);height:clamp(178px,22dvh,208px);border-radius:0;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.customer-app--installing .customer-prototype-header{margin-bottom:44px}.customer-app--installing .customer-cup-section{min-height:230px;margin-bottom:28px}.customer-app--installing .customer-news--prototype .customer-news-card{height:190px}.customer-news--prototype .customer-news-card h3{font-size:14px;line-height:18px}.customer-news--prototype .customer-news-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.customer-news-card span{color:rgba(255,255,255,.72);font-size:11px;line-height:15px;letter-spacing:.08em;text-transform:uppercase}.customer-details-view,.customer-scan-view{min-height:0;flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center}.customer-scan-view{justify-content:flex-start;padding-top:max(148px,env(safe-area-inset-top) + 116px)}.customer-details-view{justify-content:center}.customer-back-button{position:absolute;top:max(22px,env(safe-area-inset-top) + 14px);left:16px;border:0;background:transparent;color:#6b6b6b;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}.customer-details-view h1,.customer-scan-view h1{margin:0 0 8px;color:#000000;font-size:22px;line-height:28px;font-weight:500}.customer-scan-view p{margin:0 0 24px;color:#6b6b6b;font-size:15px;line-height:22px}.customer-qr-card{width:220px;height:220px;display:grid;place-items:center;border-radius:16px;background:#f5f5f5}.customer-qr-card img{width:180px;height:180px}.customer-scan-view code{margin-top:20px;color:#000000;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em}.customer-scan-view>span{margin-top:4px;color:#6b6b6b;font-size:12px;line-height:16px}.customer-details-view{align-items:stretch;text-align:left}.customer-details-view h1{text-align:center}.customer-compact-field{display:block;margin-top:18px;color:#000000}.customer-compact-field span{display:block;margin-bottom:6px;color:#6b6b6b;font-size:13px;line-height:18px}.customer-compact-field input{width:100%;height:40px;border:1px solid #e8e8e8;border-radius:8px;padding:0 12px;color:#000000;outline:0}.customer-details-view .customer-scan-button{margin-top:22px}.customer-message--floating{position:fixed;left:16px;right:16px;bottom:max(20px,env(safe-area-inset-bottom) + 12px);max-width:398px;margin:0 auto;padding:10px 12px;border:1px solid #e8e8e8;border-radius:999px;background:rgba(255,255,255,.96)}@media (max-height:820px){.customer-app--prototype{padding-top:max(64px,env(safe-area-inset-top) + 38px);padding-bottom:max(18px,env(safe-area-inset-bottom) + 12px)}.customer-prototype-header{margin-bottom:36px}.customer-cup-section{min-height:222px;margin-bottom:24px}.coffee-cup-meter{width:132px;height:154px}.customer-cup-copy{margin-top:10px}.customer-cup-copy strong{font-size:26px;line-height:31px}.customer-news--prototype{margin-top:24px;padding-top:14px}.customer-news--prototype .customer-news-card{height:166px;padding:16px}.customer-app--installing{height:auto;min-height:100dvh;overflow-y:auto;padding-top:max(82px,env(safe-area-inset-top) + 52px)}.customer-app--installing .customer-prototype-header{margin-bottom:34px}.customer-app--installing .customer-cup-section{min-height:212px;margin-bottom:24px}.customer-app--installing .customer-news--prototype .customer-news-card{height:186px}.customer-settings-anchor{top:max(52px,env(safe-area-inset-top) + 30px)}}