@font-face{font-family:BalooKobel;src:url("assets/fonts/Baloo2.ttf") format("truetype");font-display:swap}
:root{--paper:#f6f3e9;--paper-deep:#ece7d9;--ink:#252b22;--muted:#6c7168;--olive:#596742;--olive-dark:#303b27;--line:rgba(37,43,34,.15);--card:#fffdf8;--radius:26px;--ease:cubic-bezier(.22,.72,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#becb95;color:var(--olive-dark)}
.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--olive-dark);color:#fff;padding:.65rem 1rem;border-radius:999px;z-index:30}.skip-link:focus{top:1rem}.site-header{height:76px;padding:0 clamp(1.25rem,5vw,5.5rem);display:flex;align-items:center;gap:2rem;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.6rem;font-family:BalooKobel,"Trebuchet MS",sans-serif;font-size:1.55rem;letter-spacing:.03em}.brand img{border-radius:11px}.nav-links{display:flex;gap:2rem;margin-left:auto;color:var(--muted);font-size:.88rem}.nav-links a,.footer-links a{transition:color .2s ease}.nav-links a:hover,.footer-links a:hover{color:var(--olive)}.nav-download{border:1px solid var(--ink);border-radius:99px;padding:.55rem 1rem;font-size:.82rem;transition:all .2s ease}.nav-download:hover{background:var(--ink);color:var(--paper)}
.page-section{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.hero{min-height:650px;padding:4rem 0 6rem;display:grid;grid-template-columns:minmax(300px,.83fr) 1.17fr;align-items:center;gap:3rem}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:var(--olive);font-weight:700;margin:0 0 1rem}.eyebrow-dot{width:8px;height:8px;background:#d97854;display:inline-block;border-radius:50%;margin-right:.45rem}.hero h1,.section-heading h2,.themes h2,.workflow h2,.privacy-card h2,.download-copy h2,.faq h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.93;letter-spacing:-.075em;font-weight:500;margin:0}.hero h1 em,.section-heading h2 em,.themes h2 em,.workflow h2 em,.privacy-card h2 em,.download-copy h2 em{font-style:normal;color:var(--olive)}.hero-lede{font-size:1.1rem;max-width:400px;color:var(--muted);margin:2rem 0}.hero-actions{display:flex;gap:1.3rem;align-items:center}.button{display:inline-flex;align-items:center;gap:1.1rem;border-radius:99px;padding:.85rem 1.3rem;font-weight:700;font-size:.88rem;transition:transform .2s var(--ease),background .2s ease}.button:hover{transform:translateY(-3px)}.button-primary{color:#fff;background:var(--olive-dark);box-shadow:0 8px 25px rgba(48,59,39,.17)}.button-light{background:var(--paper);color:var(--olive-dark);font-size:.9rem}.text-link{font-size:.84rem;color:var(--olive);font-weight:700}.text-link span{font-size:1.2rem;margin-left:.35rem}.hero-notes{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:2.8rem;color:var(--muted);font-size:.76rem}.hero-notes i{font-style:normal;color:#c57252;margin-right:.25rem}
.hero-visual{position:relative;min-height:690px}.phone{margin:0;background:#20261e;border:8px solid #20261e;border-radius:34px;box-shadow:0 28px 50px rgba(44,48,35,.22);overflow:hidden}.phone-main{width:300px;position:absolute;left:8%;top:25px;transform:rotate(-4deg);z-index:2}.app-screenshot{display:block;width:100%;height:auto;filter:none}.widget-stack{position:absolute;right:0;top:155px;display:grid;gap:22px;width:220px;z-index:3}.widget-shot{margin:0;transform:rotate(5deg)}.widget-shot img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 15px 30px rgba(44,48,35,.14);filter:none}.widget-shot figcaption{font-size:.61rem;color:var(--muted);padding:.5rem .25rem}.widget-shot-board{width:200px;margin-left:20px;transform:rotate(-4deg)}.scribble{font:1rem/1.2 BalooKobel,"Comic Sans MS",sans-serif;color:#a1a995;letter-spacing:.06em}.scribble-top{position:absolute;right:15%;top:20px;transform:rotate(8deg)}.paper-note{position:absolute;left:0;bottom:35px;z-index:4;transform:rotate(-7deg);background:#eacda0;padding:13px 17px 16px;box-shadow:5px 7px 12px rgba(80,65,39,.1);font-family:"KaiTi","STKaiti",serif;color:#594e3d}.paper-note:before{content:"";position:absolute;top:-5px;left:41%;width:38px;height:9px;background:#d4b98d;transform:rotate(3deg);opacity:.8}.paper-note span{font-size:.68rem;display:block;margin-bottom:3px}.paper-note strong{font-size:.95rem;line-height:1.3;font-weight:500}
.marquee{overflow:hidden;background:var(--olive-dark);color:#dbe5bf;padding:17px 0;font-size:.76rem;letter-spacing:.08em}.marquee-track{display:flex;white-space:nowrap;gap:2.5rem;align-items:center;justify-content:center}.marquee b{font-size:1rem;color:#d97854}.intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-top:9rem;padding-bottom:6rem}.section-heading h2{font-size:clamp(3.2rem,6vw,5.7rem)}.intro-body{align-self:end;max-width:370px;color:var(--muted);font-size:1.08rem}.circle-link{display:flex;width:58px;height:58px;border:1px solid var(--olive);border-radius:50%;align-items:center;justify-content:center;color:var(--olive);font-size:1.4rem;margin-top:1.4rem;transition:background .2s,color .2s}.circle-link:hover{background:var(--olive);color:var(--paper)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:9rem}.feature-card{position:relative;border-radius:var(--radius);padding:2rem;min-height:390px;overflow:hidden}.feature-large{min-height:450px}.card-cream{background:#fdfcf4}.card-olive{background:#c4d3a6;color:#344028}.card-sand{background:#e8d9bc}.card-lilac{background:#d7d1e6;color:#393844}.card-index{font-size:.67rem;letter-spacing:.13em;opacity:.64}.feature-icon{font-size:2.4rem;line-height:1;margin:2.3rem 0 1.1rem}.feature-card h3{font-size:2rem;line-height:1.1;letter-spacing:-.06em;margin:0}.feature-card p{max-width:310px;color:rgba(37,43,34,.67);font-size:.88rem;margin-top:1rem}.arrow-link{font-size:.77rem;font-weight:700;color:var(--olive-dark);position:absolute;bottom:2rem}.arrow-link span{margin-left:.6rem;font-size:1.1rem}.swatch-row{display:flex;gap:9px;position:absolute;bottom:2.1rem}.swatch{display:block;width:33px;height:33px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.swatch-mint{background:#d1e7d5}.swatch-coral{background:#efc1ac}.swatch-lavender{background:#d9d1e9}.swatch-yellow{background:#eadb9e}.swatch-ink{background:#667653}.privacy-stamp{position:absolute;right:2.3rem;bottom:2.2rem;width:104px;height:104px;border:1px dashed rgba(61,58,76,.6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transform:rotate(12deg);font-size:.57rem;letter-spacing:.14em}.privacy-stamp b{font-size:1.1rem}
.themes{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center;padding-bottom:10rem}.themes h2{font-size:clamp(3.2rem,6vw,5.6rem)}.themes-copy>p:not(.eyebrow){color:var(--muted);max-width:360px;margin:1.6rem 0 2.2rem}.theme-tabs{display:flex;flex-wrap:wrap;gap:8px;max-width:380px}.theme-tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.55rem .85rem;min-height:44px;border-radius:99px;cursor:pointer;font-size:.75rem;transition:.2s}.theme-tab:hover,.theme-tab.is-active{background:var(--olive-dark);color:#fff;border-color:var(--olive-dark)}.theme-display{padding:2rem;background:#e4e8d9;border-radius:var(--radius)}.theme-phone{max-width:300px;margin:0 auto}.theme-phone img{border:7px solid #20261e;border-radius:30px;box-shadow:0 12px 30px rgba(40,48,27,.12)}.theme-phone figcaption{font-size:.66rem;text-align:center;color:var(--muted);padding-top:.8rem}.theme-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0 0;font-size:.73rem;color:var(--muted)}.theme-name{font:1.2rem BalooKobel,sans-serif;color:var(--olive)}.theme-description{text-align:right}
.workflow{border-top:1px solid var(--line);padding-top:6rem;padding-bottom:9rem}.workflow-heading h2{font-size:clamp(3.1rem,5vw,5rem);margin-bottom:4rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.step{border-top:1px solid var(--line);padding-top:1.2rem}.step>span{font:1.3rem BalooKobel,sans-serif;color:#bf6f50}.step h3{font-size:1.4rem;letter-spacing:-.04em;margin:.8rem 0 .45rem}.step p{font-size:.84rem;color:var(--muted);max-width:260px;margin:0}.privacy-section{padding-bottom:9rem}.privacy-card{background:#e6ecd8;border-radius:var(--radius);padding:4.5rem;display:grid;grid-template-columns:1fr 1fr;gap:6rem}.privacy-card h2{font-size:clamp(3rem,5vw,4.8rem)}.privacy-copy{align-self:center;color:#5d6853;font-size:.93rem}.privacy-copy p{margin-top:0;margin-bottom:1.2rem}.download-section{padding-bottom:9rem}.download-card{background:var(--olive-dark);border-radius:var(--radius);padding:5.2rem 5rem;color:#eaf0d9;display:grid;grid-template-columns:1fr 1fr;min-height:480px;overflow:hidden;position:relative}.download-copy .eyebrow{color:#bdcc98}.download-copy h2{font-size:clamp(3.4rem,5vw,5.3rem)}.download-copy h2 em{color:#cbd99f}.download-copy>p:not(.eyebrow):not(.release-meta):not(.download-fallback){color:#bec9aa;max-width:360px;font-size:.91rem;margin:1.5rem 0 2rem}.release-meta{font-size:.69rem;color:#93a27b;display:flex;gap:.45rem;margin-top:1.1rem}.download-fallback{font-size:.7rem;color:#f0bca6}.download-mark{display:flex;align-items:center;justify-content:center;position:relative}.download-mark img{width:min(360px,100%);filter:brightness(0) invert(1);opacity:.92;position:relative;z-index:2}.download-orbit{position:absolute;border:1px solid rgba(203,217,159,.3);border-radius:50%;width:330px;height:180px;transform:rotate(-21deg)}.orbit-two{width:270px;height:250px;transform:rotate(46deg);border-color:rgba(216,128,94,.36)}.download-star{position:absolute;right:5%;top:17%;font-size:2rem;color:#d47d5d}
.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:5rem;padding-bottom:9rem}.faq h2{font-size:clamp(3rem,5vw,4.8rem)}.faq-heading>p:last-child{color:var(--muted);font-size:.9rem;max-width:260px;margin-top:1.6rem}.faq-list details{border-top:1px solid var(--line);padding:1.25rem 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:1rem;font-weight:700}summary::-webkit-details-marker{display:none}summary span{font-size:1.5rem;font-weight:400;color:var(--olive);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:.84rem;max-width:570px;margin:.8rem 2rem 0 0}.faq-list code{font-family:monospace;font-size:.78rem;background:var(--paper-deep);padding:.15rem .35rem;border-radius:4px}.site-footer{background:#e9e5d8;padding:2rem clamp(1.25rem,5vw,5.5rem);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem;color:#737967;font-size:.75rem}.footer-brand{display:flex;align-items:center;gap:.5rem;color:var(--olive-dark);font:1.25rem BalooKobel,sans-serif}.footer-brand img{border-radius:9px}.site-footer>p{margin:0;text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:1.2rem}.site-footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem;color:#9b9e90}
@media (max-width:850px){.site-header{height:68px}.nav-links{gap:1rem}.nav-download{padding:.5rem .7rem}.hero{grid-template-columns:1fr;padding-top:3rem;gap:1rem}.hero h1{font-size:clamp(3.8rem,14vw,6rem)}.hero-visual{min-height:690px;max-width:580px;width:100%;margin:auto}.intro,.themes,.faq{grid-template-columns:1fr;gap:3rem}.intro{padding-top:6rem}.feature-grid{padding-bottom:6rem}.themes{padding-bottom:7rem}.theme-display{padding:2rem}.privacy-card,.download-card{grid-template-columns:1fr;gap:3rem;padding:3.2rem}.download-card{min-height:650px}.download-mark{min-height:220px}.steps{gap:2rem}.workflow{padding-bottom:6rem}.privacy-section,.download-section,.faq{padding-bottom:6rem}.site-footer{grid-template-columns:1fr 1fr}.site-footer>p{text-align:left}.footer-links{justify-content:flex-start;grid-column:1/-1;grid-row:2}.site-footer small{grid-row:3}}
@media (max-width:560px){.site-header{padding-inline:1.25rem}.nav-links{display:none}.nav-download{margin-left:auto}.page-section{width:calc(100% - 2rem)}.hero{padding-bottom:2rem}.hero-lede{font-size:.98rem}.hero-actions{flex-wrap:wrap}.hero-notes{gap:.65rem;font-size:.68rem}.hero-visual{min-height:640px}.phone-main{width:260px;left:calc(50% - 138px)}.widget-stack{width:155px;right:0;top:175px;gap:18px}.widget-shot-board{width:145px;margin-left:10px}.widget-shot figcaption{font-size:.56rem}.scribble-top{right:8%;top:0}.paper-note{left:4px;bottom:65px}.marquee-track{justify-content:flex-start;width:max-content}.intro{padding-top:5rem;padding-bottom:4.5rem}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card,.feature-large{min-height:390px}.themes h2{font-size:3.5rem}.theme-tabs{max-width:300px}.theme-display{padding:1.2rem}.workflow-heading h2{font-size:3.5rem;margin-bottom:3rem}.steps{grid-template-columns:1fr;gap:2rem}.privacy-card,.download-card{padding:2.3rem 1.6rem}.privacy-card h2,.download-copy h2{font-size:3.7rem}.download-mark{min-height:180px}.download-orbit{width:270px;height:150px}.faq{gap:2.5rem}.faq h2{font-size:3.5rem}.site-footer{padding-inline:1.25rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.circle-link,.theme-tab{transition:none}.marquee-track{animation:none}}
.import-showcase{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:3rem;max-width:740px;margin:4rem auto 0;padding:2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.import-showcase img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 8px 24px rgba(44,48,35,.1);filter:none}.import-showcase figcaption strong{font-size:1.4rem;letter-spacing:-.04em}.import-showcase figcaption p{font-size:.88rem;color:var(--muted);margin:1rem 0}.import-showcase figcaption>span{font-size:.66rem;color:var(--muted)}@media (max-width:560px){.import-showcase{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;margin-top:3rem}.import-showcase img{width:min(230px,100%);margin:auto}}
.preview-label{position:absolute;bottom:0;left:8%;font-size:.65rem;letter-spacing:.04em;color:var(--muted)}.release-meta{flex-wrap:wrap}.checksum{max-width:370px;font-size:.69rem;color:#bdc9a9}.checksum summary{font-size:.69rem;font-weight:400}.checksum summary span{font-size:.8rem;color:#bdc9a9}.checksum code{display:block;overflow-wrap:anywhere;margin-top:.6rem;padding:.8rem;background:rgba(255,255,255,.06);border-radius:10px;color:#d9e2c8;font:10px/1.7 monospace}.faq-list a{color:var(--olive);text-decoration:underline;text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #af623e;outline-offset:5px;border-radius:4px}.button:focus-visible,.theme-tab:focus-visible,.nav-download:focus-visible{border-radius:99px}@media (max-width:560px){.preview-label{left:calc(50% - 104px);bottom:20px}.theme-caption{align-items:flex-start}.theme-description{font-size:.64rem;max-width:180px}}