:root{--ink:#17231f;--green:#154f3b;--mint:#2aa07f;--soft:#edf4ef;--line:#dfe7e1;--muted:#5e6b64;--yellow:#f2c80f;--red:#fd625e}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1310px,calc(100% - 40px));margin:auto}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:800}.brand img{width:30px;height:30px}.back{font-size:14px;font-weight:700;color:var(--green)}main{padding:64px 0}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--green)}h1{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.04em;margin:18px 0 24px}.intro{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}.mock{border:1px solid var(--line);box-shadow:0 24px 60px rgba(21,79,59,.13);background:#fbfcfb;min-height:390px}.mock-hd{height:50px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;font-weight:700}.mock-hd span{color:#7fd3bd;font-size:9px;text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.metric{border:1px solid var(--line);padding:12px}.metric small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.metric b{display:block;font-size:21px;margin-top:6px}.canvas{margin:0 18px 18px;border:1px solid var(--line);padding:18px;min-height:240px}.tree-top{width:55%;margin:auto;border:2px solid var(--green);padding:13px;text-align:center;font-weight:700}.tree-line{width:1px;height:20px;background:var(--line);margin:auto}.tree-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.node{border:1px solid var(--line);border-top:3px solid var(--mint);padding:14px;font-size:11px}.bar{height:5px;background:#e5ebe7;margin-top:14px}.bar i{display:block;height:100%;background:var(--mint)}.road-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px;margin:18px 0;font-size:11px}.track{height:18px;background:#edf2ef;position:relative}.track i{position:absolute;height:100%;background:var(--mint)}.waterfall{height:190px;display:flex;align-items:flex-end;gap:7%;padding:18px 6% 0;border-bottom:1px solid var(--line)}.wf{width:13%;background:var(--mint);position:relative}.wf.red{background:var(--red)}.wf.yellow{background:var(--yellow)}.wf b{position:absolute;top:-20px;width:100%;text-align:center;font-size:10px}.labels{display:flex;justify-content:space-around;font-size:9px;color:var(--muted);padding-top:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}.card{border:1px solid var(--line);padding:28px}.card strong{display:block;font-size:20px;margin-bottom:12px}.card p{margin:0;color:var(--muted);line-height:1.65}.result{margin-top:18px;background:var(--soft);border:1px solid var(--line);padding:36px;display:flex;justify-content:space-between;align-items:center;gap:24px}.result h2{margin:8px 0 0;font-size:clamp(24px,3vw,38px)}.btn{background:var(--green);color:#fff;padding:15px 22px;font-weight:800;white-space:nowrap}.service-footer{border-top:1px solid var(--line);background:var(--ink);color:#fff;padding:24px 0}.service-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.service-footer span{font-size:12px;color:rgba(255,255,255,.48)}.service-footer a{font-size:14px;font-weight:700;color:#7fd3bd}.service-footer a:hover{text-decoration:underline}@media(max-width:800px){main{padding:44px 0}.hero{grid-template-columns:1fr;gap:36px}.cards{grid-template-columns:1fr}.result{align-items:flex-start;flex-direction:column}.mock{min-height:340px}.canvas{min-height:200px}.tree-row{grid-template-columns:1fr}.tree-line{display:none}}