:root{color-scheme:light;--paper:#f5f5f0;--ink:#20251f;--muted:#697166;--line:#dfe3d9;--accent:#6854d7;--mint:#dce8cf;--violet:#ede8fb;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}html{scroll-behavior:smooth;scroll-padding-top:100px}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:12px;background:var(--ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:30;background:rgba(245,245,240,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.site-header nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.4px}.brand img{border-radius:9px}.brand>span{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:1px;margin-left:6px}.site-nav{display:flex;gap:26px;align-items:center;font-size:13px}.site-nav a:hover{color:var(--accent)}.nav-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:13px 20px;border-radius:9px;border:1px solid transparent;font-size:13px;font-weight:550;line-height:1.5}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#414d37;color:#fff}.button.outline{border-color:#c8cfbf}.button.outline:hover{background:#e8ecdf}.button.plain{padding-inline:0}.button.compact{min-height:40px;padding:10px 16px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.4px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7b9267;margin-right:8px}
.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:58px;align-items:center;padding-block:84px 70px}.hero h1{font-size:clamp(42px,4.8vw,64px);letter-spacing:-2px;line-height:1.3;margin:25px 0}.hero h1>span{color:var(--accent)}.lead{font-size:16px;line-height:1.95;color:var(--muted);margin:0 0 32px}.hero-note{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.8}.product-demo{min-width:0;border:1px solid #ccd2c4;border-radius:16px;background:#fcfdf9;box-shadow:0 30px 60px -35px #4b563c60;transform:rotate(-1deg);overflow:hidden}.demo-top{display:flex;align-items:center;gap:9px;padding:16px 20px;font-size:12px;border-bottom:1px solid var(--line)}.demo-top>span:last-child{margin-left:auto;font-size:9px;color:var(--muted)}.demo-mark{display:grid;place-items:center;width:23px;height:23px;background:var(--accent);border-radius:6px;color:#fff;font-weight:700}.demo-tabs{display:flex;padding:12px 18px;gap:6px;background:#f6f7f1}.demo-tabs button{border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;min-height:34px;padding:8px 12px;flex:1}.demo-tabs button[aria-selected=true]{color:var(--accent);background:var(--violet);font-weight:650}.demo-canvas{min-height:320px;padding:30px 24px 20px;background-image:radial-gradient(#d7ddce 1px,transparent 1px);background-size:17px 17px}.demo-node{position:relative;background:#fff;border:1px solid #d6ddce;border-radius:10px;padding:14px 16px;display:grid;gap:8px;box-shadow:0 5px 14px #33402108}.demo-node strong{font-size:12px;font-weight:600}.demo-node small{font-size:9px;color:var(--muted)}.demo-node span{font-size:9px;color:var(--muted);line-height:1.7}.demo-node.root{width:66%;margin:0 auto 32px;background:var(--violet);border-color:#cfc5ef}.node-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #c6cfbb;padding-top:22px}.node-branches>.demo-node:before{content:"";position:absolute;width:1px;height:22px;background:#c6cfbb;top:-23px;left:50%}.demo-label{font-size:10px;color:var(--muted);text-align:center;margin-top:26px}.demo-bottom{border-top:1px solid var(--line);padding:12px 18px;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px}.demo-writing{display:grid;grid-template-columns:125px 1fr;min-height:320px}.demo-writing aside{background:#f6f7f1;padding:24px 14px;display:flex;flex-direction:column;gap:18px;font-size:11px;border-right:1px solid var(--line)}.demo-writing aside small{color:var(--muted);font-size:9px}.demo-writing aside strong{color:var(--accent)}.demo-writing article{padding:24px}.demo-writing article small{color:var(--muted);font-size:9px}.demo-writing h3{font-size:19px;line-height:1.7}.demo-writing p{font-size:12px;line-height:2;color:#56634e}.demo-review{padding:12px;background:var(--violet);border-radius:9px;display:grid;gap:8px;font-size:10px;margin-top:22px}.demo-video{min-height:320px;padding:22px}.demo-idea{padding:14px;background:#e8f0de;border-radius:10px;display:grid;gap:10px;font-size:11px}.demo-idea small{font-size:9px;color:var(--muted)}.demo-shot{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.demo-shot>span{font-size:10px;font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.demo-shot b{font-size:11px}.demo-shot p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:0}.demo-disclaimer{font-size:9px;color:var(--muted);line-height:1.8}[hidden]{display:none!important}
.release-notice{display:flex;gap:16px;padding:16px 20px;background:#ebece4;border:1px solid var(--line);border-radius:10px;font-size:11px;line-height:1.8}.release-notice>strong{flex-shrink:0}.release-notice p{margin:0;color:var(--muted)}.section{padding-block:88px}.section-title{margin-bottom:38px}.section-title h2,.review-section h2,.help-grid h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1px;line-height:1.45;margin:14px 0}.section-title>p:not(.eyebrow),.review-section>div>p:not(.eyebrow),.help-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.95;max-width:540px}.section-title.inline{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workflow{background:#eaece3;padding:30px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column}.workflow.violet{background:var(--violet);border-color:#dfd7f0}.workflow.green{background:var(--mint);border-color:#d0ddc3}.index{font-size:11px;color:var(--muted)}.workflow h3{font-size:27px;line-height:1.5;font-weight:600;letter-spacing:-.6px;margin:26px 0 16px}.workflow p{font-size:13px;line-height:1.9;color:var(--muted)}.workflow ul,.plan ul{list-style:none;padding:0;display:grid;gap:13px;font-size:12px;line-height:1.7;margin:20px 0}.workflow li:before,.plan li:before{content:"—";margin-right:8px;color:#77856a}.workflow a{font-size:12px;margin-top:auto;padding-top:24px}.section-footnote{font-size:11px;color:var(--muted);line-height:1.9;margin-top:22px}.quiet{background:#eaece4}.review-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.review-flow{list-style:none;padding:0;margin:0}.review-flow li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #d2d8c9}.review-flow li>span{font-size:12px;color:#8b9980;margin-top:5px}.review-flow h3{margin:0 0 10px;font-size:19px;font-weight:550}.review-flow p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid a{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fcfdf9}.quick-grid a:hover{border-color:var(--accent)}.quick-grid span{font-size:10px;color:var(--accent)}.quick-grid h3{font-size:16px;font-weight:550;margin:26px 0 12px}.quick-grid p{font-size:12px;color:var(--muted);line-height:1.8}
.plans-section{background:#262e23;color:#f4f6ef}.plans-section .eyebrow,.plans-section .section-title>p:not(.eyebrow){color:#b4bdac}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.plan{position:relative;display:flex;flex-direction:column;padding:26px 22px;border:1px solid #46513f;border-radius:16px;background:#303a2c;min-width:0}.plan.featured{background:#e0e9d4;color:var(--ink);border-color:#e0e9d4}.plan h3{font-size:19px;font-weight:600;margin:0 0 12px}.plan>p{font-size:11px;color:#b4bdac;margin:0;line-height:1.8}.plan.featured>p{color:var(--muted)}.price{display:flex;align-items:baseline;gap:4px;margin:25px 0;font-size:16px;white-space:nowrap}.price strong{font-size:35px;letter-spacing:-1px;font-weight:650}.price small{font-size:11px;color:#b4bdac;margin-left:4px}.featured .price small{color:var(--muted)}.plan ul{font-size:11px;color:#c9d1c2;margin:0 0 28px;flex:1}.featured ul{color:#4c5b40}.plan .button.outline{color:#f4f6ef;border-color:#65745a}.plan .button.outline:hover{background:#414d37}.plan-tag{position:absolute;right:12px;top:-13px;background:#b9cba6;padding:6px 10px;border-radius:5px;font-size:9px}.plan-rule{margin-top:22px;color:#b4bdac;font-size:11px;line-height:1.9}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-grid article{border:1px solid var(--line);border-radius:16px;background:#fcfdf9;padding:30px;display:flex;flex-direction:column}.platform-icon{display:grid;place-items:center;border:1px solid var(--line);width:44px;height:44px;border-radius:12px;font-size:19px;font-weight:650}.download-grid h3{font-size:21px;margin:24px 0 9px}.download-grid .version{font-size:11px;color:var(--accent)}.download-grid p{color:var(--muted);font-size:12px;line-height:1.9}.download-grid .button{margin-top:18px;width:100%}.release-details{font-size:11px;text-align:center;color:var(--muted);margin-top:16px;text-decoration:underline}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.faq details{border-bottom:1px solid #d2d8c9}.faq summary{padding:20px 0;cursor:pointer;font-size:14px;line-height:1.7}.faq details p{color:var(--muted);font-size:12px;line-height:1.95;margin:0 0 20px}.support{display:flex;gap:20px;align-items:center;margin-top:30px}.support img{border-radius:10px;border:5px solid #fff;width:116px;height:auto}.support strong{font-size:14px}.support p{font-size:11px;color:var(--muted);line-height:1.9}.site-footer{padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.site-footer .brand{color:var(--ink);font-size:17px}.site-footer p{line-height:1.8}.site-footer>a:last-child{text-decoration:underline}
.guide-hero{padding-block:55px 30px}.guide-hero h1{font-size:42px;line-height:1.4;margin:14px 0}.guide-hero p{font-size:14px;color:var(--muted);line-height:1.9}.guide-search{display:flex;gap:12px;max-width:650px;flex-wrap:wrap;margin:26px 0}.guide-search label{display:grid;gap:7px;font-size:11px;color:var(--muted);flex:1;min-width:180px}.guide-search input,.guide-search select{border:1px solid #cdd5c2;padding:12px 14px;border-radius:9px;background:#fff;color:var(--ink);font-size:15px;width:100%}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;padding-bottom:70px}.guide-nav{position:sticky;top:104px;align-self:start;display:grid;gap:5px;max-height:calc(100dvh - 130px);overflow:auto}.guide-nav a{padding:10px 12px;font-size:12px;line-height:1.7;border-radius:8px}.guide-nav a.active{background:var(--violet);color:var(--accent)}.guide-nav small{display:block;font-size:9px;color:var(--muted)}.guide-article{border:1px solid var(--line);border-radius:16px;background:#fcfdf9;padding:28px 32px;margin-bottom:18px;scroll-margin-top:105px}.guide-article>small{font-size:10px;color:var(--accent);letter-spacing:1px}.guide-article h2{font-size:25px;font-weight:550;line-height:1.55;margin:14px 0}.guide-article>p{font-size:13px;line-height:1.8;color:var(--muted)}.guide-article ol{list-style:none;padding:0;counter-reset:guide}.guide-article li{position:relative;padding:18px 0 18px 40px;border-top:1px solid var(--line);counter-increment:guide}.guide-article li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:21px;color:#8b9980;font-size:11px}.guide-article h3{font-size:15px;margin:0 0 9px;font-weight:550}.guide-article li p{margin:0;color:var(--muted);font-size:13px;line-height:1.95}.guide-empty{padding:40px;background:#fcfdf9;border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--muted)}.guide-note{font-size:11px;color:var(--muted);padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:#eceee5;line-height:1.8;margin-bottom:28px}
@media(max-width:1000px){.brand>span{display:none}.hero{gap:30px;padding-block:60px}.hero h1{font-size:46px}.workflow{padding:24px}.workflow h3{font-size:24px}.plans{grid-template-columns:repeat(2,1fr);gap:22px}.review-section,.help-grid{gap:45px}.download-grid article{padding:22px}.site-nav{gap:18px}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:80px}.container{width:calc(100% - 36px)}.site-header nav{height:66px}.brand{font-size:18px}.nav-toggle{display:block;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:12px;min-height:40px}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:16px 18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:13px;font-size:14px}.hero{grid-template-columns:1fr;gap:32px;padding-block:42px 32px}.hero h1{font-size:46px;margin:20px 0}.lead{font-size:14px;line-height:1.9}.actions{gap:20px}.hero-note{margin-top:18px}.product-demo{transform:none}.demo-top{padding:14px}.demo-tabs{padding:10px}.demo-canvas{padding:26px 16px 20px;min-height:300px}.node-branches{gap:6px}.node-branches .demo-node{padding:12px 9px}.node-branches .demo-node strong{font-size:10px}.node-branches .demo-node span{font-size:8px}.release-notice{flex-direction:column;gap:6px}.section{padding-block:54px}.section-title{margin-bottom:26px}.section-title h2,.review-section h2,.help-grid h2{font-size:30px}.section-title.inline{align-items:flex-start;flex-direction:column;gap:4px}.workflow-grid,.review-section,.help-grid,.download-grid,.guide-layout{grid-template-columns:1fr}.workflow{padding:26px}.workflow h3{font-size:26px;margin-top:20px}.review-section,.help-grid{gap:28px}.quick-grid{gap:10px}.quick-grid a{padding:18px}.quick-grid h3{font-size:14px}.quick-grid p{font-size:11px}.plans{grid-template-columns:1fr;gap:24px}.plan{padding:24px}.plan ul{font-size:12px}.download-grid article{padding:26px}.site-footer{flex-wrap:wrap;padding-block:24px;gap:12px}.site-footer p{flex-basis:100%;order:3;margin:0}.guide-hero{padding-block:36px 16px}.guide-hero h1{font-size:31px}.guide-layout{gap:18px}.guide-nav{position:static;display:flex;max-height:none;overflow:auto;padding-bottom:10px}.guide-nav a{flex:0 0 155px;background:#eceee5}.guide-article{padding:22px 18px}.guide-article h2{font-size:22px}.guide-search input,.guide-search select{font-size:16px}.guide-search label{min-width:130px}.guide-note{padding:14px}.demo-writing{grid-template-columns:98px 1fr}.demo-writing article{padding:20px 16px}.guide-header-actions{display:flex;gap:12px}.guide-header-actions .button{padding:10px;font-size:11px;min-height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media print{.site-header,.guide-nav,.guide-search,.site-footer{display:none}.guide-layout{display:block}.guide-article{break-inside:avoid}}

/* ===== 2026-11-12 visual layer: brand blue, paper depth, calmer hierarchy ===== */
:root{
  --paper:#f7f6f1;--ink:#191d18;--muted:#5d6559;--line:#e3e4d9;
  --accent:#1677ff;--accent-deep:#0f56d9;--violet:#e8f0ff;--mint:#e2ebd6;
  --sand:#f1e8d9;--radius:18px;
  --shadow-sm:0 1px 2px rgba(25,29,24,.05);
  --shadow-md:0 18px 40px -28px rgba(25,35,20,.45);
  --shadow-lg:0 44px 80px -46px rgba(25,35,20,.55);
}
html{scroll-padding-top:124px}
body{background:radial-gradient(1100px 620px at 82% -8%,#eef4ff 0%,rgba(238,244,255,0) 62%),radial-gradient(760px 420px at -10% 8%,#f3f0e4 0%,rgba(243,240,228,0) 60%),var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#cfe0ff;color:var(--ink)}

.site-header{background:rgba(247,246,241,.72);backdrop-filter:saturate(1.4) blur(18px);border-bottom:1px solid rgba(25,29,24,.07);transition:box-shadow .25s ease,background .25s ease}
.site-header.scrolled{background:rgba(247,246,241,.94);box-shadow:0 18px 40px -34px rgba(25,29,24,.5)}
.site-header nav{height:72px}
.brand{font-size:18px;letter-spacing:-.3px}
.brand>span{font-size:10px;letter-spacing:2px;color:#8a9284}
.site-nav{font-size:13px;gap:28px}
.site-nav a{position:relative;color:#454d43;padding:6px 0}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.site-nav a:hover{color:var(--ink)}
.site-nav a:hover::after{transform:scaleX(1)}

.button{border-radius:12px;font-weight:600;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;box-shadow:var(--shadow-sm)}
.button:hover{transform:translateY(-1px)}
.button.dark{background:#191d18;box-shadow:0 10px 24px -14px rgba(25,29,24,.9)}
.button.dark:hover{background:#2c3a2a;box-shadow:0 16px 30px -16px rgba(25,29,24,.85)}
.button.outline{background:#fffdf8;border-color:#d9dccf}
.button.outline:hover{background:#fff;border-color:#c3c8b6}
.button.plain{box-shadow:none;color:#3f473d;gap:10px}
.button.plain:hover{color:var(--accent);transform:none}
.button.compact{min-height:38px;padding:9px 15px;font-size:12.5px}

.update-bar{background:#fbfaf3;border-bottom:1px solid rgba(25,29,24,.06)}
.update-bar-inner{display:flex;align-items:center;gap:10px;min-height:40px;font-size:11.5px;color:var(--muted)}
.update-dot{width:6px;height:6px;border-radius:50%;background:#4f9d5d;box-shadow:0 0 0 3px rgba(79,157,93,.16);flex:none}
.update-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.update-bar-inner>a{margin-left:auto;color:var(--accent);font-weight:600;white-space:nowrap}

.hero{padding-block:76px 68px;gap:64px;grid-template-columns:1.02fr .98fr}
.hero h1{font-size:clamp(46px,5vw,74px);line-height:1.16;letter-spacing:-2.6px;font-weight:700;margin:20px 0 24px}
.hero h1>span{color:var(--accent);background:linear-gradient(transparent 64%,#cfe0ff 64%);padding-right:2px}
.lead{font-size:16px;line-height:2;color:#525a4f;max-width:34em;margin-bottom:30px}
.actions{gap:18px}
.hero-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:28px 0 0}
.hero-chips li{font-size:11px;color:#59614f;background:#fffdf8;border:1px solid var(--line);border-radius:999px;padding:6px 12px;letter-spacing:.02em}
.hero-note{margin-top:16px;font-size:10.5px;letter-spacing:.04em}
.hero .eyebrow{color:#7a8274;letter-spacing:1.6px}

.product-demo{transform:rotate(-.5deg);border-radius:20px;border:1px solid #dcded1;background:#fffef9;box-shadow:var(--shadow-lg),0 1px 0 #fff inset}
.demo-top{padding:15px 20px;background:#fdfcf7}
.demo-tabs{background:#f7f7ef;border-bottom:1px solid #eceee2}
.demo-tabs button{border-radius:9px}
.demo-canvas{background-color:#fcfcf7;background-image:radial-gradient(#dfe3d4 1px,transparent 1px);background-size:18px 18px}
.demo-node{border-radius:12px;box-shadow:0 8px 20px -14px rgba(25,35,20,.5)}
.demo-node.root{background:#e9f1ff;border-color:#c9d9f7}
.demo-bottom{border-top:1px solid #eceee2;background:#fdfcf7}

.section{padding-block:92px}
.eyebrow{letter-spacing:1.7px;color:#7d8577;font-weight:700}
.section-title{margin-bottom:40px}
.section-title h2,.review-section h2,.help-grid h2{letter-spacing:-1.4px;line-height:1.32;font-weight:700}
.section-title h2{margin-top:12px}
.quiet{background:#eef0e5;border-block:1px solid rgba(25,29,24,.05)}

.workflow-grid{gap:16px}
.workflow{background:#fffdf8;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.workflow:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#d3d8c4}
.workflow.violet{background:#f4f8ff;border-color:#dde8fb}
.workflow.green{background:#f4f8ed;border-color:#dde8cd}
.workflow .index{display:inline-flex;align-items:center;gap:6px;background:#f3f4ea;border-radius:999px;padding:5px 11px;font-size:10px;letter-spacing:.06em;color:#6c7566;width:fit-content}
.workflow.violet .index{background:#e8f0ff;color:#3d64b3}
.workflow.green .index{background:#e7f0d8;color:#54703f}
.workflow h3{font-size:26px;line-height:1.42;letter-spacing:-.8px;margin:20px 0 14px}
.workflow p{font-size:13px;line-height:1.95}
.workflow a{color:var(--accent);font-weight:600;gap:6px;display:inline-flex;align-items:center;transition:gap .18s ease}
.workflow a:hover{gap:10px}
.workflow ul{font-size:12px}
.workflow li:before{content:"·";font-weight:700;color:#8fa07c;margin-right:9px}

.review-section{gap:72px}
.review-flow li{border-bottom:1px solid rgba(25,29,24,.08);padding:20px 0}
.review-flow h3{font-size:18px;letter-spacing:-.3px}
.review-flow p{font-size:12.5px;line-height:1.9}

.quick-grid{gap:12px}
.quick-grid a{background:#fffdf8;border-radius:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm)}
.quick-grid a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cdd4be}
.quick-grid span{color:var(--accent);font-weight:700;letter-spacing:.08em}
.quick-grid h3{font-size:15.5px;margin:22px 0 10px}
.quick-grid p{font-size:11.5px;line-height:1.85}

.plans-section{background:radial-gradient(900px 500px at 15% 0%,#2c3a2a 0%,#1b221a 55%,#171d16 100%);color:#f2f4ec}
.plans{gap:12px}
.plan{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 20px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.plan:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.plan.featured{background:#f6f8ef;color:var(--ink);border-color:#f6f8ef;transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.plan.featured:hover{background:#fff;transform:translateY(-8px)}
.plan h3{font-size:18px;letter-spacing:-.3px}
.price strong{font-size:34px;letter-spacing:-1.4px}
.price{margin:20px 0}
.plan ul{gap:11px;font-size:11px;line-height:1.75}
.plan li:before{content:"·";font-weight:700}
.plan .button{width:100%;margin-top:auto}
.plan-tag{background:var(--accent);color:#fff;border-radius:999px;padding:6px 11px;font-size:9px;letter-spacing:.08em;box-shadow:0 8px 20px -10px rgba(22,119,255,.9)}
.plan-rule{color:#9aa795}

.download-grid{gap:16px}
.download-grid article{background:#fffdf8;border-radius:20px;padding:30px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}
.download-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.platform-icon{width:46px;height:46px;border-radius:14px;background:#f2f4e8;border-color:#e2e5d5;font-size:17px}
.download-grid article[data-platform=windows] .platform-icon{background:#eaf1ff;border-color:#d7e4ff;color:#2b62c9}
.download-grid article[data-platform=android] .platform-icon{background:#eaf7e6;border-color:#d6edd0;color:#3f7f37}
.download-grid article[data-platform=mac] .platform-icon{background:#f1f0ee;border-color:#e3e1dd;color:#4a4a47}
.download-grid h3{font-size:20px;letter-spacing:-.4px}
.download-grid .version{display:inline-flex;align-items:center;background:#eef6e6;color:#4a6b35;border-radius:999px;padding:4px 10px;font-size:10px;letter-spacing:.03em;width:fit-content}
.download-grid .button{margin-top:20px}
.release-details{text-decoration:none;color:#8a9284}
.release-details:hover{color:var(--accent);text-decoration:underline}

.help-grid{gap:72px}
.faq details{border-bottom:1px solid rgba(25,29,24,.09)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-size:14px;font-weight:550;letter-spacing:-.1px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:18px;line-height:1;color:#8a9284;transition:transform .2s ease}
.faq details[open] summary::after{content:"−";color:var(--accent)}
.faq details p{font-size:12.5px;line-height:1.95}
.support img{border-radius:14px;border:1px solid var(--line);padding:6px;background:#fff}

.updates{background:#fbfaf4;border-top:1px solid rgba(25,29,24,.06)}
.update-list{display:grid;gap:10px;margin-top:8px}
.update-item{background:#fffdf8;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.update-item[open]{box-shadow:var(--shadow-md);border-color:#d5dac7}
.update-item summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none}
.update-item summary::-webkit-details-marker{display:none}
.update-item time{font-size:10.5px;letter-spacing:.06em;color:var(--accent);font-variant-numeric:tabular-nums;flex:none}
.update-item summary span{font-size:13.5px;font-weight:600;letter-spacing:-.1px}
.update-item summary i{margin-left:auto;width:9px;height:9px;border-right:1.5px solid #8a9284;border-bottom:1.5px solid #8a9284;transform:rotate(45deg);transition:transform .2s ease;flex:none}
.update-item[open] summary i{transform:rotate(-135deg);border-color:var(--accent)}
.update-body{padding:0 20px 20px;font-size:12px;line-height:1.95;color:#5d6559}
.update-body p{margin:0 0 8px}
.update-body a{color:var(--accent);font-weight:600}
.update-body strong{display:none}

.site-footer.has-columns{display:block;padding-block:64px 26px;border-top:1px solid rgba(25,29,24,.08);background:transparent}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px}
.footer-brand .brand{font-size:19px}
.footer-brand p{margin:14px 0 0;font-size:12px;line-height:1.95;color:#6b7366;max-width:30em}
.footer-col h4{margin:0 0 14px;font-size:10px;letter-spacing:1.4px;color:#8a9284;font-weight:700}
.footer-col a{display:block;padding:5px 0;font-size:12.5px;color:#414a3e;transition:color .18s ease}
.footer-col a:hover{color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:42px;padding-top:18px;border-top:1px dashed rgba(25,29,24,.12);font-size:11px;color:#8a9284}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-in{opacity:1;transform:none}

@media(max-width:1000px){
  html{scroll-padding-top:112px}
  .site-header nav{height:68px}
  .brand>span{display:none}
  .hero{gap:36px;padding-block:56px 48px}
  .hero h1{font-size:clamp(40px,5.4vw,56px);letter-spacing:-1.8px}
  .section{padding-block:74px}
  .footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:28px}
  .plans{grid-template-columns:repeat(2,1fr);gap:16px}
  .plan.featured{transform:none}
  .plan.featured:hover{transform:none}
}
@media(max-width:700px){
  html{scroll-padding-top:104px}
  .site-header nav{height:62px}
  .update-bar-inner{min-height:38px;font-size:10.5px;gap:8px}
  .update-bar-inner>a{display:none}
  .hero{grid-template-columns:1fr;padding-block:36px 30px;gap:28px}
  .hero h1{font-size:clamp(34px,9.2vw,44px);letter-spacing:-1.2px;margin:16px 0 18px}
  .lead{font-size:13.5px;line-height:1.95}
  .hero-chips{margin-top:22px}
  .hero-chips li{font-size:10.5px;padding:5px 10px}
  .section{padding-block:52px}
  .section-title{margin-bottom:26px}
  .section-title h2,.review-section h2,.help-grid h2{letter-spacing:-.8px}
  .workflow{padding:24px;border-radius:18px}
  .workflow h3{font-size:23px;margin-top:16px}
  .plans{grid-template-columns:1fr;gap:14px}
  .plan{padding:22px}
  .download-grid article{padding:24px;border-radius:18px}
  .faq summary{font-size:13px;padding:16px 0}
  .update-item summary{padding:14px 16px;gap:10px}
  .update-item summary span{font-size:12.5px}
  .update-body{padding:0 16px 16px;font-size:11.5px}
  .site-footer.has-columns{padding-block:44px 22px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;gap:6px;margin-top:30px}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none}
}

/* hotfix 2026-11-12: mobile overflow + highlight weight */
.update-text{min-width:0;flex:1 1 auto}
html,body{overflow-x:clip}
.hero h1>span{background:none;box-shadow:inset 0 -.16em 0 #cfe0ff;padding-right:1px}
@media(max-width:700px){
  .hero h1{letter-spacing:-1px}
  .update-bar-inner{overflow:hidden}
}

/* hotfix 2: dark plan buttons + footer link wrapping */
.plan .button.outline{background:transparent;border-color:rgba(255,255,255,.32);color:#f4f6ef;box-shadow:none}
.plan .button.outline:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);color:#fff}
.plan.featured .button.outline{background:#fff;border-color:#d9dccf;color:var(--ink)}
.footer-col a{white-space:nowrap}
.site-footer.has-columns .brand>span{display:none}

/* hotfix 3: align accent with the purple fish mark (#7057EF) */
:root{--accent:#6a52e8;--accent-deep:#5741d6;--violet:#eee9ff}
body{background:radial-gradient(1100px 620px at 82% -8%,#f1ecff 0%,rgba(241,236,255,0) 62%),radial-gradient(760px 420px at -10% 8%,#f3f0e4 0%,rgba(243,240,228,0) 60%),var(--paper)}
::selection{background:#e2daff;color:var(--ink)}
.hero h1>span{box-shadow:inset 0 -.14em 0 #ded5ff;padding-right:0}
.demo-node.root{background:#f0ebff;border-color:#d8cffb}
.plan-tag{box-shadow:0 8px 20px -10px rgba(106,82,232,.9)}
.quick-grid span,.download-grid .version{color:var(--accent)}
.download-grid .version{background:#f1edff;color:#5741d6}

/* ===== 2026-11-12 v3: official product-site layout ===== */
.hero{padding-block:64px 40px;gap:56px;grid-template-columns:.95fr 1.05fr}
.hero-copy h1{font-size:clamp(44px,4.6vw,68px);line-height:1.14;letter-spacing:-2.2px;margin:18px 0 22px}
.hero-copy .lead{font-size:15.5px;line-height:1.95;max-width:30em;margin-bottom:26px}
.hero-note{font-size:11px;margin-top:16px}

.hero-shot{margin:0}
.shot-frame{border:1px solid #dfe0d4;border-radius:16px;background:#fff;box-shadow:0 44px 80px -46px rgba(25,35,20,.55);overflow:hidden}
.shot-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#f6f6ef;border-bottom:1px solid #e8e9dd}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#d8d9cc;display:block}
.shot-bar em{margin-left:10px;font-style:normal;font-size:10.5px;color:#8a9284;letter-spacing:.04em}
.shot-frame img{display:block;width:100%;height:auto}
.hero-shot figcaption,.feature-media figcaption{margin-top:10px;font-size:11px;color:#8a9284;text-align:right}

.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-block:1px solid var(--line);padding-block:22px;margin-top:8px}
.trust-strip>div{padding-inline:28px;border-left:1px solid var(--line)}
.trust-strip>div:first-child{border-left:0;padding-left:0}
.trust-strip strong{display:block;font-size:13px;margin-bottom:6px;letter-spacing:-.2px}
.trust-strip span{font-size:11.5px;line-height:1.75;color:var(--muted)}

.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.trio article{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .2s ease,box-shadow .2s ease}
.trio article:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.trio .k{display:inline-block;font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:700;background:#f4f0ff;padding:5px 10px;border-radius:999px}
.trio h3{font-size:24px;margin:18px 0 10px;letter-spacing:-.6px}
.trio p{font-size:12.5px;line-height:1.95;color:var(--muted);margin:0}

.feature-band{display:grid;grid-template-columns:1fr 1.02fr;gap:60px;align-items:center}
.feature-copy h2{font-size:clamp(30px,3.4vw,42px);line-height:1.3;letter-spacing:-1.2px;margin:14px 0 16px}
.feature-copy .lead{font-size:14px;line-height:1.95;margin-bottom:18px;max-width:32em}
.feature-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:12.5px;line-height:1.8;color:#4e564b}
.feature-copy li:before{content:"✓";color:var(--accent);font-weight:700;margin-right:10px}
.feature-media{margin:0}
.feature-media img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);background:#fff}

.cta-band{background:radial-gradient(900px 400px at 20% 0%,#2c3a2a,#1b221a 60%);color:#f2f4ec;border-radius:24px;padding:54px 56px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-block:20px 88px}
.cta-band h2{font-size:clamp(28px,3vw,38px);margin:0 0 8px;letter-spacing:-1px}
.cta-band p{margin:0;color:#b9c1b2;font-size:13px}
.cta-band .button.dark{background:#fff;color:#191d18}
.cta-band .button.dark:hover{background:#f1f3ea;color:#191d18}
.cta-band .button.outline{background:transparent;border-color:rgba(255,255,255,.35);color:#f4f6ef}
.cta-band .button.outline:hover{background:rgba(255,255,255,.1)}

.about-strip{border-top:1px solid var(--line);padding-block:26px;margin-bottom:24px}
.about-strip p{margin:0;font-size:11.5px;line-height:1.9;color:#7d8577;max-width:80em}
.about-strip strong{color:#414a3e;font-weight:600}
#contact .help-grid>div>p a{color:var(--accent);font-weight:600}

@media(max-width:1000px){
  .hero{grid-template-columns:1fr;gap:36px;padding-block:48px 32px}
  .hero-copy h1{font-size:clamp(40px,5.4vw,54px);letter-spacing:-1.6px}
  .trust-strip>div{padding-inline:18px}
  .feature-band{gap:36px}
  .cta-band{padding:40px;flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
  .hero{grid-template-columns:1fr;padding-block:32px 24px}
  .hero-copy h1{font-size:clamp(34px,9vw,42px);letter-spacing:-1px}
  .hero-copy .lead{font-size:13.5px}
  .hero-shot figcaption{text-align:left}
  .trust-strip{grid-template-columns:1fr;gap:0;padding-block:6px}
  .trust-strip>div{border-left:0;border-top:1px solid var(--line);padding:16px 0}
  .trust-strip>div:first-child{border-top:0}
  .trio{grid-template-columns:1fr;gap:12px}
  .trio article{padding:24px}
  .feature-band{grid-template-columns:1fr;gap:24px}
  .feature-copy h2{font-size:28px}
  .feature-media img{border-radius:14px}
  .feature-media figcaption{text-align:left}
  .cta-band{padding:28px;border-radius:18px;margin-block:12px 52px}
  .about-strip{padding-block:20px}
}