:root{--ink:#173a39;--muted:#687d77;--green:#1c6b5d;--bg:#f7f8f3;--line:#dfe8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #df9c50;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.header{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-.7px;font-weight:750}.brand img{object-fit:contain;border-radius:10px}.header nav{display:flex;align-items:center;gap:40px;font-size:13px;font-weight:650}.header nav>a:not(.nav-cta){color:#506b63}.nav-cta{padding:12px 18px;border:1px solid #bdd1c7;border-radius:8px}.nav-cta span{margin-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;padding:30px 0 80px}.eyebrow,.section-kicker{font-size:11px;font-weight:750;letter-spacing:.13em;color:#428878}.eyebrow{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#56ac88;border-radius:50%;box-shadow:0 0 0 4px #e2f0e5}.divider{color:#bdd0c5;margin:0 4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.6vw,76px);line-height:1.24;letter-spacing:-.065em;margin:29px 0 26px;font-weight:720}h1 em{font-style:normal;color:#488d78}.lead{font-size:16px;line-height:2;color:#607971}.actions{display:flex;align-items:center;gap:23px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:8px;font-size:14px;font-weight:700;padding:16px 20px}.primary{color:white;background:#216d5e;box-shadow:0 8px 18px #1f6a5a20}.primary:hover{background:#155849}.text-button{padding-left:0;color:#42675b}.availability{font-size:12px;color:#83968c;margin:34px 0 0}.availability span{margin:0 5px}.availability .apple{font-size:10px;margin-left:0;color:#5d7f70}.hero-art{height:530px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#d7ebdc 0%,#ecf4e9 43%,transparent 72%)}.orbit{position:absolute;border:1px solid #a8d0b6;border-radius:50%;opacity:.55}.orbit-one{width:440px;height:440px}.orbit-two{width:510px;height:510px;opacity:.3}.spark{position:absolute;color:#79aa8c;font-size:25px}.spark-one{top:45px;right:90px}.spark-two{bottom:90px;left:25px;font-size:18px}.app-window{width:min(440px,90%);background:#fafcf9;border:1px solid #fff;border-radius:14px;box-shadow:0 28px 65px #39745b2b,0 4px 12px #39745b18;position:relative;z-index:1;overflow:hidden;transform:rotate(-2deg)}.window-bar{height:38px;background:#f2f6f1;border-bottom:1px solid #e0e9df;display:flex;align-items:center;justify-content:center;color:#6f8378;font-size:10px;font-weight:700;position:relative}.traffic{display:flex;gap:5px;position:absolute;left:13px}.traffic i{width:7px;height:7px;background:#e29c8c;border-radius:50%}.traffic i:nth-child(2){background:#e5c779}.traffic i:nth-child(3){background:#8dc79f}.window-bar b{position:absolute;right:15px;font-size:15px}.window-body{padding:25px 28px 20px}.window-heading{display:flex;justify-content:space-between;align-items:center}.window-heading small{font-size:9px;color:#7c9b88}.window-heading h2{font-size:20px;letter-spacing:-.04em;margin:7px 0}.window-heading p{font-size:10px;color:#9aaea1;margin:0}.mini-icon img{width:46px;height:46px;border-radius:12px}.dropzone{margin:22px 0 20px;border:1px dashed #9ccab0;border-radius:9px;background:#f0f8f0;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.drop-icon{color:#54a27c;background:#dcefe1;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:19px}.dropzone strong{font-size:11px}.dropzone>span{font-size:9px;color:#98ad9e}.file-heading,.file-row,.window-bottom{display:flex;align-items:center}.file-heading{justify-content:space-between;font-size:9px;font-weight:700;color:#96a99d;padding-bottom:8px;border-bottom:1px solid #edf2ec}.file-row{gap:10px;padding:10px 0;border-bottom:1px solid #edf2ec}.check{background:#4caa7f;color:white;border-radius:4px;font-size:9px;width:14px;height:14px;text-align:center}.check.unchecked{background:transparent;border:1px solid #b6c9bc}.folder{color:#83b6a1;font-size:19px}.folder.pale{color:#b6cdb4}.file-name{display:flex;flex-direction:column;gap:3px;flex:1;font-size:9px}.file-name small,.size{color:#a1b0a4;font-size:8px}.window-bottom{justify-content:space-between;margin-top:17px;color:#a3b3a7;font-size:9px}.mock-button{background:#4c9a79;color:white;padding:9px 12px;border-radius:5px}.mock-button b{margin-left:9px}.art-caption{position:absolute;bottom:14px;right:30px;color:#8da79a;font-size:10px}.float-note{position:absolute;z-index:2;right:-5px;bottom:80px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7eee6;padding:12px 16px;border-radius:10px;box-shadow:0 10px 25px #376b521c}.float-note>span{font-size:22px;color:#69aa82}.float-note div{display:grid;gap:4px;font-size:11px}.float-note small{font-size:9px;color:#91a498}.intro{background:#e7f0e5;padding:92px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.section-kicker{margin-bottom:22px}.section-kicker span{color:#9ab8a7;margin-left:15px}.intro h2,.section-top h2,.closing h2{font-size:clamp(32px,3.5vw,46px);line-height:1.4;letter-spacing:-.055em;margin:0}.intro-copy{max-width:450px;align-self:end}.intro-copy p{line-height:2;color:#5d776c;font-size:15px}.intro-copy a{display:inline-block;font-size:13px;font-weight:700;margin-top:12px;border-bottom:1px solid #83ad98;padding-bottom:8px}.intro-copy a span{margin-left:20px}.steps{padding:110px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-top>p{color:#83958a;font-size:13px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step-visual{height:220px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-one{background:#e9f2e7}.visual-two{background:#e4eeea}.visual-three{background:#edf1e4}.app-tile{width:73px;height:73px;border-radius:18px;background:#fff;box-shadow:0 12px 25px #65907825;display:grid;place-items:center;transform:rotate(-9deg)}.app-tile img{width:62px}.drag-arrow{font-size:35px;color:#8bbca1;margin:0 22px}.target-box{width:87px;height:87px;border:1px dashed #8cb9a0;border-radius:19px;display:grid;place-items:center;color:#8cb9a0;font-size:28px}.list-card{width:190px;background:#fff;padding:19px;border-radius:12px;box-shadow:0 12px 25px #65907820;transform:rotate(-5deg)}.list-card div{display:flex;align-items:center;gap:9px;padding:8px 0}.list-card i{width:13px;height:13px;border-radius:4px;background:#7cb59a}.list-card span{height:6px;width:80px;border-radius:4px;background:#dce9e0}.list-card b{height:6px;width:25px;border-radius:4px;background:#edf3ec;margin-left:auto}.lens{position:absolute;font-size:64px;color:#5f9b7d;right:24%;bottom:24px}.choice-card{background:white;border-radius:9px;padding:17px;font-size:11px;font-weight:700;box-shadow:0 12px 25px #65907820;transform:rotate(-5deg)}.choice-card span{color:#fff;background:#6daf8b;padding:3px 5px;border-radius:4px;margin-right:7px}.bin{font-size:58px;color:#75a487;margin-left:12px}.step-title{display:flex;align-items:baseline;gap:16px;margin-top:24px}.step-title span{font-size:11px;color:#75a58c;font-weight:700}.step-title h3{font-size:19px;letter-spacing:-.04em;margin:0}.step>p{color:#7a9083;font-size:13px;line-height:1.9;margin:12px 0 0 34px}.details{background:#f0f4ec;padding:100px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-feature{background:#dfeee0;border-radius:13px;padding:38px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.shield{font-size:55px;color:#72ac88}.detail-label{font-size:11px;color:#67957c;font-weight:700}.detail-feature h3{font-size:27px;line-height:1.45;letter-spacing:-.04em;margin:12px 0}.detail-feature p,.detail-list p{font-size:13px;line-height:1.9;color:#728b7c;margin:0}.detail-list{display:grid;gap:12px}.detail-list article{background:#fff;border-radius:12px;padding:23px;display:flex;gap:19px;align-items:start}.detail-list h3{font-size:15px;margin:1px 0 7px}.detail-icon{width:40px;height:40px;flex:none;border-radius:10px;background:#edf5ed;color:#5a9a78;display:grid;place-items:center;font-size:22px}.closing{padding:100px 0}.closing-inner{border-radius:16px;background:#1e6658;color:#f7fbf4;padding:65px 70px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.closing-inner:after{pointer-events:none;content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;right:-25px;top:-110px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff08}.closing .section-kicker{color:#9cd0b5}.closing h2{font-size:42px}.closing p:not(.section-kicker){color:#b5d3c3;font-size:13px;line-height:2;margin:20px 0 25px}.light{background:#f4f8ef;color:#205f50}.closing-mark{width:180px;height:180px;border-radius:42px;background:#ffffff18;display:grid;place-items:center;transform:rotate(8deg);z-index:1;margin-right:65px}.closing-mark img{width:150px;filter:drop-shadow(0 12px 20px #174f4140)}.footer{border-top:1px solid var(--line);padding:30px 0 38px;display:flex;align-items:center;gap:30px}.footer .brand{font-size:15px}.footer p{font-size:11px;color:#92a39a;margin:0;flex:1}.footer p span{margin-left:15px}.footer>a{font-size:11px;color:#698579;font-weight:700}@media(max-width:800px){.wrap{width:min(100% - 40px,600px)}.header{height:76px}.header nav{gap:17px}.header nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:0;padding:55px 0 55px}.hero-art{height:450px;margin-top:25px}.orbit-one{width:330px;height:330px}.orbit-two{width:400px;height:400px}.float-note{right:0;bottom:48px}.intro{padding:70px 0}.intro-grid,.detail-grid{grid-template-columns:1fr;gap:25px}.intro-copy{max-width:none}.steps,.details{padding:75px 0}.step-grid{grid-template-columns:1fr;gap:35px}.step-visual{height:200px}.section-top{display:block}.section-top>p{margin-top:15px}.closing{padding:65px 0}.closing-inner{padding:45px 30px}.closing h2{font-size:32px}.closing-mark{display:none}.footer{flex-wrap:wrap;gap:15px}.footer p{flex-basis:60%}.footer p span{display:block;margin:5px 0 0}}@media(max-width:400px){.wrap{width:calc(100% - 32px)}h1{font-size:43px}.hero-art{height:390px}.orbit-two{width:330px;height:330px}.window-body{padding:20px}.float-note{display:none}.art-caption{bottom:0}.closing-inner{padding:38px 24px}}

.download-links{display:flex;flex-wrap:wrap;gap:12px}.download-links .button{position:relative;z-index:1}.download-links .recommended{box-shadow:0 0 0 3px #a9d8bc}.closing .download-guidance{max-width:510px;margin:16px 0 0;color:#d4e8da}.download-links a:focus-visible{outline-color:#f2d39b}@media(max-width:400px){.download-links{flex-direction:column;align-items:stretch}.download-links .button{justify-content:space-between}}