:root{color-scheme:light;--ink:#18372e;--muted:#66766d;--line:#d9e2d8;--paper:#f5f6ed;--green:#245c45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1180px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px}nav{display:flex;gap:32px;font-size:14px}.hero{padding:82px 0 60px;position:relative}.eyebrow,.number{font-size:11px;font-weight:650;letter-spacing:2px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:#63a566;border-radius:100%;margin-right:9px}h1{font-size:clamp(52px,6.7vw,88px);line-height:1.12;letter-spacing:-4px;margin:26px 0}h1 em{font-style:normal;color:#548169}.intro{font-size:17px;line-height:1.9;max-width:480px;color:var(--muted)}.actions{display:flex;gap:12px;margin:30px 0 17px}.button{padding:15px 24px;border-radius:9px;font-size:14px;font-weight:650;display:inline-flex;align-items:center;gap:38px}.primary{background:var(--green);color:white}.secondary{border:1px solid #becbbd}.note{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:64px;background:#fffefa}.card{padding:31px;transition:background .2s}.card:hover{background:#edf2e8}.card+.card{border-left:1px solid var(--line)}h2{font-size:22px;letter-spacing:-.7px;margin-top:37px;display:flex;justify-content:space-between;align-items:center}h2 span{font-size:25px;font-weight:400;color:#66866d}.card p{font-size:14px;line-height:1.9;color:var(--muted);min-height:80px}.pills{display:flex;flex-wrap:wrap;gap:7px}.pills span{font-size:10px;border:1px solid var(--line);padding:6px 8px;border-radius:5px;color:#63766a}footer{border-top:1px solid var(--line);padding:27px 0 35px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid #9bbfa4;outline-offset:4px}.test-main{max-width:940px;padding:70px 0}.test-main h1{font-size:52px;letter-spacing:-2px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:38px 0}.metric{border:1px solid var(--line);border-radius:10px;background:#fffefa;padding:23px}.metric span{display:block;font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:35px;letter-spacing:-1px;margin:20px 0 8px;font-variant-numeric:tabular-nums}.metric small{color:var(--muted)}button{font:inherit;cursor:pointer;border:0}button:disabled{cursor:default;opacity:.55}.test-status{color:var(--muted);font-size:14px;line-height:1.8}progress{width:100%;height:5px;accent-color:var(--green)}@media(max-width:1240px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:720px){header{height:80px}.hero{padding:48px 0 35px}h1{letter-spacing:-2px}.cards{grid-template-columns:1fr}.card+.card{border-left:0;border-top:1px solid var(--line)}.card p{min-height:0}h2{margin-top:24px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.metric strong{font-size:30px}footer{gap:20px}.test-main{padding:35px 0}.test-main h1{font-size:39px}nav{gap:15px;font-size:12px}.brand{font-size:18px}.actions{flex-wrap:wrap}}
