*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.inline-center{display:inline-flex;align-items:center;justify-content:center}.m12{margin:3rem}.m5{margin:1.25rem}.m6{margin:1.5rem}.m7{margin:1.75rem}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.resize{resize:both}.px{padding-left:1rem;padding-right:1rem}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-400.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-500.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-700.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/inter-900.ttf) format("truetype")}:root{font-family:Inter,HarmonyOS Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#1e1e1e;background:#eef3f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .18s,transform .18s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #1683ff;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}svg{flex-shrink:0}img{display:block;max-width:100%}.landing-page{--page-background: url(/images/figma/current/hero-background.svg), linear-gradient(180deg, #2866ff 0%, #3486fc 23%, #86d5e8 47%, #d7faf3 68%, #fff 91%);--page-gradient-height: 970px;--page-art-size: 100% auto;--page-art-align: center;position:relative;isolation:isolate;width:min(100%,402px);min-height:100dvh;margin-inline:auto;padding-bottom:calc(110px + env(safe-area-inset-bottom));background:#fff;overflow:clip}.landing-page:before{content:"";position:absolute;inset:0 0 auto;height:var(--page-gradient-height);z-index:-1;background-image:var(--page-background);background-size:var(--page-art-size),100% var(--page-gradient-height);background-position:var(--page-art-align) top,center top;background-repeat:no-repeat}.profile{position:sticky;top:0;z-index:20;isolation:isolate;display:flex;align-items:center;gap:15px;padding:calc(13px + env(safe-area-inset-top)) 20px 13px;min-height:70px;color:rgb(calc(255 - 225 * var(--header-ink, 0)),calc(255 - 225 * var(--header-ink, 0)),calc(255 - 225 * var(--header-ink, 0)));transition:color .18s ease}.profile:before{--header-feather: calc(28px * var(--header-glass, 0));content:"";position:absolute;inset:0 0 calc(-1 * var(--header-feather));z-index:-1;pointer-events:none;background-color:#fff;background-image:var(--page-background);background-size:var(--page-art-size),100% var(--page-gradient-height);background-position:var(--page-art-align) var(--header-offset, 0px),center var(--header-offset, 0px);background-repeat:no-repeat;-webkit-backdrop-filter:blur(calc(12px * var(--header-glass, 0)));backdrop-filter:blur(calc(12px * var(--header-glass, 0)));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--header-feather)),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - var(--header-feather)),transparent 100%)}.avatar-link{flex-shrink:0;border-radius:50%}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.profile h2{font-size:18px;font-weight:700;line-height:20px}.profile p{font-size:12px;line-height:18px;opacity:.6;margin-top:2px}.profile-info{min-width:0}.profile-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:4px;min-height:36px;margin-left:auto;padding:5px 15px;border:1px solid #ffffffb3;border-radius:12px;background:linear-gradient(110deg,#3fb8ffa6,#4691ff8c 45%,#5ecfffa6);box-shadow:inset 0 0 4px #d8f7ff,inset 0 0 10px #8edcff55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffffff2;font-size:12px;font-weight:700;line-height:16px}.support-button:before{content:"";position:absolute;inset:-4px 0}.support-button{isolation:isolate;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .18s}.support-button:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,#f5fbff,#e8f3ff);opacity:0;transition:opacity .2s ease;pointer-events:none}.support-icon{width:24px;height:24px;flex-shrink:0;background-color:currentColor;-webkit-mask:url(/images/figma/current/customer-support.svg) center / contain no-repeat;mask:url(/images/figma/current/customer-support.svg) center / contain no-repeat}.support-button span{white-space:nowrap}.support-button:hover{box-shadow:inset 0 0 6px #e6faff,inset 0 0 12px #8edcff66}.support-button--scrolled{color:#005eec;border-color:#9bbde480;box-shadow:0 2px 6px #15406c0a}.support-button--scrolled:after{opacity:1}.support-button--scrolled:hover{border-color:#7ba8dc;box-shadow:0 2px 8px #15406c14}.support-button:disabled{cursor:progress}.hero{padding-top:16px;text-align:center}.eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 21px;border-radius:100px;background:#fff;font-size:14px;font-weight:700;line-height:20px}.eyebrow span{background:linear-gradient(165deg,#3ff8c1 11%,#337dff 78%);-webkit-background-clip:text;background-clip:text;color:transparent}h1{color:#fff;font-size:clamp(27px,8.2vw,33px);line-height:44px;font-weight:900;letter-spacing:0;max-width:322px;margin:11px auto 0}.highlight{color:#6dffe4;white-space:nowrap}.hero-description{max-width:362px;margin:4px auto 0;padding:0 8px;min-height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;line-height:18px}.feature-visual{position:relative;width:100%;aspect-ratio:402 / 245;margin-top:16px}.primary-button{position:relative;isolation:isolate;overflow:hidden;background:#005eec;color:#fff;border-radius:12px;font-weight:700;gap:6px;min-height:52px;padding:12px;font-size:15px;line-height:20px;animation:cta-breathe 1.6s ease-in-out infinite}.primary-button:hover{background:#0054d4}.store-button:hover{background:#363636}.primary-button img{flex-shrink:0}.primary-button:after{content:"";position:absolute;pointer-events:none;top:-50%;bottom:-50%;left:-50%;width:40%;background:linear-gradient(90deg,transparent,#ffffff12 25%,#ffffff70 50%,#ffffff12 75%,transparent);opacity:0;transform:translate(0) skew(-20deg);animation:cta-sheen 2.6s ease-in-out infinite}@keyframes cta-breathe{0%,to{scale:1}50%{scale:1.05}}@keyframes cta-sheen{0%,10%{opacity:0;transform:translate(0) skew(-20deg)}15%{opacity:.8}37%{opacity:.8}44%,to{opacity:0;transform:translate(450%) skew(-20deg)}}.hero-cta{position:relative;display:flex;width:calc(100% - 52px);margin:-22px auto 0;transform-origin:center bottom}.cta-benefits{display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:12px 12px 0;color:#1f1f1f99;font-size:12px;line-height:20px}.cta-benefits li{display:flex;align-items:center;gap:4px;padding-inline:12px}.cta-benefits li+li{border-left:1px solid #ffffff99}.cta-benefits img{flex-shrink:0}.join-guide{margin-top:38px}.join-heading{margin:0 20px;min-height:80px;display:flex;align-items:center;gap:14px;padding:14px 20px;background:#fffc;border:1px solid #ffffffe6;border-radius:20px}.join-heading>img{flex-shrink:0;border-radius:50%;object-fit:cover}.join-heading>div{min-width:0}.join-heading h2{font-size:22px;line-height:24px;font-weight:700;letter-spacing:-.4px}.join-heading p{color:#1f1f1f99;font-size:12px;line-height:18px;margin-top:6px}.steps{list-style:none;margin:12px 0 0;padding:0}.step{margin-inline:20px}.step+.step{margin-top:32px}.step+.step-register{margin-top:20px}.step-heading{position:relative;display:flex;align-items:center;gap:12px;min-height:70px;padding-top:16px;padding-bottom:6px}.step-watermark{position:absolute;top:6px;left:0;color:transparent;background:linear-gradient(135deg,#337dff1a,#3ff8c11a);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900;line-height:29px;z-index:-1}.step-number{font-synthesis:style;font-size:30px;font-weight:900;font-style:italic;line-height:36px;letter-spacing:-1px;flex-shrink:0}.step-heading>div{min-width:0}.step-heading h3{font-size:18px;line-height:23px;font-weight:700;letter-spacing:-.35px}.step-heading p{font-size:11px;color:#1f1f1f99;line-height:18px;margin-top:3px}.step-heading strong{color:#1e1e1e}.guide-tip{display:flex;align-items:center;gap:12px;width:min(304px,100%);min-height:40px;padding:3px 5px;margin:8px auto 0;background:#3ac4db1a;border:1px solid #ffffffb3;border-radius:20px}.guide-tip>img{flex-shrink:0;border-radius:50%;object-fit:cover}.guide-tip>span{position:relative;width:232px;max-width:calc(100% - 44px);padding:6px 12px 6px 16px;border-radius:20px;background:linear-gradient(100deg,#337dff,#3bd1d3 85%,#3ff8c1);color:#ffffffe6;font-size:12px;line-height:14px}.step-code .guide-tip>span{width:227px}.step-register .guide-tip>span{width:194px}.guide-tip>span:before{content:"";position:absolute;top:9px;left:-6px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:7px solid #337dff}.store-previews{margin-top:8px}.store-previews img{width:100%;height:auto}.store-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.store-button{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:8px 16px;color:#fff;background:#202020;border-radius:16px;text-align:left}.store-button>img{flex-shrink:0}.store-button small{display:block;font-size:10px;line-height:13px}.store-button strong{display:block;font-size:14px;line-height:18px}.code-panel{display:flex;align-items:center;gap:10px;width:min(100%,302px);min-height:64px;margin:8px auto 0;padding:12px 16px;background:#eef4ff;border-radius:16px}.code-label{font-size:12px;padding-right:14px;border-right:1px solid #00000014;line-height:24px;flex-shrink:0}.code-panel code{font-family:inherit;line-height:26px;font-size:20px;font-weight:700;color:#2d77fe;overflow-wrap:anywhere;min-width:0}.copy-button{gap:3px;min-height:32px;padding:4px 8px;border-radius:8px;background:#2d77fe;color:#fff;font-size:12px;margin-left:auto;flex-shrink:0;animation:copy-breathe 1.6s ease-in-out infinite}.copy-button:hover{background:#155fe8}@keyframes copy-breathe{0%,to{scale:1}50%{scale:1.08}}.organization-preview{container-type:inline-size;margin-top:8px}.organization-preview>img{width:100%;height:auto}.preview-code{position:absolute;top:64.5%;left:20%;width:25%;height:6.5%;display:flex;align-items:center;background:linear-gradient(110deg,#fdfcff,#fff);font-size:3.3cqw;color:#17181b;overflow:hidden;white-space:nowrap}.registration-preview{height:auto;margin-top:8px}.store-previews,.organization-preview,.registration-preview{position:relative;left:50%;transform:translate(-50%);width:calc(100% + 40px);max-width:402px;margin-inline:0}.feature-image{width:100%;height:auto}.bottom-bar{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(100%,402px);padding:12px 25px calc(12px + env(safe-area-inset-bottom));background:#ffffffd9;border-top:1px solid #00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-bar{opacity:var(--bottom-bar-progress, 0);transform:translate(-50%,calc((1 - var(--bottom-bar-progress, 0)) * 12px));visibility:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.bottom-bar.is-visible{visibility:visible;transition-delay:0s}.bottom-bar.is-visible:not([inert]){pointer-events:auto}.bottom-cta{width:100%}.bottom-bar:not(.is-visible) .bottom-cta,.bottom-bar:not(.is-visible) .bottom-cta:after{animation-play-state:paused}.toast-message{position:fixed;bottom:110px;left:50%;transform:translate(-50%);z-index:30;padding:14px 20px;border-radius:12px;background:#1b2545;color:#fff;gap:8px;font-size:13px;box-shadow:0 8px 30px #151c3020;width:max-content;max-width:calc(100% - 32px)}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin-bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-8px}.action-dialog{width:min(440px,calc(100% - 36px));border:1px solid #e7eaf4;border-radius:23px;padding:34px 28px 26px;box-shadow:0 25px 100px #17254b38;color:#171c2b;max-height:calc(100dvh - 48px);overflow-y:auto}.action-dialog::backdrop{background:#13244365;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:14px;width:30px;height:30px;background:#f2f4fa;border-radius:50%;color:#7c859c}.dialog-icon{width:58px;height:58px;border-radius:18px;background:#edf2ff;color:#315ef4;margin-bottom:20px}.action-dialog h2{font-size:24px;margin-bottom:13px}.action-dialog>p{font-size:13px;color:#858c9c;line-height:1.8}.dialog-stores{display:grid;gap:10px;margin-top:21px}.dialog-stores .store-button{padding:16px}.dialog-code{margin-top:18px}.dialog-code strong{margin-left:10px;letter-spacing:3px;color:#315ef4}.manual-code{width:100%;padding:18px;background:#f0f3ff;border:1px solid #dce4ff;border-radius:10px;font-size:24px;letter-spacing:6px;color:#315ef4;margin-top:18px}.browser-tip{font-size:11px!important;color:#7e89a6!important;line-height:1.7;margin-top:12px}.toast-message{bottom:calc(92px + env(safe-area-inset-bottom))}.dialog-stores .store-button{gap:12px}.dialog-stores .store-button small{color:#ffffffb3;margin-top:4px}@media(min-width:600px){.landing-page{width:100%}.hero,.join-guide{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}.profile{padding:calc(24px + env(safe-area-inset-top)) max(32px,calc((100% - 1200px)/2)) 24px}.hero{max-width:520px}.hero-description{max-width:440px;font-size:14px;line-height:22px}.feature-visual{max-width:440px;margin-inline:auto}.join-guide{max-width:600px}.join-heading{margin-inline:0}.steps{margin-top:28px}.step{margin-inline:0}.store-options{max-width:362px;margin-inline:auto}.bottom-bar{width:100%;display:flex;justify-content:center}.bottom-cta{width:min(100%,400px)}}@media(min-width:900px){.landing-page{--page-gradient-height: 1000px;--page-art-size: 60% auto;--page-art-align: left;--page-background: url(/images/figma/current/hero-background.svg), linear-gradient(180deg, #2866ff 0%, #3486fc 24%, #86d5e8 53%, #d7faf3 72%, #fff 95%)}.hero,.join-guide{width:calc(100% - 80px);max-width:1200px}.profile{padding:calc(28px + env(safe-area-inset-top)) max(40px,calc((100% - 1200px)/2)) 28px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;row-gap:18px;align-content:center;min-height:500px;padding:48px 0 64px;text-align:left}.hero>:not(.feature-visual){grid-column:1}.eyebrow{justify-self:start;padding:6px 20px;font-size:13px}h1{max-width:600px;margin:0;font-size:clamp(36px,3.8vw,54px);line-height:1.2;letter-spacing:-1.5px}.hero-description{justify-content:flex-start;max-width:460px;margin:0;padding:0;font-size:16px;line-height:26px}.feature-visual{grid-column:2;grid-row:1 / 6;align-self:center;max-width:580px;margin:0}.hero-cta{width:min(100%,350px);margin:6px 0 0}.cta-benefits{justify-content:flex-start;margin:0;color:#ffffffc4}.cta-benefits li:first-child{padding-left:0}.join-guide{margin-top:24px}.join-heading{padding:24px 28px;gap:16px}.join-heading h2{font-size:26px;line-height:32px}.join-heading p{font-size:14px;line-height:22px}.steps{max-width:600px;margin-inline:auto}.bottom-bar{padding-block:14px calc(14px + env(safe-area-inset-bottom))}}@media(min-width:1100px){.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none;margin-top:32px}.step{min-width:0;padding:16px 20px 24px;border:1px solid #e8eff7;border-radius:24px;background:#ffffffb3}.step+.step{margin-top:0}.step-heading{min-height:108px}.step-watermark{top:10px;z-index:0}.step-heading>div,.step-number{position:relative}.store-options .store-button{padding-inline:10px;gap:8px}.store-options .store-button strong{font-size:13px}.store-options .store-button small{font-size:9px}}@media(max-width:370px){h1{font-size:27px;line-height:38px}.join-heading{padding:12px;gap:8px}.join-heading h2{font-size:18px}.step-heading h3{font-size:15px}.store-button{padding:8px 10px;gap:6px}.store-button strong{font-size:12px}.store-button small{font-size:9px}.code-panel{padding-inline:10px;gap:8px}.code-label{padding-right:8px}.copy-button{font-size:11px;padding-inline:6px}.bottom-bar{padding-inline:20px}.primary-button{font-size:12px}.cta-benefits li{padding-inline:8px}.hero-description{font-size:12px}}@media(prefers-reduced-motion:reduce){.bottom-bar{transform:translate(-50%)}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}