:root{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f5f7fb;line-height:1.5;--brand-primary: #ff7a59;--brand-secondary: #1fb6a6;--brand-primary-strong: #e65d3a;--brand-secondary-strong: #0f8f83;--brand-primary-soft: #fff0ea;--brand-secondary-soft: #e8fbf8;--brand-primary-muted: #f8fafc;--brand-on-primary: #ffffff;--brand-on-secondary: #073c37;--brand-focus-ring: rgba(255, 122, 89, .26);--surface-base: rgba(255, 255, 255, .76);--surface-strong: rgba(255, 255, 255, .9);--surface-border: rgba(148, 163, 184, .18);--text-primary: #102033;--text-secondary: #516173;--shadow-soft: 0 24px 60px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(31,182,166,.28) 0%,transparent 30%),radial-gradient(circle at top right,rgba(255,122,89,.24) 0%,transparent 28%),radial-gradient(circle at bottom,rgba(67,97,238,.16) 0%,transparent 26%),linear-gradient(180deg,#f7fbff,#eef4fb 48%,#f9f3ee)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 82%)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand-focus-ring);outline-offset:2px}.customer-page{position:relative;z-index:1;width:min(1120px,calc(100vw - 24px));margin:0 auto;padding:24px 0 48px}.intro-card,.login-card,.dashboard-card,.jar-card{background:var(--surface-base);border:1px solid var(--surface-border);border-radius:32px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro-card,.login-card,.dashboard-card{padding:28px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:22px;align-items:stretch}.store-header{display:flex;align-items:start;gap:14px}.store-brand{display:flex;align-items:center;gap:16px}.store-logo,.platform-logo{width:72px;height:72px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.65);background:#ffffffeb;box-shadow:0 16px 28px #0f172a14}.platform-logo{object-fit:contain}.tenant-switcher{display:grid;gap:6px;margin-top:14px;color:color-mix(in srgb,var(--brand-primary) 62%,#7a5f4b);font-size:.88rem}.tenant-switcher select{min-width:220px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand-primary) 22%,white);background:#ffffffe0;color:color-mix(in srgb,var(--brand-primary) 78%,#2f221a)}.tenant-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--text-secondary);font-size:.92rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#ff7a591f,#1fb6a629);border:1px solid rgba(255,255,255,.7);border-radius:999px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#6f3d2f}h1,h2{color:var(--text-primary);font-family:Space Grotesk,DM Sans,sans-serif;letter-spacing:-.03em}h1,h2,p{margin:0}h1{margin-top:18px;font-size:clamp(2.4rem,7vw,4.2rem);line-height:.95}.intro-card p,.section-header p,.muted-text,.points-hero p{color:var(--text-secondary)}.store-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--text-secondary);font-size:.92rem}.store-meta span,.history-meta span,.membership-meta span,.dashboard-note,.scanner-feedback,.jar-header-copy{display:inline-flex;align-items:center;gap:8px}.hero-highlights{display:grid;gap:14px}.hero-highlight-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;min-height:132px;padding:20px;border-radius:28px;background:var(--surface-strong);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 30px #0f172a14}.hero-highlight-card:after{content:"";position:absolute;inset:auto -30px -36px auto;width:120px;height:120px;border-radius:999px;background:#ffffff6b}.hero-highlight-card span{display:block;color:var(--text-secondary);font-size:.9rem}.hero-highlight-card strong{display:block;margin-top:4px;font-size:clamp(2rem,4vw,2.8rem);line-height:1;color:var(--text-primary)}.hero-highlight-icon,.surface-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;color:var(--accent-ink, var(--text-primary))}.hero-highlight-icon{width:56px;height:56px;border-radius:20px;box-shadow:0 12px 24px #0f172a14}.accent-primary{--accent-ink: #b85c55;background:linear-gradient(135deg,#ffc9bef0,#ffe5ccfa);border:1px solid rgba(255,255,255,.72)}.accent-secondary{--accent-ink: #3c7d8c;background:linear-gradient(135deg,#c9eee7f5,#d6e4fffa);border:1px solid rgba(255,255,255,.72)}.accent-info{--accent-ink: #5971b6;background:linear-gradient(135deg,#d7e1fff5,#e4dcfffa);border:1px solid rgba(255,255,255,.72)}.accent-success{--accent-ink: #3f8c74;background:linear-gradient(135deg,#d2f3e4f5,#e0f6effa);border:1px solid rgba(255,255,255,.72)}.inline-icon,.button-icon,.stat-icon,.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.material-symbols-rounded{font-size:1.2rem;line-height:1}.inline-icon{font-size:1rem}.button-icon{font-size:1.1rem}.login-card,.dashboard-shell{margin-top:18px}.section-header{margin-bottom:18px}.section-title-row{display:flex;align-items:flex-start;gap:14px}.section-title-row.compact{align-items:center}.section-header.inline{display:flex;justify-content:space-between;gap:12px;align-items:start}.scan-card{display:grid;gap:12px}.scanner-headline,.scanner-feedback,.jar-header,.reward-card-header{display:flex;align-items:flex-start;gap:12px}.scanner-headline strong,.jar-header strong{display:block;color:var(--text-primary);font-size:1rem}.scan-actions{display:flex;gap:10px;flex-wrap:wrap}.camera-preview{width:100%;min-height:240px;border-radius:24px;object-fit:cover;display:none;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,#3a86ff1f,#1fb6a61a)}.camera-preview.visible{display:block}.hidden-canvas{display:none}.login-form{display:grid;gap:14px;margin-top:16px}.login-form label{display:grid;gap:6px}.login-form input{padding:15px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:#ffffffe0;color:var(--text-primary);box-shadow:inset 0 1px 2px #0f172a0d}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:18px;padding:14px 18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#ffd6ccfa,#ffecd6fa);color:#8c4e47;font-weight:700;box-shadow:0 12px 24px #b85c551f}.ghost-button{background:#ffffffc7;color:var(--text-primary);box-shadow:inset 0 0 0 1px #94a3b838}.primary-button:hover{background:linear-gradient(135deg,#ffdfd6,#fff1df);box-shadow:0 14px 28px #b85c5529}.ghost-button:hover{background:#fffaf7f5}.primary-button:active,.ghost-button:active{transform:translateY(0);box-shadow:inset 0 2px 4px color-mix(in srgb,var(--brand-primary) 16%,transparent)}.dashboard-shell,.memberships-summary{display:grid;gap:18px}.membership-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-tile{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.72);color:var(--text-primary)}.stat-icon{font-size:1.4rem;color:var(--accent-ink, var(--text-primary))}.membership-stats strong{display:block;font-size:1.7rem;color:var(--text-primary)}.membership-stats span{color:var(--text-secondary)}.membership-list{display:grid;gap:16px}.membership-card{background:var(--surface-strong);border:1px solid rgba(255,255,255,.74);border-radius:30px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:22px;display:grid;gap:18px}.membership-header{display:flex;gap:14px;align-items:flex-start}.membership-logo{width:58px;height:58px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.75);background:#ffffffe6}.membership-title-block{display:grid;gap:8px}.membership-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.membership-title-row h3,.reward-card h3{margin:0;color:var(--text-primary);font-family:Space Grotesk,DM Sans,sans-serif}.info-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#31c48d1f;color:#0b6b52;font-size:.8rem;font-weight:700}.membership-body{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.membership-points strong{display:block;font-size:clamp(2.4rem,7vw,3.2rem);line-height:1;color:var(--text-primary)}.membership-points span,.membership-meta span{color:var(--text-secondary)}.membership-meta{display:grid;gap:6px;justify-items:end;text-align:right;font-size:.92rem}.membership-link{text-decoration:none;display:inline-flex;justify-content:center}.history-card,.reward-catalog-card{display:grid;gap:16px}.reward-catalog{display:grid;gap:14px}.reward-card{display:grid;gap:12px;padding:18px;border-radius:22px;border:1px solid rgba(148,163,184,.16);background:#ffffffd6}.reward-card.available{background:linear-gradient(180deg,#e8fbf8f5,#fff0eae6)}.reward-card h3{margin-bottom:6px}.reward-points-badge{display:inline-grid;justify-items:center;width:fit-content;min-width:92px;padding:12px 16px;border-radius:18px;background:linear-gradient(135deg,#3a86ff24,#1fb6a629);color:var(--text-primary)}.reward-points-badge strong{font-size:1.5rem;line-height:1}.reward-points-badge span,.reward-status{color:var(--text-secondary)}.dashboard-note{margin-top:8px;color:var(--text-secondary)}.emphasis-note{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#ff7a591a,#1fb6a61a)}.history-list{display:grid;gap:12px}.history-item{padding:16px;border-radius:20px;border:1px solid rgba(148,163,184,.16);background:#ffffffd6}.history-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-item-header strong{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);font-size:.95rem}.history-delta{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:8px 12px;border-radius:999px;font-weight:700}.history-delta.positive{background:#31c48d29;color:#0b6b52}.history-delta.negative{background:#ef44441f;color:#8a1f1f}.history-reason{margin-top:12px;color:var(--text-primary);font-weight:600}.history-meta{display:grid;gap:6px;margin-top:12px}.history-meta span{color:var(--text-secondary);font-size:.9rem}.history-meta strong{color:var(--text-primary)}.jar-card{padding:22px 18px 18px;background:linear-gradient(180deg,#fffffff0,#f4f8ffeb)}.jar-header{margin-bottom:14px}.jar-summary{display:grid;justify-items:center;gap:4px;margin-bottom:10px;text-align:center}.jar-summary-label,.jar-summary-caption{color:var(--text-secondary)}.jar-summary-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.jar-summary strong{font-size:clamp(3rem,9vw,4.2rem);line-height:1;color:var(--text-primary)}.jar-summary-caption{font-size:.95rem}.jar-stage{position:relative;height:274px}.bucket-drop-zone{position:absolute;left:50%;bottom:88px;width:min(320px,84vw);height:190px;transform:translate(-50%);overflow:hidden;pointer-events:none;z-index:2;perspective:900px;border-radius:24px}.pile-ground{position:absolute;left:50%;bottom:74px;width:min(286px,76vw);height:40px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.65),transparent 46%),linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 26%,rgba(235,225,214,.72)),color-mix(in srgb,var(--brand-primary) 24%,rgba(216,198,180,.8)));border:1px solid color-mix(in srgb,var(--brand-primary) 20%,white);box-shadow:inset 0 2px 4px #ffffff80,0 10px 16px color-mix(in srgb,var(--brand-primary) 10%,transparent);z-index:1}.pile-shadow{position:absolute;left:50%;bottom:64px;transform:translate(-50%);width:min(252px,68vw);height:22px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-primary) 24%,transparent),color-mix(in srgb,var(--brand-primary) 2%,transparent) 72%);filter:blur(4px);z-index:0}.coffee-pod{position:absolute;top:-4px;left:calc(var(--x) - 26px);width:52px;height:46px;border-radius:50% 48% 48% 52%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.95),transparent 42%),radial-gradient(circle at 70% 72%,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 18%,#faf5ed),color-mix(in srgb,var(--brand-secondary) 12%,#e9dfd0) 52%,color-mix(in srgb,var(--brand-primary) 18%,#d3c6b3));box-shadow:inset 0 -2px #7b68532e,inset 0 2px 6px #ffffff57,inset -8px -8px 12px color-mix(in srgb,var(--brand-primary) 12%,transparent),0 10px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent),0 2px #ffffff2e;animation:dropPod var(--duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay);transform-origin:center;filter:saturate(var(--shade));transform-style:preserve-3d}.coffee-pod:before,.coffee-pod:after{content:"";position:absolute}.coffee-pod:before{top:8px;right:-10px;width:21px;height:25px;border-radius:0 70% 70% 0;background:linear-gradient(160deg,rgba(255,255,255,.65) 0%,transparent 26%),linear-gradient(160deg,color-mix(in srgb,var(--brand-secondary) 12%,#f8f4eb),color-mix(in srgb,var(--brand-primary) 12%,#ddd1c0));box-shadow:inset -2px -1px #7967531f,2px 5px 8px color-mix(in srgb,var(--brand-primary) 10%,transparent)}.coffee-pod:after{top:5px;right:7px;bottom:6px;left:5px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(123,120,115,.14) 0,rgba(123,120,115,.14) 58%,transparent 59%),radial-gradient(circle at 34% 28%,rgba(255,255,255,.3),transparent 36%),radial-gradient(circle at 66% 64%,rgba(70,64,58,.18),transparent 42%),repeating-radial-gradient(circle at center,#74716c38 0,#74716c38 1px,#a8a49d29 1px,#a8a49d29 2px,#c2beb624 2px,#c2beb624 3px),linear-gradient(145deg,#b3afa8,#c9c3bb 48%,#948d84);box-shadow:inset 0 0 0 1px #5c565024,inset 0 2px 4px #ffffff24,inset -3px -5px 8px #3d383214}.bread-roll,.generic-token,.laundry-shirt{position:absolute;top:-4px;left:calc(var(--x) - 26px);animation:dropPod var(--duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--delay);transform-origin:center;filter:saturate(var(--shade));transform-style:preserve-3d}.bread-roll{width:56px;height:40px;border-radius:50% 48% 44% 46%;background:radial-gradient(circle at 32% 30%,rgba(255,246,228,.92),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 22%,#f0c98d),color-mix(in srgb,var(--brand-primary) 22%,#d99c4f) 58%,color-mix(in srgb,var(--brand-primary) 34%,#b06f32));box-shadow:inset 0 -3px #6c421833,inset 0 4px 8px #fff8e442,0 10px 16px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.bread-roll:before,.bread-roll:after,.generic-token:before,.generic-token:after,.laundry-shirt:before,.laundry-shirt:after{content:"";position:absolute}.bread-roll:before{top:10px;right:10px;bottom:12px;left:10px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,236,204,.9),transparent 62%),repeating-linear-gradient(90deg,#99592429 0,#99592429 2px,#ffeccc05 2px,#ffeccc05 12px)}.bread-roll:after{top:8px;left:14px;right:14px;height:8px;border-radius:999px;background:#fff8e461}.generic-token{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.82),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--brand-secondary) 18%,#f5f3ef),color-mix(in srgb,var(--brand-primary) 18%,#d7d0c8) 58%,color-mix(in srgb,var(--brand-primary) 28%,#a89d90));box-shadow:inset 0 -2px #584b3d2e,inset 0 2px 5px #ffffff3d,0 10px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent)}.generic-token:before{top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.generic-token:after{top:14px;left:14px;right:14px;bottom:14px;border-radius:50%;background:color-mix(in srgb,var(--brand-primary) 34%,white);opacity:.42}.laundry-shirt{width:54px;height:50px;left:calc(var(--x) - 27px);border-radius:11px 11px 14px 14px;clip-path:polygon(18% 10%,34% 10%,40% 2%,60% 2%,66% 10%,82% 10%,100% 28%,88% 42%,82% 34%,80% 100%,20% 100%,18% 34%,12% 42%,0 28%);background:linear-gradient(135deg,#ff6b8f,#ff9f43 24%,#ffd93d,#4ecdc4 68%,#5f6af2);box-shadow:inset 0 -4px #302c4a24,inset 0 4px 8px #ffffff47,0 10px 16px color-mix(in srgb,var(--brand-primary) 18%,transparent);filter:hue-rotate(calc(var(--shade) * 120deg)) saturate(calc(var(--shade) * 1.15))}.laundry-shirt:before{top:6px;left:19px;width:16px;height:8px;border-radius:0 0 999px 999px;background:#ffffffd1}.laundry-shirt:after{top:16px;right:14px;bottom:8px;left:14px;border-radius:10px;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.65),transparent 28%),linear-gradient(180deg,#ffffff38,#ffffff05);opacity:.75}.centered{text-align:center}.strong{font-weight:600}.brand-footer{display:flex;align-items:center;gap:18px;margin-top:28px;padding:18px 20px;border:1px solid rgba(148,163,184,.18);border-radius:28px;background:#ffffffa3;box-shadow:0 18px 36px #0f172a0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-footer-logo-slot{flex:0 0 92px;width:92px;height:92px;display:grid;place-items:center;border-radius:24px;border:1px dashed color-mix(in srgb,var(--brand-primary) 30%,white);background:radial-gradient(circle at top left,rgba(255,122,89,.18),transparent 54%),radial-gradient(circle at bottom right,rgba(31,182,166,.2),transparent 58%),#ffffffb8;color:var(--text-secondary);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow:hidden}.brand-footer-logo{width:100%;height:100%;object-fit:contain}.brand-footer-copy{display:grid;gap:6px}.brand-footer-copy strong{color:var(--text-primary);font-family:Space Grotesk,DM Sans,sans-serif;font-size:1.15rem}.brand-footer-copy p{color:var(--text-secondary)}.brand-footer-contact a{color:var(--brand-primary-strong);text-decoration:none}.brand-footer-contact a:hover,.brand-footer-contact a:focus-visible{text-decoration:underline}@keyframes dropPod{0%{transform:translateZ(0) rotateX(20deg) rotate(calc(var(--tilt) - 20deg)) scale(var(--scale));opacity:0}15%{opacity:1}72%{transform:translate3d(0,calc(var(--drop) - 10px),0) rotateX(8deg) rotate(calc(var(--tilt) + 4deg)) scale(var(--scale));opacity:1}to{transform:translate3d(0,var(--drop),0) rotateX(0) rotate(var(--tilt)) scale(var(--scale));opacity:1}}@media(max-width:640px){.customer-page{width:min(100vw - 14px,100%);padding-top:10px}.hero-grid{grid-template-columns:1fr}.intro-card,.login-card,.dashboard-card,.jar-card{border-radius:22px}.section-header.inline{flex-direction:column;align-items:stretch}.store-header{flex-direction:column}.store-brand,.membership-title-row,.scanner-headline,.jar-header,.reward-card-header{align-items:flex-start}.membership-title-row{flex-direction:column}.tenant-switcher select{min-width:100%}.membership-body{flex-direction:column;align-items:flex-start}.membership-meta{justify-items:start;text-align:left}.jar-stage{height:248px}.jar-summary strong{font-size:3.2rem}.bucket-drop-zone{width:min(286px,82vw);height:166px;bottom:76px}.pile-ground{width:min(248px,72vw);height:34px;bottom:58px}.brand-footer{align-items:flex-start;flex-direction:column}.brand-footer-logo-slot{width:100%;max-width:120px}}