@charset "UTF-8";
:root{--ink:#12322e;--muted:#687c76;--green:#067f69;--mint:#dcf5e9;--paper:#f8faf7;--line:#dfe8e1;--lime:#d4ee8c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.8 "Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}svg{display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #77bd43;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.header{position:sticky;top:0;z-index:20;background:#f8faf7ed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{height:86px;display:flex;align-items:center;gap:40px}.logo{display:flex;align-items:center;gap:9px;font-size:28px;letter-spacing:-1.3px;font-weight:800}.logo-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--green);color:white;border-radius:11px;font-size:27px;line-height:1;font-style:italic}.logo small{font-size:10px;letter-spacing:1px;margin-left:2px;align-self:flex-end;margin-bottom:9px}.navlinks{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px}.navlinks a{position:relative;padding:28px 0}.navlinks a:hover,.navlinks a.active{color:var(--green)}.navlinks a.active:after{position:absolute;bottom:17px;left:0;content:"";height:3px;width:18px;background:var(--green);border-radius:2px}.nav-download{border:1px solid #a1b9ad;border-radius:7px;padding:9px 20px;background:transparent;color:var(--ink);cursor:default}.menu{display:none;border:0;background:none;font-size:25px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--green);text-transform:uppercase}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:var(--green)}.hero{padding:75px 0 55px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:520px}.hero h1{font-size:clamp(40px,4.6vw,64px);line-height:1.28;letter-spacing:-2.2px;margin:25px 0 22px;font-weight:800}.hero h1 em{color:var(--green);font-style:normal;position:relative}.hero p{font-size:16px;color:var(--muted);max-width:440px;line-height:1.95}.actions{display:flex;gap:22px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 25px;border-radius:7px;background:var(--green);border:1px solid var(--green);color:#fff;font-size:14px;font-weight:600;min-height:53px}.button.static{cursor:default}.button.light{background:white;color:var(--ink);border-color:var(--line)}.text-link{font-size:14px;border-bottom:1px solid #9eb0a3;padding-bottom:3px}.platforms{display:flex;align-items:center;gap:18px;color:#7b8c83;margin-top:29px;font-size:12px}.platforms span{display:flex;align-items:center;gap:6px}.platform-icon{width:17px;height:17px;display:inline-block;vertical-align:middle}.hero-art{height:520px;position:relative;isolation:isolate}.orbit{position:absolute;inset:20px -35px 0;border-radius:50%;background:radial-gradient(ellipse at center,#d1ecdaaa,transparent 68%);z-index:-1}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #c9ded0;border-radius:50%;inset:35px 5px;transform:rotate(-25deg)}.orbit:after{inset:88px -30px;transform:rotate(35deg)}.globe{position:absolute;inset:55px -20px 30px;width:100%;height:83%;opacity:.75}.phone{width:232px;height:450px;position:absolute;top:25px;left:50%;transform:translateX(-50%) rotate(7deg);border:7px solid #153e36;border-radius:39px;background:#f9fcf8;box-shadow:18px 28px 55px #143d3626,inset 0 0 0 2px #d4e0d8;padding:14px 17px;color:var(--ink)}.phone-top{font-size:9px;display:flex;justify-content:space-between;font-weight:bold}.notch{width:66px;height:16px;border-radius:0 0 12px 12px;background:#153e36;position:absolute;top:0;left:76px}.app-brand{text-align:center;font-size:19px;font-weight:800;margin-top:24px;letter-spacing:-.7px}.app-brand b{color:var(--green)}.app-status{font-size:10px;text-align:center;color:var(--green);margin-top:5px}.power-ring{height:130px;width:130px;margin:25px auto 15px;border:1px solid #b7ddca;border-radius:50%;padding:11px;background:#e7f5e9;box-shadow:0 0 0 8px #f0f8ef}.power{display:grid;place-items:center;width:106px;height:106px;border-radius:50%;background:var(--green);color:white;box-shadow:0 9px 22px #0d81643b}.power svg{width:40px;height:40px}.connected{text-align:center;font-size:12px;font-weight:700}.app-sub{font-size:8px;text-align:center;color:#83978c;margin-top:1px}.app-server{margin-top:22px;border:1px solid #dfe8df;border-radius:9px;padding:10px 8px;display:flex;align-items:center;gap:7px;font-size:10px;background:white}.app-server small{font-size:8px;color:#7a8e81}.app-server i{margin-left:auto;color:var(--green)}.app-stats{display:flex;justify-content:space-around;font-size:10px;margin-top:17px}.app-stats small{display:block;font-size:8px;color:#86958b}.home-line{position:absolute;bottom:9px;width:67px;height:3px;background:#173b32;border-radius:3px;left:75px}.float-card{position:absolute;z-index:2;border:1px solid white;box-shadow:0 12px 32px #173c3410;border-radius:12px;background:#fffffff2;padding:13px 17px;font-size:12px;display:flex;gap:12px;align-items:center}.float-card small{display:block;color:var(--muted);font-size:10px}.float-card strong{font-size:14px}.float-card .badge-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e6f5e9;color:var(--green);font-size:19px}.float-a{left:0;top:112px}.float-b{right:-10px;bottom:93px}.art-note{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:#839b8b;white-space:nowrap}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 0;margin-top:20px;font-size:12px;color:#587267}.hero-bottom span{display:flex;gap:9px;align-items:center}.check{color:var(--green)}.section{padding:88px 0}.white{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section h2{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:12px 0 0}.section-head p{margin:0;color:var(--muted);max-width:350px;font-size:14px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature{padding:28px 24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.feature .iconbox{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#e5f2e7;color:var(--green);margin-bottom:27px}.iconbox svg{width:23px;height:23px}.feature .num{font-size:10px;color:#91a496;float:right}.feature h3{font-size:18px;margin:0 0 11px}.feature p{font-size:13px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split p{color:var(--muted);font-size:14px}.network-panel{background:#e9f1e8;border:1px solid var(--line);border-radius:18px;min-height:390px;position:relative;overflow:hidden;padding:28px}.panel-kicker{font-size:11px;letter-spacing:1.6px;color:#658776}.network-panel svg{width:100%;height:255px}.network-panel .panel-foot{display:flex;justify-content:space-between;font-size:11px;color:#5c7d69}.list-row{display:flex;gap:15px;margin-top:22px}.list-row b{font-size:14px}.list-row p{margin:4px 0;font-size:13px}.list-tick{margin-top:4px;color:var(--green);background:#e6f0e3;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.scenario{border-top:1px solid #bdcfc2;padding-top:24px}.scene-art{height:200px;border-radius:10px;margin-bottom:23px;position:relative;overflow:hidden;background:#e7eee2;display:grid;place-items:center}.scene-art.one{background:#edf1e6}.scene-art.two{background:#e0eeeb}.scene-art.three{background:#ecebe3}.scene-art svg{width:80%;height:165px}.scenario small{color:var(--green);font-size:10px;letter-spacing:1.8px}.scenario h3{font-size:21px;margin:7px 0}.scenario p{color:var(--muted);font-size:13px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{border-top:1px solid var(--line);padding-top:20px}.step .step-num{font-size:38px;font-weight:300;color:#8db29b}.step h3{font-size:19px;margin:12px 0}.step p{font-size:14px;color:var(--muted)}.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:100px}.faq-intro p{color:var(--muted);font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-weight:400;color:var(--green);font-size:23px;line-height:1.3}details[open] summary:after{content:"−"}.faq details p{margin:15px 30px 0 0;color:var(--muted);font-size:13px}.cta{background:#123f35;color:#fff;border-radius:17px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #356356;border-radius:50%;right:100px;top:-200px;pointer-events:none}.cta h2{font-size:31px;margin:0}.cta p{font-size:13px;color:#b3d0c2;margin:10px 0 0}.cta .button{background:var(--lime);color:#173b2d;border-color:var(--lime);flex-shrink:0;position:relative;z-index:1}footer{padding:55px 0 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-brand p{font-size:12px;color:var(--muted);margin:13px 0}.footer-links{display:flex;gap:70px}.footer-links strong{display:block;font-size:12px;margin-bottom:14px}.footer-links a{display:block;font-size:12px;color:var(--muted);margin:7px 0}.footer-base{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8c9b90;font-size:10px}.page-intro{text-align:center;padding:65px 0 45px}.page-intro .eyebrow{justify-content:center}.page-intro h1{font-size:48px;letter-spacing:-1.8px;line-height:1.4;margin:16px 0}.page-intro p{color:var(--muted);max-width:610px;margin:auto;font-size:15px}.breadcrumb{font-size:11px;color:#86998c;margin-bottom:30px;text-align:left}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.download-card{background:white;border:1px solid var(--line);border-radius:13px;padding:30px 23px;display:flex;flex-direction:column;align-items:flex-start}.download-card .os-icon{height:48px;width:48px;color:var(--green);margin-bottom:28px}.download-card h2{font-size:23px;margin:0}.download-card p{font-size:12px;color:var(--muted);margin:10px 0 22px}.download-card .button{width:100%;margin-top:auto;gap:12px;padding:11px;font-size:12px}.download-card small{font-size:10px;color:#8da092;margin-top:12px}.notice{border-left:3px solid #adc796;padding:14px 20px;background:#edf2e8;margin:30px 0 0;font-size:12px;color:#71836c}.article{max-width:820px;margin:auto}.article h2{font-size:25px;margin:40px 0 16px}.article h3{font-size:18px;margin:25px 0 10px}.article p,.article li{color:var(--muted);font-size:14px}.article ul{padding-left:22px}.guide-section{border:1px solid var(--line);background:#fff;border-radius:12px;padding:27px 32px;margin-bottom:22px}.guide-section h2{margin:0 0 14px;font-size:23px}.guide-tag{font-size:11px;color:var(--green);letter-spacing:1px}.guide-section ol{padding-left:20px;color:var(--muted);font-size:14px}.guide-section li{margin:9px 0}.backtop{position:fixed;bottom:22px;right:22px;background:white;border:1px solid var(--line);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:18px;box-shadow:0 3px 12px #17382a0a;z-index:10}.feature-detail{padding:40px 0}.feature-detail+.feature-detail{border-top:1px solid var(--line)}.feature-detail .feature{min-height:240px}.feature-detail h2{font-size:30px}.feature-detail .split{gap:65px}.mini-label{font-size:10px;letter-spacing:1.4px;color:var(--green)}
.phone .app-brand{margin-top:18px}.phone .power-ring{margin:18px auto 12px;width:120px;height:120px;padding:10px}.phone .power{width:98px;height:98px}.phone .app-server{margin-top:14px;padding:8px}.phone .app-stats{margin-top:10px;line-height:1.4}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:65px}.hero-grid{min-height:560px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.navlinks{gap:20px}.hero h1{font-size:48px}.float-a{left:-7px}.float-b{right:-13px}.features{gap:13px}.feature{padding:24px 18px}.split{gap:40px}.faq-layout{gap:45px}.download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:70px;gap:15px}.logo{font-size:25px}.logo-mark{width:31px;height:31px;font-size:25px}.nav-download{margin-left:auto;font-size:12px;padding:6px 12px}.menu{display:block;color:var(--ink);padding:4px}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #12322e08;gap:0}.navlinks.open{display:flex;flex-direction:column;align-items:stretch}.navlinks a{padding:12px}.navlinks a.active:after{display:none}.hero{padding:40px 0 25px}.hero-grid{grid-template-columns:1fr;gap:15px}.hero h1{font-size:43px;letter-spacing:-1.4px;margin-top:18px}.hero p{font-size:14px}.hero-art{height:450px;margin:0 auto;width:min(100%,450px)}.phone{transform:translateX(-50%) rotate(6deg) scale(.9);transform-origin:center top;top:25px}.float-a{left:0;top:110px;padding:10px}.float-b{right:0;bottom:65px;padding:10px}.float-card strong{font-size:12px}.float-card small{font-size:9px}.float-card .badge-icon{width:28px;height:28px}.art-note{bottom:0}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:8px;font-size:11px}.section{padding:55px 0}.section h2{font-size:29px}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:15px}.features{grid-template-columns:1fr 1fr}.feature{padding:24px 18px}.feature h3{font-size:17px}.feature p{font-size:12px}.feature .iconbox{margin-bottom:22px}.split{grid-template-columns:1fr;gap:30px}.network-panel{min-height:330px;order:2}.network-panel svg{height:215px}.scenario-grid{grid-template-columns:1fr;gap:32px}.scene-art{height:210px}.scenario{padding-top:18px}.steps{grid-template-columns:1fr;gap:20px}.step{display:grid;grid-template-columns:45px 1fr;gap:0 20px}.step-num{grid-row:span 2}.step h3{margin:7px 0}.step p{margin:0}.faq-layout{grid-template-columns:1fr;gap:25px}.cta{padding:30px;display:block}.cta h2{font-size:26px}.cta .button{margin-top:25px}.footer-top{flex-direction:column;gap:25px}.footer-links{justify-content:space-between;gap:20px}.footer-base{display:block;line-height:2}.footer-base span{display:block}.page-intro{padding:40px 0 30px}.page-intro h1{font-size:36px}.page-intro p{font-size:14px}.download-grid{gap:13px}.download-card{padding:23px 16px}.download-card h2{font-size:21px}.download-card .button{font-size:11px;gap:8px}.download-card .os-icon{width:38px;height:38px;margin-bottom:20px}.guide-section{padding:23px}.feature-detail .split{gap:25px}.platforms{gap:15px;font-size:10px}.actions{gap:20px}.button{gap:18px;padding:13px 20px}.breadcrumb{margin-bottom:22px}.backtop{right:13px;bottom:13px}}
@media(max-width:420px){.hero h1{font-size:36px;letter-spacing:-1.2px}.eyebrow{font-size:10px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}