:root{--green:#008f67;--dark:#073b32;--mint:#e1f7ed;--sand:#faf8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--dark);font:16px/1.55 Arial,sans-serif}.top{padding:8px;text-align:center;background:var(--dark);color:#fff;font-size:12px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;border-bottom:1px solid #d8e7df}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--dark);text-decoration:none}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff}nav{display:flex;gap:28px}nav a{color:var(--dark);text-decoration:none}.whats,.button{padding:12px 18px;border-radius:99px;background:var(--green);color:#fff;text-decoration:none;font-weight:700}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 7%;background:var(--mint)}.hero h1{font-size:clamp(45px,6vw,77px);line-height:1;margin:18px 0}.hero p{max-width:600px;font-size:19px}.tag{color:var(--green);font-size:12px;font-weight:900;letter-spacing:2px}.showcase{height:440px;display:grid;place-items:center;align-content:center;background:var(--green);color:#fff;border-radius:50% 50% 8px 50%;text-align:center}.shape{font-size:110px;font-weight:900;opacity:.25}.showcase span{font-size:25px;font-weight:800}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 7%;background:#fff}.benefits>div{display:flex;gap:15px;justify-content:center}.benefits b{color:var(--green);font-size:28px}.benefits span,.benefits strong{display:block}.section{padding:95px 7%}.section h2,.about h2{font-size:48px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.categories article{min-height:230px;padding:28px;border-radius:12px;background:#fff;border:1px solid #d8e7df}.categories span{color:var(--green);font-weight:900}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:95px 7%;background:var(--dark);color:#fff}.about p{font-size:21px}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:65px 7%;background:#052820;color:#fff}footer div{display:grid;align-content:start;gap:8px}footer a{color:#9de5c7}@media(max-width:760px){header nav{display:none}.hero,.categories,.benefits,.about,footer{grid-template-columns:1fr}.showcase{height:300px;margin-top:30px}.benefits{gap:20px}.hero{padding-block:50px}}