:root{--ink:#20251f;--muted:#71776f;--line:#e1e5dd;--lime:#c6ed49;--paper:#f4f6f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.7}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h2{font-size:38px;line-height:1.4;font-weight:650}h3{font-size:20px;line-height:1.5}p{color:var(--muted)}.container{width:min(1120px,calc(100% - 80px));margin:auto}.header{height:82px;background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{max-width:1320px;padding:0 40px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;line-height:1.15;flex-shrink:0}.brand small{display:block;font-size:10px;margin-top:6px;font-weight:600}.brand-mark{width:43px;height:43px;border-radius:8px;background:var(--lime);display:grid;place-items:center}.brand-mark svg{width:25px;height:25px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover,.footer a:hover{color:#5a7900}.header-actions,.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 24px;border-radius:6px;font-weight:600;font-size:15px;transition:background .18s,transform .18s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime)}.button.primary:hover{background:#b6df31}.button.secondary{background:#fff;border:1px solid #dce1d5}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#394333}.button.small{min-height:42px;padding:9px 17px;font-size:14px}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;flex-shrink:0}.icon-button:hover{background:var(--paper)}.icon-button:disabled{opacity:.35;cursor:default}.menu-toggle{display:none}.hero{height:720px;max-height:calc(100svh - 140px);min-height:570px;background:#f3f6f0 url('assets/hero.webp') center center/auto 100% no-repeat;position:relative;text-align:center;overflow:hidden}.hero-copy{position:relative;padding-top:40px;margin:auto;max-width:700px}.eyebrow{font-size:11px;line-height:1.5;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}.hero .eyebrow{justify-content:center;font-size:12px}.eyebrow>span{width:6px;height:6px;background:#6c941a;border-radius:50%}.hero h1{font-size:66px;line-height:1.12;margin-top:12px;font-weight:800}.hero h1 span{font-size:14px;display:inline-block;margin-left:15px;vertical-align:middle;border-left:1px solid #c4cdb9;padding-left:15px}.hero-line{font-size:27px;color:var(--ink);font-weight:550;margin-top:10px}.hero-description{font-size:14px;margin-top:5px}.hero-actions{justify-content:center;margin-top:21px}.hero-meta{font-size:11px;margin-top:10px}.hero-meta span{margin:0 10px}.hero-caption{position:absolute;bottom:18px;right:30px;display:flex;align-items:center;gap:8px;font-size:11px;background:#ffffffdf;padding:8px 12px;border-radius:4px}.hero-caption svg{width:14px;height:14px}.quicklinks{border-bottom:1px solid var(--line)}.quicklinks-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.quicklinks a{display:flex;gap:13px;align-items:center;justify-content:center;font-size:14px;border-right:1px solid var(--line)}.quicklinks a:last-child{border:0}.quicklinks a>svg:last-child{width:16px;margin-left:20px}.section{padding-top:96px;padding-bottom:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:46px}.muted{color:var(--muted);margin-bottom:15px}.section-intro{font-size:14px;max-width:410px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-grid article{position:relative;border-top:1px solid var(--line);padding-top:28px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;margin-bottom:24px}.feature-icon svg{width:24px;height:24px}.lime{background:#e6f4b7}.blue{background:#dcecf6}.peach{background:#f9dfd2}.feature-number{position:absolute;right:0;top:34px;font-size:12px;color:#959c8e}.feature-grid p{font-size:14px;line-height:1.9;margin-top:12px}.screens-section{background:var(--paper);padding:80px 0}.screen-controls{display:flex;gap:10px}.screens-track{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.screens-track::-webkit-scrollbar{display:none}.screens-track figure{min-width:0;scroll-snap-align:start}.screen-image{width:100%;height:410px;display:flex;align-items:center;justify-content:center;position:relative;background:#e6ebdf;padding:24px 24px 0;overflow:hidden;border-radius:6px}.screens-track figure:nth-child(2) .screen-image{background:#dfeaf0}.screens-track figure:nth-child(3) .screen-image{background:#eee3db}.screen-image img{width:230px;height:auto;align-self:flex-start;box-shadow:0 8px 26px #20251f16;border-radius:5px}.screen-image>span{position:absolute;right:12px;bottom:12px;width:32px;height:32px;display:grid;place-items:center;background:white;border-radius:50%}.screen-image>span svg{width:15px}.screens-track figcaption{display:flex;align-items:flex-start;gap:15px;margin-top:22px}.screens-track figcaption>span{font-size:11px;color:var(--muted);padding-top:6px}.screens-track h3{font-size:17px}.screens-track figcaption p{font-size:12px;margin-top:4px}.source-note{font-size:11px;margin-top:35px;display:flex;gap:14px;flex-wrap:wrap}.source-note a{display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}.source-note svg{width:13px;height:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;gap:40px}.steps li{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:28px}.step-number{font-size:12px;color:#78836e}.steps li>div>svg{width:29px;height:29px;margin-bottom:15px}.steps p{font-size:14px;margin-top:12px}.text-link{display:inline-flex;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;margin-top:22px}.text-link svg{width:15px;height:15px}.step-finish{font-size:12px;display:flex;align-items:center;gap:8px;margin-top:22px;color:#637649}.step-finish svg{width:16px}.download-section{background:var(--lime);padding:68px 0}.download-inner{display:grid;grid-template-columns:1fr 330px;gap:80px;align-items:center}.download-heading h2{font-size:44px;margin:20px 0}.download-heading p{color:#465124}.platform{display:flex;gap:15px;align-items:center;margin-bottom:24px}.platform-icon{border:1px solid #9ebb42;border-radius:8px;width:48px;height:48px;display:grid;place-items:center}.platform strong{display:block;font-size:20px}.platform span:not(.platform-icon){display:block;font-size:12px}.download-details>.button{width:100%}.download-note{font-size:11px;color:#465124;margin-top:14px}.download-details .text-link{margin-top:16px}.faq{display:grid;grid-template-columns:1fr 2fr;gap:80px}.faq-heading>p:last-child{font-size:13px;margin-top:18px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:15px;font-weight:550}summary::-webkit-details-marker{display:none}summary svg{width:17px;height:17px;transition:transform .2s}details[open] summary svg{transform:rotate(45deg)}details p{font-size:14px;line-height:1.9;padding:0 30px 24px 0}.footer{background:#f6f7f3;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:45px;padding-bottom:45px}.footer-top>p{font-size:13px}.footer nav{display:flex;gap:24px;font-size:12px}.back-top{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font-size:11px;color:var(--muted)}.footer-bottom button{font-size:11px;padding:0}.mobile-download{display:none}dialog{border:1px solid var(--line);border-radius:8px;width:min(460px,calc(100% - 32px));padding:30px;color:var(--ink);max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 20px 90px #17201730}dialog::backdrop{background:#15201488;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.dialog-heading,.image-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-icon{display:grid;place-items:center;background:var(--lime);width:50px;height:50px;border-radius:8px}dialog h2{font-size:27px}.dialog-intro{font-size:14px;margin-top:8px}.download-facts{margin:24px 0}.download-facts div{display:flex;justify-content:space-between;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.download-alert{font-size:12px;display:flex;align-items:flex-start;gap:9px;margin:20px 0}.download-alert svg{width:16px;height:16px;margin-top:3px}dialog>.button{width:100%;margin-top:10px}#copy-status{font-size:12px;min-height:20px;margin-top:9px;overflow-wrap:anywhere}#info-dialog p{font-size:14px;margin-top:16px}.image-dialog{width:min(430px,calc(100% - 32px));padding:20px}.image-dialog h2{font-size:17px}.image-dialog-heading{margin-bottom:16px}.image-dialog>img{max-height:70svh;width:auto;margin:auto}.skip-link{position:fixed;top:-70px;left:15px;z-index:100;background:#fff;padding:10px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #729b12;outline-offset:4px}
@media(min-width:1600px){.hero{background-size:1600px auto}}
@media(max-width:1000px){.header nav{gap:20px}.container{width:calc(100% - 48px)}.header-inner{padding:0 24px;gap:20px}.section-heading{gap:30px}.section-intro{max-width:330px}.feature-grid,.steps{gap:25px}.screens-track{gap:22px}.screen-image{height:360px;padding:20px 14px 0}.screen-image img{width:210px}.download-inner{gap:40px}.faq{gap:40px}.footer nav{gap:15px}}
@media(max-width:760px){html{scroll-padding-top:84px}.header{height:70px}.header-inner{padding:0 20px}.brand{font-size:21px;gap:9px}.brand-mark{width:38px;height:38px}.brand small{font-size:9px}.header-actions{gap:9px}.header-actions .small{padding:8px 12px;font-size:12px}.header-actions .small svg{width:16px}.menu-toggle{display:grid;width:36px;height:36px;border-radius:5px}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:#fff;padding:14px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #20251f08}.header nav.is-open{display:grid;gap:0}.header nav a{padding:12px 0}.container{width:calc(100% - 40px)}.hero{min-height:590px;max-height:none;height:calc(100svh - 120px);max-height:720px;background-size:auto 100%;background-position:center bottom}.hero-copy{padding:35px 18px 0}.hero h1{font-size:54px;margin-top:17px}.hero-line{font-size:23px;margin-top:14px}.hero-description{font-size:13px}.hero-actions{gap:8px;margin-top:20px}.hero-actions .button{font-size:13px;padding:12px 15px;min-height:48px;gap:8px}.hero-actions svg{width:17px}.hero-caption{right:15px;bottom:13px;font-size:10px}.quicklinks-inner{padding:18px 0}.quicklinks a{font-size:11px;gap:6px}.quicklinks a>svg{width:15px;height:15px}.quicklinks a>svg:last-child{display:none}.section{padding-top:60px;padding-bottom:60px}h2{font-size:29px}.section-heading{display:block;margin-bottom:32px}.section-intro{max-width:none;margin-top:22px;font-size:13px}.feature-grid{grid-template-columns:1fr;gap:26px}.feature-grid article{padding:24px 0 0 70px;min-height:115px}.feature-icon{position:absolute;left:0;top:25px;width:44px;height:44px}.feature-number{display:none}.feature-grid h3{font-size:18px}.feature-grid p{font-size:13px;margin-top:8px}.screens-section{padding:55px 0}.screens-section .section-heading{display:flex;gap:10px;align-items:flex-end}.screen-controls{gap:7px}.screen-controls .icon-button{width:34px;height:34px}.screens-section h2{font-size:27px}.screens-track{display:flex;gap:18px;margin-right:-20px;padding-right:20px}.screens-track figure{flex:0 0 270px}.screen-image{height:410px;padding:23px 20px 0}.screen-image img{width:230px}.screens-track figcaption{margin-top:17px}.source-note{font-size:10px;margin-top:25px}.steps{grid-template-columns:1fr;gap:26px}.steps li{gap:20px;padding-top:24px}.steps li>div{position:relative;padding-left:45px}.steps li>div>svg{position:absolute;left:0;top:2px;width:25px}.steps h3{font-size:18px}.steps p{font-size:13px}.text-link,.step-finish{margin-top:15px}.download-section{padding:48px 0}.download-inner{grid-template-columns:1fr;gap:32px}.download-heading h2{font-size:33px;margin:15px 0}.download-heading>p:last-child{font-size:13px}.download-details{border-top:1px solid #a9cb3b;padding-top:25px}.platform{margin-bottom:18px}.download-details>.button{max-width:400px}.faq{grid-template-columns:1fr;gap:30px}.faq h2 br{display:none}.faq-heading>p:last-child{margin-top:12px}summary{font-size:14px;padding:21px 0}details p{font-size:13px}.footer{padding-bottom:78px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:25px;padding-top:35px;padding-bottom:30px}.footer-top>p{grid-column:1;font-size:12px}.footer nav{grid-column:1;flex-wrap:wrap}.back-top{grid-column:2;grid-row:1}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:10px}.mobile-download{position:fixed;left:0;right:0;bottom:0;background:#fffffff5;border-top:1px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom));z-index:18;justify-content:space-between;align-items:center;gap:15px;transform:translateY(110%);transition:transform .2s;display:flex}.mobile-download.visible{transform:translateY(0)}.mobile-download strong{display:block;font-size:15px;line-height:1.4}.mobile-download small{display:block;font-size:10px;color:var(--muted)}.mobile-download .button{font-size:13px}.eyebrow{font-size:10px}dialog{padding:24px}.dialog-heading{margin-bottom:20px}}
.hero{background-size:auto 72%;background-position:center bottom}.screen-controls[hidden]{display:none}
@media(max-width:760px){.hero{background-size:auto 69%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}