:root{--paper:#fff9ef;--cream:#f3e7d3;--ink:#382317;--muted:#725746;--orange:#c76325;--button:#a94315;--line:#dfcdb7;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #985023;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 18px;background:var(--paper);transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;font-weight:750;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:contain}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:26px;padding:0 6px;border:1px solid #baa086;border-bottom-width:3px;border-radius:6px;font-size:14px;font-weight:650;line-height:1;background:#fffaf1;vertical-align:middle}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav>a:not(.button){text-decoration:none;padding-block:12px}.site-header nav>a:not(.button):hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:15px 24px;border:0;border-radius:10px;background:var(--button);color:#fff;text-decoration:none;font-size:17px;font-weight:650;line-height:1.4;transition:background-color .15s}.button:hover{background:#85330e}.button-small{min-height:42px;padding:11px 16px;font-size:13px}.button-main{min-height:60px;padding:17px 27px}.button svg{width:21px;height:21px}
.hero{padding-top:58px}.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:center}.preview-label{font-size:14px;font-weight:650;margin-bottom:23px;color:var(--button)}h1{font-size:clamp(48px,5.35vw,77px);font-weight:780;line-height:1.18;letter-spacing:-.065em}.hero-description{margin-top:29px;font-size:19px;line-height:1.85;color:var(--muted)}.hero-squirrel{width:310px;transform:rotate(3deg)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:33px}.requirement-mobile-space{display:none}.requirements{font-size:13px;line-height:1.85;color:var(--muted)}.version-notice{font-size:13px;color:var(--muted);line-height:1.8;margin-top:16px;max-width:680px}
.product-shot{margin:0}.editor-shot{margin-top:48px;scroll-margin-top:30px;max-width:1120px;margin-inline:auto}.media-surface{position:relative;width:100%;display:block;border:0;padding:20px;border-radius:22px;background:var(--cream);overflow:hidden;text-align:left}.media-surface img{width:100%;border-radius:10px}.editor-shot .media-surface{box-shadow:0 28px 56px -40px #5d2c0e55}.image-zoom{cursor:zoom-in}.image-zoom:hover .zoom-hint{background:var(--ink);color:#fff}.zoom-hint{position:static;margin:10px 0 -4px auto;width:max-content;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:7px;background:rgba(255,253,248,.95);color:var(--ink);font-size:12px;font-weight:600;transition:background-color .15s}.zoom-hint svg{width:18px;height:18px}.product-shot figcaption{margin-top:13px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.image-unavailable{min-height:180px;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;padding:20px}.image-unavailable:not([hidden]){display:flex}.media-surface.has-missing-image .image-unavailable{min-height:360px}.media-surface.has-missing-image .zoom-hint{display:none}
.workflow{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:33px 86px}.workflow h2{font-size:24px;font-weight:650;letter-spacing:-.035em}.workflow ol{display:flex;gap:26px;padding:0;list-style:none;font-size:13px;line-height:1.7;color:var(--muted)}.workflow li{display:flex;align-items:center;gap:8px}.workflow li span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #c9ad8e;border-radius:50%;font-size:11px;color:var(--ink);flex-shrink:0}.patterns-section{background:var(--cream);padding-block:92px 72px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}.section-intro h2,.install-heading h2,.last-cta h2{font-size:clamp(38px,4vw,56px);line-height:1.22;font-weight:740;letter-spacing:-.05em}.section-intro>p{font-size:17px;line-height:1.9;color:var(--muted);padding-bottom:3px;min-width:260px}.pattern-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}.pattern-gallery figure{min-width:0}.pattern-zoom{display:block;width:100%;padding:0;border:0;background:#ebdac0;border-radius:14px;overflow:hidden;cursor:zoom-in}.pattern-zoom img{width:100%;height:auto;object-fit:contain}.pattern-gallery figcaption{font-size:14px;margin-top:10px;color:var(--ink);text-align:center}.gallery-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:26px;text-align:center}
.history-section{padding-block:108px 96px}.history-shot .media-surface{padding:18px}.history-detail{display:grid;grid-template-columns:.8fr 1.6fr;gap:45px;align-items:center;margin-top:42px}.history-detail h3{font-size:27px;font-weight:700;letter-spacing:-.035em;margin-bottom:16px}.history-detail-copy>p{font-size:16px;line-height:1.9;color:var(--muted)}.history-detail-copy .small-note{font-size:12px;margin-top:18px}.selected-shot .media-surface{padding:12px}.selected-shot .zoom-hint{bottom:22px;right:22px}.install-section{display:grid;grid-template-columns:1fr 1fr;gap:96px;border-top:1px solid var(--line);padding-block:78px}.install-heading>p{margin-top:24px;font-size:15px;line-height:1.9;color:var(--muted)}.install-heading>.small-note{font-size:12px;max-width:340px;margin-top:15px}.install-steps{list-style:none;counter-reset:installation;margin:0;padding:0}.install-steps li{position:relative;padding-left:42px;counter-increment:installation;margin-bottom:30px}.install-steps li::before{content:counter(installation);position:absolute;left:0;top:0;font-size:17px;font-weight:500;color:var(--button)}.install-steps h3{font-size:18px;line-height:1.5;font-weight:650}.install-steps p{font-size:14px;color:var(--muted);line-height:1.85;margin-top:8px}.shortcut-note{font-size:12px;color:var(--muted);line-height:1.85;border-left:2px solid var(--orange);padding-left:15px}.shortcut-note strong{display:block;font-weight:650;color:var(--ink);margin-bottom:4px}
.privacy-section{display:grid;grid-template-columns:1fr 1fr;gap:96px;border-top:1px solid var(--line);padding-block:31px 52px}.privacy-section h2{font-size:17px;font-weight:600;line-height:1.8}.privacy-section summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;font-size:15px;line-height:1.8}.privacy-section summary::-webkit-details-marker{display:none}.privacy-section summary svg{width:18px;height:18px;flex-shrink:0}.privacy-section details[open] summary svg{transform:rotate(45deg)}.details-copy{padding-top:20px}.details-copy p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:15px}.metrics-control{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.text-button{border:0;padding:10px 0;background:none;color:var(--button);text-align:left;text-decoration:underline;text-underline-offset:4px;font-size:13px;line-height:1.6}#metrics-state{font-size:12px;line-height:1.7;color:var(--muted)}.last-cta{display:flex;justify-content:space-between;gap:40px;align-items:center;border-top:1px solid var(--line);padding-block:74px 68px}.last-cta h2{font-size:43px}.last-cta>div>p{color:var(--muted);font-size:15px;line-height:1.7;margin-top:17px}.last-download{max-width:355px}.last-download .small-note{font-size:12px;margin-top:15px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:23px 36px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.release-links{display:flex;align-items:center;gap:24px}.release-links>span{font-size:15px;font-weight:650;color:var(--ink)}.release-links .keycap{height:23px;min-width:28px;font-size:11px;margin-left:4px}.release-links a,.more-work{display:inline-block;padding-block:12px}.more-work{color:var(--ink)}
.image-dialog{width:calc(100vw - 48px);max-width:1640px;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #0006}.image-dialog::backdrop{background:rgba(35,21,14,.82)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid var(--line)}.dialog-bar p{font-size:13px;line-height:1.6}.dialog-close{border:1px solid #baa086;border-radius:7px;background:var(--paper);font-size:13px;padding:9px 12px;flex-shrink:0;min-height:40px}.dialog-close span{font-size:20px;margin-left:10px;line-height:1;vertical-align:middle}.dialog-image-wrap{overflow:auto;max-height:calc(100dvh - 140px);padding:18px}.dialog-image-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 180px);object-fit:contain;margin:auto}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero{padding-top:70px}.hero-intro{grid-template-columns:minmax(0,1fr) 335px}.hero-squirrel{width:335px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-intro{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.hero-squirrel{width:250px}h1{font-size:clamp(46px,5.6vw,66px)}.hero-description{font-size:17px}.workflow{display:block}.workflow ol{margin-top:24px;justify-content:space-between}.install-section,.privacy-section{gap:55px}.section-intro>p{font-size:15px;min-width:235px}.history-detail{gap:30px;grid-template-columns:1fr 1.5fr}.history-detail h3{font-size:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:18px;gap:12px}.brand{font-size:19px;gap:7px}.brand img{width:36px;height:36px}.brand .keycap{font-size:11px;height:23px;min-width:26px}.site-header nav{gap:18px}.nav-preview,.nav-install{display:none}.button-small{font-size:12px;padding:11px 12px}.hero{padding-top:38px}.hero-intro{display:block;position:relative}.hero-copy{position:relative;z-index:1}.preview-label{font-size:12px;margin-bottom:20px}h1{font-size:clamp(34px,6.9vw,51px);letter-spacing:-.06em;line-height:1.25}.hero-description{font-size:15px;line-height:1.85;margin-top:23px;max-width:380px}.hero-squirrel{position:absolute;width:137px;right:0;bottom:-140px;z-index:0}.hero-actions{position:relative;z-index:1;display:block;margin-top:25px;max-width:calc(100% - 108px)}.button-main{min-height:54px;font-size:15px;padding:15px 19px}.requirements{font-size:11px;margin-top:12px;line-height:1.6}.requirements .requirement-break{display:none}.requirement-mobile-space{display:inline}.version-notice{margin-top:22px;font-size:11px;max-width:none;line-height:1.85;position:relative;z-index:1}.editor-shot{margin-top:27px}.media-surface{padding:8px;border-radius:13px}.media-surface img{border-radius:7px}.zoom-hint{right:15px;bottom:15px;font-size:10px;gap:6px;padding:6px 8px;border-radius:5px}.zoom-hint svg{width:14px;height:14px}.product-shot figcaption{font-size:11px;margin-top:9px}.media-surface.has-missing-image .image-unavailable{min-height:240px}.workflow{padding-block:28px 53px}.workflow h2{font-size:22px}.workflow ol{display:block;font-size:13px;margin:18px 0 0}.workflow li{margin-top:12px;gap:10px}.patterns-section{padding-block:52px 40px}.section-intro{display:block;margin-bottom:27px}.section-intro h2,.install-heading h2{font-size:35px;line-height:1.26}.section-intro>p{font-size:14px;line-height:1.9;margin-top:20px;min-width:0;padding:0}.pattern-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.pattern-zoom{border-radius:10px}.pattern-gallery figcaption{font-size:12px;margin-top:8px}.pattern-gallery .image-unavailable{min-height:94px;font-size:11px;padding:8px}.gallery-note{font-size:11px;margin-top:22px}.history-section{padding-block:55px 53px}.history-shot .media-surface{padding:8px}.history-detail{display:block;margin-top:33px}.history-detail h3{font-size:23px;margin-bottom:12px}.history-detail-copy>p{font-size:14px;line-height:1.8}.history-detail-copy .small-note{margin-top:10px;font-size:11px}.selected-shot{margin-top:20px}.selected-shot .media-surface{padding:8px}.selected-shot .zoom-hint{right:15px;bottom:15px}.install-section{grid-template-columns:1fr;gap:30px;padding-block:45px}.install-heading>p{font-size:13px;margin-top:20px}.install-heading>.small-note{font-size:11px;margin-top:10px}.install-steps li{padding-left:33px;margin-bottom:23px}.install-steps h3{font-size:17px}.install-steps p{font-size:13px}.privacy-section{grid-template-columns:1fr;gap:17px;padding-block:24px 36px}.privacy-section h2{font-size:16px}.privacy-section summary{font-size:14px}.details-copy p{font-size:12px}.last-cta{display:block;padding-block:45px 42px}.last-cta h2{font-size:33px}.last-cta>div>p{font-size:13px;margin-top:15px}.last-download{margin-top:25px}.last-download .small-note{font-size:11px}.site-footer{align-items:flex-start;flex-direction:column;gap:8px;padding-block:17px 25px}.release-links{flex-wrap:wrap;gap:0 20px;font-size:11px}.release-links>span{width:100%;font-size:14px;margin-bottom:5px}.site-footer .more-work{font-size:12px;align-self:flex-start}.image-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:10px}.dialog-bar{padding:10px 12px}.dialog-bar p{font-size:11px}.dialog-close{font-size:12px;padding:7px 10px}.dialog-image-wrap{padding:8px;max-height:calc(100dvh - 90px)}.dialog-image-wrap img{max-height:calc(100dvh - 110px)}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:17px;gap:5px}.brand img{width:30px;height:30px}.brand .keycap{font-size:10px;min-width:24px}.button-small{font-size:11px;padding:10px 9px}.site-header{gap:6px}h1{font-size:32px;letter-spacing:-.07em}.hero-description{font-size:13px}.hero-squirrel{width:118px;right:-5px;bottom:-127px}.hero-actions{max-width:calc(100% - 90px)}.button-main{font-size:13px;padding:14px 16px;gap:8px}.button svg{width:17px;height:17px}.requirements{font-size:10px}.version-notice{font-size:10px}.workflow h2{font-size:20px}.section-intro h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}