:root{--paper:#f3f3ea;--ink:#171b19;--muted:#626960;--line:#ced2c5;--lime:#c4f06a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #548515;outline-offset:6px}.preview{padding:9px 20px;text-align:center;background:var(--ink);color:#e5efcf;font-size:11px;letter-spacing:1px}header{margin:0 5%;padding:28px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:900;font-size:25px;letter-spacing:-1.6px}.logo span{color:#649019}.logo small{font-size:9px;letter-spacing:2px;margin-left:12px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav-contact{border:1px solid var(--ink);padding:12px 18px}.hero{padding:52px 5% 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:7px;height:7px;background:#6a9430;border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding:45px 0 65px}h1{font-size:clamp(40px,4.8vw,76px);line-height:1.18;letter-spacing:-3px;font-weight:600;margin:0 0 30px}.underline{position:relative;isolation:isolate}.underline:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:20px;background:var(--lime);z-index:-1}.lead{font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;gap:48px;align-items:center;background:var(--ink);color:var(--paper);padding:18px 24px;font-size:13px}.button span{font-size:20px}.system{background:#e5e8dd;border:1px solid #c7cdbd;padding:18px;transform:rotate(-2deg);box-shadow:16px 18px 0 #dde1d4}.system-top,.system-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:4px 2px 16px;color:#50594d}.workspace{background:#fbfcf6;border:1px solid #c4c9bc;padding:22px}.workspace-title{display:flex;gap:14px;align-items:center;margin-bottom:25px;font-size:18px}.workspace-title i{background:var(--lime);font-size:26px;font-style:normal;padding:10px}.workspace-title small{display:block;font-size:8px;letter-spacing:1px;margin-top:7px}.flow-row{display:flex;align-items:center;gap:16px;border-top:1px solid #dce0d5;padding:16px 8px;font-size:13px}.flow-row b{font-size:10px;color:#859078}.flow-row small{display:block;font-size:10px;color:#6c7367;margin-top:5px}.flow-row em{font-style:normal;font-size:9px;margin-left:auto;color:#647059}.flow-row.active{background:#e5f6c6;border:1px solid #b2cd8c}.system-bottom{padding:18px 2px 0}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 0;font-size:10px;letter-spacing:1px;color:var(--muted)}.section{padding:95px 5%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}h2{font-size:clamp(30px,3.2vw,48px);line-height:1.3;letter-spacing:-1.5px;font-weight:500;margin:22px 0 0}.section-head p{font-size:14px;line-height:1.9;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}article{padding:30px;border-right:1px solid var(--line)}article:last-child{border:0}.index{font-size:9px;letter-spacing:1.4px;color:var(--muted)}h3{font-weight:500;font-size:21px;margin:24px 0 15px}article p{font-size:13px;line-height:1.9;color:var(--muted);min-height:74px}.mini-lines{display:grid;gap:8px;font-size:9px;letter-spacing:1px;margin-top:30px}.mini-lines span{padding:7px 10px;border:1px solid var(--line);background:#e9ecdf}.chips{display:flex;gap:8px;align-items:center;margin-top:45px;font-size:10px}.chips span{padding:10px 7px;background:#e3e8d9}.file{border:1px solid var(--line);padding:16px;display:flex;gap:20px;align-items:center;margin-top:30px;font-size:24px}.file span{font-size:13px}.file small{display:block;font-size:9px;margin-top:8px;color:var(--muted)}.footnote{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}.roadmap{background:var(--ink);color:var(--paper)}.roadmap .eyebrow{color:var(--lime)}.roadmap-intro{color:#afb7aa;font-size:14px;line-height:1.8;margin:24px 0 45px}.roadmap-row{display:grid;grid-template-columns:190px 1fr 1.3fr;gap:25px;align-items:center;padding:26px 0;border-top:1px solid #3b433a}.roadmap-row h3{margin:0;font-size:20px}.roadmap-row p{color:#adb7a7;font-size:12px;line-height:1.9}.status{width:max-content;padding:9px 12px;background:var(--lime);color:var(--ink);font-size:10px}.planned{background:transparent;border:1px solid #77886a;color:#d1dec6}.roadmap-note{font-size:10px;color:#9ba993;border-top:1px solid #3b433a;padding-top:23px;line-height:1.8}.company{display:grid;grid-template-columns:1fr 1fr;gap:10%}.company-intro{font-size:21px;line-height:1.7;margin:0}.company p:not(.company-intro){font-size:14px;line-height:1.9;color:var(--muted)}dl{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}dt{font-size:10px;color:var(--muted);margin-bottom:9px}dd{margin:0 0 20px;font-size:13px}.contact{margin:0 5% 65px;padding:55px;background:var(--lime);position:relative}.contact h2{font-size:clamp(35px,4vw,56px)}.contact p{font-size:12px;line-height:1.8;margin:25px 0}.contact .button{position:absolute;right:55px;bottom:55px}footer{margin:0 5%;border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}@media(max-width:800px){header{padding:22px 0}.logo{font-size:21px}.logo small{display:none}nav{gap:15px;font-size:11px}.nav-contact{display:none}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:50px;padding:35px 0 45px}h1{letter-spacing:-2px;font-size:46px}.system{margin:0 12px 10px 0;transform:none}.hero-bottom{font-size:8px;gap:20px;line-height:1.8}.section{padding:60px 5%}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:24px}.features{grid-template-columns:1fr}article{border-right:0;border-bottom:1px solid var(--line);padding:26px}article p{min-height:0}.chips{margin-top:25px}.roadmap-row{grid-template-columns:1fr;gap:14px}.roadmap-row p{margin:0}.company{grid-template-columns:1fr;gap:35px}.contact{padding:30px;margin-bottom:40px}.contact .button{position:static;margin-top:10px}.contact h2{font-size:38px}footer{gap:16px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.language-switch{display:flex;gap:4px;margin-left:18px}.language-switch button{background:transparent;border:1px solid var(--line);padding:8px 11px;color:var(--ink);cursor:pointer}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.language-switch button:focus-visible{outline:3px solid #548515;outline-offset:3px}.site-notice{margin:0 5% 28px;font-size:10px;line-height:1.8;color:var(--muted)}html[lang=en] h1{font-size:clamp(38px,4.4vw,66px);letter-spacing:-2px}html[lang=en] .contact .button{position:static;margin-top:10px}html[lang=en] .flow-row em{max-width:65px}html[lang=en] article p{min-height:125px}@media(max-width:800px){header{flex-wrap:wrap;gap:15px}nav{order:3;width:100%;justify-content:space-between}.language-switch{margin-left:auto}html[lang=en] h1{font-size:43px}html[lang=en] article p{min-height:0}.system{box-shadow:8px 10px 0 #dde1d4}}
@media(max-width:800px){.contact .button{gap:16px;padding:16px;max-width:100%;font-size:12px}.contact .button span{flex-shrink:0}.contact p a{overflow-wrap:anywhere}}
.product-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.product-grid article p{min-height:0}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}.guide{background:#e5e8dd}.support-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0}.support-steps b{font-size:12px;color:var(--muted)}.support-steps p,.support-box p,.guide details p,.policy-grid p{font-size:13px;line-height:1.9;color:var(--muted)}.support-box{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid #bdc5b3}.support-box h3{margin-top:0}.support-box>a{overflow-wrap:anywhere}.guide details{padding:22px 0;border-top:1px solid #bdc5b3}.guide summary{cursor:pointer;font-size:15px;line-height:1.7}.policy-date{font-size:11px;color:var(--muted);margin-top:20px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:22px}footer{gap:18px;flex-wrap:wrap}@media(max-width:800px){.product-grid,.support-steps,.policy-grid{grid-template-columns:1fr}.support-steps,.policy-grid{gap:15px}.support-box{display:block}.support-box>a{display:inline-block;margin-top:10px}.section-head>.text-link{display:inline-block;margin-top:22px}}
.product-hero{padding-top:45px}.product-hero>.eyebrow{margin:48px 0 22px}.product-hero h1{max-width:1050px}.product-tagline{font-size:clamp(22px,2.7vw,38px);line-height:1.45;max-width:950px;margin:25px 0}.product-hero .lead{max-width:850px;font-size:16px}.product-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.product-process{background:#e5e8dd}.product-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:45px 0}.product-steps b{color:#506c32;font-size:13px}.product-steps h3{font-size:21px;line-height:1.4}.product-steps p,.io-grid p,.product-scope p,.demo-caption{font-size:14px;line-height:1.9;color:var(--muted)}.io-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #b8c1ac;padding-top:25px;gap:45px}.io-grid span{font-size:11px;letter-spacing:2px;font-weight:bold}.demo-caption{max-width:850px;border-left:3px solid #6c8d3f;padding-left:18px;margin:25px 0 35px}.screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:35px}.screenshots figure{margin:0;min-width:0}.screenshot-window{height:580px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#f4f7f9;transition:box-shadow .2s}.screenshot-window:hover{box-shadow:0 8px 25px #171b191a}.screenshot-window img{display:block;width:100%;height:auto}.screenshots figcaption{font-size:12px;line-height:1.6;margin-top:15px;color:var(--muted)}.product-scope{border-top:1px solid var(--line)}.product-scope p{max-width:900px}.product-detail-link{display:inline-block;margin:0 25px 20px 0}@media(max-width:800px){.product-steps{grid-template-columns:1fr 1fr;gap:20px}.io-grid{grid-template-columns:1fr;gap:10px}.screenshot-window{height:450px}.product-hero h1{letter-spacing:-1px}.product-hero>.eyebrow{margin-top:35px}}@media(max-width:480px){.product-steps{grid-template-columns:1fr}.product-steps h3{margin:12px 0}.product-actions{gap:22px}}@media(prefers-reduced-motion:reduce){.screenshot-window{transition:none}}