*,: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}:root{font-family:HarmonyOS Sans SC,Inter,-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{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:970px;z-index:-1;background:url(/images/figma/hero-background.svg) center top / 100% auto no-repeat,linear-gradient(180deg,#2866ff,#3486fc 23%,#86d5e8 47%,#d7faf3 68%,#fff 91%)}.profile{display:flex;align-items:center;gap:15px;padding:13px 20px;min-height:70px;color:#fff}.avatar-link{flex-shrink:0;border-radius:50%}.avatar{width:44px;height:44px;border:2px solid #ffffffe6;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}.hero{padding-top:26px;text-align:center}.eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 18px;border-radius:100px;background:#fff;font-size:12px;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:-1.1px;margin:11px 12px 0}.highlight{color:#8affea;background:linear-gradient(90deg,#cefff6,#61ffe2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.hero-description{max-width:362px;margin:4px auto 0;padding:0 12px;min-height:36px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;line-height:18px}.feature-visual{position:relative;width:100%;aspect-ratio:402 / 245;margin-top:16px}.primary-button{background:#1e1e1e;color:#fff;border-radius:12px;font-weight:700;gap:6px;min-height:52px;padding:12px;font-size:15px;line-height:20px}.primary-button:hover,.store-button:hover{background:#363636}.primary-button img{flex-shrink:0}.hero-cta{position:relative;width:calc(100% - 52px);margin-top:-12px}.cta-note{color:#1f1f1f99;font-size:11px;line-height:18px;margin:8px 16px 0}.join-guide{margin-top:40px}.join-heading{margin:0 20px;min-height:80px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fffc;border:1px solid #ffffffe6;border-radius:20px}.join-heading>img{flex-shrink:0}.join-heading h2{font-size:20px;line-height:24px;font-weight:700;letter-spacing:-.6px}.join-heading p{color:#1f1f1f99;font-size:11px;line-height:16px;margin-top:6px}.steps{list-style:none;margin:16px 0 0;padding:0}.step{margin-inline:20px}.step+.step{margin-top:42px}.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-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:17px;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}.store-previews{margin-top:12px}.store-previews img{width:100%;height:auto}.store-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.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:11px;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}.copy-button:hover{background:#155fe8}.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:12px}.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-cta{width:100%;font-size:14px}.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%}.profile,.hero,.join-guide{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}.profile{padding:24px 0}.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:before{height:1000px;background:url(/images/figma/hero-background.svg) left top / 60% auto no-repeat,linear-gradient(180deg,#2866ff,#3486fc 24%,#86d5e8 53%,#d7faf3 72%,#fff 95%)}.profile,.hero,.join-guide{width:calc(100% - 80px);max-width:1200px}.profile{padding-block: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{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-top:6px;min-height:56px}.cta-note{margin:0;color:#ffffffc4;font-size:12px}.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}.bottom-cta{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}