.spg{--g:#006747;--o:#ff5b23;--ink:#18364b;--muted:#65788c;max-width:1260px;padding:0 24px;margin:24px auto 60px;color:var(--ink);font:inherit;line-height:1.65}.spg *{box-sizing:border-box}.spg [hidden]{display:none!important}.spg h1,.spg h2,.spg h3,.spg p{margin:0}.spg a{color:var(--g);text-underline-offset:4px}.spg button{font:inherit;cursor:pointer;touch-action:manipulation}.spg a:focus-visible,.spg button:focus-visible,.spg summary:focus-visible{outline:3px solid #1584b4;outline-offset:4px}.spg-back{display:inline-flex;min-height:44px;align-items:center;font-size:14px;font-weight:600;margin-bottom:14px}.spg-hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:36px;padding:44px 48px;border-radius:24px;background:linear-gradient(115deg,#effaf5,#e2f3eb);overflow:hidden}.spg-eyebrow{color:var(--g);font-size:12px;font-weight:750;letter-spacing:.09em}.spg h1{font-size:clamp(29px,3.2vw,42px);line-height:1.35;font-weight:800;margin:14px 0 18px;color:var(--ink)}.spg h1 em{color:var(--g);font-style:normal}.spg-hero p{font-size:16px;color:#4c6875;max-width:560px}.spg-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:99px;background:var(--o);color:white!important;text-decoration:none;padding:12px 24px;min-height:48px;font-weight:700;font-size:15px}.spg-hero .spg-primary{margin-top:24px}.spg-hero-art{position:relative;min-height:245px;display:grid;place-items:center;background:radial-gradient(circle,#fff 0%,#ffffffb0 50%,transparent 51%)}.spg-hero-art svg{width:230px;height:210px;filter:drop-shadow(0 12px 12px #00674710)}.spg-art-link,.spg-art-check{position:absolute;background:#fff;border:1px solid #d6e7de;box-shadow:0 8px 20px #134e3210;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:650}.spg-art-link{top:16px;right:12px;color:var(--g)}.spg-art-check{bottom:12px;left:0;color:var(--g)}.spg-overview{display:flex;justify-content:center;gap:64px;list-style:none;padding:18px;margin:14px 0 36px;border-bottom:1px solid #e4ece7}.spg-overview li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.spg-overview b{font-size:12px;background:#edf7f2;color:var(--g);border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.spg h2{font-size:25px;line-height:1.4;font-weight:750}.spg-selection{scroll-margin-top:120px}.spg-selection>p{color:var(--muted);font-size:14px;margin-top:7px}.spg-stores{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0}.spg-stores a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #dce6e1;background:#fff;border-radius:14px;padding:14px 8px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:650;min-height:107px;text-align:center}.spg-stores a:hover{border-color:var(--g);background:#f7fcfa}.spg-stores a[aria-current=true]{border:2px solid var(--g);padding:13px 7px;background:#effaf4;box-shadow:0 0 0 2px #0067470a}.spg-logo{display:flex;align-items:center;justify-content:center;height:43px;width:100%;max-width:130px}.spg-logo img{width:100%;height:36px;object-fit:contain}.spg-logo.lotus{background:#008486;border-radius:7px;padding:5px 8px}.spg-logo.bigc img,.spg-logo.allonline img{height:43px}.spg-devices{display:flex;gap:8px;padding:5px;border-radius:99px;background:#f0f4f2;width:max-content;max-width:100%;margin-bottom:22px}.spg-devices button{min-height:44px;border:0;border-radius:99px;padding:8px 24px;background:transparent;font-size:14px;font-weight:650;color:var(--muted)}.spg-devices button[aria-pressed=true]{background:var(--g);color:#fff;box-shadow:0 3px 7px #00674715}.spg-walkthrough{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.spg-store-guide{scroll-margin-top:120px}.spg-store-guide:not(:first-child){margin-top:36px}.spg.enhanced .spg-store-guide{margin-top:0}.spg-instructions{padding:28px 30px;border:1px solid #dce6e1;border-radius:20px}.spg-kicker{display:inline-block;color:var(--g);background:#eff8f3;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:700;margin-bottom:10px}.spg-method{color:var(--muted);font-size:14px;margin:9px 0 20px!important}.spg-steps{list-style:none;counter-reset:guide;padding:0;margin:0}.spg-steps li{position:relative;padding:0 0 24px 44px;counter-increment:guide}.spg-steps li:before{content:counter(guide);position:absolute;top:0;left:0;width:30px;height:30px;border-radius:50%;background:#006747;color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.spg-steps li:not(:last-child):after{content:'';position:absolute;left:14px;top:37px;bottom:8px;width:1px;background:#d9e9e1}.spg-steps h3{font-size:16px;font-weight:750;line-height:1.5;margin:1px 0 7px}.spg-steps p{font-size:14px;color:#526c7a}.spg-tip{font-size:13px!important;background:#f4f8f6;border-radius:9px;padding:12px 14px;color:#466657;margin-top:10px!important}.spg-app{border:1px solid #ffdbbe;border-radius:12px;padding:12px 16px;background:#fff8f1;font-size:14px;margin-bottom:16px}.spg-app summary{cursor:pointer;font-weight:700;color:#b94a16;min-height:25px}.spg-app p{margin-top:12px;color:#526c7a}.spg-store-note{padding:16px;background:#eff8f3;border-radius:12px;font-size:13px;margin-top:18px}.spg-store-note strong{color:var(--g)}.spg-store-note p{margin-top:5px;color:#486a5b}.spg-store-open{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:650;margin-top:12px}.spg-demo{position:sticky;top:115px;min-width:0;padding:22px 26px;background:#faf8f4;border:1px solid #ede9e1;border-radius:20px;text-align:center}.spg-demo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.spg-demo-top span{font-size:12px;color:var(--muted);border-radius:99px;background:#fff;padding:3px 10px}.spg-screen{position:relative;border:5px solid #243d4a;border-radius:15px;background:#fff;width:100%;max-width:400px;height:270px;margin:0 auto;overflow:hidden;box-shadow:0 10px 20px #17364c0c;text-align:left}.spg-screen.mobile{width:245px;max-width:100%;height:320px;border-width:7px;border-radius:24px}.spg-browser-bar{display:flex;align-items:center;gap:8px;padding:10px;background:#eef3f5;border-bottom:1px solid #dde6e9;font-size:10px;height:46px}.spg-browser-bar>span{color:#adc0cb;white-space:nowrap;font-size:8px}.spg-browser-bar>div{border-radius:6px;background:#fff;overflow:hidden;white-space:nowrap;min-width:0;padding:5px 7px;font-size:9px}.spg-demo-product{display:flex;align-items:center;flex-direction:column;padding:12px;font-size:13px}.spg-demo-product>span{color:var(--g);font-size:11px;font-weight:700}.spg-demo-product svg{width:122px;height:112px;margin:8px 0}.spg-demo-product small{color:var(--muted);font-size:11px;margin-top:5px}.spg-copy-menu{display:none;position:absolute;top:50px;right:14px;border-radius:7px;background:#253d4c;color:white;font-size:11px;padding:10px;box-shadow:0 4px 15px #0002}.spg-copy-menu strong{margin-left:12px;color:#fff}.spg-demo-paste{display:none;padding:22px 16px}.spg-demo-paste>b{color:var(--g);font-size:20px}.spg-demo-paste>p{font-size:11px;color:var(--muted);margin-bottom:20px}.spg-fake-input{border:1px solid #a6c8b8;border-radius:7px;padding:12px 9px;font-size:10px;overflow:hidden;white-space:nowrap;color:#65788c}.spg-fake-button{display:block;background:var(--o);color:#fff;text-align:center;border-radius:8px;margin-top:14px;padding:10px;font-size:12px;font-weight:700}.spg-paste-menu{position:absolute;top:136px;left:34px;border-radius:6px;background:#253d4c;color:#fff;padding:5px 14px;font-size:11px}.spg-done{display:none;margin-top:15px;padding:8px;background:#edf8f1;color:var(--g);border-radius:7px;font-size:11px}.spg-touch{position:absolute;top:23px;left:78%;width:22px;height:22px;border:3px solid var(--o);border-radius:50%;background:#ff5b2325;opacity:0}.spg-screen[data-stage="1"] .spg-browser-bar>div{background:#d9ebff;color:#12558b;outline:2px solid #5699df}.spg-screen[data-stage="1"] .spg-copy-menu{display:block}.spg-screen[data-stage="1"] .spg-touch{opacity:1;top:59px;left:80%}.spg-screen[data-stage="2"] .spg-demo-product,.spg-screen[data-stage="3"] .spg-demo-product{display:none}.spg-screen[data-stage="2"] .spg-demo-paste,.spg-screen[data-stage="3"] .spg-demo-paste{display:block}.spg-screen[data-stage="2"] .spg-touch{opacity:1;top:142px;left:50%}.spg-screen[data-stage="3"] .spg-placeholder,.spg-screen[data-stage="3"] .spg-paste-menu{display:none}.spg-screen:not([data-stage="3"]) #spg-pasted-url{display:none}.spg-screen[data-stage="3"] .spg-done{display:block}.spg-screen[data-stage="3"] .spg-touch{opacity:1;top:208px;left:74%}.spg.is-playing .spg-touch{animation:spg-tap 1.8s ease-in-out infinite}.spg-demo>p{font-size:14px;font-weight:650;margin-top:22px;min-height:48px;display:flex;align-items:center;justify-content:center}.spg-player{display:flex;justify-content:center;gap:9px;margin:10px 0 15px}.spg-player button{border:1px solid #d8e3dc;background:#fff;color:var(--g);border-radius:99px;min-height:44px;min-width:44px;padding:8px 12px;font-size:13px;font-weight:650}.spg-player #spg-play{background:var(--g);border-color:var(--g);color:white;min-width:165px}.spg-dots{display:flex;gap:7px;justify-content:center}.spg-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#d6e3db}.spg-dots i.active{width:23px;border-radius:6px;background:var(--g)}.spg-demo-note{display:block;color:#758792;font-size:11px;margin-top:16px}.spg-checks{margin-top:40px}.spg-checks>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.spg-checks article{padding:24px;border:1px solid #e1e9e5;border-radius:16px;background:#fff}.spg-checks article>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#edf8f1;color:var(--g);font-size:22px;font-weight:600;margin-bottom:12px}.spg-checks article:nth-child(2)>span{background:#fff0e7;color:#dc5c23}.spg-checks h3{font-size:16px;margin-bottom:9px}.spg-checks p{font-size:14px;color:var(--muted)}.spg-faq{max-width:840px;margin:42px auto}.spg-faq h2{margin-bottom:20px}.spg-faq details{border-bottom:1px solid #e1e9e5;padding:16px 0}.spg-faq summary{cursor:pointer;font-size:15px;font-weight:650;min-height:28px}.spg-faq p{font-size:14px;color:var(--muted);padding:12px 0 5px}.spg-cta{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:28px 32px;border-radius:20px;background:#edf8f2}.spg-cta>div{flex:1;min-width:220px}.spg-cta h2{font-size:23px;color:var(--g)}.spg-cta p{font-size:14px;color:var(--muted);margin-top:7px}.spg-cta>a:last-child{font-size:13px;flex-basis:100%;text-align:right}.spg-devices{display:none}.spg.enhanced .spg-devices{display:flex}.spg:not(.enhanced) .spg-walkthrough{display:block}.spg:not(.enhanced) [data-guide-device=desktop]{margin-top:24px}@keyframes spg-tap{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){.spg.is-playing .spg-touch{animation:none}}@media(max-width:1000px){.spg-hero{padding:34px;gap:24px}.spg-hero-art svg{width:180px}.spg-art-link{right:0}.spg-stores{grid-template-columns:repeat(3,minmax(0,1fr))}.spg-instructions{padding:24px}.spg-demo{padding:20px 18px}.spg-walkthrough{gap:18px}}@media(max-width:760px){.spg{padding:0 16px;margin-top:16px}.spg-hero{grid-template-columns:1fr;padding:26px 22px;gap:8px;border-radius:20px}.spg h1{font-size:28px;line-height:1.4}.spg-hero p{font-size:15px}.spg-hero-art{min-height:180px;width:100%;max-width:310px;margin:auto}.spg-hero-art svg{width:150px;height:160px}.spg-art-link,.spg-art-check{font-size:11px;padding:8px 12px}.spg-art-link{top:20px;right:0}.spg-art-check{bottom:2px}.spg-overview{gap:14px;justify-content:space-between;padding:16px 0;margin:8px 0 26px}.spg-overview li{flex-direction:column;gap:6px;font-size:11px;text-align:center;flex:1}.spg h2{font-size:22px}.spg-stores{gap:8px;margin:18px 0}.spg-stores a{padding:12px 7px;min-height:92px;font-size:11px;gap:5px;border-radius:11px}.spg-stores a[aria-current=true]{padding:11px 6px}.spg-logo{height:35px}.spg-logo img{height:28px}.spg-logo.bigc img,.spg-logo.allonline img{height:35px}.spg-devices{width:100%;margin-bottom:18px}.spg-devices button{flex:1;padding:8px 12px;font-size:14px}.spg-walkthrough{grid-template-columns:1fr}.spg-demo{position:static;grid-row:1;padding:20px}.spg-screen.mobile{height:305px;width:240px}.spg-instructions{padding:22px 18px}.spg-steps li{padding-left:40px}.spg-demo>p{font-size:13px;min-height:42px;margin-top:16px}.spg-demo-note{font-size:10px}.spg-checks{margin-top:30px}.spg-checks>div{grid-template-columns:1fr;gap:10px}.spg-checks article{padding:19px 20px}.spg-checks article>span{float:left;margin-right:12px;width:30px;height:30px;font-size:19px}.spg-checks p{clear:both;padding-top:4px}.spg-faq{margin:32px 0}.spg-cta{padding:24px 20px;gap:16px;text-align:center}.spg-cta>div{min-width:0;flex-basis:100%}.spg-cta .spg-primary{width:100%}.spg-cta>a:last-child{text-align:center}.spg-back{font-size:13px}.spg-app summary{font-size:13px}}

.spg-demo{background:#f5faf7;scroll-margin-top:190px;padding:22px}
.spg .spg-real-source{display:block!important;font-size:12px;font-weight:500;color:var(--muted);min-height:0;margin:0 0 12px;line-height:1.5;text-align:left}
.spg-real-frame{display:block;position:relative;width:100%;padding:0;margin:auto;border:1px solid #cbded3;border-radius:12px;overflow:hidden;background:#fff;cursor:zoom-in!important}
.spg-real-frame img{display:block;width:100%;height:auto;margin:0}
.spg-real-frame.portrait{max-width:230px}
.spg-real-frame.portrait.form-photo{max-width:340px}
.spg-real-highlight{position:absolute;border:3px solid #ff5b23;box-shadow:0 0 0 3px #fff9;border-radius:7px;pointer-events:none}
.spg-real-url-box{margin:14px 0 0;padding:12px 14px;background:#fff;border:1px solid #d6e4dc;border-radius:12px;text-align:left;min-width:0}
.spg-real-url-box strong{font-size:12px;color:var(--g);display:block}
.spg-real-url-box a{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere;max-height:58px;overflow:auto;margin:5px 0}
.spg-real-url-box small{font-size:11px;color:var(--muted);display:block}
.spg-real-url-box.active{border:2px solid var(--o);padding:11px 13px;background:#fff8f1}
.spg-enlarge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 15px;margin-top:10px;border:0;border-radius:99px;background:#e4f2eb;color:var(--g);font-size:13px;font-weight:650}
.spg-demo #spg-demo-caption{margin-top:12px;min-height:42px}
.spg-dots{gap:8px}
.spg-dots button{width:36px;height:36px;border-radius:50%;border:1px solid #ccdcd3;background:#fff;color:var(--g);font-size:12px;padding:0}
.spg-dots button[aria-pressed=true]{color:#fff;background:var(--g);border-color:var(--g)}
.spg .spg-step-select{font:inherit;font-weight:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;min-height:30px;border-radius:4px}
.spg .spg-step-select[aria-pressed=true]{color:var(--g);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.spg-photo-dialog{width:min(1200px,96vw);max-width:none;max-height:94vh;padding:18px;border:0;border-radius:16px;background:#fff;color:var(--ink);overflow:auto}
.spg-photo-dialog::backdrop{background:#112f2bcc}
.spg-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-18px;background:#fff;padding:6px 0 12px;z-index:1;text-align:left}
.spg-zoom-header p{font-size:14px;line-height:1.5}
.spg-zoom-header button{flex:0 0 44px;min-height:44px;border:1px solid #d6e4dc;border-radius:50%;background:#f2f8f5;color:var(--g);font-size:19px}
.spg-photo-dialog>img{display:block;max-width:100%;width:auto;max-height:76vh;height:auto;margin:0 auto}
.spg .spg-zoom-note{font-size:12px;color:var(--muted);margin-top:14px;text-align:center}
@media(max-width:760px){.spg-demo{padding:18px 14px}.spg-real-frame.portrait{max-width:205px}.spg-real-frame.portrait.form-photo{max-width:310px}.spg-photo-dialog{padding:12px;border-radius:12px}.spg-photo-dialog>img{max-height:none;width:100%}.spg-zoom-header{top:-12px}.spg-player #spg-play{min-width:0;flex:1}.spg-player button{padding:8px 10px}.spg-demo-note{font-size:11px}.spg-real-highlight{border-width:2px}}