:root{--paper:#f8f5ef;--ink:#2c352f;--muted:#7d8076;--accent:#b75f43;--line:#e4e3d9;--green:#4b6151}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand>span{font-size:23px;letter-spacing:1px;font-weight:750}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:7px}.nav nav{display:flex;align-items:center;gap:38px;font-size:13px}.nav nav>a:hover{color:var(--accent)}.nav-download{border:1px solid #c9cec3;border-radius:6px;padding:11px 17px}.nav-download span{margin-left:15px}.hero{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;min-height:680px;padding-top:40px;padding-bottom:35px;gap:15px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.8}.eyebrow>span:first-child:not(.edition){width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--green)}.edition{font-size:10px;letter-spacing:.6px;border:1px solid #d6dbcd;padding:1px 7px;border-radius:4px;margin-left:8px}h1{font-size:clamp(46px,5.3vw,72px);line-height:1.24;font-weight:650;letter-spacing:-2px;margin:30px 0 26px}.accent{color:var(--accent)}.lead{font-size:16px;line-height:1.95;color:#73786d;margin:0}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:32px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border-radius:6px;min-height:47px;padding:13px 22px;font-size:13px;font-weight:550;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#fffaf1;box-shadow:0 5px 12px #99523712}.primary:hover{background:#a64f35}.dark{background:var(--green);color:#fffaf1}.dark:hover{background:#394e3f}.button svg{width:17px;height:17px}.text-link{font-size:13px}.text-link span{margin-left:10px}.platform-note{margin-top:20px;color:#8b8e83;font-size:10px;letter-spacing:.4px}.platform-note span{padding:0 9px;color:#c7c9be}.hero-art{height:560px;position:relative;isolation:isolate}.orbit{position:absolute;left:8%;top:10%;width:90%;height:85%;border:1px solid #e1e3d5;border-radius:50%;transform:rotate(-29deg)}.orbit-two{transform:rotate(36deg);height:65%;top:20%;left:12%;width:85%;border-style:dashed;opacity:.6}.art-label{position:absolute;right:0;top:17px;font-size:8px;letter-spacing:2px;color:#9da394;writing-mode:vertical-rl}.art-card{background:#fffdf7;border:1px solid #e8e6da;padding:11px;border-radius:10px;box-shadow:0 18px 38px #394a3214;position:absolute}.photo{width:260px;top:58px;left:10px;transform:rotate(-11deg)}.landscape{height:245px;background:#c8d1bc;position:relative;overflow:hidden;border-radius:5px}.sun{width:55px;height:55px;border-radius:50%;background:#f0dca9;position:absolute;left:37px;top:32px}.mountain{position:absolute;bottom:-20%;width:130%;height:95%;clip-path:polygon(0 100%,43% 0,100% 100%)}.back{background:#96a18b;left:-30px;bottom:-8%;height:80%;transform:rotate(20deg)}.front{background:#5e7665;left:20%;height:80%}.card-caption{display:flex;justify-content:space-between;align-items:center;margin:13px 4px 4px;font-size:10px}.card-caption small{font-size:7px;color:#9da094;letter-spacing:1px}.video{width:265px;top:194px;right:-3px;transform:rotate(10deg)}.video-art{height:183px;background:linear-gradient(180deg,#879e94 0%,#b9c3ae 40%,#ebc999 65%,#c3815c 68%,#8b6950 75%,#435b50 100%);position:relative;border-radius:5px;overflow:hidden}.video-art:before,.video-art:after{content:"";position:absolute;inset:65% -10% -10%;background:#64796b;clip-path:polygon(0 72%,18% 43%,42% 64%,60% 35%,77% 49%,100% 16%,100% 100%,0 100%)}.video-art:after{background:#3d5446;inset:80% 0 0;clip-path:polygon(0 0,30% 31%,70% 15%,100% 60%,100% 100%,0 100%)}.play{position:absolute;left:calc(50% - 19px);top:calc(50% - 19px);width:38px;height:38px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;color:white;font-size:12px;z-index:2;backdrop-filter:blur(4px);background:#fff2}.video-art>small{position:absolute;right:9px;bottom:7px;color:white;font-size:8px;z-index:3}.audio{display:flex;align-items:center;gap:13px;left:50px;bottom:22px;width:277px;padding:15px;transform:rotate(-5deg);z-index:4}.audio-icon{background:#efe3d0;color:#a56b46;width:39px;height:42px;border-radius:6px;display:grid;place-items:center;font-size:24px}.audio b{font-size:10px;font-weight:500}.audio>small{font-size:7px;color:#9da094;margin-left:auto}.wave{display:flex;align-items:center;height:18px;gap:3px;margin-top:5px}.wave i{height:5px;width:2px;background:#839478;border-radius:3px}.wave i:nth-child(3n){height:14px}.wave i:nth-child(4n){height:9px}.wave i:nth-child(5n){height:18px}.floating-tag{position:absolute;border:1px solid #dce1d2;border-radius:5px;background:#f9fbf2;color:#6d7c63;padding:9px 13px;font-size:10px;box-shadow:0 3px 8px #24352908;z-index:5}.tag-one{right:25px;top:110px;transform:rotate(6deg)}.tag-two{right:-6px;bottom:40px;transform:rotate(5deg);font-size:9px}.little-dot{display:inline-block;width:5px;height:5px;background:#a1af87;border-radius:50%;margin-right:6px}.art-index{position:absolute;bottom:0;right:0;font-size:8px;letter-spacing:1px;color:#a2a594}.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:27px;color:#929688;font-size:12px}.statement>div{display:flex;gap:27px;align-items:center;color:#5e695b}.statement i{font-style:normal;color:#b4bda7;font-size:15px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:30px}.section-intro h2{margin:13px 0 0}.section-intro>p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:4px}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.45;font-weight:580;letter-spacing:-.7px}.preview-section{padding-top:92px}.app-preview{border-radius:12px;overflow:hidden;border:1px solid #d8dcd0;background:#fff;box-shadow:0 25px 60px #38472d0c}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f0f0e8;border-bottom:1px solid #e3e5d9;font-size:10px;color:#8a8c81}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#c7cebc}.window-dots i:first-child{background:#d9bbaa}.window-dots i:nth-child(2){background:#dfd0a8}.local-badge{font-size:8px;color:#879479}.app-preview>img{width:100%;height:auto}.image-note{text-align:right;color:#9a9d92;font-size:9px;margin-top:14px}.features-section{padding-top:95px;padding-bottom:100px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.feature{padding:31px 26px;border:1px solid var(--line);border-radius:9px;background:#fbf9f3}.feature-icon{display:flex;width:41px;height:41px;align-items:center;justify-content:center;background:#e9eddf;color:var(--green);border-radius:10px;margin-bottom:25px}.feature-icon svg{width:24px;height:24px}.feature small{font-size:8px;letter-spacing:1.8px;color:#a1a594}.feature h3{font-size:18px;font-weight:550;margin:12px 0}.feature p{font-size:12px;line-height:1.9;color:#828679;margin:0 0 25px;min-height:67px}.mini-files,.mini-tags{display:flex;gap:7px;align-items:center;min-height:35px}.mini-files span{padding:8px 9px;border:1px solid #dfe3d6;border-radius:5px;background:#fffefa;color:#859075;font-size:9px}.mini-files b{font-size:20px;font-weight:300;color:#a4ac98;margin-left:5px}.mini-tags span{font-size:9px;background:#e9eddf;padding:6px 9px;border-radius:4px;color:#75816a}.mini-tags span:nth-child(2){background:#eee4d7;color:#9f8b6d}.mini-tags span:nth-child(3){background:#f0dfd7;color:#b17964}.mini-search{border:1px solid #e2e4d7;border-radius:6px;background:#fffefa;padding:10px;color:#a4a799;font-size:9px;display:flex;align-items:center;gap:9px}.mini-search>span{font-size:17px;line-height:10px}.mini-search kbd{margin-left:auto}.local-section{background:#ebeee2;border-block:1px solid #e1e5d7;padding-block:66px}.local-inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:50px}.local-inner h2{font-size:34px;margin:15px 0 20px}.local-inner p:not(.eyebrow){font-size:13px;line-height:1.95;color:#7e8775}.local-inner ul{list-style:none;display:flex;gap:20px;flex-wrap:wrap;padding:0;margin-top:26px;font-size:10px;color:#63745a}.local-inner li:before{content:'✓';margin-right:6px}.local-illustration{position:relative;height:310px;display:flex;align-items:center;justify-content:center}.folder-shape{width:230px;height:165px;background:#c5cfb2;border-radius:10px;transform:rotate(-8deg);position:relative;box-shadow:0 20px 25px #52684115;display:grid;place-items:center}.folder-shape:before{content:'';position:absolute;left:0;top:-23px;width:90px;height:30px;background:#c5cfb2;border-radius:9px 9px 0 0}.folder-shape:after{content:'';position:absolute;inset:18px -6px -5px 5px;border-radius:8px;background:#d1d9c0;transform:skew(-5deg);z-index:-1}.folder-shape img{width:58px;height:58px;opacity:.85;transform:rotate(8deg);filter:grayscale(.2)}.local-stamp{position:absolute;bottom:32px;right:25px;width:98px;height:98px;border:1px solid #9fae8d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;letter-spacing:1px;color:#839774;transform:rotate(13deg);background:#eff2e7}.local-stamp b{font-size:13px;margin-top:9px;letter-spacing:2px;font-weight:500}.tiny-star{position:absolute;left:27px;top:20px;color:#a4b294;font-size:45px;font-weight:200}.workflow{padding-top:96px;padding-bottom:90px}.workflow ol{list-style:none;margin:45px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.workflow li{position:relative;padding-top:25px;border-top:1px solid #d7ddcc}.workflow li>span{font-family:Georgia,serif;color:#adbaa0;font-size:25px}.workflow h3{font-size:16px;font-weight:550;margin:20px 0 12px}.workflow li p{color:#8a8e82;font-size:12px;line-height:1.9;max-width:260px}.download-section{text-align:center;border:1px solid #e2dfd0;background:#f3eee3;border-radius:14px;padding:55px 35px 33px}.download-section>.eyebrow{justify-content:center;font-size:9px}.download-section h2{font-size:39px;margin:14px 0}.download-intro{color:#8c8d7e;font-size:12px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.download-grid article{text-align:left;border:1px solid #e2e0d3;border-radius:9px;background:#fbfaf5;padding:25px 22px;display:flex;flex-direction:column;align-items:stretch}.os-icon{height:28px;width:28px;stroke:none;fill:var(--ink);margin-bottom:7px}.linux-icon{stroke:var(--ink);fill:none;stroke-width:1.7}.download-grid h3{font-size:19px;font-weight:550;margin:9px 0 3px}.download-grid p{font-size:10px;color:#939587;margin:8px 0 24px}.download-grid .button{font-size:11px;gap:6px;padding:12px 14px;min-height:43px}.secondary-download{font-size:10px;color:#78856d;margin-top:15px;min-height:18px}.secondary-download:not(.muted):hover{text-decoration:underline}.muted{color:#a0a292}.download-grid article>small{font-size:8px;color:#a3a493;margin-top:13px;line-height:1.8}.release-note{display:flex;flex-direction:column;gap:13px;margin-top:25px;font-size:10px;color:#7c886f}.release-note>span{font-size:9px;color:#a0a18f}.faq{padding-block:85px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px}.faq h2{font-size:25px;margin-top:10px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:#9ca58d}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.9;color:var(--muted);margin:17px 15px 0 0}footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;gap:25px}footer .brand>span{font-size:19px}footer>p{font-size:11px;color:#929787}footer>a:not(.brand){font-size:10px;color:#78836e;margin-left:auto}footer>small{font-size:8px;color:#a3a895;margin-left:10px}
@media(min-width:1500px){.hero{min-height:740px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-art{transform:scale(.86);transform-origin:center right}.hero{gap:0;min-height:660px}.brand small{display:none}.feature{padding:25px 19px}.feature h3{font-size:16px}.mini-tags{gap:4px}.mini-tags span{padding:6px}.download-grid article{padding:23px 17px}.hero-art .video{right:-15px}.local-inner ul{gap:12px}.local-inner{gap:20px}.faq{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:80px}.nav nav{gap:19px;font-size:11px}.nav nav>a:first-child{display:none}.brand>span{font-size:20px}.brand img{width:28px;height:28px}.nav-download{padding:9px 12px}.nav-download span{margin-left:8px}.hero{grid-template-columns:1fr;padding-top:45px;overflow:hidden;gap:5px}.hero-copy{position:relative;z-index:6}.hero .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:57px;margin:25px 0 22px}.lead{font-size:14px;line-height:1.9}.hero-art{height:470px;transform:scale(.88);transform-origin:top center;width:510px;left:calc(50% - 255px);margin-bottom:-45px}.photo{left:35px;top:32px;width:230px}.landscape{height:215px}.video{width:230px;right:20px!important;top:153px}.video-art{height:155px}.audio{width:240px;left:60px;bottom:14px}.tag-one{right:44px;top:73px}.tag-two{right:25px;bottom:38px}.art-label{right:30px}.art-index{right:20px;bottom:-9px}.statement{align-items:flex-start;flex-direction:column;gap:12px;padding-block:19px}.statement>p{font-size:11px;margin:0}.statement>div{font-size:11px;gap:20px}.statement i{font-size:12px}.section-intro{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:26px}.section-intro>p{font-size:12px}.section-intro .eyebrow{font-size:8px;letter-spacing:1.3px}h2{font-size:31px}.preview-section{padding-top:55px}.window-bar{padding:11px 12px;font-size:8px}.local-badge{font-size:7px}.app-preview{border-radius:8px}.image-note{font-size:8px}.features-section{padding-top:50px;padding-bottom:50px}.feature-grid{grid-template-columns:1fr;gap:13px}.feature{padding:24px;position:relative}.feature-icon{margin-bottom:18px;width:36px;height:36px}.feature small{position:absolute;top:37px;right:25px}.feature h3{font-size:18px}.feature p{min-height:0;max-width:400px;font-size:12px;margin-bottom:17px}.mini-files,.mini-tags,.mini-search{width:260px;max-width:100%}.local-section{padding-block:30px}.local-inner{grid-template-columns:1fr;gap:5px}.local-illustration{height:230px;max-width:350px;width:100%;margin:auto}.folder-shape{width:190px;height:135px}.local-stamp{bottom:0;right:5px;width:85px;height:85px}.tiny-star{font-size:35px}.local-inner>div:last-child{padding-block:25px}.local-inner h2{font-size:29px}.local-inner p:not(.eyebrow){font-size:12px}.local-inner ul{font-size:9px;gap:15px}.workflow{padding-top:50px;padding-bottom:45px}.workflow ol{grid-template-columns:1fr;gap:15px;margin-top:25px}.workflow li{padding:20px 0 0 45px}.workflow li>span{position:absolute;left:0;top:24px;font-size:21px}.workflow h3{margin:5px 0 9px}.workflow li p{max-width:none;font-size:12px;margin-bottom:6px}.download-section{padding:30px 18px 22px;border-radius:10px}.download-section h2{font-size:27px}.download-section>.eyebrow{font-size:7px;letter-spacing:1.2px}.download-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.download-grid article{padding:23px}.download-grid .button{font-size:12px}.download-grid p{font-size:11px;margin-bottom:18px}.download-grid article>small{font-size:9px}.release-note{font-size:9px}.release-note>span{font-size:8px;line-height:1.8}.faq{grid-template-columns:1fr;gap:8px;padding-block:45px}.faq h2{font-size:24px}.faq summary{font-size:12px}.faq details p{font-size:11px}footer{flex-wrap:wrap;gap:12px;padding-block:25px}footer .brand>span{font-size:18px}footer>p{font-size:10px;margin-left:8px}footer>a:not(.brand){font-size:9px}footer>small{width:100%;margin:0;text-align:left;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}