:root{--c-bg:#fefdfb;--c-surface:#fff;--c-surface-alt:#fef2ec;--c-highlight:#feedea;--c-primary-subtle:#eaf1e5;--c-inactive:#f2efec;--c-border:#e4ded9;--c-border-input:#8a908b;--c-text:#14180f;--c-text-secondary:#5f6360;--c-text-tertiary:#6b6f6c;--c-text-on-primary:#fff;--c-primary:#4e8135;--c-primary-hover:#45732f;--c-primary-pressed:#3e6b28;--c-primary-text:#3e6b28;--c-focus-ring:#3e6b28;--c-danger:#b3261e;--c-warning:#7a5a00;--c-success:#3e6b28;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--fs-display:28px;--lh-display:34px;--fs-h1:24px;--lh-h1:30px;--fs-h2:20px;--lh-h2:26px;--fs-h3:17px;--lh-h3:22px;--fs-body:15px;--lh-body:21px;--fs-sm:13px;--lh-sm:18px;--fs-xs:11px;--lh-xs:14px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--page-x:var(--s-4);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;--sh-sm:0 1px 2px #3c281e0d;--sh-md:0 2px 8px #3c281e0f;--sh-lg:0 4px 16px #3c281e14;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease:cubic-bezier(.4, 0, .2, 1);--tap-min:44px;--tg-safe-top:env(safe-area-inset-top,0px);--tg-safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--c-bg:#15171a;--c-surface:#1e2124;--c-surface-alt:#252a26;--c-highlight:#2a2523;--c-primary-subtle:#232b1f;--c-inactive:#24282b;--c-border:#3a3f3b;--c-border-input:#6b716b;--c-text:#f2f3f1;--c-text-secondary:#a8ada6;--c-text-tertiary:#a8ada6;--c-text-on-primary:#0e1a07;--c-primary:#6fa653;--c-primary-hover:#669a4c;--c-primary-pressed:#5d8f45;--c-primary-text:#6fa653;--c-focus-ring:#6fa653;--c-danger:#f2b8b5;--c-warning:#e8c468;--c-success:#6fa653;--sh-sm:0 1px 2px #0000004d;--sh-md:0 2px 8px #00000059;--sh-lg:0 4px 16px #0006}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-bg);color:var(--c-text);font:var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--c-focus-ring);outline-offset:2px}.page{padding:var(--s-4) var(--page-x);padding-top:calc(var(--s-4) + var(--tg-safe-top));padding-bottom:calc(var(--s-8) + var(--tg-safe-bottom))}.h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-bold);margin:0 0 var(--s-3)}.muted{color:var(--c-text-secondary)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--s-4)}.btn-primary{min-height:var(--tap-min);padding:var(--s-3) var(--s-6);border-radius:var(--r-lg);background:var(--c-primary);color:var(--c-text-on-primary);font:var(--fw-semibold) var(--fs-body) / var(--lh-body) var(--font);cursor:pointer;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:none;justify-content:center;align-items:center;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-primary:active:not(:disabled){background:var(--c-primary-pressed);transform:scale(.98)}.btn-primary:disabled{background:var(--c-inactive);color:var(--c-text-tertiary);cursor:not-allowed}.client-page,:root{--c-bg:#fff7f3}html,body,#root{background:#fff7f3}.client-page{min-height:100%;padding:var(--s-4) var(--page-x);padding-top:calc(var(--s-4) + var(--tg-safe-top));padding-bottom:calc(var(--s-8) + var(--tg-safe-bottom));background:#fff7f3}.client-page.with-bottom-bar{padding-bottom:calc(112px + var(--tg-safe-bottom))}.client-topbar{grid-template-columns:var(--tap-min) 1fr var(--tap-min);align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);display:grid}.client-topbar.center{text-align:center}.client-icon-button{width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-full);color:var(--c-text);font:var(--fw-semibold) 22px / 1 var(--font);cursor:pointer;background:0 0;border:0}.client-top-title{font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:var(--fw-bold)}.client-location{align-items:center;gap:var(--s-2);min-width:0;color:var(--c-text);font-size:var(--fs-sm);line-height:var(--lh-sm);display:flex}.client-location span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.client-icon-circle{border-radius:var(--r-full);background:var(--c-primary-subtle);width:38px;height:38px;color:var(--c-primary-text);font-weight:var(--fw-bold);flex:none;place-items:center;display:grid}.client-themed-icon{color:currentColor;width:22px;height:22px;display:block}.client-feature-image-icon{object-fit:contain;width:25px;height:25px;display:block}.client-icon-button .client-themed-icon{width:24px;height:24px;margin:auto}.client-landing{text-align:center;background:url(/assets/watermelon-hero.png) 50% 64%/cover no-repeat;min-height:100%;position:relative;overflow:hidden}.client-landing:before{content:"";pointer-events:none;background:linear-gradient(#fff7f3fa 0%,#fff7f3e0 24%,#fff7f329 52%,#fff7f3b8 100%),linear-gradient(90deg,#fff7f3cc 0%,#0000 46%,#fff7f338 100%);position:absolute;inset:0}.client-landing-copy{z-index:2;padding-top:76px;position:relative}.client-landing-title{color:#113718;letter-spacing:0;margin:0;font-size:34px;font-weight:800;line-height:1.18}.client-bottom-bar{z-index:10;padding:var(--s-3) var(--page-x);padding-bottom:calc(var(--s-3) + var(--tg-safe-bottom));border-top:1px solid var(--c-border);box-shadow:var(--sh-lg);background:#fffffff0;position:fixed;bottom:0;left:0;right:0}.client-bottom-bar.transparent{box-shadow:none;background:0 0;border-top:0}.client-bottom-bar.above-nav{bottom:calc(72px + var(--tg-safe-bottom));padding-bottom:var(--s-3)}.client-ghost-button{width:100%;min-height:var(--tap-min);color:var(--c-primary-text);font:var(--fw-semibold) var(--fs-body) / var(--lh-body) var(--font);cursor:pointer;background:0 0;border:0}.client-card{border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-md);background:#fffffff0}.client-setup-stack{gap:var(--s-3);margin-top:var(--s-4);display:grid}.client-setup-card{padding:var(--s-4)}.client-row{gap:var(--s-3);grid-template-columns:38px 1fr auto;align-items:center;display:grid}.client-map-preview{border-radius:var(--r-lg);background:linear-gradient(34deg,#0000 47%,#5596ce3d 48%,#0000 51%),linear-gradient(130deg,#0000 47%,#e0b46838 48%,#0000 51%),linear-gradient(20deg,#f0eee7 0 14%,#faf8f2 14% 26%,#ecebe4 26% 36%,#f8f6ef 36% 100%);height:144px;position:relative;overflow:hidden}.client-map-preview:before{content:"";background:linear-gradient(90deg,#0000 0 22%,#ffffffb8 22% 24%,#0000 24% 100%),linear-gradient(0deg,#0000 0 35%,#ffffffb8 35% 37%,#0000 37% 100%),linear-gradient(90deg,#0000 0 62%,#ffffffb8 62% 64%,#0000 64% 100%);position:absolute;inset:0}.client-map-pin{z-index:1;background:var(--c-primary);border-radius:50% 50% 50% 4px;width:44px;height:44px;margin:-30px 0 0 -22px;position:absolute;top:50%;left:50%;transform:rotate(-45deg);box-shadow:0 6px 14px #2c5b2247}.client-map-pin:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:15px;left:15px}.client-home-hero{min-height:270px;margin-top:var(--s-4);border-radius:var(--r-lg);background:url(/assets/watermelon-hero.png) 50% 66%/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 14px 30px #3c281e14}.client-home-hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff7f3f5 0%,#fff7f3e0 40%,#fff7f32e 68%,#0000 100%),linear-gradient(#fff7f37a 0%,#0000 32%,#fff7f32e 100%);position:absolute;inset:0}.client-home-copy{z-index:2;width:min(220px,62%);padding:72px var(--s-4) var(--s-4);position:relative}.client-home-copy .h1{font-size:22px;line-height:1.2}.client-home-copy .muted{font-size:var(--fs-sm);line-height:var(--lh-sm)}.client-feature-grid{gap:var(--s-2);margin-top:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.client-feature{min-height:108px;padding:var(--s-3);text-align:center}.client-feature .client-icon-circle{margin:0 auto var(--s-2)}.client-product-card{gap:var(--s-3);padding:var(--s-3);margin-top:var(--s-3);grid-template-columns:82px 1fr;align-items:center;display:grid}.client-product-photo{border-radius:var(--r-lg);background:#fef2ec url(/assets/watermelon-hero.png) 50%/cover no-repeat;width:82px;height:82px}.client-chip-row{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.client-chip{min-height:38px;padding:0 var(--s-4);border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font:var(--fw-semibold) var(--fs-sm) / var(--lh-sm) var(--font);cursor:pointer}.client-chip.active{background:var(--c-primary-subtle);color:var(--c-primary-text);border-color:#4e813552}.client-nav{z-index:9;height:calc(72px + var(--tg-safe-bottom));padding:var(--s-2) var(--s-4);padding-bottom:calc(var(--s-2) + var(--tg-safe-bottom));border-top:1px solid var(--c-border);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.client-nav button{color:var(--c-text-tertiary);font:var(--fw-medium) var(--fs-xs) / var(--lh-xs) var(--font);cursor:pointer;background:0 0;border:0}.client-nav b{color:var(--c-primary);width:24px;height:24px;margin:0 auto var(--s-1);place-items:center;display:grid}.client-nav b .client-themed-icon{width:22px;height:22px}.client-stepper{grid-template-columns:var(--tap-min) 1fr var(--tap-min);align-items:center;gap:var(--s-3);min-height:58px;padding:var(--s-2) var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);display:grid}.client-stepper button{border-radius:var(--r-full);background:var(--c-inactive);width:38px;height:38px;color:var(--c-text);font:var(--fw-regular) 22px / 1 var(--font);cursor:pointer;border:0}.client-stepper strong{text-align:center;font-size:30px;line-height:1}.checkout-steps{margin:var(--s-1) var(--s-8) var(--s-8);grid-template-columns:32px 1fr 32px 1fr 32px 1fr 32px;align-items:center;gap:0;display:grid}.checkout-dot{border-radius:var(--r-full);background:var(--c-inactive);width:32px;height:32px;color:var(--c-text-tertiary);font:var(--fw-bold) var(--fs-sm) / 1 var(--font);place-items:center;display:grid}.checkout-dot.active,.checkout-dot.done{background:var(--c-primary);color:var(--c-text-on-primary)}.checkout-bar{background:var(--c-inactive);height:3px}.checkout-bar.done{background:var(--c-primary)}.client-summary-card{padding:var(--s-1) var(--s-4)}.client-summary-row{gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border);grid-template-columns:38px 1fr;display:grid}.client-summary-row:last-child{border-bottom:0}.client-payment-option{gap:var(--s-3);width:100%;min-height:68px;padding:var(--s-3);border-radius:var(--r-lg);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);text-align:left;font:inherit;cursor:pointer;grid-template-columns:38px 1fr 22px;align-items:center;display:grid}.client-radio{border-radius:var(--r-full);border:2px solid var(--c-border-input);width:20px;height:20px}.client-radio.active{border-color:var(--c-primary);box-shadow:inset 0 0 0 4px var(--c-surface);background:var(--c-primary)}.client-total-card{padding:var(--s-5)}.client-success{text-align:center}.client-check{width:86px;height:86px;margin:var(--s-8) auto var(--s-5);border-radius:var(--r-full);background:radial-gradient(circle at 35% 25%, #6aa44f, var(--c-primary));color:var(--c-text-on-primary);place-items:center;font-size:48px;display:grid;box-shadow:0 16px 28px #407d2c42}.client-confetti{opacity:.9;justify-content:space-around;align-items:center;height:84px;display:flex}.client-confetti i{background:#ef5c54;border-radius:4px;width:7px;height:18px;transform:rotate(-24deg)}.client-confetti i:nth-child(2n){background:#5ca051;transform:rotate(20deg)}.client-confetti i:nth-child(3n){background:#c2d7b8;transform:rotate(-12deg)}@media (height<=760px){.client-landing-copy{padding-top:var(--s-8)}.client-feature{min-height:98px}}