*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8f2;color:#233b32;font:16px/1.8 system-ui,'Microsoft Yahei',sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:22px}.brand img{width:44px;border-radius:14px}nav{display:flex;gap:26px;font-size:14px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:65px 0 90px}.eyebrow{font-size:13px;letter-spacing:3px;color:#5f8069}h1{font-size:clamp(40px,5.5vw,68px);line-height:1.23;letter-spacing:-2px;margin:22px 0}h1 em{font-style:normal;color:#598369}h2{font-size:32px;line-height:1.4}p{color:#6b7c72}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 12px}.button,button{background:#244c3a;color:white;border:0;border-radius:99px;padding:14px 25px;display:inline-block;cursor:pointer;font:inherit}.secondary{background:#e7ecdf;color:#244c3a}small{color:#718077}.scene{background:#e4ebdc;border-radius:44% 44% 24px 24px;padding:45px 30px 25px;transform:rotate(2deg)}.phone{background:#fffdf6;border:7px solid #fff;box-shadow:0 24px 50px #243e321b;border-radius:30px;padding:22px;max-width:300px;margin:auto;transform:rotate(-4deg)}.phone h3{margin:8px 0}.phone p{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{background:#e5efdf;border-radius:12px;aspect-ratio:1;display:grid;place-items:center;font-size:27px;font-weight:600}.tile:nth-child(3n){background:#f4eacb}.note{text-align:center;font-size:12px;margin-top:20px}.strip{border-block:1px solid #dce4d7;padding:22px 0;display:flex;justify-content:space-around;color:#536c5b}.section{padding:60px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #e0e6d9;border-radius:24px;padding:30px;background:#fffdf8}.card:nth-child(2){background:#eef0fa}.card:nth-child(3){background:#faf1df}.symbol{font-size:34px}h3{font-size:21px}.card p{font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px}.steps p{padding:15px 0;border-bottom:1px solid #dce4d7}.download{background:#244c3a;color:white;border-radius:28px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.download p{color:#c3d3c4}.download .button{background:#edf4d9;color:#244c3a}footer{font-size:13px;color:#788578;border-top:1px solid #dce4d7}input{padding:14px;border:1px solid #b9c9b7;border-radius:12px;font:inherit;width:100%;margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:20px;background:white;border-radius:18px}.metric strong{display:block;font-size:30px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #e0e6d9;font-size:14px}.table-wrap{overflow:auto}.error{color:#ad3d3d}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:25px 0 45px}.scene{margin:0 20px}.cards,.split{grid-template-columns:1fr;gap:16px}.section{padding:35px 0}.download{display:block;padding:28px}.metrics{grid-template-columns:repeat(2,1fr)}.strip{font-size:12px;gap:12px}nav{gap:12px}}
