*{box-sizing:border-box}body{margin:0;background:#f8f7f2;color:#24312c;font-family:Arial,Helvetica,sans-serif}header{max-width:1200px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}header small{color:#66816e;font-size:11px;letter-spacing:1px}.logo{font-size:30px;font-weight:700;letter-spacing:-1px}.logo span{color:#4f876a}.hero{max-width:1200px;margin:auto;background:#174d3a;color:#f8f7f2;padding:95px 7% 35px;min-height:550px;display:flex;flex-direction:column;border-radius:5px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#bad4c0}.hero h1{font-size:clamp(48px,7vw,95px);font-weight:500;line-height:1.05;letter-spacing:-4px;margin:45px 0 25px}.hero em{color:#c3dfc6;font-family:Georgia,serif;font-weight:400}.hero>p{font-size:18px;line-height:1.65;max-width:540px;color:#d8e7db}.foot{margin-top:auto;border-top:1px solid #628b73;padding-top:15px;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;color:#d1e1d4}.foot b{font-size:32px}.content{max-width:1200px;margin:auto;padding:90px 5%}.green{color:#4f876a}h2{font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:-2px;margin:15px 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.cards article{background:white;border:1px solid #e2e8e0;border-radius:5px;padding:28px;min-height:310px;display:flex;flex-direction:column}.number{font-size:11px;color:#64816e;letter-spacing:1px;display:flex;justify-content:space-between}.number span{font-size:22px}.cards h3{font-size:26px;font-weight:500;letter-spacing:-1px;margin:60px 0 10px}.cards p{font-size:14px;line-height:1.7;color:#69766e}.tag{margin-top:auto;color:#4f876a;font-size:10px;letter-spacing:1px}.banner{max-width:1080px;margin:0 auto 75px;padding:45px;background:#eaf1e9;border-radius:5px}.banner p{font-size:14px;color:#607368}footer{max-width:1200px;margin:auto;border-top:1px solid #dde6dd;padding:25px 5% 40px;color:#718176;font-size:12px}@media(max-width:700px){.hero{border-radius:0;padding:70px 7% 30px;min-height:520px}.hero h1{letter-spacing:-2px}.cards{grid-template-columns:1fr}.cards article{min-height:230px}.cards h3{margin-top:35px}.content{padding:60px 6%}.banner{margin:0 6% 50px;padding:30px}}