:root{color-scheme:light;--ink:#202822;--muted:#626a64;--accent:#536b4c;--line:#dfe3dc;--paper:#fafbf8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #738c61;outline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:23px;letter-spacing:-.7px}.brand span{font-size:17px;font-weight:400;margin-left:8px}.header nav{display:flex;gap:36px;font-size:14px}.hero{padding-block:64px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:10px}.eyebrow>span{width:7px;height:7px;background:#728765;border-radius:50%}h1{font-size:clamp(54px,6.1vw,80px);font-weight:500;line-height:1.28;letter-spacing:-2px;margin:24px 0 18px}.serif{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;color:var(--accent)}.hero-copy{font-size:17px;line-height:1.95;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:52px;padding:15px 23px;border-radius:6px;font-size:15px;transition:background .2s,transform .2s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#42543e;color:#fff;transform:translateY(-2px)}.text-link{font-size:14px}.text-link span{margin-left:14px}.compatibility{font-size:12px;color:var(--muted);margin-top:18px}.compatibility span{margin:0 9px}.app-window{margin-top:42px;border:1px solid #cbd2c8;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -35px #33442f60;background:var(--surface);color:var(--text)}[data-theme=paper]{--surface:#faf9f5;--panel:#f0f0e9;--text:#30382e;--soft:#697263;--selected:#e0e6d7;--stroke:#dde0d5;--mark:#586e47}[data-theme=minimal]{--surface:#fff;--panel:#f5f5f5;--text:#252525;--soft:#6c6c6c;--selected:#e8e8e8;--stroke:#e2e2e2;--mark:#555}[data-theme=sand]{--surface:#f5eddd;--panel:#ebe2d0;--text:#4c3d2d;--soft:#7f6b50;--selected:#e3d4b9;--stroke:#ddceb5;--mark:#8b623d}[data-theme=night]{--surface:#202823;--panel:#19201b;--text:#e3e8dc;--soft:#a8b4a1;--selected:#384734;--stroke:#414c3c;--mark:#b6c99c}[data-theme=github]{--surface:#fff;--panel:#f6f8fa;--text:#1f2328;--soft:#656d76;--selected:#ddf4ff;--stroke:#d0d7de;--mark:#0969da}.window-toolbar{height:45px;border-bottom:1px solid var(--stroke);background:var(--panel);display:flex;align-items:center;padding:0 17px;gap:24px;font-size:12px;color:var(--soft)}.window-toolbar b{font-weight:400;margin:0 8px;opacity:.5}.traffic{display:flex;gap:7px}.traffic i{width:10px;height:10px;border-radius:50%;background:#ec7166}.traffic i:nth-child(2){background:#e6bb52}.traffic i:nth-child(3){background:#82b46c}.toolbar-symbol{margin-left:auto;font-size:20px}.window-body{display:grid;grid-template-columns:225px 1fr 186px;min-height:514px}.mock-sidebar{position:relative;background:var(--panel);padding:20px 12px;font-size:13px;border-right:1px solid var(--stroke)}.mock-sidebar>div:not(.sidebar-label):not(.sidebar-bottom){padding:9px 8px}.workspace{border:1px solid var(--stroke);border-radius:5px;margin-bottom:23px}.sidebar-label{font-size:12px;color:var(--soft);margin:0 8px 15px}.mock-sidebar .file{padding-left:24px!important;font-size:12px}.selected{background:var(--selected);border-radius:5px}.sidebar-bottom{position:absolute;bottom:20px;left:20px;font-size:12px;color:var(--soft)}.document-tab{border-bottom:1px solid var(--stroke);height:40px;padding:12px 20px;font-size:12px}.document-tab span{float:right;color:var(--soft)}.document-content{padding:22px 38px 28px}.document-meta{font-size:12px!important;font-family:inherit!important;color:var(--soft)}.mock-document h2{font-size:28px;margin:24px 0 16px}.mock-document h3{font-size:17px;margin:22px 0 10px}.mock-document p{font-family:"Songti SC","STSong",serif;font-size:14px;line-height:1.85;margin:8px 0}.mock-document blockquote{border-left:3px solid var(--mark);margin:18px 0;padding:7px 14px;background:var(--panel);font-family:"Songti SC","STSong",serif;font-size:14px}.mock-document .task-line{font-family:inherit;font-size:12px;margin:3px 0}.code-sample{font:12px/1.8 ui-monospace,monospace;background:var(--panel);padding:10px 15px;margin-top:18px;border-radius:5px}.code-sample span{color:var(--soft)}.mock-outline{border-left:1px solid var(--stroke);padding:25px 14px;font-size:12px;color:var(--soft)}.mock-outline p{padding-left:10px;margin:20px 0}.outline-active{color:var(--mark);border-left:2px solid var(--mark)}.preview-caption{display:flex;justify-content:space-between;margin:18px 0 46px;font-size:12px;color:var(--muted)}.format-band{border-block:1px solid var(--line)}.format-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:28px}.format-band span{font-size:14px;color:var(--muted)}.format-band strong{font-size:19px;font-weight:500}.section{padding-block:84px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}h2{font-size:clamp(30px,3.5vw,44px);font-weight:500;line-height:1.4;letter-spacing:-1px;margin:21px 0 0}.section-heading>p,.theme-layout>div>p:not(.eyebrow):not(.theme-status){font-size:16px;line-height:1.9;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.feature{border-top:1px solid var(--line);padding-top:23px}.feature-number{font:13px ui-monospace,monospace;color:var(--accent)}.feature h3,.local-details h3{font-size:21px;font-weight:500;margin:23px 0 14px}.feature p,.local-details p{font-size:16px;line-height:1.9;color:var(--muted)}.format-chips,.key-hint{display:flex;align-items:center;gap:8px;margin-top:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.format-chips span,kbd{padding:5px 9px;border:1px solid var(--line);border-radius:4px;font:12px ui-monospace,monospace}.key-hint>span{margin-inline:3px}.theme-section{background:#edf0e9;border-block:1px solid var(--line);padding-block:85px}.theme-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.theme-options{display:flex;gap:9px;margin-top:30px;flex-wrap:wrap}.theme-options button{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid transparent;background:transparent;border-radius:5px;font-size:14px;cursor:pointer;color:var(--ink)}.theme-options button[aria-pressed=true]{border-color:#87977d;background:#ffffff85}.swatch{width:14px;height:14px;border:1px solid #0002;border-radius:50%}.paper{background:#faf9f5}.minimal{background:#fff}.sand{background:#e6d3ae}.night{background:#263027}.github{background:#cae7fa}.theme-status{font-size:12px;color:var(--muted)}.theme-page{position:relative;min-height:355px;background:var(--surface);color:var(--text);padding:40px;border:1px solid var(--stroke);box-shadow:12px 14px 0 #dce2d5;transition:background .2s,color .2s}.theme-page-meta{font-size:12px;color:var(--soft)}.theme-page h3{font:30px/1.6 "Songti SC","STSong",serif;margin:30px 0 20px}.theme-page p{font:16px/1.9 "Songti SC","STSong",serif}.theme-page hr{border:0;border-top:1px solid var(--stroke);margin:28px 0 17px}.theme-page-footer,.page-number{font-size:12px;color:var(--soft)}.page-number{float:right}.local-section{display:grid;grid-template-columns:1fr 1fr;gap:75px}.local-details article+article{border-top:1px solid var(--line);padding-top:5px;margin-top:25px}.local-details article:first-child h3{margin-top:12px}.terminal{display:block;background:#edf0e9;padding:15px 20px;border-radius:5px;font-size:16px;margin-top:18px}.terminal:before{content:'$ ';color:var(--muted)}.closing{text-align:center;background:#e8ece3;padding:65px 0 70px}.closing .eyebrow{justify-content:center;margin-top:12px}.closing h2{margin:24px 0 28px;font-size:36px}.closing p:last-child{font-size:12px;color:var(--muted);margin-top:18px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px}.footer>span{font-size:12px;color:var(--muted)}.footer>div{display:flex;gap:24px;font-size:13px}.skip-link{position:fixed;top:-60px;left:20px;padding:12px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:12px}.hero-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:end}.hero-details{padding:0 0 8px 44px;border-left:1px solid var(--line)}.hero-english{font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:.4px;color:var(--muted);margin:0}.hero-heading .eyebrow{letter-spacing:1.5px}.hero-details .hero-actions{gap:22px}.hero-details .compatibility{margin-bottom:0}
@media(max-width:1000px){.hero-intro{gap:32px;grid-template-columns:1.1fr 1fr}.hero-details{padding-left:24px}.hero-details .hero-actions{flex-wrap:wrap;gap:16px}.window-body{grid-template-columns:185px 1fr}.mock-outline{display:none}.mock-sidebar .file{font-size:12px;padding-left:12px!important}.document-content{padding:22px 30px}.feature-grid{gap:25px}.theme-layout,.local-section{gap:40px}.theme-page{padding:28px}.theme-options{gap:2px}.theme-options button{padding:8px}.footer>span{display:none}}@media(max-width:700px){.hero-intro{grid-template-columns:1fr;gap:27px}.hero-details{padding:0;border-left:0}.hero-english{font-size:15px}.hero-copy br:nth-of-type(2){display:none}.wrap{width:calc(100% - 40px)}.header{height:80px}.header nav{gap:18px}.nav-github{display:none}.brand strong{font-size:21px}.brand span{font-size:14px}.hero{padding-top:45px}h1{font-size:clamp(40px,10.8vw,64px);letter-spacing:-1.5px}.hero-copy{font-size:16px}.hero-actions{gap:20px}.button{gap:20px;padding-inline:18px}.app-window{margin-top:40px}.window-body{grid-template-columns:1fr;min-height:0}.mock-sidebar{display:none}.window-toolbar{gap:14px}.document-content{padding:18px 23px 24px}.mock-document h2{font-size:25px}.document-meta{font-size:12px!important}.preview-caption{margin-bottom:30px;gap:10px}.format-band .wrap{flex-wrap:wrap;justify-content:flex-start;gap:21px;padding-block:22px}.format-band span{width:100%}.format-band strong{font-size:16px}.section{padding-block:65px}.section-heading{display:block}.section-heading>p{margin-top:22px}.feature-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.feature h3{margin-top:15px}.feature p{margin-bottom:15px}.format-chips,.key-hint{margin-top:15px}.theme-section{padding-block:55px}.theme-layout,.local-section{grid-template-columns:1fr;gap:30px}.theme-page{margin-right:12px}.theme-page h3{font-size:28px}.theme-options{gap:5px}.theme-options button{padding:8px}.local-details article:first-child h3{margin-top:0}.closing{padding-block:45px}.closing h2{font-size:28px}.footer{flex-wrap:wrap;padding-block:25px}.footer>div{gap:15px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Actual product screenshots: preserve the full frame and original colors. */
.product-shot{margin:0}
.product-shot>a{display:block;border-radius:12px}
.product-shot img{display:block;width:100%;height:auto}
.product-shot figcaption{display:flex;justify-content:space-between;gap:16px;padding:0 3.2%;font-size:12px;line-height:1.7;color:var(--muted)}
.hero-shot{margin-top:34px;margin-inline:-3.2%}
.hero{padding-bottom:38px}
.screenshot-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.screenshot-options[hidden]{display:none}
.screenshot-options button{padding:12px 18px;font-size:14px;line-height:1.4;color:var(--ink);background:transparent;border:1px solid #bfc9b9;border-radius:6px;cursor:pointer}
.screenshot-options button:hover{background:#dce3d6}
.screenshot-options button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}
.theme-shot{margin:18px -3.2% 0}
.theme-footnote{font-size:14px;line-height:1.8;color:var(--muted);margin:24px 0 0}
@media(max-width:700px){.hero-shot{margin-top:24px}.product-shot figcaption{flex-wrap:wrap;gap:2px 12px}.screenshot-options{gap:6px;margin-top:24px}.screenshot-options button{flex:1 1 calc(50% - 6px);padding:11px 8px}.theme-shot{margin-top:14px}.theme-footnote{font-size:13px}.hero{padding-bottom:28px}}

/* Spacing pass: group related content and keep section breaks consistent. */
:root{--section-space:64px}
.header{height:88px}
.hero{padding-top:40px;padding-bottom:28px}
.hero-intro{grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
h1{font-size:clamp(48px,5.2vw,68px);line-height:1.23;margin:18px 0 14px}
.hero-details{padding:0 0 0 32px}
.hero-actions{margin-top:24px}
.hero-shot{margin-top:20px}
.format-band .wrap{padding-block:22px}
.section{padding-block:var(--section-space)}
.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.section-heading>p{margin:0 0 6px;padding-left:32px}
.section-heading .eyebrow,.local-section>.local-heading>.eyebrow{margin-top:0}
h2{font-size:clamp(30px,3.1vw,40px);line-height:1.35;margin-top:16px}
.feature-grid{margin-top:32px;gap:32px}
.feature{padding-top:18px}
.feature h3{margin-top:16px}
.feature p{margin-bottom:0}
.theme-section{padding-block:var(--section-space)}
.screenshot-options{margin-top:24px}
.theme-shot{max-width:1110px;margin:8px auto 0}
.theme-footnote{margin-top:18px}
.local-section{display:block}
.local-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px}
.local-details article,.local-details article+article{margin:0;padding:18px 0 0;border-top:1px solid var(--line)}
.local-details h3,.local-details article:first-child h3{margin:0 0 14px}
.local-details p{margin:0}
.terminal{margin-top:18px}
.closing{padding-block:40px;text-align:left}
.closing>.wrap{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;align-items:center}
.closing img{grid-column:1;grid-row:1;width:64px;height:64px}
.closing .eyebrow{display:none}
.closing h2{grid-column:2;grid-row:1;font-size:30px;margin:0}
.closing .button{grid-column:3;grid-row:1}
.closing p:last-child{grid-column:2/-1;grid-row:2;margin:10px 0 0}
.footer{padding-block:24px}
@media(max-width:1000px){.hero-intro,.section-heading{gap:28px}.hero-details,.section-heading>p{padding-left:20px}.local-details,.feature-grid{gap:24px}.closing h2{font-size:25px}.closing>.wrap{column-gap:18px}}
@media(max-width:700px){:root{--section-space:44px}.header{height:72px}.hero{padding-top:28px;padding-bottom:24px}.hero-intro,.section-heading{grid-template-columns:1fr;gap:22px}h1{font-size:clamp(40px,10.8vw,60px);margin:16px 0 12px}.hero-details{padding:0}.hero-copy{line-height:1.8}.hero-shot{margin-top:18px}.section-heading>p{padding:0;margin:0}.feature-grid,.local-details{grid-template-columns:1fr;gap:26px;margin-top:26px}.feature p,.local-details p{line-height:1.8}.theme-section{padding-block:44px}.theme-shot{margin-top:8px}.screenshot-options{margin-top:22px}.closing{padding-block:30px;text-align:center}.closing>.wrap{display:flex;flex-direction:column;gap:18px}.closing img{width:54px;height:54px}.closing h2{font-size:26px}.closing p:last-child{margin:0}.footer{padding-block:22px}}