.retail-hero-cloud[data-astro-cid-teq644wm]{animation:retail-hero-drift 18s ease-in-out infinite alternate}.retail-hero-cloud-secondary[data-astro-cid-teq644wm]{animation-delay:-9s;animation-direction:alternate-reverse}.retail-hero-lines[data-astro-cid-teq644wm]{animation:retail-hero-lines 24s ease-in-out infinite alternate}.retail-hero[data-astro-cid-teq644wm][data-running=false] .retail-hero-field[data-astro-cid-teq644wm] [data-astro-cid-teq644wm]{animation-play-state:paused}@keyframes retail-hero-drift{to{transform:translate(8%,10%) scale(1.12)}}@keyframes retail-hero-lines{to{transform:translateY(-28px);opacity:.45}}.retail-cycle-wash[data-astro-cid-teq644wm]{animation:retail-cycle-wash 12.5s ease-in-out infinite}.retail-cycle-orbit[data-astro-cid-teq644wm]{transform-origin:50% 50%;animation:retail-cycle-orbit 12.5s linear infinite}.retail-cycle-node[data-astro-cid-teq644wm]{animation:retail-cycle-node 12.5s ease-in-out var(--cycle-delay) infinite}.retail-cycle[data-astro-cid-teq644wm][data-running=false] .retail-cycle-wash[data-astro-cid-teq644wm],.retail-cycle[data-astro-cid-teq644wm][data-running=false] .retail-cycle-orbit[data-astro-cid-teq644wm],.retail-cycle[data-astro-cid-teq644wm][data-running=false] .retail-cycle-node[data-astro-cid-teq644wm]{animation-play-state:paused}@keyframes retail-cycle-wash{0%,to{transform:translate(-3%,-2%) scale(.95);opacity:.65}50%{transform:translate(5%,4%) scale(1.08);opacity:1}}@keyframes retail-cycle-orbit{to{transform:rotate(360deg)}}@keyframes retail-cycle-node{0%,16%{background-color:var(--color-promobar);border-color:var(--color-sage);box-shadow:0 8px 24px color-mix(in oklch,var(--color-sage) 70%,transparent)}20%,to{background-color:var(--color-bg);border-color:var(--color-sage)}}.dark .retail-cycle-node[data-astro-cid-teq644wm]{animation-name:retail-cycle-node-dark}@keyframes retail-cycle-node-dark{0%,16%{background-color:var(--color-sage)}20%,to{background-color:var(--color-bg)}}@media(prefers-reduced-motion:reduce){.retail-hero-cloud[data-astro-cid-teq644wm],.retail-hero-lines[data-astro-cid-teq644wm],.retail-cycle-wash[data-astro-cid-teq644wm],.retail-cycle-orbit[data-astro-cid-teq644wm],.retail-cycle-node[data-astro-cid-teq644wm]{animation:none}}.retail-demo{--paper:#fdfcf8;--heading:"Plus Jakarta Sans","Avenir Next","PingFang SC",sans-serif;--body:"Inter","PingFang SC","Microsoft YaHei",sans-serif;color:#253a2b;font-family:var(--body);font-size:12px;line-height:1.5;color-scheme:light}.retail-demo *,.retail-demo *:before,.retail-demo *:after{box-sizing:border-box}.retail-demo p{margin-top:0;line-height:1.85}.retail-demo button{font:inherit}.retail-demo .journey--v4 .board-zone:has(.community-ui){top:103px}.retail-demo .journey--v4 .board:has(.community-ui){min-height:690px}.retail-demo .board-content:has(.community-ui){padding:22px 23px 17px}.retail-demo .board-content:has(.community-ui) h4{font-size:26px;margin:13px 0 5px;line-height:1.2}.retail-demo .board-content:has(.community-ui) .board-desc{margin:0 0 17px}.retail-demo .board-content:has(.community-ui) .board-progress{margin-bottom:15px}.retail-demo .board-body:has(.community-ui){min-height:450px}.retail-demo .community-ui{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px;align-items:stretch;animation:retail-demo-communityRise .34s ease}@keyframes retail-demo-communityRise{0%{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}.retail-demo .community-phone{border:5px solid #262c2a;border-radius:29px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 18px 38px #223a2721;position:relative;display:flex;flex-direction:column;min-height:369px}.retail-demo .community-phone--chat{background:#e9eded}.retail-demo .community-status{height:23px;display:flex;align-items:center;justify-content:space-between;padding:7px 12px 0;font-size:8px;font-weight:700;color:#252b26}.retail-demo .community-phone-title{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:12px;font-weight:700;border-bottom:1px solid #dfe5e1;white-space:nowrap;overflow:hidden}.retail-demo .community-phone-title .back{color:#48544b;font-size:14px}.retail-demo .community-phone-title .dots{font-size:15px;letter-spacing:1px}.retail-demo .community-chat-stream{padding:15px 9px 11px;display:flex;flex-direction:column;gap:9px;flex:1}.retail-demo .community-chat-time{text-align:center;color:#879489;font-size:8px}.retail-demo .community-chat-row{display:flex;gap:7px;align-items:flex-start}.retail-demo .community-avatar{width:24px;height:24px;background:#c8d8be;border-radius:7px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.retail-demo .community-chat-name{display:block;color:#8b978e;font-size:8px;margin-bottom:4px}.retail-demo .community-chat-bubble{padding:9px 10px;background:#fff;box-shadow:0 1px 2px #00000006;border-radius:2px 10px 10px;font-size:10px;line-height:1.5;color:#283b2b;max-width:180px}.retail-demo .community-sharecard{margin-left:31px;background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 5px 13px #253f2c14}.retail-demo .community-sharecard-top{font-size:8px;color:#728778;display:flex;gap:4px;align-items:center}.retail-demo .community-sharecard-main{display:flex;gap:8px;align-items:center}.retail-demo .community-thumb{height:49px;width:55px;flex-shrink:0;background:linear-gradient(145deg,#e1ebcd,#f6eed7);border-radius:7px;display:grid;place-items:center;font-size:26px}.retail-demo .community-sharecard-main strong{display:block;font-size:10px;line-height:1.3}.retail-demo .community-sharecard-main small{font-size:9px;color:#6a876e;display:block;margin-top:4px}.retail-demo .community-sharecard-tail{font-size:8px;color:#98a398;border-top:1px solid #f1f3f0;padding-top:5px}.retail-demo .community-chat-composer{margin-top:auto;background:#f7f8f6;padding:8px;display:flex;align-items:center;gap:7px;color:#95a198;font-size:9px}.retail-demo .community-chat-composer>span{background:#fff;border-radius:6px;padding:6px;flex:1}.retail-demo .community-store{background:#fdfcf8;flex:1;display:flex;flex-direction:column}.retail-demo .community-store-banner{background:#dce9d8;padding:15px 12px 12px;display:flex;flex-direction:column;gap:6px;color:#3a5d45}.retail-demo .community-store-banner small{font-size:9px;letter-spacing:.08em;font-weight:700}.retail-demo .community-store-banner strong{font-size:15px;line-height:1.22}.retail-demo .community-store-banner p{font-size:9px;line-height:1.45;margin:0}.retail-demo .community-store-content{padding:11px;flex:1;display:flex;flex-direction:column;gap:9px}.retail-demo .community-product-photo{height:99px;border-radius:10px;background:radial-gradient(circle at 25% 35%,#f8eac9,transparent 50%),linear-gradient(120deg,#d2ddb5,#edf1d8);display:grid;place-items:center;font-size:48px}.retail-demo .community-price{display:flex;gap:5px;align-items:baseline}.retail-demo .community-price b{font-family:var(--heading);font-size:21px;color:#3f7652;letter-spacing:-.04em}.retail-demo .community-price del{font-size:9px;color:#929f93}.retail-demo .community-store-content>strong{font-size:12px}.retail-demo .community-store-desc{font-size:9px;color:#738776;line-height:1.55}.retail-demo .community-action{margin-top:auto;border:0;background:#2b4d34;color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:12px;cursor:pointer;font-family:inherit;transition:transform .2s,background .2s}.retail-demo .community-action:hover{background:#466e4e;transform:translateY(-1px)}.retail-demo .community-action:focus-visible{outline:2px solid #b5c7b2;outline-offset:3px}.retail-demo .community-mini-tabs{display:flex;justify-content:space-around;padding:9px 8px;border-top:1px solid #e9eee6;color:#7b8b7b;font-size:8px;background:#fff}.retail-demo .community-mini-tabs b{color:#51725c}.retail-demo .community-coupon{margin:8px 0;padding:14px 12px;background:#eef3e6;border:1px dashed #9dac8d;border-radius:13px;display:flex;align-items:center;gap:10px}.retail-demo .community-coupon-amount{font-size:24px;font-weight:800;font-family:var(--heading);color:#51765b;line-height:1}.retail-demo .community-coupon-detail{font-size:9px;line-height:1.55;color:#657d65}.retail-demo .community-coupon-detail strong{font-size:10px;color:#3e5b45;display:block}.retail-demo .community-pill{display:inline-block;background:#e7f2e3;color:#51765b;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:700}.retail-demo .community-group-progress{height:6px;background:#e5eee1;border-radius:6px;overflow:hidden}.retail-demo .community-group-progress span{display:block;height:100%;background:#78aa7b;border-radius:6px;transition:width .3s}.retail-demo .community-group-faces{display:flex;align-items:center;gap:5px}.retail-demo .community-group-faces span{width:23px;height:23px;display:grid;place-items:center;background:#e5eeda;border-radius:50%;font-size:12px}.retail-demo .community-group-faces small{font-size:9px;color:#7d917c}.retail-demo .community-week{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:10px 0 3px}.retail-demo .community-week span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;color:#7f8f7d}.retail-demo .community-week i{height:18px;width:18px;border-radius:50%;display:grid;place-items:center;background:#edf2e8;color:#789078;font-style:normal;font-size:10px}.retail-demo .community-week .done i{background:#6e9974;color:#fff}.retail-demo .community-explainer{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:12px;background:#e7efe4;padding:10px 13px;color:#526c58;font-size:10px;line-height:1.5}.retail-demo .community-explainer b{font-size:9px;letter-spacing:.09em;color:#587f5f;white-space:nowrap}.retail-demo .community-demo-feedback{font-size:9px;color:#527e5a;line-height:1.4;min-height:16px;font-weight:700;text-align:center}@media(max-width:1200px){.retail-demo .community-ui{gap:7px}.retail-demo .community-phone{border-width:4px}.retail-demo .board-content:has(.community-ui){padding:18px 15px}.retail-demo .community-store-banner strong{font-size:12px}}@media(max-width:1023px){.retail-demo .journey--v4 .board:has(.community-ui){min-height:0}.retail-demo .journey--v4 .board-zone:has(.community-ui){top:auto}.retail-demo .community-ui{max-width:580px;margin-inline:auto;gap:13px}.retail-demo .community-phone{min-height:358px}.retail-demo .board-content:has(.community-ui){padding:17px}.retail-demo .community-store-banner strong{font-size:15px}}@media(max-width:500px){.retail-demo .board-content:has(.community-ui){padding:15px 10px}.retail-demo .community-ui{gap:6px;grid-template-columns:1fr 1fr}.retail-demo .community-phone{border-width:3px;border-radius:18px;min-height:326px}.retail-demo .community-phone-title{font-size:9px;padding:0 6px}.retail-demo .community-status{padding:6px 7px 0}.retail-demo .community-chat-stream{padding:10px 5px 6px;gap:6px}.retail-demo .community-avatar{width:17px;height:17px;border-radius:5px;font-size:9px}.retail-demo .community-chat-row{gap:4px}.retail-demo .community-chat-bubble{font-size:8px;padding:6px;line-height:1.4}.retail-demo .community-chat-name{font-size:7px}.retail-demo .community-sharecard{margin-left:15px;padding:6px;gap:4px}.retail-demo .community-sharecard-main{gap:4px}.retail-demo .community-thumb{width:27px;height:34px;font-size:16px}.retail-demo .community-sharecard-main strong{font-size:8px}.retail-demo .community-sharecard-main small{font-size:7px}.retail-demo .community-store-banner{padding:10px 7px}.retail-demo .community-store-banner strong{font-size:11px}.retail-demo .community-store-banner p{font-size:8px}.retail-demo .community-store-content{padding:8px;gap:7px}.retail-demo .community-product-photo{height:70px;font-size:34px}.retail-demo .community-price b{font-size:18px}.retail-demo .community-store-content>strong{font-size:10px}.retail-demo .community-store-desc{font-size:8px}.retail-demo .community-coupon{padding:9px 6px;gap:5px}.retail-demo .community-coupon-amount{font-size:19px}.retail-demo .community-coupon-detail{font-size:8px}.retail-demo .community-action{padding:10px 4px;font-size:9px}.retail-demo .community-week{gap:1px}.retail-demo .community-week i{width:14px;height:14px}.retail-demo .community-explainer{padding:9px;font-size:9px}.retail-demo .board-content:has(.community-ui) h4{font-size:21px}.retail-demo .community-mini-tabs{padding:7px;font-size:7px}}@media(prefers-reduced-motion:reduce){.retail-demo .community-ui,.retail-demo .reach-touch{animation:none!important;transition:none!important}}.retail-demo .checkout-lede{margin-bottom:20px}.retail-demo .checkout-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:15px 0}.retail-demo .checkout-head strong{font-size:13px;color:#344c39}.retail-demo .checkout-head small{font-size:10px;color:#8a9c8c}.retail-demo .checkout-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:500px}.retail-demo .checkout-tab{border:1px solid #d8e3d6;background:#ffffff80;color:#435846;border-radius:14px;padding:14px 11px;display:flex;align-items:center;text-align:left;gap:10px;cursor:pointer;min-height:52px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.retail-demo .checkout-tab i{font-style:normal;font-size:10px;color:#849f85}.retail-demo .checkout-tab.active,.retail-demo .checkout-tab[aria-selected=true]{background:#fff;border-color:#83a488;box-shadow:0 7px 20px #3a593c14}.retail-demo .checkout-tab:hover{border-color:#7d9d81;transform:translateY(-1px)}.retail-demo .checkout-copy{margin-top:16px;border:1px solid #d8e5d7;background:#f3f7f0;padding:19px 22px;border-radius:18px;max-width:515px;min-height:184px}.retail-demo .checkout-copy-kicker{font-size:10px;letter-spacing:.09em;color:#749078;font-weight:800;margin-bottom:10px}.retail-demo .checkout-copy h4{font-family:var(--heading);letter-spacing:-.04em;font-size:19px;margin:0 0 8px}.retail-demo .checkout-copy p{font-size:12px;color:#5c735f;line-height:1.7;margin:0 0 12px}.retail-demo .checkout-value{font-size:11px;color:#315f3d;font-weight:700;line-height:1.6}.retail-demo .community-action-static{margin-top:auto;background:#2b4d34;color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:12px;text-align:center;pointer-events:none}.retail-demo .community-phone{user-select:none}.retail-demo .board-content:has(.checkout-ui) h4{font-size:24px}.retail-demo .board-body:has(.checkout-ui){min-height:465px}.retail-demo .checkout-ui{display:flex;flex-direction:column;align-items:center;gap:11px;animation:retail-demo-communityRise .26s ease}.retail-demo .checkout-phone{width:286px;min-height:430px;max-width:100%;border:6px solid #2b3730;border-radius:35px;background:#fff;overflow:hidden;box-shadow:0 19px 38px #1a371f2b;display:flex;flex-direction:column;font-size:11px;color:#253a2b}.retail-demo .checkout-phone .community-phone-title{min-height:36px}.retail-demo .checkout-screen{padding:14px;display:flex;flex-direction:column;gap:12px;flex:1;background:#fafbf8}.retail-demo .checkout-overline{font-size:9px;letter-spacing:.12em;color:#7c9b82;font-weight:800}.retail-demo .checkout-screen h5{margin:0;font:800 19px var(--heading);letter-spacing:-.05em;line-height:1.25}.retail-demo .checkout-promo{padding:13px;background:#e2eddd;border-radius:13px;color:#436c49}.retail-demo .checkout-product{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e5ece3;padding:9px;border-radius:13px}.retail-demo .checkout-product .pic{background:#e6eedb;border-radius:10px;width:65px;height:65px;display:grid;place-items:center;font-size:33px;flex-shrink:0}.retail-demo .checkout-product strong{display:block;font-size:11px}.retail-demo .checkout-product small{display:block;font-size:9px;color:#809082;margin-top:3px}.retail-demo .checkout-product b{display:block;font-size:13px;color:#456e4f;margin-top:7px}.retail-demo .checkout-field{padding:11px 12px;border:1px solid #e3eae1;background:#fff;border-radius:11px;line-height:1.7}.retail-demo .checkout-field small{display:block;color:#8fa18f;font-size:9px;font-weight:700;margin-bottom:3px}.retail-demo .checkout-field strong{font-weight:700;font-size:11px;display:block;color:#334b38}.retail-demo .checkout-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}.retail-demo .checkout-choice{border:1px solid #d5e4d3;background:#fff;border-radius:10px;padding:12px 9px;display:flex;align-items:flex-start;gap:5px;font-size:10px}.retail-demo .checkout-choice.is-selected{background:#e7f2e4;border-color:#71a379;color:#416f4b;font-weight:700}.retail-demo .checkout-summary{margin-top:auto;padding-top:12px;border-top:1px solid #e1e9df;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#5c6a5c}.retail-demo .checkout-summary strong{color:#234e30;font-size:19px}.retail-demo .checkout-faux-cta{background:#2f5b38;color:#fff;padding:12px;border-radius:999px;font-size:11px;font-weight:700;text-align:center}.retail-demo .checkout-steps-mini{display:flex;gap:4px}.retail-demo .checkout-steps-mini i{display:block;height:3px;flex:1;background:#e1e8dd;border-radius:9px}.retail-demo .checkout-steps-mini i.on{background:#61976a}.retail-demo .checkout-payment{background:#edf5eb;border-radius:15px;padding:17px;text-align:center}.retail-demo .checkout-payment strong{display:block;font-size:17px;margin-top:7px}.retail-demo .checkout-payment small{display:block;font-size:10px;color:#748877;margin-top:6px}.retail-demo .checkout-notification{background:#fff;border:1px solid #dde9dc;border-radius:14px;padding:15px;box-shadow:0 9px 20px #25452a12}.retail-demo .checkout-notification .notify-logo{background:#42a950;color:#fff;border-radius:7px;width:25px;height:25px;display:inline-grid;place-items:center;margin-right:5px}.retail-demo .checkout-notification strong{display:block;margin:12px 0 7px;font-size:12px}.retail-demo .checkout-notification p{font-size:10px;line-height:1.6;color:#718372;margin:0}.retail-demo .checkout-caption{font-size:10px;color:#738476;max-width:330px;text-align:center;line-height:1.5}@media(max-width:1023px){.retail-demo .mobile-stage-preview .community-ui{display:block;max-width:100%}.retail-demo .mobile-stage-preview .community-phone{width:272px;max-width:100%;min-height:355px;margin:0 auto;display:flex}.retail-demo .mobile-stage-preview .community-explainer{margin:12px auto 0;max-width:290px}.retail-demo .mobile-stage-preview .community-phone--chat{display:none}.retail-demo .mobile-stage-preview.show-chat .community-phone--chat{display:flex}.retail-demo .mobile-stage-preview.show-chat .community-ui>.community-phone:not(.community-phone--chat){display:none}.retail-demo .mobile-chat-tabs{display:flex;gap:5px;margin:0 auto 14px;padding:4px;background:#e0e9dd;border-radius:999px;max-width:260px}.retail-demo .mobile-chat-tabs button{flex:1;border:0;border-radius:999px;background:transparent;color:#69836d;font-size:11px;font-weight:700;padding:11px 8px;cursor:pointer}.retail-demo .mobile-chat-tabs button.active{background:#fff;color:#32533a;box-shadow:0 3px 9px #20432817}.retail-demo .checkout-head{flex-direction:column;align-items:flex-start;gap:4px}.retail-demo .checkout-head small{font-size:10px}.retail-demo .checkout-tabs{display:flex;overflow:auto;white-space:nowrap;gap:7px;margin-right:-12px;padding:2px 14px 12px 0;scrollbar-width:thin;scroll-snap-type:x mandatory}.retail-demo .checkout-tab{min-width:max-content;min-height:43px;padding:10px 13px;border-radius:999px;scroll-snap-align:start}.retail-demo .checkout-copy{min-height:0;padding:16px 17px;margin-top:5px}.retail-demo .checkout-copy h4{font-size:16px}.retail-demo .checkout-copy p{font-size:12px}.retail-demo .mobile-stage-preview .checkout-ui{display:flex;justify-content:center}.retail-demo .mobile-stage-preview .checkout-phone{width:275px;min-height:425px}}@media(max-width:420px){.retail-demo .mobile-stage-preview .community-phone{width:255px}.retail-demo .checkout-tabs{margin-right:-3px}.retail-demo .checkout-screen{padding:11px}}@media(prefers-reduced-motion:reduce){.retail-demo .checkout-ui,.retail-demo .community-ui{animation:none!important}}.retail-demo .fulfil-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:515px}.retail-demo .fulfil-tab{border:1px solid #d9e5d7;background:#ffffff94;border-radius:14px;text-align:left;min-height:54px;display:flex;gap:10px;align-items:center;padding:11px 13px;color:#48624c;font:700 12px var(--body);cursor:pointer;transition:.2s}.retail-demo .fulfil-tab i{font-style:normal;font-size:10px;color:#7c9d80}.retail-demo .fulfil-tab.active{border-color:#83a488;background:#fff;box-shadow:0 6px 18px #3d674319}.retail-demo .fulfil-tab:hover{border-color:#79a483}.retail-demo .fulfil-copy{min-height:194px}.retail-demo .fulfil-ui{display:flex;flex-direction:column;gap:13px;width:100%;animation:retail-demo-communityRise .25s ease}.retail-demo .fulfil-ui .fulfil-dashboard{padding:17px 14px;background:#f8faf6;border:1px solid #dce9d8;border-radius:17px;max-width:440px;margin:auto;width:100%;color:#304d36}.retail-demo .fulfil-app-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2eadf;padding-bottom:12px;margin-bottom:13px;font-size:10px;color:#66846b}.retail-demo .fulfil-app-head b{color:#2b5335;font-size:12px}.retail-demo .fulfil-metric{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.retail-demo .fulfil-metric span{background:#e8f0e4;border-radius:10px;padding:9px 7px;font-size:8px;color:#6b846c}.retail-demo .fulfil-metric b{display:block;font-size:15px;color:#2f6639;margin-top:4px}.retail-demo .fulfil-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;background:#fff;border:1px solid #e5ece2;border-radius:10px;padding:11px 9px;margin-top:6px}.retail-demo .fulfil-row strong{display:block;font-size:10px}.retail-demo .fulfil-row small{display:block;font-size:9px;color:#8ca18e;margin-top:4px}.retail-demo .fulfil-chip{border-radius:20px;background:#e6f1e3;color:#46774f;padding:5px 7px;font-size:9px;white-space:nowrap;font-weight:700}.retail-demo .fulfil-chip.warn{background:#fff0d7;color:#936b2c}.retail-demo .fulfil-chip.red{background:#fae6df;color:#a35f4f}.retail-demo .fulfil-footer{font-size:9px;color:#718672;text-align:center}.retail-demo .fulfil-notify{background:#fff;border:1px solid #dfebde;border-radius:12px;padding:15px;line-height:1.7;font-size:11px}.retail-demo .fulfil-notify b{display:block;font-size:13px;margin-bottom:8px;color:#2e6637}.retail-demo .fulfil-notify small{font-size:9px;color:#7b937e}.retail-demo .board-content:has(.fulfil-ui) h4{font-size:24px}.retail-demo .board-body:has(.fulfil-ui){min-height:425px}@media(max-width:1023px){.retail-demo .fulfil-tabs{display:flex;overflow:auto;gap:7px;white-space:nowrap;padding-bottom:11px;scroll-snap-type:x mandatory}.retail-demo .fulfil-tab{min-width:max-content;min-height:44px;padding:10px 13px;border-radius:999px;scroll-snap-align:start}.retail-demo .fulfil-copy{min-height:0}.retail-demo .mobile-stage-preview .fulfil-ui{max-width:100%;margin:0 auto}.retail-demo .mobile-stage-preview .fulfil-dashboard{max-width:320px}.retail-demo .fulfil-metric b{font-size:13px}.retail-demo .fulfil-row strong{font-size:10px}}@media(prefers-reduced-motion:reduce){.retail-demo .fulfil-ui{animation:none}}.retail-demo .service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:540px;gap:9px;margin:4px 0 13px}.retail-demo .service-tab{display:flex;align-items:center;gap:10px;min-height:53px;padding:10px 12px;text-align:left;border:1px solid #d6e4d4;border-radius:14px;background:#ffffff87;color:#48654f;cursor:pointer;font:700 12px var(--body);transition:background .2s,border-color .2s,transform .2s}.retail-demo .service-tab:hover{transform:translateY(-1px);border-color:#87ab8b}.retail-demo .service-tab.active{background:#fff;border-color:#7fa383;box-shadow:0 6px 20px #30543314;color:#244f30}.retail-demo .service-tab i{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#e4efe0;color:#487b50;font:700 10px var(--body);font-style:normal}.retail-demo .service-tab.active i{background:#d4e7d2}.retail-demo .service-copy{min-height:193px}.retail-demo .service-demo{display:flex;flex-direction:column;align-items:center;gap:9px;animation:retail-demo-communityRise .25s ease}.retail-demo .service-phone{width:min(302px,100%);background:#fff;border-radius:25px;border:6px solid #263b2d;overflow:hidden;box-shadow:0 14px 35px #1f3b2321}.retail-demo .service-phone-status{display:flex;justify-content:space-between;padding:9px 15px 5px;font-size:9px;font-weight:700;color:#527058;background:#fff}.retail-demo .service-phone-head{height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0eb;padding:0 14px;font-size:12px;font-weight:800;color:#294c34}.retail-demo .service-phone-head .chevron{font-size:22px;font-weight:400}.retail-demo .service-phone-head .dots{font-size:14px;letter-spacing:.08em}.retail-demo .service-phone-body{min-height:352px;background:#f6f8f5;padding:15px 12px;color:#38553e}.retail-demo .service-caption{text-align:center;max-width:360px;color:#7b8f7d;font-size:10px;line-height:1.55}.retail-demo .service-screen-lead{font-size:19px;font-weight:800;letter-spacing:-.045em;color:#284f32;margin:0 0 3px}.retail-demo .service-screen-sub{font-size:10px;color:#859889;line-height:1.5;margin-bottom:14px}.retail-demo .service-mini-tabs{display:flex;gap:7px;margin-bottom:12px}.retail-demo .service-mini-tabs span{font-size:9px;color:#78947f;border-radius:99px;padding:7px 9px;background:#e9f0e6}.retail-demo .service-mini-tabs .selected{background:#2e7042;color:#fff;font-weight:700}.retail-demo .service-order{display:grid;grid-template-columns:1fr auto;gap:4px;background:#fff;border:1px solid #e6eee5;border-radius:13px;padding:13px 10px;margin-bottom:8px}.retail-demo .service-order b{font-size:11px;color:#36543c}.retail-demo .service-order small{font-size:9px;color:#829985;display:block;margin-top:7px}.retail-demo .service-order em{font-style:normal;align-self:start;font-size:9px;color:#427a4a;border-radius:12px;background:#e5f2e4;padding:5px 8px}.retail-demo .service-order em.gray{color:#758572;background:#eff1ec}.retail-demo .service-hint{padding:10px 12px;background:#e7f0e4;border-radius:11px;color:#4d7855;font-size:10px;line-height:1.65}.retail-demo .service-notify-card{background:#fff;border-radius:13px;border:1px solid #e6efe4;padding:14px 13px;margin:10px 0;box-shadow:0 7px 14px #295a300b}.retail-demo .service-notify-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1eb;padding-bottom:11px;color:#3c6445;font-size:10px;font-weight:700}.retail-demo .service-notify-icon{height:24px;width:24px;border-radius:6px;background:#44a65c;color:#fff;display:grid;place-items:center;font-weight:800}.retail-demo .service-notify-card strong{display:block;font-size:12px;margin:13px 0 6px;color:#375a3c}.retail-demo .service-notify-card p{font-size:10px;line-height:1.75;color:#667c69;margin:0}.retail-demo .service-notify-card .service-badge{display:inline-block;background:#f1eedd;color:#907539;padding:4px 8px;border-radius:20px;font-size:9px;margin-top:9px}.retail-demo .service-chat-bubble{font-size:11px;line-height:1.6;padding:10px 12px;border-radius:13px;max-width:89%;margin-bottom:10px;clear:both}.retail-demo .service-chat-bubble.customer{background:#fff;float:left;border:1px solid #e7eee3}.retail-demo .service-chat-bubble.owner{background:#d6ebd3;float:right}.retail-demo .service-chat-time{text-align:center;font-size:9px;color:#92a294;margin:4px 0 12px}.retail-demo .service-chat-status{clear:both;display:flex;align-items:center;gap:7px;border:1px solid #dcebdd;background:#fff;border-radius:9px;padding:9px 10px;font-size:9px;color:#67866b}.retail-demo .service-credit-hero{border-radius:16px;padding:16px;background:linear-gradient(130deg,#dfeee0,#ecf3e8);margin-bottom:13px}.retail-demo .service-credit-hero span{font-size:9px;color:#6c896f}.retail-demo .service-credit-hero strong{display:block;color:#2c5a35;font:800 27px var(--heading);margin:5px 0}.retail-demo .service-credit-hero small{font-size:9px;color:#718c76}.retail-demo .service-ledger-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#fff;padding:11px 10px;border-bottom:1px solid #edf2eb;font-size:10px}.retail-demo .service-ledger-row:first-of-type{border-radius:11px 11px 0 0}.retail-demo .service-ledger-row b{font-size:10px}.retail-demo .service-ledger-row small{display:block;color:#90a291;font-size:9px;margin-top:3px}.retail-demo .service-ledger-row strong{color:#3b7544}.retail-demo .service-ledger-row .debit{color:#627263}.retail-demo .service-merchant-note{font-size:10px;line-height:1.6;border-radius:12px;padding:12px 13px;background:#e8f0e6;color:#48734f;width:min(350px,100%)}.retail-demo .service-merchant-note b{display:block;font-size:11px;margin-bottom:3px}.retail-demo .service-merchant-note span{font-size:10px}.retail-demo .board-body:has(.service-demo){min-height:500px}.retail-demo .board-content:has(.service-demo) h4{font-size:24px}@media(max-width:1023px){.retail-demo .service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-width:none}.retail-demo .service-tab{min-width:0;min-height:48px;padding:9px 7px;font-size:11px;gap:6px}.retail-demo .service-tab i{width:25px;flex-basis:25px;height:25px;font-size:9px}.retail-demo .service-copy{min-height:0}.retail-demo .mobile-stage-preview .service-phone{width:270px;max-width:100%}.retail-demo .service-phone-body{min-height:310px}.retail-demo .mobile-stage-preview .service-demo{max-width:100%}}@media(max-width:365px){.retail-demo .service-tab i{display:none}.retail-demo .service-tab{justify-content:center;padding:9px 5px;font-size:10px}}@media(prefers-reduced-motion:reduce){.retail-demo .service-demo{animation:none!important}}.retail-demo .loyalty-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:7px 0 15px;max-width:575px}.retail-demo .loyalty-tab{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px 12px;min-height:86px;background:#f6faf3;border:1px solid #d8e4d6;border-radius:15px;color:#507157;text-align:left;cursor:pointer;font:700 12px var(--body,Inter,sans-serif);line-height:1.35;transition:background .2s,border-color .2s,transform .2s}.retail-demo .loyalty-tab:hover{border-color:#789d80;transform:translateY(-2px)}.retail-demo .loyalty-tab.active{background:#fff;border-color:#65976d;box-shadow:0 7px 20px #2d4e3214;color:#2e5537}.retail-demo .loyalty-tab i{font-style:normal;display:grid;place-items:center;width:29px;height:25px;background:#e4eee1;color:#6c9171;border-radius:7px;font-size:10px}.retail-demo .loyalty-tab.active i{background:#d7e9d4;color:#337141}.retail-demo .loyalty-copy{min-height:180px}.retail-demo .loyalty-ui{display:flex;flex-direction:column;gap:9px;align-items:center;animation:retail-demo-communityRise .25s ease}.retail-demo .loyalty-phone{width:min(318px,100%);border:6px solid #26392c;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 14px 34px #233f2721}.retail-demo .loyalty-screen{padding:16px 13px 17px;background:#f6f8f5;min-height:380px}.retail-demo .loyalty-h1{font-weight:800;color:#315b39;font-size:19px;line-height:1.28;letter-spacing:-.03em;margin:2px 0 5px}.retail-demo .loyalty-sub{font-size:10px;color:#829986;margin-bottom:15px}.retail-demo .loyalty-glow{background:linear-gradient(130deg,#e0efdf,#f2f7e8);border-radius:15px;padding:18px 16px;margin-bottom:12px;color:#325e3c}.retail-demo .loyalty-glow small{font-size:10px;color:#719276;display:block}.retail-demo .loyalty-glow strong{font:800 28px var(--heading, sans-serif);display:block;margin:6px 0}.retail-demo .loyalty-glow span{font-size:10px;line-height:1.6}.retail-demo .loyalty-record{display:flex;justify-content:space-between;gap:9px;background:#fff;border:1px solid #e6ede2;border-radius:11px;padding:11px 9px;margin-bottom:8px;align-items:center}.retail-demo .loyalty-record b{font-size:11px;display:block;color:#3e6245}.retail-demo .loyalty-record small{display:block;font-size:9px;color:#92a496;margin-top:4px;line-height:1.4}.retail-demo .loyalty-record em{font-size:10px;color:#3c8151;font-style:normal;font-weight:800;white-space:nowrap}.retail-demo .loyalty-coupon{background:#fff;border:1px dashed #8eaf92;border-radius:13px;display:grid;grid-template-columns:78px 1fr;margin:0 0 12px;overflow:hidden;min-height:98px}.retail-demo .loyalty-coupon-amount{display:grid;place-items:center;background:#dceedd;color:#347040;font:800 22px var(--heading, sans-serif)}.retail-demo .loyalty-coupon-text{padding:15px 11px;display:flex;flex-direction:column;justify-content:center;gap:7px}.retail-demo .loyalty-coupon-text b{font-size:12px}.retail-demo .loyalty-coupon-text small{font-size:9px;color:#869c8a}.retail-demo .loyalty-avatar-row{display:flex;gap:3px;margin:12px 0}.retail-demo .loyalty-avatar-row span{width:31px;height:31px;border:2px solid white;background:#daebdc;border-radius:50%;display:grid;place-items:center;font-size:16px;margin-right:-7px}.retail-demo .loyalty-avatar-row small{font-size:10px;color:#75947a;padding:9px 0 0 18px}.retail-demo .loyalty-mobile-note{font-size:10px;line-height:1.65;color:#608067;background:#e8f2e6;border-radius:12px;padding:11px 12px;width:min(350px,100%)}.retail-demo .tourist-demo{margin-top:22px;border-radius:32px;background:#f8fbf7;border:1px solid #cbdcce;padding:24px 28px 31px;box-shadow:0 8px 35px #2b4b320a}.retail-demo .tourist-demo-header{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:16px;border-bottom:1px solid #e1ebe1;margin-bottom:25px}.retail-demo .tourist-demo-header strong{color:#355c3b;font-size:16px}.retail-demo .tourist-demo-header span{color:#859b8b;font-size:10px;font-weight:800;letter-spacing:.1em}.retail-demo .tourist-demo-flow{display:grid;grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr) 23px minmax(0,1fr);align-items:center;gap:10px;max-width:840px;margin:auto}.retail-demo .tourist-step{display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0}.retail-demo .tourist-step-art{width:142px;height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column}.retail-demo .tourist-step-scan{gap:14px}.retail-demo .tourist-qr{width:130px;height:130px;border:3px dashed #90ac95;border-radius:20px;background:#e3eee3;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:62px;color:#618068;line-height:1}.retail-demo .tourist-qr span{font-size:10px;margin-top:5px;font-weight:800}.retail-demo .tourist-shop-icon{font-size:9px;color:#799580;font-weight:800;letter-spacing:.2em}.retail-demo .tourist-mini-phone{width:138px;height:190px;border:5px solid #2a3e30;border-radius:23px;background:#fff;overflow:hidden;text-align:left;box-shadow:0 8px 20px #2a472c1a}.retail-demo .tourist-phone-top{height:27px;background:#f8fbf8;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-size:9px;color:#506853}.retail-demo .tourist-phone-image{display:grid;place-items:center;height:75px;background:#e8f0e3;font-size:45px}.retail-demo .tourist-phone-body{padding:10px 9px;display:flex;flex-direction:column;gap:4px}.retail-demo .tourist-phone-body b{font-size:10px;color:#47654d}.retail-demo .tourist-phone-body>span{color:#2c753d;font-size:11px;font-weight:800}.retail-demo .tourist-phone-body small{font-size:8px;color:#819987}.retail-demo .tourist-mini-phone--again{background:#f1f8f0}.retail-demo .tourist-visit-mark{height:75px;display:grid;place-items:center;color:#548563;font-size:44px}.retail-demo .tourist-visit-pills{display:flex;gap:4px;margin-top:7px}.retail-demo .tourist-visit-pills span{background:#e0efe2;color:#658468;border-radius:8px;font-size:7px;padding:4px 5px}.retail-demo .tourist-step>strong{font-size:13px;margin-top:11px;color:#375a40}.retail-demo .tourist-step>small{font-size:11px;margin-top:6px;color:#829a86;line-height:1.4}.retail-demo .tourist-flow-arrow{font-size:27px;color:#8faf95;margin-bottom:40px;text-align:center}.retail-demo .tourist-guardrail{max-width:890px;margin:25px auto 0;font-size:11px;line-height:1.7;color:#6c856f;text-align:center}@media(max-width:1023px){.retail-demo .loyalty-tabs{gap:6px}.retail-demo .loyalty-tab{padding:9px 8px;min-height:76px;font-size:11px}.retail-demo .loyalty-copy{min-height:0}.retail-demo .tourist-demo{padding:20px 14px 22px}.retail-demo .tourist-demo-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:3px}.retail-demo .tourist-step-art{width:100%;height:145px}.retail-demo .tourist-qr{height:95px;width:95px;font-size:42px;border-radius:15px}.retail-demo .tourist-qr span{font-size:8px}.retail-demo .tourist-mini-phone{width:94px;height:145px;border-width:4px;border-radius:16px}.retail-demo .tourist-phone-top{font-size:7px;height:21px;padding:0 5px}.retail-demo .tourist-phone-image,.retail-demo .tourist-visit-mark{height:51px;font-size:33px}.retail-demo .tourist-phone-body{padding:7px 5px}.retail-demo .tourist-phone-body b{font-size:8px}.retail-demo .tourist-phone-body>span{font-size:9px}.retail-demo .tourist-phone-body small{font-size:7px}.retail-demo .tourist-visit-pills{gap:1px;margin-top:2px}.retail-demo .tourist-visit-pills span{font-size:6px;padding:3px}.retail-demo .tourist-step>strong{font-size:11px}.retail-demo .tourist-step>small{font-size:9px}.retail-demo .tourist-flow-arrow{font-size:17px}.retail-demo .tourist-demo-header strong{font-size:13px}.retail-demo .tourist-demo-header span{font-size:8px}}@media(max-width:380px){.retail-demo .loyalty-tab{font-size:10px}.retail-demo .loyalty-tab i{width:22px;height:22px}.retail-demo .tourist-demo-flow{gap:1px}.retail-demo .tourist-mini-phone{width:82px}.retail-demo .tourist-qr{width:86px;height:86px}}@media(prefers-reduced-motion:reduce){.retail-demo .loyalty-ui{animation:none}}