@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{color:#203c38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;background:#fbfcf8;font-family:DM Sans,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:64px;height:64px}::selection{color:#173f3b;background:#bbdfd9}.site-shell{overflow:hidden}.section-wrap{width:min(1200px,100% - 72px);margin-inline:auto}.site-header{z-index:4;justify-content:space-between;align-items:center;width:min(1336px,100% - 72px);height:88px;margin:auto;display:flex;position:relative}.brand{letter-spacing:-.055em;align-items:center;gap:11px;font-size:22px;font-weight:700;display:inline-flex}.brand img{border-radius:12px;width:40px;height:40px;box-shadow:0 4px 15px #779b8b21}.main-nav{color:#647873;gap:44px;margin-left:48px;font-size:13px;font-weight:600;display:flex}.main-nav a,.text-link,.header-link{transition:color .2s}.main-nav a:hover,.text-link:hover,.header-link:hover{color:#2a8c7c}.header-link{border-bottom:1px solid #9cb9b1;padding-bottom:8px;font-size:13px;font-weight:700}.header-link span{margin-left:9px;font-size:17px}.hero{grid-template-columns:51% 49%;align-items:center;min-height:700px;padding:22px 0 70px;display:grid;position:relative}.hero-copy{z-index:2;padding-bottom:5px;position:relative}.eyebrow,.section-kicker{letter-spacing:.19em;color:#468b7f;font-size:12px;font-weight:700}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow-line{background:#468b7f;width:28px;height:1px}.hero h1,.section-heading h2,.feature-intro h2,.backup-copy h2,.platform-header h2,.closing-section h2{letter-spacing:-.08em;font-family:Noto Serif SC,serif;font-weight:500}.hero h1{color:#1d4b44;margin:28px 0 22px;font-size:clamp(68px,6.7vw,104px);line-height:1.28}.hero h1 em{color:#7ab9aa;font-style:normal}.hero-description{color:#617570;max-width:460px;margin:0;font-size:16px;line-height:2.15}.hero-actions{align-items:center;gap:33px;margin-top:37px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:0 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:#2f766b;box-shadow:0 8px 22px #2f766b29}.button-primary:hover{background:#235f56;box-shadow:0 12px 25px #2f766b3b}.button span{font-size:18px;line-height:1}.text-link{border-bottom:1px solid #bacfc8;padding-bottom:8px;font-size:13px;font-weight:700}.text-link span{margin-left:8px}.hero-note{color:#859892;align-items:center;gap:8px;margin-top:72px;font-size:12px;display:flex}.note-dot,.save-dot{background:#73b3a5;border-radius:50%;width:6px;height:6px;display:inline-block}.hero-art{isolation:isolate;justify-content:center;align-items:center;height:610px;display:flex;position:relative}.hero-art:before{content:"";z-index:-2;background:radial-gradient(circle,#e1f0e9 0,#eaf5ef 46%,#f2f8f3 66%,#0000 72%);border-radius:50%;width:615px;height:540px;position:absolute;top:30px;left:10px}.art-orbit{z-index:-1;border:1px solid #c4dfd572;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:620px;height:355px;top:120px;left:-16px}.orbit-two{width:510px;height:475px;top:66px;left:48px}.art-caption{letter-spacing:.2em;color:#94b5aa;writing-mode:vertical-rl;font-family:Noto Serif SC,serif;font-size:13px;position:absolute;top:81px;right:7px}.phone-shadow{filter:blur(37px);z-index:-1;background:#5a8f8170;border-radius:50%;width:330px;height:70px;position:absolute;bottom:34px;left:156px}.phone-frame{background:#263c3a;border:7px solid #263c3a;border-radius:42px;width:283px;height:563px;margin:10px 0 0 29px;position:relative;transform:rotate(7deg);box-shadow:10px 25px 38px #365d5352,0 0 0 2px #98aca6}.phone-frame:before{content:"";z-index:2;background:#263c3a;border-radius:0 0 15px 15px;width:83px;height:21px;position:absolute;top:-1px;left:93px}.phone-screen{background:#fffefa;border-radius:35px;height:100%;position:relative;overflow:hidden}.phone-status{color:#273a35;justify-content:space-between;align-items:center;height:42px;padding:4px 28px 0;font-size:10px;font-weight:700;display:flex}.status-symbols{letter-spacing:2px}.phone-toolbar{color:#397e73;justify-content:space-between;align-items:center;padding:13px 22px;font-size:17px;font-weight:600;display:flex}.phone-toolbar small{margin-left:2px;font-size:13px}.phone-writing{color:#314741;letter-spacing:.03em;padding:55px 25px 0;font-family:Noto Serif SC,serif;font-size:17px;line-height:2.35}.phone-writing>span:not(.cursor){color:#315f56}.cursor{vertical-align:-4px;background:#4a9a89;width:2px;height:20px;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.phone-bottom{color:#8ba39b;border-top:1px solid #e6eee8;padding-top:15px;font-size:10px;position:absolute;bottom:29px;left:26px;right:26px}.phone-bottom .save-dot{margin-right:5px}.bottom-time{float:right}.floating-note{z-index:2;background:#fff;border:1px solid #e7efea;position:absolute;box-shadow:0 16px 40px #597d7030}.note-back{color:#5d867d;border-radius:7px;width:185px;padding:19px 22px;font-family:Noto Serif SC,serif;font-size:13px;line-height:1.8;top:111px;left:13px;transform:rotate(-9deg)}.note-front{border-radius:9px;gap:5px;width:202px;padding:19px 19px 20px;display:grid;bottom:91px;right:-12px;transform:rotate(5deg)}.note-front .spark{color:#7bb6a9;margin-bottom:5px;font-size:21px}.note-front strong{color:#365d54;font-family:Noto Serif SC,serif;font-size:14px}.note-front small{color:#9aafa7;font-size:10px}.demo-label{color:#91a9a0;letter-spacing:.12em;font-size:10px;position:absolute;bottom:33px;right:26px}.section-divider{color:#89a79d;letter-spacing:.28em;justify-content:center;align-items:center;gap:32px;padding:24px 0 35px;font-family:Noto Serif SC,serif;font-size:12px;display:flex}.section-divider span:first-child,.section-divider span:last-child{color:#a7cdc0;font-size:16px}.story-section{padding:100px 0 130px}.section-heading{text-align:center}.section-heading h2,.platform-header h2{color:#214a43;margin:17px 0;font-size:clamp(39px,4vw,60px);line-height:1.4}.section-heading p,.platform-header p{color:#799088;margin:0;font-size:15px;line-height:1.9}.story-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:63px;display:grid}.story-card{background:#f4f8f3;border:1px solid #e8efe7;border-radius:7px;min-height:302px;padding:29px 32px 31px;transition:transform .2s,box-shadow .2s;position:relative}.story-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #6e9d8530}.story-number{color:#92afa4;letter-spacing:.12em;font-size:12px}.story-icon{color:#579a89;margin:27px 0 18px}.story-card h3{color:#2b554b;margin:0 0 11px;font-family:Noto Serif SC,serif;font-size:21px;font-weight:600}.story-card p{color:#7b8e86;max-width:230px;margin:0;font-size:13px;line-height:1.85}.feature-section{background:#eaf3ed;position:relative}.feature-section:before{content:"";border:1px solid #c5ded0;border-radius:50%;width:470px;height:470px;position:absolute;top:-210px;right:-190px}.feature-inner{grid-template-columns:49% 51%;align-items:center;gap:20px;min-height:685px;padding:80px 0;display:grid}.feature-intro h2,.backup-copy h2{color:#234e44;margin:22px 0 15px;font-size:clamp(40px,4vw,60px);line-height:1.55}.feature-intro>p,.backup-copy>p{color:#6d857a;max-width:438px;font-size:15px;line-height:2.05}.feature-points{border-top:1px solid #cadaaa;max-width:430px;margin-top:37px}.feature-points>div{border-bottom:1px solid #d1e2d5;grid-template-columns:27px 112px 1fr;align-items:center;min-height:64px;display:grid}.feature-points span{color:#63a28f;font-size:18px}.feature-points strong{color:#315d50;font-size:14px}.feature-points small{color:#869c90;font-size:12px}.feature-demo{justify-self:center;width:min(100%,440px);position:relative}.demo-tabs{background:#dceae0;border-radius:9px;gap:5px;width:max-content;max-width:100%;margin:0 auto 17px;padding:5px;display:flex}.demo-tabs button{color:#6e887d;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:10px 17px;font-size:12px;font-weight:600}.demo-tabs button.active{color:#326e5c;background:#fff;box-shadow:0 2px 7px #486e542b}.demo-paper{background:#fffefa;border:1px solid #e8ede6;border-radius:11px;min-height:410px;padding:0 31px;position:relative;box-shadow:0 21px 50px #7fa78b3a}.demo-paper:before{content:"";z-index:-1;background:#f9fbf5;border:1px solid #e4eee5;border-radius:10px;width:90%;height:100%;position:absolute;bottom:-11px;left:5%}.demo-head{color:#2c554b;border-bottom:1px solid #eef1e9;justify-content:space-between;align-items:center;height:67px;font-size:14px;display:flex}.demo-head strong{font-size:15px}.demo-back,.demo-action{color:#508c7b;font-size:23px}.demo-editor{color:#405e52;padding:39px 8px;font-family:Noto Serif SC,serif;font-size:17px;line-height:2.1}.demo-editor p{margin:0 0 13px}.demo-caret{background:#67a18e;width:2px;height:21px;animation:1s step-end infinite blink}.demo-search{color:#809c8c;background:#f2f5ef;border-radius:7px;align-items:center;gap:8px;height:39px;margin:17px 0 5px;padding:0 12px;display:flex}.demo-search span:first-child{font-size:23px;line-height:1}.demo-search input{color:#335c4d;background:0 0;border:0;outline:0;width:100%;font-size:13px}.demo-search input::placeholder{color:#98aa9d}.demo-search-static{font-size:13px}.demo-record{border-bottom:1px solid #edf1ea;padding:16px 0 13px}.demo-record p{color:#445b50;margin:0 0 8px;font-size:13px;line-height:1.6}.demo-record small{color:#98aa9f;font-size:10px}.demo-empty{color:#9aac9f;text-align:center;padding:70px 0;font-size:13px}.demo-foot{color:#9aac9f;border-top:1px solid #edf1ea;padding-top:12px;font-size:10px;position:absolute;bottom:14px;left:31px;right:31px}.demo-foot .save-dot{margin-right:7px}.demo-disclaimer{text-align:center;color:#91a99b;letter-spacing:.06em;margin-top:29px;font-size:11px}.backup-section{grid-template-columns:48% 52%;align-items:center;gap:36px;min-height:626px;padding:105px 0;display:grid}.backup-visual{background:radial-gradient(circle,#eaf3ea 0,#0000 65%);height:390px;position:relative}.backup-paper{background:#fffefa;border:1px solid #e9eee6;border-radius:9px;position:absolute;box-shadow:0 19px 44px #65857229}.paper-one{z-index:1;width:230px;height:272px;padding:34px 28px;top:68px;left:84px;transform:rotate(-9deg)}.paper-one span{color:#366254;font-family:Noto Serif SC,serif;font-size:17px}.paper-one i{background:#d6e6d9;height:2px;margin-top:29px;display:block}.paper-one i:nth-of-type(2){width:80%}.paper-one i:nth-of-type(3){width:55%}.paper-two{z-index:2;width:215px;height:235px;padding:32px 23px;top:103px;left:238px;transform:rotate(10deg)}.paper-two span{color:#6f8c7d;font-size:12px}.backup-mark{color:#5d9b82;background:#ddede2;border-radius:50%;place-items:center;width:85px;height:85px;margin:24px auto;font-size:42px;display:grid}.backup-arc{border:1px dashed #bad7c3;border-radius:50%;width:410px;height:280px;position:absolute;top:50px;left:28px;transform:rotate(-19deg)}.backup-copy{padding-left:20px}.backup-fineprint{color:#749184;border-top:1px solid #dfe9de;max-width:440px;margin-top:26px;padding-top:18px;font-size:12px;line-height:1.8}.backup-fineprint span{color:#4d997f;margin-right:6px;font-size:18px}.platform-section{background:#f1f7f1;padding:105px 0 103px}.platform-header{text-align:center;max-width:690px;margin:auto}.platform-header p{max-width:620px;margin:auto}.platform-grid{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:56px;display:grid}.platform-card{background:#fffefa;border:1px solid #e5eee3;border-radius:7px;min-height:245px;padding:34px 35px 32px}.platform-glyph{color:#478b77;background:#e3efe5;border-radius:11px;place-items:center;width:42px;height:42px;font-size:25px;line-height:1;display:inline-grid}.android-glyph{font-size:30px}.wechat-glyph{font-size:31px}.platform-card h3{color:#2d594d;margin:23px 0 7px;font-family:Noto Serif SC,serif;font-size:21px;font-weight:600}.platform-card p{color:#657e72;margin:0 0 15px;font-size:13px}.platform-card small{color:#94aa9b;font-size:11px}.availability{text-align:center;color:#8ca295;margin-top:28px;font-size:11px}.closing-section{text-align:center;padding:120px 0 129px}.closing-mark{color:#9bcabb;margin-bottom:18px;font-size:30px}.closing-section h2{color:#295349;margin:21px 0 34px;font-size:clamp(35px,3.7vw,53px);line-height:1.6}.site-footer{background:#e8f1e9;border-top:1px solid #d9e8db}.footer-inner{justify-content:space-between;align-items:center;min-height:115px;display:flex}.footer-inner .brand{font-size:19px}.footer-inner .brand img{width:36px;height:36px}.footer-inner p,.footer-inner>span{color:#82998b;font-size:11px}.footer-inner p{margin-left:-80px}@keyframes blink{50%{opacity:0}}@media (width<=1000px){.hero{grid-template-columns:53% 47%;min-height:630px}.hero h1{font-size:70px}.hero-art{transform-origin:50%;transform:scale(.82)}.feature-inner{gap:10px}.feature-points>div{grid-template-columns:23px 96px 1fr}.feature-points small{font-size:11px}.backup-visual{transform-origin:0;transform:scale(.88)}.note-front{right:-30px}}@media (width<=740px){.section-wrap,.site-header{width:min(100% - 40px,520px)}.site-header{height:72px}.main-nav{display:none}.brand{font-size:19px}.brand img{border-radius:10px;width:34px;height:34px}.header-link{font-size:11px}.header-link span{font-size:15px}.hero{flex-direction:column;align-items:stretch;min-height:0;padding:49px 0 35px;display:flex}.hero-copy{padding:0}.hero h1{margin:22px 0 21px;font-size:clamp(55px,13vw,78px)}.hero-description{font-size:14px;line-height:2}.hero-actions{gap:22px;margin-top:28px}.button{gap:13px;min-height:48px;padding:0 17px;font-size:12px}.text-link{font-size:12px}.hero-note{margin-top:33px;font-size:11px}.hero-art{transform-origin:top;width:100%;height:525px;margin-top:55px;transform:scale(.78)}.hero-art:before{left:50%;transform:translate(-50%)}.phone-frame{margin-left:0}.note-back{left:0}.note-front{right:-10px}.section-divider{letter-spacing:.1em;gap:14px;padding:0 0 13px;font-size:10px}.story-section{padding:75px 0 83px}.section-heading h2,.platform-header h2{font-size:40px}.section-heading p,.platform-header p{font-size:13px}.story-grid{grid-template-columns:1fr;gap:12px;margin-top:37px}.story-card{grid-template-columns:58px 1fr;column-gap:15px;min-height:0;padding:25px 27px;display:grid}.story-number{grid-column:1/-1}.story-icon{grid-row:2/4;margin:19px 0 0}.story-icon svg{width:48px;height:48px}.story-card h3{margin:18px 0 6px;font-size:19px}.story-card p{grid-column:2;max-width:none;font-size:12px}.feature-inner{grid-template-columns:1fr;gap:52px;padding:80px 0 73px}.feature-intro h2,.backup-copy h2{font-size:43px}.feature-intro>p,.backup-copy>p{font-size:14px}.feature-points{margin-top:26px}.feature-demo{width:min(100%,420px)}.demo-paper{min-height:425px}.backup-section{grid-template-columns:1fr;gap:0;padding:60px 0 90px}.backup-visual{transform-origin:0 0;width:100%;height:330px;margin-bottom:-65px;transform:scale(.76)}.backup-copy{padding-left:0}.platform-section{padding:80px 0}.platform-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.platform-card{grid-template-columns:55px 1fr;column-gap:13px;min-height:160px;padding:24px;display:grid}.platform-glyph{grid-row:1/4}.platform-card h3{margin:0 0 5px;font-size:18px}.platform-card p{margin:0 0 7px}.platform-card small{grid-column:2}.closing-section{padding:86px 0 92px}.closing-section h2{font-size:34px}.footer-inner{grid-template-columns:1fr auto;gap:0;min-height:125px;display:grid}.footer-inner .brand{align-self:end}.footer-inner p{grid-row:2;align-self:start;margin:0}.footer-inner>span{grid-area:1/2/3;align-self:center}}@media (width<=420px){.hero-art{width:calc(100% + 50px);height:440px;margin-left:-25px;transform:scale(.65)}.hero-actions{gap:15px}.button{padding:0 13px}.text-link{white-space:nowrap}.backup-visual{height:285px;margin-bottom:-65px;transform:scale(.66)}.feature-points>div{grid-template-columns:24px 90px 1fr}.feature-points small{font-size:10px}.demo-tabs button{padding:9px 12px}.section-divider{gap:9px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.cursor,.demo-caret{animation:none}.button,.story-card,.main-nav a,.text-link,.header-link{transition:none}}