
:root{
 --green:#236b35; --green2:#0f4d2a; --lime:#d9ee8b; --cream:#fffaf0;
 --ink:#17351f; --muted:#66736a; --line:#e8eee8;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),#58a957);color:#fff;display:grid;place-items:center;font-weight:900}
.brand-name{font-weight:900;letter-spacing:-.6px;color:var(--green2)}
.nav-link{font-weight:600;color:#36513d!important}
.nav-link:hover{color:var(--green)!important}
.btn-main{background:var(--green);color:#fff;border:0;border-radius:14px;padding:13px 23px;font-weight:700;box-shadow:0 10px 25px rgba(35,107,53,.18)}
.btn-main:hover{background:var(--green2);color:#fff}
.btn-soft{background:#eef7ed;color:var(--green2);border:0;border-radius:14px;padding:13px 23px;font-weight:700}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f1faee 0%,#fffaf0 65%,#eef8df 100%);padding:90px 0 80px}
.hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(217,238,139,.35);right:-150px;top:-150px}
.hero h1{font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.02;font-weight:900;letter-spacing:-3px}
.hero p{font-size:1.15rem;color:var(--muted);max-width:620px}
.hero-image{height:510px;border-radius:36px;overflow:hidden;box-shadow:0 25px 70px rgba(29,75,38,.18);position:relative}
.hero-image img{width:100%;height:100%;object-fit:cover}
.floating-card{position:absolute;left:22px;bottom:22px;background:#fff;border-radius:20px;padding:15px 18px;box-shadow:0 15px 40px rgba(0,0,0,.13);font-weight:700}
.section{padding:90px 0}
.eyebrow{display:inline-block;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:1.8px;font-size:.78rem;margin-bottom:12px}
.section-title{font-size:clamp(2rem,3.5vw,3.3rem);font-weight:900;letter-spacing:-1.5px}
.section-copy{color:var(--muted);font-size:1.05rem}
.product-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;height:100%;transition:.25s;box-shadow:0 10px 35px rgba(25,61,34,.06)}
.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(25,61,34,.12)}
.product-img{height:245px;background:#f5f8f1;overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover;transition:.35s}
.product-card:hover .product-img img{transform:scale(1.05)}
.product-body{padding:24px}
.product-body h5{font-weight:800}
.product-body p{color:var(--muted);margin-bottom:0}
.feature{background:var(--green2);color:#fff;border-radius:30px;padding:55px}
.feature p{color:#d8e9da}
.icon-box{width:52px;height:52px;border-radius:16px;background:#edf7ea;color:var(--green);display:grid;place-items:center;font-size:1.35rem}
.story-img{height:520px;border-radius:32px;overflow:hidden}
.story-img img{width:100%;height:100%;object-fit:cover}
.page-hero{background:linear-gradient(120deg,#eef8ed,#fffaf0);padding:80px 0}
.page-hero h1{font-weight:900;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-2px}
.legal h3{font-weight:800;margin-top:35px}
.legal p,.legal li{color:#59675e;line-height:1.8}
.contact-card{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;box-shadow:0 15px 40px rgba(25,61,34,.07)}
.form-control{border-radius:13px;padding:13px;border-color:#dce6dd}
.footer{background:#102e19;color:#dcebdd;padding:65px 0 25px}
.footer a{color:#c9dfcc;text-decoration:none}
.footer a:hover{color:#fff}
.footer h5,.footer h6{color:#fff;font-weight:800}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:999;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:25px;box-shadow:0 12px 30px rgba(0,0,0,.18);text-decoration:none}
@media(max-width:991px){.hero{padding-top:60px}.hero-image{height:390px}.section{padding:65px 0}}
@media(max-width:575px){.hero h1{letter-spacing:-1.7px}.hero-image{height:320px;border-radius:25px}.feature{padding:32px 24px}.product-img{height:220px}}
