@charset "UTF-8";
:root{--bg:#fff;--surface:#f5f7f6;--text:#192d28;--muted:#61706a;--line:#dce4df;--accent:#25634f;--mint:#c6ecc8;--ink:#183d31;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);color-scheme:light;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}p{line-height:1.85;margin:0}h1,h2,h3,h4{margin:0;font-weight:600}h2{font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.5;letter-spacing:-.035em}h3{font-size:1.5rem;line-height:1.6}h4{font-size:1.0625rem;line-height:1.6}small{font-size:.875rem}[hidden]{display:none!important}:where(a,button,summary):focus-visible{outline:3px solid #579e79;outline-offset:5px}.container{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.eyebrow{display:block;font-size:.8125rem;font-weight:500;color:var(--accent);letter-spacing:.08em;margin-bottom:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:52px;padding:13px 23px;border-radius:7px;background:var(--ink);color:#fff;font-size:1rem;font-weight:500;line-height:1.5;transition:background .18s,transform .18s}.button:hover{background:#28604c;transform:translateY(-2px)}.button span{font-size:1.2rem}.button.secondary{border:1px solid var(--line);background:transparent;color:var(--text)}.button.secondary:hover{background:#edf3ee}.text-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;margin-top:22px;padding:0;color:var(--accent);background:none;font-size:1rem}.text-button{padding:6px 0;color:inherit;background:none;font-size:inherit;text-decoration:underline;text-underline-offset:4px}
/* Navigation */
.header{position:sticky;top:0;z-index:20;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;gap:35px;height:82px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.45rem;font-weight:650;white-space:nowrap;letter-spacing:-.04em}.brand-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;color:#fff;background:var(--ink);font-size:1.8rem;line-height:1}.brand-slash{display:none}.nav-wrap nav{display:flex;gap:29px;margin-left:auto;font-size:.9375rem;color:#51635b}.nav-wrap nav a:hover{color:#164a34}.nav-contact{min-height:44px;padding:10px 17px;font-size:.875rem;gap:18px}.menu-toggle{display:none}.skip{position:fixed;top:-100px;left:15px;z-index:100;padding:15px;color:#fff;background:var(--ink)}.skip:focus{top:10px}
/* Light hero with green accents and white workflow cards. */
.hero-band{--text:#202b27;--muted:#61706a;--line:#dce4df;--accent:#25634f;color:var(--text);background:#fff}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:70px}.hero .eyebrow{margin-bottom:23px}h1{font-size:clamp(3rem,5vw,4.5rem);line-height:1.26;font-weight:600;letter-spacing:-.045em;margin-bottom:25px}h1>span{color:var(--accent)}.hero-description{font-size:1.1875rem;color:#43594d;line-height:1.8}.hero-detail{font-size:1rem;color:var(--muted);margin-top:18px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.hero .button{background:var(--ink);color:#fff}.hero .button:hover{background:#28604c}.hero .button.secondary{background:#fff;border-color:#cbd9cf;color:#284c3b}.hero .button.secondary:hover{background:#f1f6f2}.hero-assurance{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:25px;color:#6a7b70;font-size:.8125rem}.hero-assurance span+span{border-left:1px solid #d2ddd5;padding-left:19px}
.workflow{border:1px solid #dae5db;border-radius:15px;background:#f1f5f2;padding:24px;box-shadow:0 18px 50px #183d3109}.workflow-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:22px;color:#405a48;font-size:.9375rem}.mono{font-size:.75rem;color:#6a7d70;letter-spacing:.04em}.workflow-input{display:flex;align-items:center;gap:14px;padding:19px 17px;background:#fff;border:1px solid #dce5de;border-radius:8px}.diagram-icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;background:#e9f2e8;border-radius:8px;color:#377453;font-size:1.4rem}.workflow-input small{display:block;color:#6b7e70;font-size:.8125rem;margin-bottom:7px}.workflow-input strong{font-size:.9375rem;font-weight:500;line-height:1.6}.flow-line{height:54px;width:1px;border-left:1px dashed #9ab7a0;position:relative;margin:auto}.flow-line:after{content:'↓';position:absolute;bottom:-5px;left:-5px;color:#377453;font-size:14px}.flow-line>span{position:absolute;top:10px;left:50%;transform:translateX(-50%);padding:4px 9px;background:#f1f5f2;font-size:.75rem;white-space:nowrap;color:#6b7e70}.engine{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:22px;border:1px solid #a8c5ad;background:#fff;border-radius:9px}.engine-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:9px;color:#24442e;background:#deeedb;font-size:2.3rem}.engine h2{margin-top:5px;font-size:1.4rem;letter-spacing:-.02em}.engine .mono{color:#5e7962}.engine-tags{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:3px}.engine-tags span{font-size:.75rem;padding:5px 9px;border:1px solid #d3e2d0;border-radius:4px;color:#4e6b4e}.outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.outputs>div{text-align:center;padding:15px 6px;border:1px solid #dce5de;border-radius:8px;background:#fff}.outputs>div>span{display:block;color:#377453;font-size:1.4rem;margin-bottom:8px}.outputs strong{display:block;font-size:.875rem;font-weight:500}.outputs small{display:block;color:#6a7f6b;font-size:.75rem;margin-top:6px}.workflow-footer{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #d7e2d8;color:#6a7e6c;font-size:.75rem}
/* Experience and services */
.trust-strip{background:#f5f8f5;border-bottom:1px solid var(--line)}.trust-content{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px;align-items:center;padding-block:31px}.trust-count{display:flex;align-items:center;gap:18px;border-right:1px solid #d6e0d7;padding-right:22px}.trust-count>strong{color:#20533d;font-size:3.4rem;font-weight:550;line-height:1.2;letter-spacing:-.065em}.trust-count p{font-size:.875rem;line-height:1.7;color:var(--muted)}.trust-count b{font-weight:500;color:var(--text)}.trust-principle{display:flex;align-items:flex-start;gap:12px}.trust-principle>span{font-size:.75rem;color:#71857a;padding-top:4px}.trust-principle strong{font-size:.9375rem;font-weight:500}.trust-principle p{font-size:.8125rem;color:var(--muted);margin-top:6px}.section{padding-block:86px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:37px}.section-heading .eyebrow{margin-bottom:13px}.section-heading p{color:var(--muted);font-size:1rem}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.audience-card{display:flex;flex-direction:column;padding:34px;border:1px solid var(--line);border-radius:12px}.audience-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.pill{display:inline-block;font-size:.875rem;line-height:1.6;font-weight:500;padding:5px 11px;border:1px solid #b9d0bc;border-radius:5px}.audience-mark{font-size:2.2rem;line-height:1;color:#52795c}.audience-card h3{font-size:1.9rem;letter-spacing:-.03em}.audience-description{margin-top:17px;font-size:1rem;color:var(--muted)}.service-list{padding:0;margin:26px 0 30px;list-style:none}.service-list li{display:flex;gap:13px;padding:18px 0;border-top:1px solid var(--line)}.service-list li:last-child{padding-bottom:0}.service-list li>span{color:#3f7553;padding-top:4px;font-size:.875rem}.service-list p{color:var(--muted);font-size:1rem;margin-top:5px}.audience-card .button{margin-top:auto;justify-content:space-between}.audience-note{text-align:center;color:var(--muted);font-size:.8125rem;line-height:1.7;margin-top:13px}.business-card{--text:#f2f7f0;--muted:#c1d1c2;--line:#4a6451;color:var(--text);background:#244736;border-color:#244736}.business-card .pill{border-color:#6d8b6f;color:#d7edd2}.business-card .audience-mark,.business-card .service-list li>span{color:#cce7bf}.business-card .button{color:#244332;background:#d3eac9}.business-card .button:hover{background:#e3f3d9}.personal-card{background:#f8faf8}
/* Concrete examples, labelled as demonstrations rather than client cases. */
.scenarios-section{background:#f4f6f7;border-block:1px solid #e4e9e8}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.scenario-card{border:1px solid #dde4e0;border-radius:10px;background:#fff;overflow:hidden}.scenario-preview{min-height:260px;padding:23px;background:#eaf0ed;border-bottom:1px solid #dee6e0}.preview-label{display:flex;justify-content:space-between;gap:10px;color:#506a5d;font-size:.75rem;margin-bottom:24px}.preview-label>span:first-child{color:#365945;font-weight:500}.document-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.document-tags span{padding:6px 8px;border-radius:4px;border:1px solid #d4ded4;background:#ffffffa6;color:#526c58;font-size:.75rem}.question-bubble{background:#fff;border:1px solid #dde5db;border-radius:7px 7px 0 7px;padding:12px;font-size:.875rem;color:#344939;line-height:1.6}.answer-bubble{display:flex;align-items:center;gap:10px;margin-top:13px;font-size:.875rem;line-height:1.6;color:#315839}.answer-icon{flex-shrink:0;color:#437b4f;font-size:1.4rem}.answer-bubble small{display:block;font-size:.75rem;color:#677b67;margin-top:3px}.office-preview{background:#eaf0f5}.office-preview .preview-label,.office-preview .preview-label>span:first-child{color:#516779}.task-row{display:flex;align-items:center;gap:9px;padding:11px 9px;margin-top:9px;background:#ffffffc9;border:1px solid #dae3ea;border-radius:6px;font-size:.8125rem;line-height:1.5;color:#435e71}.task-number{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;background:#e8eef4;border-radius:4px;font-size:.75rem}.task-state{margin-left:auto;white-space:nowrap;color:#627687;font-size:.75rem}.content-preview{background:#eeedf5}.content-preview .preview-label,.content-preview .preview-label>span:first-child{color:#6a627e}.content-brief{background:#ffffffb3;border:1px solid #dcd9e7;border-radius:6px;padding:13px}.content-brief>span{display:block;color:#817890;font-size:.75rem;margin-bottom:8px}.content-brief strong{font-size:.875rem;font-weight:500;line-height:1.7;color:#514964}.content-stages{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:18px;font-size:.75rem;color:#665b78}.content-stages i{font-style:normal;color:#9b91ab}.content-note{font-size:.75rem;color:#7a7287;margin-top:18px;line-height:1.7}.scenario-copy{padding:25px 23px}.scenario-kicker{display:block;color:var(--accent);font-size:.8125rem;margin-bottom:10px}.scenario-copy h3{font-size:1.25rem;letter-spacing:-.02em}.scenario-copy p{color:var(--muted);font-size:1rem;margin-top:13px}.scenario-delivery{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:.8125rem;line-height:1.8;color:#627469}.scenario-delivery span{display:block;color:#314f3d;font-weight:500;margin-bottom:5px}.scenario-footnote{font-size:.8125rem;color:#748078;margin-top:23px;text-align:center}
/* Delivery, questions, and contact */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.steps article{border-top:1px solid #bccdbf;padding-top:22px}.step-count{display:flex;justify-content:space-between;color:#598362;font-size:1.5rem;font-weight:400;margin-bottom:24px}.step-count i{color:#899b8c;font-size:1.2rem;font-style:normal}.steps h3{font-size:1.25rem}.steps p{color:var(--muted);font-size:1rem;margin-top:12px}.step-result{display:block;margin-top:21px;color:#58765d;font-size:.8125rem}.faq-section{display:grid;grid-template-columns:.85fr 1.6fr;gap:90px;padding-block:16px 86px}.faq-intro p{margin-top:18px;color:var(--muted);font-size:1rem}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-size:1rem;font-weight:500;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{flex-shrink:0;color:var(--accent);font-size:1.3rem;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{padding:0 32px 24px 0;color:var(--muted);font-size:1rem}.contact-section{padding-bottom:75px}.contact-banner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 52px;background:#eaf2e9;border:1px solid #d5e3d1;border-radius:12px}.contact-banner .eyebrow{color:#587451}.contact-banner h2{font-size:2.3rem}.contact-banner p{margin-top:18px;color:#60705b;font-size:1rem}.contact-action{display:flex;align-items:center;flex-direction:column;gap:15px}.dark-button{min-height:56px}.contact-action>span{font-size:.8125rem;color:#61775e;text-align:center;line-height:1.8}.footer{background:#f7f9f7;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:30px;padding-block:32px}.footer-top p{font-size:.875rem;color:var(--muted)}.footer-top>a:last-child{margin-left:auto;font-size:.875rem;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:22px;color:var(--muted);font-size:.8125rem}.footer-bottom>div{display:flex;gap:22px;align-items:center}
/* Shared dialogs and secondary routes */
dialog{width:min(460px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:40px 28px 25px;border:1px solid #cbdccc;border-radius:14px;background:#fff;color:var(--text);text-align:center;box-shadow:0 30px 100px #071c2633}dialog::backdrop{background:#142d269e;backdrop-filter:blur(6px)}dialog h2{font-size:1.6rem}dialog>p{color:var(--muted);font-size:1rem;margin-top:13px}.dialog-close{position:absolute;top:9px;right:12px;width:40px;height:40px;background:none;color:#718573;font-size:1.8rem}dialog .eyebrow{margin:8px 0 15px}.wechat-qr{display:block;max-width:100%;height:auto;margin:25px auto 12px;border:12px solid white;border-radius:9px;background:white}.qr-empty{margin:25px auto 15px;padding:26px 15px;border:1px dashed #b7cbb5;background:#f6f9f4;border-radius:9px}.qr-empty>span{display:block;margin-bottom:12px;font-size:2rem;color:#6d9063}.qr-empty p{margin-top:8px;font-size:.875rem;color:var(--muted)}.wechat-id{margin-top:17px;font-size:.875rem}.wechat-id button{margin-left:14px}.download-qr{margin-top:16px}.consent{position:fixed;bottom:20px;left:20px;z-index:30;max-width:440px;width:calc(100% - 40px);padding:23px;background:#fff;border:1px solid #c4d6c2;border-radius:12px;box-shadow:0 10px 50px #152e2722}.consent p{font-size:.875rem}.consent a{color:var(--accent);text-decoration:underline}.consent>div{display:flex;gap:12px;margin-top:16px}.consent .button{min-height:44px;padding:10px 16px;font-size:.875rem}.legal{max-width:820px;padding-block:60px 90px}.back-link{display:block;color:var(--muted);margin-bottom:45px;font-size:.875rem}.legal h1{font-size:2.8rem}.legal h2{font-size:1.4rem;margin-block:34px 14px}.legal p{color:var(--muted);margin-top:14px}.legal p a{color:var(--accent);text-decoration:underline}.not-found{min-height:65vh;padding-block:110px}.not-found h1{font-size:clamp(2rem,5vw,3.2rem)}.not-found p{color:var(--muted);margin-bottom:30px}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav-wrap{gap:24px}.nav-wrap nav{gap:21px}.hero{gap:35px;padding-block:55px}.hero-actions .button{padding-inline:17px;gap:14px}.workflow{padding:18px}.trust-content{gap:22px}.trust-count{gap:12px;padding-right:15px}.trust-count>strong{font-size:2.7rem}.trust-principle{gap:8px}.trust-principle>span{display:none}.audience-card{padding:28px}.scenario-grid{gap:17px}.scenario-preview{padding:20px 15px}.scenario-copy{padding:24px 20px}.task-row{flex-wrap:wrap}.steps{gap:23px}.faq-section{gap:55px}.contact-banner{padding:40px}}
@media(max-width:900px){.nav-wrap{height:74px;gap:17px}.brand{font-size:1.3rem}.nav-contact{margin-left:auto;min-height:42px;font-size:.875rem;padding:9px 13px;gap:10px}.menu-toggle{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;background:none;font-size:.875rem}.nav-wrap nav{display:none;position:absolute;top:74px;left:0;right:0;margin:0;padding:23px 28px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.nav-wrap nav.is-open{display:flex}.hero{gap:30px}.hero-detail br{display:none}.engine{padding:16px;gap:11px}.engine-icon{width:39px;height:39px}.engine h2{font-size:1.18rem}.workflow-input{padding:15px 12px;gap:10px}.diagram-icon{width:30px;height:34px}.trust-content{grid-template-columns:1fr 1fr;gap:25px 35px}.trust-count{border-right:0}.trust-principle>span{display:block}.scenario-grid{grid-template-columns:1fr;gap:23px}.scenario-card{display:grid;grid-template-columns:1fr 1.1fr}.scenario-preview{padding:24px;border-bottom:0;border-right:1px solid #dde4e0}.scenario-copy{padding:25px}.task-row{flex-wrap:nowrap}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding-block:45px;gap:35px}h1{font-size:clamp(3rem,10vw,4.1rem);margin-bottom:22px}.hero-description{font-size:1.125rem}.hero-description br{display:none}.hero-detail{margin-top:14px}.hero-actions{margin-top:25px}.hero-assurance{gap:9px 12px;font-size:.75rem;margin-top:21px}.hero-assurance span+span{padding-left:12px}.workflow{max-width:520px;width:100%;justify-self:center;padding:21px}.workflow-top{padding-bottom:19px}.engine{padding:20px;gap:14px}.engine h2{font-size:1.3rem}.trust-content{padding-block:27px;gap:25px 16px}.trust-count{gap:13px;padding:0}.trust-count>strong{font-size:2.6rem}.trust-count p{font-size:.75rem}.trust-principle{gap:9px}.trust-principle>span{display:none}.trust-principle strong{font-size:.875rem}.trust-principle p{font-size:.75rem;margin-top:5px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:27px}.section-heading p{margin-top:15px}.section-heading p br{display:none}.audience-grid{grid-template-columns:1fr;gap:23px}.audience-card{padding:27px}.audience-card h3{font-size:1.75rem}.audience-top{margin-bottom:17px}.service-list{margin-block:23px 28px}.service-list li{padding-block:17px}.audience-note{font-size:.75rem}.scenario-card{display:block}.scenario-preview{min-height:250px;padding:24px;border-right:0;border-bottom:1px solid #dde4e0}.scenario-copy{padding:25px}.scenario-copy h3{font-size:1.25rem}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 23px}.step-count{margin-bottom:17px;font-size:1.35rem}.steps h3{font-size:1.125rem}.step-result{margin-top:16px;font-size:.75rem}.faq-section{grid-template-columns:1fr;gap:26px;padding-block:0 55px}.faq-intro h2 br{display:none}.faq-intro p{margin-top:13px}.faq-intro p br{display:none}.faq-intro .text-link{margin-top:10px}.faq-list summary{padding-block:21px}.faq-list details>p{padding-right:10px}.contact-section{padding-bottom:45px}.contact-banner{display:block;padding:30px 26px}.contact-banner h2{font-size:1.85rem}.contact-banner p br{display:none}.contact-action{margin-top:26px;gap:13px}.contact-action .button{width:100%}.footer-top{flex-wrap:wrap;gap:18px;padding-block:28px}.footer-top p{order:3;width:100%}.footer-bottom{flex-direction:column;gap:13px}.footer-bottom>div{flex-wrap:wrap}.legal{padding-block:35px 60px}.not-found{padding-block:75px}.not-found h1{line-height:1.5}}
@media(max-width:480px){.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%;justify-content:space-between}.hero-assurance{gap:9px}.hero-assurance span+span{padding-left:9px}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.nav-contact{display:none}.menu-toggle{margin-left:auto}.workflow{padding:15px}.workflow-top{font-size:.875rem}.engine{padding:16px;gap:11px}.engine h2{font-size:1.18rem}.outputs{gap:6px}.outputs>div{padding-inline:4px}.workflow-footer{gap:7px}.audience-card{padding:23px}.trust-count{gap:10px}.trust-count>strong{font-size:2.3rem}.trust-content{column-gap:13px}.scenario-preview,.scenario-copy{padding:20px}.task-row{gap:7px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}