:root{font-family:"Microsoft YaHei",Inter,system-ui,sans-serif;color:#202827;background:#f7f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.site-header{height:70px;padding:0 max(28px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fdfdfb;border-bottom:1px solid #e5e5df}.brand{display:flex;align-items:center;gap:10px;color:#1d2928;text-decoration:none;font-size:19px}.brand span{display:grid;place-items:center;width:36px;height:36px;background:#264f48;color:#fff;border-radius:6px;font-weight:800}.brand strong{letter-spacing:0}nav{display:flex;align-items:center;gap:26px}nav a{color:#59625f;text-decoration:none;font-size:14px}.login,.primary{display:inline-flex;align-items:center;gap:8px;background:#264f48!important;color:#fff!important;padding:10px 16px;border-radius:5px}.hero{max-width:1200px;margin:auto;min-height:620px;padding:88px 28px 72px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:68px}.eyebrow{color:#65706c;font-weight:700;font-size:12px;letter-spacing:.12em;margin:0 0 15px}.hero h1{font-size:46px;line-height:1.23;margin:0;color:#1e2928;letter-spacing:0}.lead{font-size:16px;line-height:1.9;color:#59625f;max-width:530px;margin:22px 0}.actions{display:flex;gap:12px}.primary,.secondary{height:44px;text-decoration:none;font-size:14px}.secondary{border:1px solid #cfd5d1;color:#2d4943;padding:11px 16px;border-radius:5px;background:#fff}.hero-notes{display:flex;gap:21px;margin-top:23px;color:#68736e;font-size:13px}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes svg{width:16px;color:#3c776b}.product-view{background:#fff;border:1px solid #d9dfda;border-radius:6px;box-shadow:0 20px 42px rgba(28,42,38,.11);overflow:hidden}.preview-head{height:42px;border-bottom:1px solid #e9ece8;display:flex;align-items:center;gap:6px;padding:0 14px;color:#59635f;font-size:12px}.preview-head span{width:8px;height:8px;border-radius:50%;background:#d7dcda}.preview-head b{margin-left:8px}.preview-body{display:grid;grid-template-columns:120px 1fr;min-height:310px}.preview-body aside{background:#26302e;color:#bdc7c2;padding:15px 10px;display:grid;align-content:start;gap:13px;font-size:11px}.preview-logo{width:27px;height:27px;display:grid;place-items:center;background:#4c8778;color:#fff;border-radius:4px;font-weight:800;font-size:14px;margin-bottom:4px}.preview-body aside .active{color:#fff;background:#496f66;margin:0 -4px;padding:7px 4px;border-radius:3px}.preview-body section{padding:21px}.preview-top{display:flex;justify-content:space-between;font-size:13px}.preview-top em{font-style:normal;font-size:10px;color:#68726e;background:#f0f2ef;padding:5px 7px;border-radius:3px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metrics article{border:1px solid #e3e7e3;border-radius:4px;padding:11px}.metrics small,.metrics span{display:block;font-size:10px;color:#78817d}.metrics strong{font-size:22px;display:block;margin:5px 0}.metrics span{color:#497f73}.workflow{border-top:1px solid #e6ebe7;padding-top:15px;font-size:12px}.workflow div{display:flex;align-items:center;margin:13px 0 7px}.workflow span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c9d2cd;border-radius:50%;font-size:10px;color:#74807a}.workflow span.done{background:#3d7568;border-color:#3d7568;color:#fff}.workflow i{height:1px;flex:1;background:#d9e1dc}.workflow small{font-size:10px;color:#7a8580;word-spacing:8px}.service-band,.process-band,.roles-band{padding:76px max(28px,calc((100% - 1144px)/2))}.service-band{background:#fff;border-top:1px solid #e4e7e3}.section-intro{max-width:610px;margin-bottom:35px}.section-intro h2,.process-copy h2,.roles-band h2{font-size:28px;line-height:1.35;margin:0;color:#1f2927}.section-intro>p:last-child,.process-copy>p{color:#626d67;font-size:14px;line-height:1.85;margin:13px 0 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e4e8e4;border-left:1px solid #e4e8e4}.service-grid article{min-height:230px;padding:26px 22px;border-right:1px solid #e4e8e4;border-bottom:1px solid #e4e8e4}.service-grid>article>svg{width:25px;height:25px;color:#376e62}.service-grid h3{font-size:16px;margin:22px 0 9px}.service-grid p{font-size:13px;line-height:1.75;color:#68736d;margin:0;min-height:67px}.service-grid a,.text-link{display:inline-flex;align-items:center;gap:5px;color:#2b6256;font-size:13px;text-decoration:none;margin-top:20px}.service-grid a svg,.text-link svg{width:14px}.process-band{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:start;background:#f1f2ed}.text-link{font-weight:700;margin-top:24px}.process-list{margin:0;padding:0;list-style:none;border-top:1px solid #d6ddd7}.process-list li{display:grid;grid-template-columns:58px 1fr;gap:13px;padding:21px 0;border-bottom:1px solid #d6ddd7}.process-list span{font-size:13px;color:#417367;font-weight:700;padding-top:2px}.process-list h3{font-size:15px;margin:0 0 7px}.process-list p{font-size:13px;line-height:1.7;color:#65706a;margin:0}.roles-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;background:#26302e;color:#fff}.roles-band .eyebrow{color:#bac8c1}.roles-band h2{color:#fff}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.role-grid article{border-left:1px solid #617069;padding-left:16px}.role-grid b{display:block;font-size:15px;margin-bottom:10px}.role-grid span{font-size:13px;line-height:1.7;color:#c4cdc8}footer{max-width:1200px;margin:auto;padding:25px 28px;color:#7b8580;font-size:12px;display:flex;justify-content:space-between}@media(max-width:860px){.site-header{padding:0 16px;height:62px}nav{gap:12px}nav a:not(.login){display:none}.hero{padding:54px 20px 60px;display:block;min-height:auto}.hero h1{font-size:33px}.product-view{margin-top:42px}.hero-notes{flex-wrap:wrap;gap:10px 18px}.service-band,.process-band,.roles-band{padding:50px 20px}.service-grid{grid-template-columns:1fr 1fr}.process-band,.roles-band{display:block}.process-copy{margin-bottom:36px}.role-grid{margin-top:28px}.preview-body{grid-template-columns:95px 1fr}.preview-body section{padding:15px}.metrics{gap:6px}.metrics article{padding:8px}.workflow small{word-spacing:2px}footer{padding:20px;gap:12px}}@media(max-width:520px){.service-grid,.role-grid{grid-template-columns:1fr}.service-grid article{min-height:0}.service-grid p{min-height:0}}
