:root{--forest:#123f35;--green:#0c7559;--hover:#075b45;--ink:#183d33;--text:#3c574b;--muted:#6d8175;--line:#d8e2dc;--pale:#e9f2ec;--bg:#f6f8f6;--font:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;color:var(--text);font:15px/1.75 var(--font)}a{color:var(--green);text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid #d49d3e;outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--ink)}.wrap{max-width:1280px;padding-left:40px;padding-right:40px;margin:auto}.draft-note{min-height:29px;background:#edf1ed;border-bottom:1px solid #dbe3dc;color:#617568;font-size:10px;padding:5px 30px;display:flex;justify-content:space-between}.topbar{position:sticky;top:0;background:var(--forest);color:white;z-index:30}.nav-wrap{max-width:1440px;padding:0 40px;margin:auto;height:73px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;color:white;gap:10px}.brand:hover{text-decoration:none}.brand strong{font-size:24px;letter-spacing:2px}.brand-mark{width:34px;height:34px;background:white;color:var(--green);border-radius:8px;display:grid;place-items:center;font-size:22px;font-weight:800;line-height:1}.topbar nav{display:flex;gap:30px;margin-left:auto;align-items:center}.topbar nav a{font-size:13px;color:#d2e3d8}.nav-login{border:1px solid #92b39d;border-radius:5px;color:#f1fff5;padding:7px 15px;font-size:13px;white-space:nowrap}.nav-login:hover{background:#245741;text-decoration:none}.skip{position:fixed;top:-70px;left:12px;z-index:100;background:white;padding:10px}.skip:focus{top:7px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;padding-top:64px;padding-bottom:62px;align-items:center}.product-name{color:#627e6c;font-size:13px;margin-bottom:17px}.hero h1{font-size:42px;line-height:1.52;font-weight:750;letter-spacing:-1.3px}.hero-lead{font-size:15px;color:#647e6b;line-height:2.1;margin:22px 0 28px}.hero-actions{display:flex;gap:23px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;min-height:46px;line-height:1.5;border-radius:6px;font-weight:600;font-size:13px;border:1px solid #b2c7b8;background:white;white-space:nowrap}.button:hover{text-decoration:none;background:#edf4ef}.button.primary{background:var(--green);border-color:var(--green);color:white}.button.primary:hover{background:var(--hover)}.button.secondary{background:white;color:var(--green);border-color:#aec9b7}.text-button{color:var(--green);background:none;padding:0;border:0;font-size:13px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.hero-case{border:1px solid #b9cec0;border-radius:12px;background:#fbfdfb;box-shadow:0 12px 35px #22492f09;overflow:hidden}.hero-case-heading{display:flex;align-items:center;gap:8px;font-size:11px;color:#6f8875;padding:14px 20px;border-bottom:1px solid #dde8df;background:#f1f6f1}.hero-case-heading a{margin-left:auto;font-size:11px;color:#48765a}.live-dot,.demo-bottomline i{height:6px;width:6px;display:inline-block;background:#448d5c;border-radius:50%;flex-shrink:0}.hero-pictures{display:flex;align-items:center;gap:15px;padding:18px 20px 14px}.hero-pictures figure{flex:1;min-width:0;position:relative;text-align:center}.hero-pictures figure>span{position:absolute;top:5px;left:7px;font-size:10px;color:#356548;background:#e5eee6e6;padding:2px 5px;border-radius:3px}.hero-pictures img{width:100%;height:152px;object-fit:contain;background:white;border:1px solid #e0e9e2;border-radius:5px}.hero-pictures figcaption{font-size:11px;color:#6b8171;margin-top:6px}.compare-mark{font-size:22px;color:#759980}.case-summary{margin:0 20px;border-top:1px solid #dce7dd;padding:16px 0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-summary>div{border-right:1px solid #dce7dd}.case-summary>div:last-child{border:0}.case-summary span{display:block;font-size:10px;color:#6e8775}.case-summary strong{display:block;font-size:21px;line-height:1.5;color:#205d3a;font-variant-numeric:tabular-nums;margin-top:3px}.case-summary small{font-size:10px;margin-left:4px;font-weight:400;color:#789181}.hero-case-note{padding:0 20px 14px;color:#8a957d;font-size:10px;line-height:1.9}.experience{padding-top:12px;padding-bottom:65px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px}.section-label{font-size:12px;color:#708772;margin-bottom:10px}.section-intro h2,.case-section h2,.closing h2{font-size:30px;line-height:1.55;font-weight:700;letter-spacing:-.6px}.section-intro>p{font-size:13px;color:#6d8473;line-height:1.9}.experience-shell{border:1px solid #aec6b4;border-radius:11px;overflow:hidden;background:#f4f7f4;box-shadow:0 10px 26px #183c2608}.demo-topline{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #ccdbd0;padding:0 18px;min-height:57px;gap:20px}.demo-tabs{display:flex;align-self:stretch;gap:9px}.demo-tabs button{border:0;border-bottom:3px solid transparent;background:none;color:#6b8372;font-size:13px;padding:15px 18px 12px;white-space:nowrap}.demo-tabs button[aria-selected=true]{border-bottom-color:var(--green);color:#135e3c;font-weight:700;background:#f1f7f1}.demo-tabs button:hover{color:var(--green);background:#f5f8f4}.reset-demo{border:0;background:none;font-size:11px;color:#708775;white-space:nowrap}.demo-caption{display:flex;gap:22px;align-items:center;padding:13px 23px;background:#e8f0e8;border-bottom:1px solid #d0ddd2;font-size:12px;color:#6b806d}.demo-caption strong{font-size:13px;color:#376345}.demo-caption span{margin-left:auto;font-size:11px}#caseFrame{display:block;width:100%;height:610px;border:0;background:#f2f5f3}.experience-shell.expanded #caseFrame{height:850px}.demo-bottomline{display:flex;align-items:center;gap:20px;border-top:1px solid #d4e0d6;background:#f8fbf8;padding:12px 20px;color:#6e8373;font-size:10px}.demo-bottomline span:first-child{display:flex;align-items:center;gap:7px}.demo-bottomline .text-button{font-size:11px;margin-left:auto}.demo-bottomline #demoStatus{font-size:10px;color:#8a9a8c}.benefits{padding-top:45px;padding-bottom:66px;border-top:1px solid var(--line)}.comparison{border-top:2px solid #234d35;border-bottom:1px solid var(--line)}.comparison-head{display:grid;grid-template-columns:1fr 1fr;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;color:#6e8672}.comparison-head span{padding:0 22px}.comparison-head span:last-child{color:#285f3b}.comparison-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.comparison-row:last-child{border:0}.comparison-row>div{padding:25px 22px}.comparison-row>div:last-child{background:#f3f7f2;border-left:1px solid #dce6dc}.work-label{font-size:12px;font-weight:700;color:#7e8b7a}.comparison-row h3{font-size:16px;font-weight:600}.comparison-row p{font-size:13px;color:#6b806f;margin-top:7px;line-height:1.9}.measurement-note{margin-top:23px;max-width:860px;font-size:12px;color:#7e8c79}.measurement-note strong{font-size:13px;color:#56705a;font-weight:500}.measurement-note p{margin-top:6px;line-height:1.9}.case-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:60px;padding-bottom:72px;border-top:1px solid var(--line)}.case-lead{color:#6a816f;font-size:13px;line-height:2;margin:20px 0 18px;max-width:410px}.case-section .text-button{font-size:12px}.case-boundaries{padding-top:4px}.case-boundaries>div{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.case-boundaries>div:last-child{border:0}.boundary-symbol{color:#387c50;font-size:16px;background:#e4eee3;height:30px;width:30px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.boundary-symbol.question{color:#8a773a;background:#f1eedf}.boundary-symbol.plain{color:#7d8d76;background:#eef1e9}.case-boundaries h3{font-size:14px}.case-boundaries p{font-size:12px;color:#6e8371;line-height:1.95;margin-top:6px}.closing{background:#eaf1e8;border-top:1px solid #d2dfcf}.closing-inner{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-top:44px;padding-bottom:46px}.closing p:not(.section-label){font-size:12px;color:#71866f;line-height:1.9;margin-top:16px}.closing-actions{display:flex;gap:12px}.footer{display:flex;align-items:center;gap:22px;padding-top:27px;padding-bottom:27px;color:#7b8d7c;font-size:11px}.footer a{color:#607b65}.footer .footer-brand{font-size:17px;font-weight:700;color:#285c3b;margin-right:0}.footer a:nth-last-child(2){margin-left:auto}dialog{border:1px solid #c2d4c5;border-radius:11px;max-width:530px;width:calc(100vw - 40px);padding:34px;color:var(--text);box-shadow:0 18px 75px #1d422d30}dialog::backdrop{background:#0c302769}dialog h2{font-size:23px;line-height:1.5}dialog>p:not(.section-label){font-size:13px;color:#748773;line-height:2;margin-top:18px}.dialog-close{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;background:none;font-size:23px;color:#79917c}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}dialog dl{margin:20px 0;border-top:1px solid var(--line)}dialog dl>div{padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:85px 1fr;font-size:12px;gap:15px}dialog dt{color:#84967e}dialog dd{margin:0;color:#587352}dialog>.button{margin-top:6px}
@media(min-width:1750px){.wrap{max-width:1420px}.hero{gap:90px;padding-top:70px;padding-bottom:68px}.hero h1{font-size:46px}.hero-pictures img{height:176px}#caseFrame{height:610px}.section-intro{margin-bottom:26px}}
@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:30px}.hero h1{font-size:34px;letter-spacing:-.7px}.hero-lead{font-size:13px}.nav-wrap{padding:0 28px;gap:30px}.topbar nav{gap:20px}.case-summary strong{font-size:18px}.hero-pictures{padding:15px}.hero-pictures img{height:133px}.hero-case-note{font-size:10px}.demo-caption{flex-direction:column;gap:3px;align-items:flex-start}.demo-caption span{margin-left:0}.case-section{gap:50px}.closing-actions{flex-direction:column}#caseFrame{height:650px}.demo-bottomline #demoStatus{display:none}}
@media(max-width:760px){html{scroll-padding-top:80px}.draft-note{padding:5px 17px;font-size:9px}.nav-wrap{height:62px;padding:0 18px;gap:15px}.brand strong{font-size:20px}.brand-mark{height:30px;width:30px;font-size:20px}.topbar nav{gap:17px}.topbar nav a{font-size:11px}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}.nav-login{padding:6px 9px;font-size:11px}.wrap{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:42px}.product-name{font-size:11px;margin-bottom:11px}.hero h1{font-size:30px;line-height:1.55;letter-spacing:-.5px}.hero-lead{margin:17px 0 22px;font-size:13px;line-height:1.95}.hero-lead br{display:none}.hero-actions{gap:22px}.button{padding:11px 15px;font-size:12px;min-height:42px}.text-button{font-size:12px}.hero-case{border-radius:9px}.hero-case-heading{padding:11px 14px;font-size:10px}.hero-case-heading a{font-size:10px}.hero-pictures{gap:9px;padding:15px 14px 12px}.hero-pictures img{height:138px}.hero-pictures figcaption{font-size:10px}.case-summary{margin:0 14px;gap:10px;padding:13px 0 9px}.case-summary span{font-size:9px}.case-summary strong{font-size:19px}.hero-case-note{padding:0 14px 12px;font-size:9px}.section-intro{display:block;margin-bottom:19px}.section-intro h2,.case-section h2,.closing h2{font-size:25px}.section-label{font-size:11px;margin-bottom:7px}.section-intro>p{font-size:12px;line-height:1.9;margin-top:10px}.section-intro>p br{display:none}.experience{padding-bottom:38px}.experience-shell{border-radius:7px;margin-left:-6px;margin-right:-6px}.demo-topline{padding:0 8px;min-height:49px;gap:5px}.demo-tabs{gap:0}.demo-tabs button{padding:12px 10px 10px;font-size:11px}.reset-demo{font-size:9px}.demo-caption{padding:12px 14px;font-size:11px;gap:5px}.demo-caption strong{font-size:12px}.demo-caption span{font-size:10px}#caseFrame{height:680px}.experience-shell.expanded #caseFrame{height:1000px}.demo-bottomline{padding:11px;gap:10px;font-size:9px}.demo-bottomline .text-button{font-size:10px}.demo-bottomline i{height:5px;width:5px}.benefits{padding-top:35px;padding-bottom:40px}.comparison-head{font-size:10px;padding:12px 0}.comparison-head span{padding:0 10px}.comparison-row>div{padding:18px 11px}.comparison-row h3{font-size:13px;line-height:1.8}.comparison-row p{font-size:11px;line-height:1.9}.work-label{font-size:11px}.measurement-note{font-size:11px}.measurement-note strong{font-size:12px}.case-section{grid-template-columns:1fr;gap:20px;padding-top:35px;padding-bottom:40px}.case-section h2 br{display:none}.case-lead{font-size:12px;max-width:none;margin:13px 0}.case-boundaries>div{padding:15px 0}.case-boundaries p{font-size:12px}.closing-inner{display:block;padding-top:32px;padding-bottom:35px}.closing h2 br{display:none}.closing p:not(.section-label){font-size:11px;line-height:1.9}.closing-actions{flex-direction:row;gap:10px;margin-top:22px}.footer{padding-top:22px;padding-bottom:22px;gap:15px;font-size:10px;flex-wrap:wrap}.footer span{display:none}.footer .footer-brand{font-size:15px}.footer a:nth-last-child(2){margin-left:auto}dialog{padding:27px 23px}dialog h2{font-size:20px}dialog>p:not(.section-label){font-size:12px}.dialog-actions .button{font-size:11px}dialog dl>div{grid-template-columns:70px 1fr;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}