@font-face{font-family:Phosphor;src:url(Phosphor.woff2) format('woff2');font-display:block}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#122241;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
.icon{font-family:Phosphor!important;font-style:normal;font-weight:normal;display:inline-block;line-height:1}
.home-wrap{max-width:1296px;margin:auto;padding:0 48px}
header{height:80px;border-bottom:1px solid #e6edf6;background:white}
header .home-wrap{display:flex;height:100%;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:43px;width:43px;object-fit:contain;border:1px solid #edf0f4;border-radius:11px}
.brand strong{display:block;font-size:20px;letter-spacing:1px}
.brand small{display:block;font-size:11px;color:#708098;margin-top:4px}
nav{display:flex;align-items:center;gap:36px;font-size:14px}
nav a{padding:28px 0}
nav .active{color:#2365ed;border-bottom:3px solid #2365ed;font-weight:650}
details.more{position:relative}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.more summary{display:flex;gap:8px;align-items:center}
.drop{position:absolute;z-index:4;top:30px;right:0;width:150px;padding:8px;background:#fff;box-shadow:0 8px 30px #18305020;border:1px solid #e7ecf5;border-radius:10px}
.drop a{display:block;padding:11px;border-radius:5px}
.drop a:hover{background:#f0f5ff}
.intro{padding:42px 0 29px;text-align:center;background:linear-gradient(180deg,#f6faff,#fff)}
.eyebrow{font-size:12px;color:#3272e9;letter-spacing:2px;font-weight:650;margin-bottom:12px}
h1{font-size:42px;line-height:1.3;letter-spacing:1px;margin:0 0 13px}
p{color:#77859b;line-height:1.7}
.intro p{margin:0;font-size:16px}
.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product{border:1px solid #dce5f1;border-radius:14px;padding:22px 23px 18px;background:#fff;box-shadow:0 5px 16px #23416b04}
.product-top{display:flex;align-items:center;gap:13px}
.platform{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:29px;background:#eff5ff;color:#1d6aee}
.android{background:#eff9ef;color:#459d3e}
.apple{background:#f0f2f7;color:#17243d}
.product h2{font-size:17px;margin:2px 0 4px;white-space:nowrap}
.product small{font-size:11px;color:#79889d;letter-spacing:.4px}
.download{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;height:43px;background:#2468ee;color:white;border:0;border-radius:7px;margin-top:17px;font-weight:550;font-size:14px}
.download .icon{font-size:19px}
.product .helper{font-size:12px;color:#8491a6;margin:11px 0 0;text-align:center}
.product .helper a{color:#5a6c85}
.showcase{padding-top:46px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}
.section-head h2{font-size:27px;letter-spacing:.3px;margin:0 0 8px}
.section-head p{font-size:14px;margin:0}
.source{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#637b99;background:#f1f6fc;border:1px solid #e0e9f4;border-radius:20px;padding:8px 12px;white-space:nowrap}
.source span{height:6px;width:6px;border-radius:50%;background:#4b89d8}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature{background:#f7f9fc;border:1px solid #e7edf6;border-radius:16px;padding:22px 21px 18px;text-align:center}
.feature-head{display:flex;gap:10px;align-items:center;margin-bottom:18px;text-align:left}
.step{color:#4980de;font-size:12px;background:#e8f0fe;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-weight:650}
.feature h3{font-size:17px;margin:0}
.feature-head p{font-size:11px;margin:3px 0 0;color:#8090a6}
.screen{padding:0;border:0;display:block;margin:0 auto;background:transparent;line-height:0;border-radius:18px;box-shadow:0 12px 32px #17305513;width:100%;max-width:310px;overflow:hidden;outline:1px solid #dce4f0;outline-offset:0}
.screen img{display:block;width:100%;height:auto;aspect-ratio:1242/2688;object-fit:contain;border-radius:18px}
.view{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#4772ac;margin-top:17px;cursor:pointer}
.view .icon{font-size:15px}
.gallery-controls{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:24px}
.gallery-controls button{border:1px solid transparent;color:#77869c;background:transparent;border-radius:6px;padding:8px 16px;font-size:13px}
.gallery-controls button[aria-pressed=true]{border-color:#d5e3fd;background:#f0f5ff;color:#2166e7;font-weight:550}
.support{display:grid;grid-template-columns:1.8fr 1fr;gap:45px;padding:27px 29px;background:#f5f8fc;border-radius:14px;border:1px solid #e9eef6;margin-top:32px;margin-bottom:35px}
.support h2{font-size:17px;margin:0 0 15px}
.faq details{border-top:1px solid #e1e8f1}
.faq details:last-child{border-bottom:1px solid #e1e8f1}
.faq summary{padding:12px 0;font-size:13px;display:flex;justify-content:space-between}
.faq summary:after{content:'+';font-size:16px;color:#8294ac}
.faq details[open] summary:after{content:'−'}
.faq p{font-size:12px;margin:0 0 12px}
.resources{border-left:1px solid #e0e8f3;padding-left:30px;display:flex;flex-direction:column;justify-content:center;gap:13px}
.resource{background:#fff;border:1px solid #e3eaf4;padding:17px 19px;border-radius:8px;display:flex;align-items:center;gap:13px;font-size:14px}
.resource>.icon{font-size:25px;color:#276dea}
.resource .arrow{margin-left:auto;font-size:19px}
footer{border-top:1px solid #e7edf5;padding:23px 0 25px}
.foot{display:flex;align-items:center;gap:24px;color:#8591a2;font-size:11px}
.foot img{width:28px;height:28px;border-radius:7px}
.foot .name{font-size:14px;color:#4b5c74;font-weight:600}
.foot .spacer{flex:1}
.note{font-size:10px;color:#9aa5b5;text-align:right;margin:12px 0 0}
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#16294b;color:white;border:0;border-radius:9px;padding:13px 22px;z-index:9;box-shadow:0 7px 25px #15274b30}
dialog{padding:0;border:0;border-radius:14px;background:#f7f9fc;max-width:90vw;max-height:94vh;box-shadow:0 20px 80px #0004}
dialog::backdrop{background:#0d183bc9}
dialog .dialog-head{position:sticky;top:0;background:white;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-bottom:1px solid #dfe6f2;gap:30px}
dialog .dialog-head button{border:0;background:#f1f4fa;padding:7px;border-radius:6px;color:#354762}
dialog img{display:block;width:auto;max-width:85vw;height:auto;max-height:82vh;margin:auto}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6aa0ff;outline-offset:4px}

@media(min-width:1400px){.home-wrap{max-width:1376px}
.screen{max-width:318px}
}

@media(max-width:900px){.home-wrap{padding:0 22px}
.product{padding:16px}
.product h2{font-size:14px}
.gallery{gap:14px}
.feature{padding:15px 12px}
.feature h3{font-size:15px}
.support{gap:20px}
.resources{padding-left:18px}
.foot{gap:15px}
nav{gap:20px}
}

@media(max-width:650px){header{height:70px}
.brand strong{font-size:17px}
.brand small{font-size:9px}
nav a,nav .more{display:none}
nav a.active{display:block;font-size:12px;padding:25px 0}
.intro{padding:30px 0 23px}
h1{font-size:28px}
.intro p{font-size:13px}
.downloads{grid-template-columns:1fr;gap:12px}
.product{padding:17px 19px}
.product h2{font-size:17px}
.product .helper{display:none}
.product-top{float:left;width:100%}
.download{margin-top:14px;clear:both}
.gallery{grid-template-columns:1fr}
.feature{padding:20px}
.feature h3{font-size:18px}
.screen{max-width:310px}
.section-head{display:block}
.section-head h2{font-size:22px}
.source{margin-top:14px}
.support{grid-template-columns:1fr;padding:22px}
.resources{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.resource{padding:14px 10px;font-size:12px;gap:6px}
.resource>.icon{font-size:21px}
.foot{flex-wrap:wrap;gap:13px}
.foot .spacer{display:none}
.note{text-align:left;line-height:1.6}
.gallery-controls button{padding:8px 10px}
.section-head p{font-size:12px}
.showcase{padding-top:34px}
}


/* Homepage motion layer. App screenshots remain unmodified original assets. */
body{position:relative;isolation:isolate;background:#fbfdff}
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#f3f8ff 0%,#fff 45%,#f6faff 100%)}
.aurora{position:absolute;border-radius:50%;will-change:transform;opacity:.62}
.a1{width:880px;height:670px;top:-380px;left:-250px;background:radial-gradient(ellipse,#8ebaff75 0%,#c2dcff39 38%,transparent 70%);animation:aurora-left 19s ease-in-out infinite alternate}
.a2{width:900px;height:790px;top:-290px;right:-380px;background:radial-gradient(ellipse,#73b7ff69 0%,#b6d4ff35 40%,transparent 70%);animation:aurora-right 23s ease-in-out infinite alternate}
.a3{width:850px;height:650px;top:330px;left:30%;background:radial-gradient(ellipse,#bfd5ff45 0%,transparent 66%);animation:aurora-low 27s ease-in-out infinite alternate}
.blueprint-grid{position:absolute;inset:-80px;background-image:linear-gradient(#5f93cd13 1px,transparent 1px),linear-gradient(90deg,#5f93cd13 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#0009,transparent 30%,transparent 72%,#0009);animation:grid-drift 32s linear infinite}
.motion-paths{position:absolute;top:50px;left:0;width:100%;height:100%;min-height:880px;opacity:.6}
.track{stroke:#95b8e93d}
.trace{stroke:#4e95fa;stroke-dasharray:50 850;stroke-dashoffset:900;animation:trace-flow 13s linear infinite;opacity:.66}
.t2{animation-delay:-5s;animation-duration:17s}
.t3{animation-delay:-8s;animation-duration:15s}
.technical-ring{stroke:#82ace728}
.nodes{opacity:.36;animation:node-breathe 7s ease-in-out infinite alternate}
.dust{position:absolute;pointer-events:none;width:4px;height:4px;background:#4584e6;border-radius:50%;box-shadow:0 0 12px #94bdff66;opacity:.25;animation:dust-rise 17s ease-in-out infinite alternate}
.d1{left:5%;top:22%;animation-delay:-7s}
.d2{right:5%;top:30%;animation-delay:-12s;width:5px;height:5px}
.d3{left:15%;top:56%;animation-duration:22s}
.d4{right:14%;top:69%;animation-delay:-8s}
.d5{left:42%;top:10%;width:3px;height:3px;animation-delay:-5s}
.d6{right:39%;top:77%;width:3px;height:3px;animation-duration:25s}
.intro{background:linear-gradient(180deg,#ffffff08,#fff0);position:relative;overflow:hidden}
.intro>.home-wrap{position:relative;z-index:1}
.hero-sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#b7d7ff24 49%,transparent 65%);transform:translateX(-100%);animation:hero-sweep 16s ease-in-out infinite}
.intro h1{color:#102543}
.product{background:#ffffffed;border-color:#dce6f2;box-shadow:0 8px 28px #49678e06;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product:hover{transform:translateY(-5px);box-shadow:0 15px 32px #2d5a9b14;border-color:#9abdf7}
.download{transition:background .2s ease,box-shadow .2s ease}
.download:hover{background:#1658db;box-shadow:0 6px 15px #2468ee26}
.feature{background:#f7fafff2;box-shadow:0 4px 20px #2d5c9b04}
.support{background:#f4f8fcf2}
header{position:relative;z-index:3;background:#fffffff2}
footer{background:#ffffffad}
.motion-toggle{font-size:11px;border:1px solid #dce7f8;border-radius:20px;background:#f7faff;padding:7px 10px;display:flex;align-items:center;gap:6px;color:#5e789d;white-space:nowrap}
.motion-indicator{width:5px;height:5px;box-shadow:0 0 0 3px #e6f0ff;border-radius:50%;background:#2e7ce8;animation:node-breathe 3s ease-in-out infinite alternate}
nav{gap:27px}
body.motion-off .ambient *,body.motion-off .hero-sheen,body.motion-off .motion-indicator{animation-play-state:paused!important}
body.motion-off .motion-indicator{background:#94a3b8;box-shadow:none}
body.page-hidden .ambient *,body.page-hidden .hero-sheen,body.page-hidden .motion-indicator{animation-play-state:paused!important}
.motion-off .product:hover{transform:none}

@keyframes aurora-left{0%{transform:translate3d(0,0,0) scale(1)}
100%{transform:translate3d(230px,160px,0) scale(1.15)}
}

@keyframes aurora-right{0%{transform:translate3d(0,0,0) scale(1.12)}
100%{transform:translate3d(-230px,150px,0) scale(.92)}
}

@keyframes aurora-low{0%{transform:translate3d(100px,-70px,0)}
100%{transform:translate3d(-170px,50px,0)}
}

@keyframes grid-drift{from{transform:translate3d(0,0,0)}
to{transform:translate3d(52px,52px,0)}
}

@keyframes trace-flow{from{stroke-dashoffset:900}
to{stroke-dashoffset:0}
}

@keyframes node-breathe{from{opacity:.25}
to{opacity:.7}
}

@keyframes dust-rise{0%{transform:translate3d(0,20px,0);opacity:.12}
100%{transform:translate3d(22px,-90px,0);opacity:.38}
}

@keyframes hero-sweep{0%,15%{transform:translateX(-100%);opacity:0}
30%{opacity:.7}
65%{transform:translateX(100%);opacity:0}
100%{transform:translateX(100%);opacity:0}
}

@media(max-width:900px){nav{gap:17px}
.motion-toggle{font-size:10px;padding:7px}
.motion-paths{opacity:.4}
}

@media(max-width:650px){nav{gap:8px}
.motion-toggle{display:flex;font-size:10px;padding:6px 8px}
.motion-paths{display:none}
.a1{width:550px;left:-360px;opacity:.5}
.a2{width:550px;right:-370px;opacity:.5}
.a3{display:none}
.blueprint-grid{opacity:.55}
.dust:nth-last-child(-n+3){display:none}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.ambient *, .hero-sheen,.motion-indicator{animation:none!important}
.product,.download{transition:none}
.product:hover{transform:none}
}


[hidden]{display:none!important}

.skip-link{position:absolute;left:12px;top:-80px;z-index:20;padding:12px;background:white;color:#2166e7}

.skip-link:focus{top:12px}

.platform{flex-shrink:0}

.view{border:0;background:transparent;width:100%;padding:4px 0;min-height:32px}

.faq a{color:#2468ee;text-decoration:underline;text-underline-offset:3px}

.faq h3{font-size:13px;margin:8px 0 4px}

.faq .contact{overflow-wrap:anywhere}

.legal{color:#8190a5;font-size:11px;margin:15px 0 0;line-height:1.8;text-align:center}

.footer-admin-link{font-size:10px;color:#8c97a9}

.home-wrap{width:100%}

.download{min-height:44px}

.screen{cursor:zoom-in}

.gallery-controls button{min-height:44px}

.motion-toggle{min-height:36px}

.no-script-links{font-size:13px;text-align:center;line-height:2}

.no-script-links a{color:#2166e7;margin:0 8px}

.drop .mobile-entry{display:none}

.resource .resource-label{flex:1}

.faq details,.downloads,.showcase{scroll-margin-top:20px}

@media(min-width:651px) and (max-width:1050px){
 .home-wrap{padding:0 26px}
.product{padding:17px 15px}
.product-top{gap:9px}

 .product h2{white-space:normal;font-size:15px;line-height:1.45}
.platform{width:40px;height:40px}
.product-top{min-height:66px}

 .product .helper{font-size:11px}
nav{gap:16px}
.brand small{font-size:10px}

}

@media(max-width:720px){
 body{line-height:normal}
.home-wrap{padding:0 20px}
.product h2{white-space:normal}

}

@media(max-width:650px){
 header .home-wrap{padding:0 16px;gap:10px}
.brand{gap:8px}
.brand img{width:36px;height:36px}

 nav>a.active{display:none}
nav .more{display:block}
nav .drop a{display:block;padding:12px}
.drop .mobile-entry{display:block}

 .more summary{min-height:44px;min-width:44px;justify-content:center;font-size:12px}

 .drop{top:48px;width:180px;max-height:70vh;overflow-y:auto}

 .motion-toggle{min-width:38px;min-height:38px;justify-content:center;padding:9px}

 .motion-label{display:none}
.brand small{font-size:9px}

 .product .helper{display:block}
.intro h1{font-size:clamp(24px,6.5vw,28px)}

 .resources{grid-template-columns:1fr 1fr}
.resource{min-width:0}
.resource .arrow{display:none}

 .section-head h2{font-size:21px}
.gallery-controls{gap:0}
.gallery-controls button{font-size:12px}

 .legal{text-align:left}
.foot{gap:14px}
.feature{padding:20px 17px}

 .support{padding:22px 18px}
.faq summary{min-height:44px;font-size:14px}
.faq p{font-size:13px}

}