:root{--ink:#152733;--muted:#637582;--blue:#087ba9;--line:#dde5e9;--shell:1280px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1386b6;outline-offset:5px}img{display:block;max-width:100%}.shell{width:min(var(--shell),calc(100% - 80px));margin:auto}
.review-strip{background:#eaf1f6;color:#4c6374;padding:9px 20px;font-size:12px;text-align:center;line-height:1.6}.review-strip b{font-weight:650;margin-right:8px}.review-strip a{text-decoration:underline;text-underline-offset:3px;margin-left:12px}.site-header{height:88px;background:white;border-bottom:1px solid #e7edf0}.header-inner{height:100%;display:flex;align-items:center;gap:48px}.brand img{width:154px;height:49px;object-fit:contain}.main-nav{display:flex;gap:29px;align-items:center;margin-left:auto;font-size:14px;white-space:nowrap;color:#4d626f}.main-nav .active{color:#087ba9;font-weight:650;position:relative}.main-nav .active:after{content:"";height:2px;background:#087ba9;position:absolute;left:0;right:0;bottom:-33px}.language{margin-left:12px;font-size:13px;border-left:1px solid var(--line);padding-left:24px}.mobile-mark{display:none;color:#657580;font-size:13px}
.hero{position:relative;overflow:hidden}.hero-main{background:radial-gradient(ellipse at 76% 50%,#e4effa 0,transparent 48%),linear-gradient(120deg,#f8fbfd 20%,#f2f6fc 70%,#f8f0f6)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;min-height:750px}.hero-copy{padding:54px 0 62px;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.15em;color:#6e8492;margin:0 0 25px}.app-signature{display:flex;align-items:center;gap:17px;margin-bottom:26px}.app-icon{width:74px;height:74px;border-radius:18px;box-shadow:0 5px 20px #233d5712}.app-name{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.03em}.app-tag{display:block;font-size:12px;font-weight:500;color:#627888;margin-top:6px;letter-spacing:.02em}h1{font-size:clamp(40px,4.4vw,64px);font-weight:650;letter-spacing:-.055em;line-height:1.2;margin:0 0 24px}h1 .soft{color:#55768d}.hero-lede{font-size:16px;line-height:1.9;color:#637783;max-width:490px;margin:0 0 28px}.download-actions{display:flex;gap:12px;flex-wrap:wrap}.download-button{display:flex;align-items:center;gap:12px;padding:12px 21px;min-height:64px;border:1px solid #20313e;background:#20313e;border-radius:12px;color:white;text-align:left;transition:transform .18s,box-shadow .18s}.download-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #112b4320}.download-button.secondary{background:#fff;color:#213e50;border-color:#c9d7e1}.download-button img{width:25px;height:29px;object-fit:contain;filter:invert(1)}.download-button.secondary img{filter:none}.download-button small{display:block;font-size:10px;letter-spacing:.06em;line-height:1.3;opacity:.75;margin-bottom:4px}.download-button strong{font-size:17px;line-height:1.2;font-weight:600}.download-tip{font-size:12px;line-height:1.8;color:#7c8b96;margin-top:16px;max-width:450px}.store-name{font-size:11px;color:#8896a0;margin-top:6px}.subtle-rule{width:55px;height:1px;background:#a8bdca;margin:30px 0 17px}.version-note{font-size:12px;line-height:1.8;color:#758996;margin:0;max-width:455px}
.main-stage{position:relative;height:650px;min-width:0}.halo{position:absolute;width:510px;height:510px;border-radius:50%;left:20px;top:66px;background:radial-gradient(circle at 25% 20%,#effbff,#dceafa 47%,#e8def1 82%);box-shadow:inset 0 0 0 1px #ffffff99}.orbit{position:absolute;inset:45px;border:1px solid #ffffffaa;border-radius:50%}.orbit:after{content:"";position:absolute;inset:45px;border:1px solid #ffffff55;border-radius:50%}.phone{position:absolute;background:#fff;border:9px solid #fdfdfd;border-radius:33px;overflow:hidden;box-shadow:0 30px 60px #25486525,0 3px 8px #26415715}.phone img{width:100%;height:auto}.phone-front{width:267px;left:56px;top:68px;transform:rotate(-6deg);z-index:2}.phone-back{width:225px;left:284px;top:126px;transform:rotate(9deg);z-index:1}.stage-caption{position:absolute;bottom:20px;left:60px;right:10px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.05em;color:#8797a5}.stage-caption:before{content:"";width:30px;height:1px;background:#96aab9}.mini-app{position:absolute;right:4px;top:84px;width:68px;height:68px;border:8px solid #ffffffaa;border-radius:20px;transform:rotate(12deg);box-shadow:0 12px 28px #4e749b1a;z-index:3}
.section{padding:96px 0}.section-kicker{font-size:12px;color:#718591;font-weight:600;letter-spacing:.15em;margin:0 0 18px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px}.section-head h2,.installation h2{font-size:34px;line-height:1.4;letter-spacing:-.035em;font-weight:600;margin:0}.section-head>p{max-width:410px;color:#788994;font-size:14px;line-height:1.9;margin:0}.interface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.interface-card{background:#f3f7fa;border:1px solid #e5edf2;border-radius:18px;overflow:hidden}.interface-card:nth-child(2){background:#f3f0eb;border-color:#eee8df}.interface-card:nth-child(3){background:#f0f3f5;border-color:#e5e9ec}.interface-label{padding:25px 27px 20px;display:flex;align-items:baseline;gap:14px}.interface-label span{font-size:11px;color:#91a1ac;font-weight:600}.interface-label h3{font-size:17px;font-weight:600;margin:0}.screen-window{height:340px;overflow:hidden;padding:4px 48px 0}.screen-window img{border-radius:18px 18px 0 0;box-shadow:0 8px 28px #304b5b16;width:100%;height:auto}.asset-caption{font-size:11px;color:#8a99a3;line-height:1.8;margin:17px 0 0}
.installation{background:#f7f9fa;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3}.installation-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:110px}.installation-copy>p{font-size:14px;line-height:1.9;color:#748591;max-width:330px;margin:18px 0 0}.steps{display:grid;gap:0}.step{display:flex;gap:22px;border-bottom:1px solid #e0e8ed;padding:23px 0}.step:first-child{padding-top:0}.step:last-child{border-bottom:0;padding-bottom:0}.step-number{font-size:12px;color:#8499a6;font-weight:600;width:25px;padding-top:3px;flex-shrink:0}.step h3{font-size:17px;font-weight:600;margin:0 0 7px}.step p{font-size:13px;line-height:1.9;color:#738692;margin:0;max-width:470px}
.faq-section{padding:78px 0 72px}.faq-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:110px}.faq-heading{font-size:27px;font-weight:600;margin:0;letter-spacing:-.03em}.faq-list details{border-bottom:1px solid #e2e9ed;padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;font-size:15px;font-weight:550}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#8c9ca6;font-size:21px;font-weight:300}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:13px;color:#738692;line-height:1.95;margin:14px 0 0;max-width:560px}.alternate-app{padding:0 0 48px;color:#8a99a3;font-size:12px}.alternate-app .shell{border-top:1px solid #e9eef1;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.alternate-app a{color:#657e8e;text-decoration:underline;text-underline-offset:4px}.footer{background:#172933;color:#a6b7c2;padding:33px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}.footer strong{font-size:18px;letter-spacing:.16em;color:#edf4f7;font-weight:650}.footer span{line-height:1.8}
.hero-pro{background:#161b1e;color:#f3f5f5}.pro-grid{grid-template-columns:1.1fr .9fr;gap:60px;min-height:760px}.pro-copy .eyebrow{color:#8c9b9f}.pro-copy .app-icon{background:white;width:82px;height:82px;padding:3px;box-shadow:none}.pro-copy .app-name{font-size:17px;letter-spacing:.02em;color:#c7d0d2;font-weight:500}.pro-copy .app-tag{color:#829294;font-size:11px}.pro-copy h1{font-size:clamp(58px,6.8vw,94px);line-height:.99;letter-spacing:-.065em;margin:30px 0}.pro-copy h1 em{font-weight:500;font-style:normal;color:#a8b8ba}.pro-copy .hero-lede{color:#a0afb2;max-width:440px;font-size:15px}.pro-copy .download-button{background:#f3f5f5;color:#152023;border-color:#f3f5f5}.pro-copy .download-button img{filter:none}.pro-copy .download-button.secondary{background:transparent;border-color:#556166;color:#e2e8e8}.pro-copy .download-button.secondary img{filter:invert(1)}.pro-copy .download-tip{color:#829297}.pro-copy .subtle-rule{background:#48565c}.pro-copy .version-note{color:#778b93}.pro-stage{position:relative;height:660px;min-width:0}.pro-watermark{position:absolute;left:-24px;top:102px;font-size:220px;line-height:1;font-weight:750;letter-spacing:-.1em;color:#ffffff05;writing-mode:vertical-rl}.pro-orbit{position:absolute;width:450px;height:450px;border:1px solid #ffffff10;border-radius:50%;top:100px;left:-8px}.pro-orbit:before{content:"";position:absolute;inset:55px;border:1px solid #ffffff09;border-radius:50%}.pro-phone{width:251px;left:112px;top:35px;border-color:#30383c;background:#30383c;transform:rotate(5deg);box-shadow:0 35px 65px #0006,0 0 0 1px #ffffff12;z-index:2;border-width:9px}.pro-stage .stage-caption{color:#7d9097;left:70px;bottom:22px}.pro-stage .stage-caption:before{background:#586c74}.pro-category{position:absolute;right:-5px;top:115px;writing-mode:vertical-rl;letter-spacing:.2em;font-size:10px;color:#71848b}.pro-recognition{background:#fff;padding:72px 0}.recognition-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:110px;align-items:center}.recognition-grid h2{font-size:31px;line-height:1.45;letter-spacing:-.035em;margin:0 0 18px;font-weight:600}.recognition-grid p{font-size:14px;line-height:1.9;color:#748591;max-width:380px;margin:0}.identity-panel{border:1px solid #e3e8eb;border-radius:18px;background:#f7f8f8;display:flex;align-items:center;gap:30px;padding:36px}.identity-panel img{width:110px;height:110px;border-radius:23px;border:1px solid #e2e7e8}.identity-panel strong{font-size:25px;font-weight:650;letter-spacing:-.035em}.identity-panel small{display:block;font-size:12px;color:#819099;margin-top:12px;line-height:1.9}.pro-page .installation{background:#f2f4f4}.pro-page .alternate-app a{font-weight:600}.pro-page .footer{background:#161b1e}
dialog{border:0;padding:0;border-radius:22px;background:white;color:#172d3a;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #0b1a3940}dialog::backdrop{background:#0d1d2e91;backdrop-filter:blur(7px)}.modal-inner{padding:36px 40px 28px;text-align:center;position:relative}.close-modal{position:absolute;right:16px;top:13px;border:0;background:none;color:#7a8c98;width:38px;height:38px;font-size:25px;font-weight:300;line-height:1}.modal-eyebrow{font-size:10px;letter-spacing:.17em;color:#8c9aa3;margin:0 0 20px}.modal-app-icon{width:68px;height:68px;border-radius:17px;margin:0 auto 12px}.modal-name{font-size:26px;letter-spacing:-.035em;font-weight:650;margin:0 0 7px}.modal-platform{font-size:14px;color:#6f8594;margin:0 0 20px}.qr-frame{border:1px solid #dbe4ea;border-radius:14px;padding:10px;width:226px;height:226px;margin:0 auto 20px;background:white}.qr-frame img{width:100%;height:100%}.modal-instruction{font-size:14px;font-weight:500;margin:0 0 8px}.modal-hint{font-size:12px;color:#7f929f;margin:0 auto;max-width:340px;line-height:1.9}.modal-preview-note{border-top:1px solid #e6edf1;font-size:10px;color:#9ba9b2;margin-top:22px;padding-top:15px;line-height:1.8}.store-link{font-size:12px;color:#7f929f;text-decoration:underline;text-underline-offset:4px;margin-top:13px;display:inline-block}.modal-pro .modal-name{color:#121c22}.modal-pro .qr-frame{border-color:#bbc9ce}.modal-pro .modal-app-icon{border:1px solid #e2e8eb}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 18px;background:#173342;color:#fff;font-size:12px;border-radius:8px;box-shadow:0 4px 20px #11273820;z-index:9;max-width:calc(100% - 36px);line-height:1.8}.toast[hidden]{display:none}
@media(min-width:1600px){.hero-grid{min-height:790px}.main-stage{height:680px}.phone-front{width:281px}.phone-back{width:238px;left:300px}.pro-grid{min-height:790px}}
@media(max-width:1150px){.shell{width:calc(100% - 56px)}.main-nav{gap:19px;font-size:12px}.header-inner{gap:20px}.brand img{width:132px}.language{padding-left:15px}.hero-grid{gap:20px;min-height:690px}.main-stage{height:590px}.halo{width:420px;height:420px;left:0;top:83px}.phone-front{width:227px;left:13px;top:82px}.phone-back{width:193px;left:205px;top:144px}.mini-app{right:0;top:76px;width:58px;height:58px}.stage-caption{left:5px;bottom:24px}.hero-copy{padding:48px 0}.hero-lede{font-size:14px}.download-button{padding:12px 16px;gap:10px}.download-button strong{font-size:15px}.download-button img{width:22px}.pro-grid{grid-template-columns:1.1fr .9fr;gap:20px;min-height:710px}.pro-stage{height:610px}.pro-phone{left:50px;top:42px;width:234px}.pro-orbit{width:370px;height:370px;left:0;top:120px}.pro-watermark{left:-10px;font-size:170px}.pro-category{right:-4px}.pro-stage .stage-caption{left:18px;bottom:15px}.installation-layout,.faq-grid,.recognition-grid{gap:65px}.screen-window{height:300px;padding-inline:32px}}
@media(max-width:820px){.main-nav{gap:18px}.main-nav .secondary-nav{display:none}.header-inner{gap:24px}.language{margin-left:auto}.site-header{height:76px}.main-nav .active:after{bottom:-27px}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:52px 0 20px;max-width:580px}.hero-copy h1{font-size:54px}.hero-lede{max-width:510px;font-size:15px}.main-stage{height:580px;width:530px;max-width:100%;margin:0 auto}.halo{width:450px;height:450px;top:40px;left:20px}.phone-front{width:240px;left:66px;top:42px}.phone-back{width:200px;left:276px;top:108px}.mini-app{right:15px;top:28px}.stage-caption{bottom:15px;left:53px}.subtle-rule,.version-note{display:none}.section{padding:65px 0}.section-head{gap:30px;margin-bottom:30px;align-items:flex-start}.section-head h2{font-size:29px}.section-head>p{max-width:310px;font-size:13px}.interface-grid{gap:14px}.interface-label{padding:20px 19px 16px;gap:10px}.interface-label h3{font-size:15px}.screen-window{padding-inline:22px;height:255px}.installation-layout,.faq-grid{grid-template-columns:1fr;gap:35px}.installation-copy>p{max-width:520px}.installation h2{font-size:29px}.faq-grid{gap:30px}.pro-copy h1{font-size:76px}.pro-grid{min-height:0}.pro-copy{padding-bottom:25px}.pro-stage{height:595px;width:500px;max-width:100%;margin:0 auto}.pro-phone{width:240px;top:18px;left:145px}.pro-orbit{width:420px;height:420px;left:38px;top:80px}.pro-watermark{left:62px;top:85px;font-size:170px}.pro-category{right:15px;top:85px}.pro-stage .stage-caption{left:102px;bottom:20px}.recognition-grid{grid-template-columns:1fr;gap:28px}.recognition-grid p{max-width:600px}.pro-recognition{padding:60px 0}.identity-panel{padding:28px}.recognition-grid h2{font-size:29px}}
@media(max-width:560px){.shell{width:calc(100% - 40px)}.review-strip{font-size:10px;line-height:1.8;padding:6px 10px}.review-strip a{margin-left:8px}.review-strip .review-extra{display:none}.site-header{height:66px}.brand img{width:115px;height:41px}.header-inner{gap:14px}.main-nav{gap:0;font-size:12px}.main-nav .secondary-nav,.main-nav .basic-nav{display:none}.main-nav .active:after{bottom:-24px}.language{font-size:11px;padding-left:14px;margin-left:0}.hero-copy{padding:37px 0 10px}.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:22px}.app-signature{gap:13px;margin-bottom:25px}.app-icon{width:57px;height:57px;border-radius:14px}.app-name{font-size:23px}.app-tag{font-size:10px;margin-top:4px}.hero-copy h1{font-size:40px;line-height:1.23;letter-spacing:-.045em;margin-bottom:18px}.hero-lede{font-size:13px;line-height:1.95;margin-bottom:23px}.download-actions{gap:9px;flex-wrap:nowrap}.download-button{padding:11px 13px;min-height:59px;border-radius:10px;gap:10px;flex:1;justify-content:flex-start}.download-button img{width:22px;height:25px;flex-shrink:0}.download-button small{font-size:8px;letter-spacing:.03em;margin-bottom:4px}.download-button strong{font-size:14px;white-space:nowrap}.download-tip{font-size:10px;line-height:1.8;margin-top:13px}.store-name{font-size:9px}.main-stage{height:430px;margin-top:5px;width:350px;overflow:visible}.halo{width:320px;height:320px;top:34px;left:7px}.phone-front{width:174px;left:27px;top:34px;border-width:6px;border-radius:23px}.phone-back{width:146px;left:177px;top:80px;border-width:6px;border-radius:22px}.mini-app{width:44px;height:44px;border-width:5px;border-radius:12px;top:24px;right:12px}.stage-caption{left:16px;bottom:13px;font-size:8px;gap:7px}.stage-caption:before{width:20px}.section{padding:49px 0}.section-kicker{font-size:10px;letter-spacing:.1em;margin-bottom:13px}.section-head{display:block;margin-bottom:25px}.section-head h2,.installation h2{font-size:25px;line-height:1.5}.section-head>p{font-size:12px;line-height:1.9;margin-top:15px}.interface-grid{grid-template-columns:1fr;gap:16px}.interface-card{display:grid;grid-template-columns:.75fr 1fr;min-height:245px;align-items:stretch}.interface-label{padding:25px 20px;display:block}.interface-label span{font-size:10px}.interface-label h3{font-size:18px;line-height:1.6;margin-top:15px}.screen-window{height:245px;padding:26px 24px 0 0}.screen-window img{border-radius:14px 14px 0 0}.asset-caption{font-size:10px;margin-top:14px}.installation-layout,.faq-grid{gap:27px}.installation-copy>p{font-size:12px;line-height:1.9}.step{gap:15px;padding:20px 0}.step h3{font-size:15px}.step p{font-size:12px;line-height:1.9}.step-number{font-size:10px;width:19px}.faq-section{padding:46px 0}.faq-heading{font-size:23px}.faq-list summary{font-size:13px;line-height:1.8;gap:18px}.faq-list p{font-size:12px}.alternate-app{padding-bottom:32px;font-size:10px}.alternate-app .shell{display:block;padding-top:22px;line-height:2.1}.alternate-app a{display:inline-block;margin-top:8px}.footer{padding:25px 0}.footer-inner{display:block;font-size:10px}.footer strong{display:block;font-size:16px;margin-bottom:10px}.footer span{display:block}.pro-copy .app-icon{width:61px;height:61px}.pro-copy .app-name{font-size:16px}.pro-copy .app-tag{font-size:10px}.pro-copy h1{font-size:62px;line-height:1;margin:24px 0}.pro-copy .hero-lede{font-size:13px}.pro-stage{height:490px;width:350px;margin-top:5px}.pro-phone{width:198px;left:87px;top:12px;border-width:7px;border-radius:26px}.pro-orbit{width:320px;height:320px;left:10px;top:70px}.pro-watermark{font-size:142px;left:16px;top:72px}.pro-category{font-size:8px;right:0;top:55px}.pro-stage .stage-caption{left:48px;bottom:14px;font-size:8px}.pro-recognition{padding:48px 0}.recognition-grid h2{font-size:25px}.recognition-grid p{font-size:12px}.identity-panel{padding:24px;gap:21px;border-radius:14px}.identity-panel img{width:76px;height:76px;border-radius:17px}.identity-panel strong{font-size:20px}.identity-panel small{font-size:10px;margin-top:9px}.modal-inner{padding:30px 24px 23px}.modal-name{font-size:24px}.modal-app-icon{width:60px;height:60px;border-radius:15px}.modal-eyebrow{font-size:9px;margin-bottom:16px}.qr-frame{width:210px;height:210px}.modal-platform{font-size:12px;margin-bottom:18px}.modal-instruction{font-size:13px}.modal-hint{font-size:11px}.modal-preview-note{font-size:9px}.close-modal{top:9px;right:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep long App names and both store choices inside narrow phone layouts. */
.hero-copy{min-width:0}
.shell details a{overflow-wrap:anywhere}
@media(max-width:820px){.hero-grid,.pro-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.pro-copy h1{font-size:clamp(43px,14vw,62px)}.download-button{min-width:0;padding-left:10px;padding-right:10px;gap:8px}.download-button strong{font-size:13px}.download-button img{width:20px}.main-stage,.pro-stage{max-width:100%}}