:root{--bg: #0e0e13;--panel: #14141a;--panel-2: #1a1a22;--text: #f5f5f7;--muted: #a0a3ad;--border: rgba(255, 255, 255, .09);--brand: #1abc9c;--brand-strong: #2ee6bf;--on-brand: #06251d;--shadow: 0 24px 64px rgba(0, 0, 0, .45);color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #fafafb;--panel: #ffffff;--panel-2: #f1f2f4;--text: #17171c;--muted: #5c5f6a;--border: rgba(0, 0, 0, .09);--brand: #0da47f;--brand-strong: #0da47f;--on-brand: #ffffff;--shadow: 0 24px 64px rgba(23, 23, 28, .12);color-scheme:light}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:16px;height:60px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px;letter-spacing:-.3px}.nav-brand .md{color:var(--brand)}.nav-spacer{flex:1}.nav-link{color:var(--muted);font-size:14px;transition:color .12s}.nav-link:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:14.5px;font-weight:600;padding:10px 20px;border:1px solid var(--border);color:var(--text);background:transparent;transition:transform .12s,background .12s,border-color .12s;cursor:pointer}.btn:hover{border-color:color-mix(in srgb,var(--text) 30%,var(--border));transform:translateY(-1px)}.btn-primary{background:var(--brand);border-color:transparent;color:var(--on-brand)}.btn-primary:hover{background:var(--brand-strong)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:12px}.btn.is-off{opacity:.45;cursor:not-allowed;pointer-events:none}.btn.is-off:hover{transform:none;border-color:var(--border)}.btn-primary.is-off:hover{background:var(--brand)}.hero{padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:550;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 38%,transparent);background:color-mix(in srgb,var(--brand) 9%,transparent);padding:5px 14px;border-radius:999px;margin-bottom:22px}.hero h1{font-size:clamp(2.5rem,5.6vw,3rem);line-height:1.12;font-weight:750;letter-spacing:-.022em;margin-bottom:18px}.hero .sub{color:var(--muted);font-size:18px;max-width:30em;margin-bottom:32px}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.hero-hint{color:var(--muted);font-size:13.5px}.hero-hint .dot{margin:0 7px;opacity:.5}.mock{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;font-size:12.5px;line-height:1.5}.mock-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel-2)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--border)}.mock-bar i:first-child{background:#ff5f57}.mock-bar i:nth-child(2){background:#febc2e}.mock-bar i:nth-child(3){background:#28c840}.mock-bar span{margin-left:8px;color:var(--muted);font-size:11.5px}.mock-body{display:grid;grid-template-columns:132px 1fr;min-height:320px}.mock-side{border-right:1px solid var(--border);padding:12px 10px;color:var(--muted)}.mock-side .fi{padding:5px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-side .fi.on{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.mock-side .dir{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin:8px 8px 4px}.mock-page{padding:20px 24px;color:var(--text)}.mock-page h2{font-size:19px;margin-bottom:10px;letter-spacing:-.01em}.mock-page p{color:var(--muted);margin-bottom:12px}.mock-quote{border-left:3px solid var(--brand);padding:2px 0 2px 12px;color:var(--muted);margin-bottom:14px}.mock-task{display:flex;gap:8px;align-items:center;margin-bottom:6px;color:var(--text)}.mock-task .box{width:14px;height:14px;border-radius:4px;flex:none;border:1.5px solid var(--muted);display:inline-flex;align-items:center;justify-content:center}.mock-task.on .box{background:var(--brand);border-color:var(--brand)}.mock-task.on .box:after{content:"";width:7px;height:4px;border-left:2px solid var(--on-brand);border-bottom:2px solid var(--on-brand);transform:rotate(-45deg) translate(.5px,-.5px)}.mock-code{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--muted);margin-top:14px}.mock-code .k{color:var(--brand)}.caret{display:inline-block;width:2px;height:1em;background:var(--brand);vertical-align:-.15em}@media(prefers-reduced-motion:no-preference){.caret{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}}.stats{border-block:1px solid var(--border);background:var(--panel)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:22px 8px;text-align:center}.stat+.stat{border-left:1px solid var(--border)}.stat b{display:block;font-size:22px;font-weight:700;letter-spacing:-.01em}.stat span{color:var(--muted);font-size:13px}.section{padding:96px 0}.sec-head{text-align:center;margin-bottom:52px}.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;letter-spacing:-.02em}.sec-head p{color:var(--muted);margin-top:10px;font-size:16px}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feat{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .15s,transform .15s}.feat:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));transform:translateY(-2px)}.feat .ico{width:38px;height:38px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand)}.feat h3{font-size:16.5px;font-weight:650;margin-bottom:8px}.feat p{color:var(--muted);font-size:14px}kbd{font-family:JetBrains Mono,ui-monospace,Menlo,monospace;font-size:.85em;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--panel-2);color:var(--text)}.themes-band{border-block:1px solid var(--border);background:var(--panel)}.themes-inner{display:flex;align-items:center;gap:28px;padding:40px 0;flex-wrap:wrap}.themes-copy{flex:1 1 320px}.themes-copy h2{font-size:22px;font-weight:700;margin-bottom:6px}.themes-copy p{color:var(--muted);font-size:14.5px}.swatches{display:flex;flex-wrap:wrap;gap:10px}.sw{width:44px;height:44px;border-radius:12px;border:1px solid var(--border)}.dl-box{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}.dl-box:before{content:"";position:absolute;inset:-1px;background:radial-gradient(520px 200px at 50% -60px,color-mix(in srgb,var(--brand) 16%,transparent),transparent 70%);pointer-events:none}.dl-box h2{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:750;letter-spacing:-.02em;margin-bottom:8px}.dl-box .sub{color:var(--muted);margin-bottom:30px}.dl-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.dl-version{color:var(--muted);font-size:13.5px;margin:-14px 0 24px}.dl-notes{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:13px}.dl-notes span{display:inline-flex;align-items:center;gap:6px}.dl-notes .ck{color:var(--brand);font-weight:700}footer{border-top:1px solid var(--border);padding:34px 0;color:var(--muted);font-size:13.5px}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.foot-brand{display:flex;align-items:center;gap:8px}.foot-links a{color:var(--muted);margin-left:18px}.foot-links a:hover{color:var(--text)}@media(max-width:900px){.hero{padding:56px 0 48px}.hero-grid{grid-template-columns:1fr;gap:40px}.feat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.feat-grid,.stats-grid{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--border)}.mock-body{grid-template-columns:1fr}.mock-side{display:none}.dl-box{padding:44px 22px}}