:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#16251b;background:#f6f8f4}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto}header{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#16251b;text-decoration:none;font-size:19px;font-weight:800}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#129447;color:#fff}nav{display:flex;gap:28px}nav a,footer a{color:#66736a;text-decoration:none;font-size:14px}.top-btn,.primary{background:#129447;color:#fff;padding:11px 20px;border-radius:99px;text-decoration:none;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:78px 50px 120px}.eyebrow{color:#159447;font-size:13px;font-weight:800;letter-spacing:.08em}h1{font-size:clamp(52px,7vw,84px);line-height:1.08;margin:18px 0}h2{font-size:46px;line-height:1.25;margin:15px 0 42px}em{color:#159447;font-style:normal}.lead{max-width:510px;color:#6b776f;font-size:18px;line-height:1.8}.actions{display:flex;gap:14px;margin-top:30px}.actions a{padding:14px 25px;border-radius:99px;text-decoration:none;font-weight:700}.secondary{color:#159447;border:1px solid #b9d9c0}.hero-art{min-height:420px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(#acd4c6,#e8c999);box-shadow:0 25px 70px #426b4b25}.sun{position:absolute;right:17%;top:15%;width:145px;height:145px;border-radius:50%;background:#ffe7a0}.hill{position:absolute;bottom:0;width:110%;height:68%;background:#50795b;clip-path:polygon(0 65%,25% 20%,44% 56%,66% 0,100% 66%,100% 100%,0 100%)}.hero-label{position:absolute;left:32px;bottom:28px;color:#fff;font-size:14px}.hero-label strong{font-size:30px}.scenes,.flow{padding:75px 50px 115px;background:#fff;border-radius:32px}.scene-grid,.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scene-grid article{border-top:2px solid #dce8df;padding:24px}.scene-grid span{color:#159447;font-weight:800}.scene-grid h3{font-size:23px}.scene-grid p,.record p,.supply p,.start p{color:#718077;line-height:1.8}.flow{margin-top:70px;background:#e7f3e9}.flow h2{font-size:34px}.flow-grid{grid-template-columns:repeat(4,1fr)}.flow-grid div{display:flex;flex-direction:column;gap:10px}.flow-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#159447;color:#fff}.flow-grid small{color:#708077;line-height:1.5}.record{margin:70px 0;padding:70px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#173d29;border-radius:30px;color:#fff}.record p{color:#c4d8c9}.record .eyebrow,.supply .eyebrow{color:#8bd49c}.text-link{color:#9be0aa;text-decoration:none;font-weight:700}.phone{justify-self:center;width:210px;height:350px;padding:10px;border:5px solid #0c2416;border-radius:28px;background:#0d2116}.phone-screen{height:100%;border-radius:19px;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,#789c78,#1d4030);color:#fff}.phone-screen strong{font-size:28px}.phone-screen i{font-size:28px;font-style:normal}.supply{margin:70px 0;padding:70px;border-radius:30px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.supply-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.supply-cards div{padding:26px 20px;border-radius:20px;background:#edf7ef}.supply-cards span{display:block;font-size:34px;margin-bottom:22px}.supply-cards strong,.supply-cards small{display:block}.supply-cards small{margin-top:8px;color:#718077;font-size:12px}.start{margin:70px 0;padding:60px 70px;border-radius:30px;background:#dff1e4;display:flex;justify-content:space-between;align-items:center}.start h2{margin-bottom:10px}.qr{width:130px;height:130px;border-radius:12px;background:#fff;display:grid;place-items:center;text-align:center;color:#91a096;font-size:13px}.qr strong{color:#159447;font-size:18px}footer{padding:30px 28px 50px;display:flex;justify-content:space-between;border-top:1px solid #dce5dd}@media(max-width:720px){header nav{display:none}.hero{grid-template-columns:1fr;padding:45px 25px 80px;gap:35px}.hero-art{min-height:300px}.scenes,.flow{padding:50px 25px}.scene-grid,.flow-grid{grid-template-columns:1fr}.record,.supply{grid-template-columns:1fr;margin:40px 20px;padding:35px 25px;gap:30px}.start{margin:40px 20px;padding:35px 25px;gap:20px}h2{font-size:36px}}