@import url("tokens.css");
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f4f5f6;color:#111315;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #718297;outline-offset:5px}button{border:0}img{max-width:100%;display:block}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{position:sticky;top:16px;z-index:20;width:calc(100% - 64px);max-width:1440px;margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;border:1px solid #fff9;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(24px);box-shadow:0 6px 28px #00000005}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-1px}.brand img{width:38px;height:38px;border-radius:11px}.header nav{display:flex;gap:28px;font-size:13px;font-weight:520}.header nav a{color:#676c70;transition:color .2s}.header nav a:hover{color:#111}.header-actions{display:flex;gap:10px;align-items:center}.circle{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid #1113151c;font-size:22px;transition:transform .28s}.circle:hover{transform:rotate(8deg);background:#e9ebed}.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;background:#111315;color:#fff;border:1px solid #111315;padding:15px 23px;border-radius:999px;font-size:15px;font-weight:550;transition:transform .28s,box-shadow .28s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0002}.button.small{padding:10px 17px;font-size:12px;gap:16px}.button.secondary{background:transparent;color:inherit;border-color:#c8cbce}.text-link{display:inline-flex;align-items:center;gap:22px;border:0;background:none;padding:0;font-size:14px;font-weight:550}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-2px)}.mobile-menu{display:none}.hero{min-height:780px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding-top:38px;padding-bottom:64px;gap:10px}.hero-copy{position:relative;z-index:3}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,4.9vw,76px);line-height:1.18;letter-spacing:-4px;font-weight:610}h1 span{color:#898e93}.hero-copy>p{margin-top:28px;color:#72777c;font-size:18px;line-height:1.95}.actions{display:flex;gap:30px;align-items:center;margin-top:36px}.hero-caption{margin-top:50px;display:flex;align-items:center;gap:8px;font-size:11px;color:#898e93}.status-dot{width:5px;height:5px;background:#81888f;border-radius:50%}.hero-visual{position:relative;height:630px;margin-right:-24px}.orbit{position:absolute;width:540px;height:540px;background:radial-gradient(ellipse,#e0e4e8,transparent 70%);left:40px;top:80px}.device{background:#151719;padding:7px;border:1px solid #606468;border-radius:27px;overflow:hidden;box-shadow:0 35px 60px -24px #17222f55,0 2px 4px #0003}.device img{width:100%;border-radius:20px}.tablet{position:absolute;width:410px;right:0;top:45px;transform:rotate(3deg)}.phone{position:absolute;width:200px;left:18px;top:192px;transform:rotate(-5deg);border-radius:30px;padding:6px}.phone img{border-radius:24px}.visual-note{position:absolute;bottom:0;right:35px;display:flex;gap:22px;font-size:10px;color:#8b9096}.intro{display:grid;grid-template-columns:.4fr 1.2fr 1fr;gap:50px;padding:65px 0 90px;border-top:1px solid #dcdfe1}.intro>p{font-size:12px;color:#777d82;padding-top:9px}.intro h2{font-size:30px;line-height:1.55;letter-spacing:-1px;font-weight:550}.intro div>p{font-size:14px;color:#737a80;margin-bottom:22px}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:48px}.section-label{font-size:12px;font-weight:550;letter-spacing:1px;color:#8a9095;margin-bottom:20px}h2{font-size:clamp(32px,3.3vw,48px);font-weight:570;line-height:1.35;letter-spacing:-1.9px}.section-heading>p{font-size:14px;color:#787e84;padding-bottom:6px}.feature-tabs{display:flex;gap:4px;width:fit-content;padding:6px;border:1px solid #fff;background:#e8ebedb3;border-radius:999px;margin-bottom:30px;box-shadow:inset 0 1px 1px #fff}.feature-tabs button{border-radius:999px;font-size:13px;color:#737a80;background:transparent;padding:12px 27px;transition:background .32s,color .32s,box-shadow .32s}.feature-tabs button[aria-selected=true]{color:#111315;background:#ffffffc9;box-shadow:0 2px 8px #1018270b}.feature-panel{display:grid;grid-template-columns:.8fr 1.2fr;min-height:570px;background:#fff9;border:1px solid #fff;border-radius:32px;overflow:hidden}.feature-copy{padding:52px}.number{font-size:10px;letter-spacing:2px;color:#9ca1a6}.feature-copy h3{font-size:32px;line-height:1.5;letter-spacing:-1px;margin:34px 0 18px;font-weight:550}.feature-copy>p{color:#71787e;font-size:14px}.feature-copy ul{padding:0;list-style:none;margin:28px 0 36px;font-size:13px}.feature-copy li{margin:10px 0;padding-left:19px;position:relative}.feature-copy li:before{content:"";width:4px;height:4px;border-radius:50%;background:#879099;position:absolute;left:0;top:10px}.feature-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#e9ecef66;padding:42px;overflow:hidden}.stage-caption{font-size:11px;color:#959ba1;margin-top:24px}.feature-art{width:100%;max-width:400px}.feature-art img{max-height:400px;margin:auto;border-radius:20px;box-shadow:0 16px 30px #0001}.workflow{background:#171a1d;color:#f4f5f6}.workflow .section-heading>p,.workflow .section-label{color:#9fa6ad}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:60px 0 55px}.steps article{border-top:1px solid #ffffff2b;padding-top:25px}.steps span{color:#7b838b;font-size:12px}.steps h3{font-size:20px;font-weight:500;margin:30px 0 14px}.steps p{font-size:13px;color:#a3abb2;line-height:1.9}.device-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding:40px 30px 50px}.tablet.wide{position:static;transform:rotate(-3deg);width:100%;max-width:445px;margin:auto}.device-story h3{font-size:30px;letter-spacing:-1px;font-weight:550;margin-bottom:20px}.device-story p{font-size:15px;color:#707980}.device-story .muted{font-size:12px;margin-top:23px;color:#999fa5}.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9dde0;border:1px solid #d9dde0;border-radius:24px;overflow:hidden;margin-top:50px}.platforms button{display:flex;flex-direction:column;align-items:start;text-align:left;background:#f4f5f6;padding:30px;transition:background .2s}.platforms button:hover{background:#fff}.platform-symbol{font-size:21px;font-weight:650;margin-bottom:22px;color:#7c858d}.platforms strong{font-size:16px;font-weight:550}.platforms button>span:last-child{font-size:12px;color:#8b939a;display:flex;justify-content:space-between;width:100%;margin-top:12px}.platforms b{font-size:17px;font-weight:400}.membership{background:#e9ecef}.membership-inner{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.membership-inner>div>p:not(.section-label){color:#77818a;font-size:14px;margin:25px 0 30px;max-width:370px}.membership-list article{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #d1d7dc}.membership-list article>span{font-size:11px;color:#9da5ad;padding-top:4px}.membership-list h3{font-size:20px;font-weight:500}.membership-list p{font-size:13px;color:#7c858d;margin-top:9px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #c6cdd3;padding:12px 0;color:#7b858e}.search input{border:0;background:none;color:inherit;outline:0;min-width:230px;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}.guide-card{background:none;text-align:left;border-top:1px solid #d5dbe0;padding:26px 0 35px}.guide-card span{color:#9ba2a9;font-size:11px}.guide-card h3{font-size:20px;font-weight:500;margin:18px 0 9px}.guide-card p{font-size:13px;color:#7b838b;min-height:46px}.guide-card b{font-weight:400;display:block;margin-top:24px;font-size:23px;transition:transform .3s}.guide-card:hover b{transform:translateX(7px)}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:100px;border-top:1px solid #dce0e3}.faq-section>div>p:last-child{font-size:13px;color:#8a9299;margin-top:20px}.faqs details{border-bottom:1px solid #d7dce0;padding:22px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faqs summary:after{content:"+";font-size:22px;color:#929ba3}.faqs details[open] summary:after{content:"−"}.faqs p{font-size:13px;color:#79828b;margin:20px 30px 0 0}.update-band{background:#e8ebee;border:1px solid #fff;border-radius:28px;display:flex;justify-content:space-between;align-items:center;padding:36px 45px}.update-band .section-label{margin-bottom:10px}.update-band h3{font-size:22px;font-weight:500}.update-band p:last-child{font-size:13px;color:#818b93;margin-top:10px}.circle.large{width:56px;height:56px}.closing{text-align:center;padding:130px 0}.closing img{width:64px;height:64px;border-radius:18px;margin:0 auto 25px;box-shadow:0 10px 30px #0001}.closing h2{font-size:44px}.closing button{margin-top:32px}.closing p{font-size:12px;color:#9ca3aa;margin-top:20px}footer{background:#eceff1;padding:55px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-top>div{display:flex;align-items:start;flex-direction:column;gap:11px}.footer-top strong{font-size:12px;margin-bottom:10px;font-weight:550}.footer-top p,.footer-top a:not(.brand),.footer-top button{font-size:12px;color:#838c94}.footer-top button{background:none;padding:0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dce1e5;padding-top:25px;margin-top:55px;font-size:10px;color:#939ba3}dialog{border:1px solid #fff9;border-radius:30px;padding:26px 32px 35px;background:#f9fafbeF;backdrop-filter:blur(30px);color:inherit;width:min(660px,calc(100% - 28px));max-height:85vh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#1b253750;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.modal-head>span{font-size:12px;color:#8d969f}.modal-head .circle{font-size:25px}#modal-body h2{font-size:30px;margin-bottom:20px}#modal-body h3{font-size:17px;margin:26px 0 10px}#modal-body p,#modal-body li{font-size:14px;color:#6c7680}#modal-body p+p{margin-top:15px}#modal-body .button{margin-top:22px}.download-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.download-choices button{border:1px solid #dce1e5;border-radius:18px;background:#fff9;padding:25px;text-align:left;font-size:17px}.download-choices small{display:block;color:#929aa2;font-size:11px;margin-top:7px}.qr{width:200px;height:200px;margin:25px auto;border-radius:12px}.copy-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.copy-row code{font-size:13px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:#161b20e8;color:#fff;border:1px solid #fff3;padding:12px 24px;border-radius:30px;font-size:13px;z-index:60;pointer-events:none;transition:.28s}.toast.show{opacity:1;transform:translate(-50%,0)}.diagram{background:#ffffffb3;border:1px solid #fff;border-radius:25px;padding:30px;box-shadow:0 20px 40px #4755690b}.diagram-label{font-size:12px;color:#8d969f;margin-bottom:20px}.diagram h4{font-size:23px;line-height:1.5;margin:0 0 24px;font-weight:500}.diagram-row{border-top:1px solid #dce1e5;padding:17px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px}.diagram-row span{font-size:11px;color:#9aa4ad}.diagram-row:last-child{padding-bottom:0}.diagram-steps{display:flex;gap:8px}.diagram-steps i{height:5px;background:#c4ccd4;flex:1;border-radius:8px}.diagram-steps i:first-child{background:#4e5b66}.dark{background:#101214;color:#f3f5f6}.dark .header{background:#22262acc;border-color:#ffffff18}.dark .header nav a{color:#b4bdc5}.dark .button{background:#f3f5f6;color:#111315;border-color:#f3f5f6}.dark .circle{border-color:#ffffff25}.dark .feature-panel,.dark .diagram{background:#1b2025;border-color:#ffffff12}.dark .feature-tabs,.dark .feature-stage{background:#ffffff05;border-color:#ffffff15}.dark .feature-tabs button[aria-selected=true]{background:#ffffff18;color:#fff}.dark .diagram-row{border-color:#ffffff15}.dark .membership,.dark footer,.dark .update-band{background:#181c20}.dark .platforms button{background:#171b1f}.dark .platforms,.dark .update-band{border-color:#ffffff15}.dark dialog{background:#1b2025ee}.dark .download-choices button{background:#ffffff06;border-color:#ffffff15}.dark .secondary{background:transparent;color:#fff;border-color:#ffffff30}.dark .intro,.dark .faq-section,.dark .guide-card,.dark .faqs details,.dark .membership-list article,.dark .footer-bottom{border-color:#ffffff16}.dark #modal-body p,.dark #modal-body li{color:#a5afb8}.dark .orbit{opacity:.16}
@media(min-width:1600px){.hero{min-height:850px}.hero-visual{height:650px}.tablet{width:430px}.phone{width:210px}}
@media(max-width:1100px){.header nav{gap:16px}.wrap{width:calc(100% - 64px)}.hero{min-height:690px}.hero-visual{height:540px}.tablet{width:330px;top:50px}.phone{width:163px;left:0;top:185px}.hero-copy>p{font-size:16px}.actions{gap:20px}h1{letter-spacing:-2px}.intro{gap:25px;grid-template-columns:.3fr 1fr 1fr}.intro h2{font-size:25px}.feature-copy{padding:32px}.feature-stage{padding:25px}.membership-inner{gap:60px}.faq-section{gap:50px}.device-showcase{gap:50px}.header nav{font-size:12px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{width:calc(100% - 24px);padding:10px 14px;top:8px;margin-top:8px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#f5f6f8f5;padding:25px;border-radius:24px;box-shadow:0 15px 30px #0001}.header nav.open{display:flex;flex-direction:column;gap:20px}.dark .header nav{background:#242a30}.mobile-menu{display:grid}.header .brand{font-size:20px}.header .brand img{width:32px;height:32px}.header-actions{gap:7px}.header .circle{width:34px;height:34px}.header .button.small{padding:8px 13px}.hero{display:flex;flex-direction:column;padding-top:65px;min-height:auto;padding-bottom:45px;gap:30px}.hero-copy{width:100%;text-align:center}h1{font-size:49px;letter-spacing:-2px;line-height:1.25}.hero-copy>p{font-size:14px;margin-top:22px}.actions{justify-content:center;margin-top:26px;gap:23px}.button{padding:13px 20px;font-size:13px;gap:22px}.text-link{font-size:12px}.hero-caption{margin-top:25px;justify-content:center;font-size:10px}.hero-visual{width:100%;max-width:480px;height:470px;margin:0}.tablet{width:280px;right:10px;top:14px}.phone{width:143px;left:16px;top:135px}.orbit{width:100%;height:440px;left:0;top:0}.visual-note{right:20px;bottom:0;font-size:9px}.intro{grid-template-columns:1fr;gap:22px;padding:45px 0 50px}.intro>p{padding:0}.intro h2{font-size:29px}.intro div>p{font-size:13px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:28px}h2{font-size:33px;letter-spacing:-1.2px}.section-label{font-size:11px;margin-bottom:16px}.section-heading>p{font-size:12px;margin-top:20px}.feature-tabs{width:100%;padding:5px;gap:0}.feature-tabs button{padding:11px 0;flex:1;font-size:11px;white-space:nowrap}.feature-panel{grid-template-columns:1fr;border-radius:24px}.feature-copy{padding:30px}.feature-copy h3{font-size:28px;margin-top:20px}.feature-copy ul{margin:23px 0}.feature-stage{padding:30px;min-height:340px}.feature-art img{max-height:330px}.steps{grid-template-columns:1fr 1fr;gap:32px 23px;margin:35px 0}.steps h3{font-size:17px;margin-top:20px}.steps p{font-size:12px}.device-showcase{grid-template-columns:1fr;padding:20px 15px;gap:40px}.tablet.wide{max-width:320px}.device-story h3{font-size:26px}.device-story p{font-size:13px}.platforms{grid-template-columns:1fr 1fr;margin-top:35px}.platforms button{padding:23px}.platforms strong{font-size:14px}.platforms button>span:last-child{font-size:10px}.membership-inner{grid-template-columns:1fr;gap:25px}.membership-list h3{font-size:18px}.guide-grid{grid-template-columns:1fr 1fr;gap:0 22px}.search{margin-top:27px}.search input{width:100%}.guide-card h3{font-size:17px}.guide-card p{font-size:12px;min-height:62px}.faq-section{grid-template-columns:1fr;gap:40px}.faqs summary{font-size:14px}.update-band{padding:26px 23px;gap:20px}.update-band h3{font-size:19px}.update-band p:last-child{font-size:12px}.update-band .circle{flex-shrink:0;width:44px;height:44px}.closing{padding:90px 0}.closing h2{font-size:32px}.footer-top{grid-template-columns:repeat(3,1fr);gap:30px 15px}.footer-top>div:first-child{grid-column:1/-1;margin-bottom:12px}.footer-bottom{display:block;line-height:2}.footer-bottom p+p{margin-top:8px}dialog{padding:20px 23px 28px}#modal-body h2{font-size:26px}.download-choices button{padding:19px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}