:root{--ink:#203d30;--green:#42664b;--muted:#718074;--line:#dce2d8;--paper:#fbfcf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}header{padding:28px 6%;max-width:1440px;margin:auto;display:flex;align-items:center;gap:40px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-1px;font-weight:600}.logo{font-size:23px;letter-spacing:-6px;line-height:.65;padding-right:7px;color:#416347}.legal{display:block;font-size:7px;letter-spacing:2px;margin-top:8px;font-weight:400;color:var(--muted)}nav{display:flex;gap:38px;font-size:12px}nav a:hover{color:#6d8c47}#language{font-size:11px;border:1px solid var(--line);padding:10px 15px;background:transparent;border-radius:20px}.hero{max-width:1440px;margin:auto;padding:35px 6% 60px;display:grid;grid-template-columns:1.05fr 1fr;gap:45px}.hero-copy{padding-top:48px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;line-height:1.8}.hero .eyebrow{display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;border-radius:50%;background:var(--green)}h1,h2,h3,p{margin:0}h1{font-weight:400;font-size:clamp(54px,5.5vw,80px);letter-spacing:-3.5px;line-height:1.08;margin:29px 0 25px}em{font-family:Georgia,'Microsoft YaHei',serif;font-weight:400;color:#648153}h1 em{letter-spacing:-3px}.hero p{max-width:390px;font-size:14px;line-height:1.95;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:45px;padding:16px 20px;border-radius:3px;background:var(--ink);color:white;font-size:12px;margin-top:29px}.button:hover{background:#3e6244}.hero-meta{font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-top:48px}.hero-meta span{margin:0 12px;color:#9aaf83}.terrain{position:relative;min-height:560px;overflow:hidden;border-radius:120px 4px 4px 4px;background:#dce6d1}.terrain svg{position:absolute;inset:0;width:100%;height:100%}.terrain-top{position:absolute;top:35px;right:25px;left:100px;display:flex;gap:20px;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#4d6644}.terrain-top span{opacity:.7}.terrain-bottom{position:absolute;bottom:26px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#4d6644}.terrain-bottom>span:last-child{font-size:23px}.ribbon{padding:28px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1440px;margin:auto;display:flex;align-items:center;gap:36px;font-size:9px;letter-spacing:1.4px}.ribbon>span:first-child{font-size:13px;letter-spacing:0;margin-right:auto;color:var(--muted)}.plus{color:#a2b190}.section{max-width:1440px;margin:auto;padding:90px 6%}.section-head{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:30px}h2{font-size:37px;font-weight:400;line-height:1.25;letter-spacing:-1.4px}.section-head p{font-size:13px;color:var(--muted);line-height:1.9}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}.focus-grid article{border-top:1px solid #8c9e83;padding-top:20px}.card-number{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.card-number span{font-size:18px}.glyph{font-size:30px;color:#678255;margin:28px 0}h3{font-size:20px;letter-spacing:-.5px;font-weight:500}.focus-grid p{font-size:13px;line-height:1.95;color:var(--muted);margin-top:17px;max-width:330px;min-height:105px}.tag{font-size:7px;letter-spacing:1.2px;margin-top:24px;color:#758469}.principles{background:#203e31;color:#f0f4e9;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:80px;padding-bottom:80px}.principles .eyebrow{color:#aec49c}.principles h2{font-size:47px;margin:26px 0}.principles em{color:#bdd396}.principles p{font-size:13px;line-height:1.9;color:#b5c4b5;max-width:340px}.abstract-mark{display:flex;gap:9px;margin-top:38px;align-items:end;height:60px}.abstract-mark span{width:27px;border:1px solid #829c71;height:27px;transform:skewY(-28deg)}.abstract-mark span:nth-child(2){height:40px}.abstract-mark span:nth-child(3){height:55px}.abstract-mark span:nth-child(4){height:40px}.principles-list article{display:flex;gap:24px;padding:27px 0;border-top:1px solid #ffffff26}.principles-list article:last-child{border-bottom:1px solid #ffffff26}.principles-list article>span{font-size:9px;padding-top:5px;color:#aec49c}.principles-list h3{font-size:18px}.principles-list p{margin-top:12px}.company .eyebrow{margin-bottom:35px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.company h2{font-size:39px}.company p{font-size:13px;line-height:1.9;color:var(--muted)}.company .lead{font-size:21px;color:var(--ink);line-height:1.65;margin-bottom:20px}.domain{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:13px}footer{padding:34px 6%;max-width:1440px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px}footer p{margin-left:auto;font-size:9px;line-height:1.8;color:var(--muted)}footer button{border:0;background:none;color:var(--muted);font-size:11px}.top{width:35px;height:35px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);max-width:510px;width:calc(100% - 32px);padding:43px}dialog::backdrop{background:#12291dbb}dialog h2{font-size:30px;margin:20px 0}dialog p{font-size:14px;line-height:1.9;color:var(--muted)}.close{position:absolute;right:13px;top:8px;background:none;border:0;font-size:25px}.skip{position:absolute;top:-60px;left:15px;background:white;padding:10px;z-index:2}.skip:focus{top:10px}:focus-visible{outline:3px solid #7d9b57;outline-offset:5px}@media(min-width:1500px){body{padding:0 3%}}@media(max-width:1050px){.hero{gap:25px}.terrain{min-height:530px}h1{font-size:62px}.terrain-top{left:70px;font-size:6px}.section-head{grid-template-columns:1fr 2fr}.section-head p{grid-column:2}.focus-grid p{min-height:130px}.principles{gap:6%}.company-grid{gap:6%}.ribbon{gap:22px}}@media(max-width:700px){header{padding:25px 6%;flex-wrap:wrap;gap:22px}.brand{font-size:23px}#language{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:0;gap:35px}.hero-copy{padding-top:24px}h1{font-size:60px}.hero-meta{margin-top:30px}.terrain{min-height:460px;border-top-left-radius:100px}.terrain-top{left:90px;font-size:6px}.ribbon{gap:15px;justify-content:space-between;flex-wrap:wrap;font-size:8px}.ribbon>span:first-child{width:100%;margin-bottom:8px}.section{padding:60px 6%}.section-head{display:block}h2{font-size:32px}.section-head h2{margin:20px 0}.section-head p{max-width:330px}.focus-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.focus-grid p{min-height:0;max-width:100%}.glyph{margin:18px 0}.tag{margin-top:20px}.principles{grid-template-columns:1fr;gap:35px}.principles h2{font-size:42px}.principles p{max-width:100%}.abstract-mark{display:none}.company-grid{grid-template-columns:1fr;gap:25px}.company h2{font-size:33px}footer{flex-wrap:wrap;gap:24px}footer .brand{width:100%}footer p{margin-left:0;margin-right:auto}html[lang=zh] h1{font-size:52px;letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.usecases{background:#f0f3e9}.scenario-list{margin-top:45px}.scenario{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;border-top:1px solid #cbd5c2;padding:32px 0}.scenario-title h3{font-size:23px;line-height:1.4;margin-top:20px;max-width:230px}.scenario .eyebrow{color:#768768;font-size:8px}.scenario p{font-size:13px;line-height:1.95;color:var(--muted)}.flow{border:1px solid #cad6bf;background:#f9fbf5;padding:16px;font-size:10px;line-height:1.9;color:#45613e;margin-top:24px}.questions{border-left:1px solid #d2dbc9;padding-left:25px}.questions h4{font-size:11px;font-weight:500;margin:0 0 12px;color:var(--ink)}.questions p{font-size:12px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.process-grid article{border-top:1px solid #9baa8f;padding-top:22px}.step-index{display:block;font-family:Georgia,serif;font-size:38px;color:#a5b594;margin-bottom:25px}.process-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:18px;min-height:120px}.outcome{font-size:10px;line-height:1.8;color:var(--green);border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.quality{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#edf1e7}.quality h2{margin:25px 0}.quality>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:350px}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.quality-grid article{border-top:1px solid #bbc9ad;padding-top:20px}.quality-grid h3{font-size:17px}.quality-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}.faq{padding-top:40px}.faq-list{max-width:850px;margin:45px 0 0 auto}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font-size:16px;line-height:1.6;padding:23px 0}.faq summary::-webkit-details-marker{display:none}.faq-symbol{font-size:22px;font-weight:400;color:#82966d}.faq details[open] .faq-symbol{transform:rotate(45deg)}.faq details p{font-size:14px;line-height:1.95;color:var(--muted);padding:0 40px 25px 0;max-width:730px}.faq summary:hover{color:#648153}@media(max-width:1050px){nav{gap:23px}.scenario{grid-template-columns:1fr 1.4fr;gap:25px}.questions{grid-column:2;border-left:0;padding:0}.process-grid{grid-template-columns:repeat(2,1fr);gap:35px}.process-grid p{min-height:80px}.quality{gap:6%}}@media(max-width:700px){nav{gap:10px;font-size:10px;flex-wrap:wrap}.scenario{grid-template-columns:1fr;gap:22px}.scenario-title h3{max-width:100%;margin-top:12px}.questions{grid-column:auto;border-left:2px solid #c5d2ba;padding-left:15px}.process-grid{gap:30px 22px}.process-grid p{min-height:0}.quality{grid-template-columns:1fr;gap:30px}.quality-grid{gap:25px 20px}.quality h2{font-size:30px}.faq{padding-top:30px}.faq summary{font-size:14px}.faq details p{font-size:13px;padding-right:10px}.section-head p{max-width:100%}}
