:root{
  --green:#075c35; --green2:#0b7a46; --lime:#b7d532; --yellow:#f4c51b;
  --cream:#fff8dc; --dark:#08251a; --white:#fff;
  --shadow:0 18px 50px rgba(4,55,30,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--dark);background:#fffdf4;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(4,52,30,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}
.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px;color:white;font-weight:900;font-size:25px;letter-spacing:.5px}
.logo-mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,var(--yellow),#ffec72);display:grid;place-items:center;color:var(--green);font-weight:1000;box-shadow:0 6px 18px #0004}
.nav-links{display:flex;gap:26px;align-items:center;color:#fff;font-weight:700}
.nav-links a{opacity:.9;transition:.25s}.nav-links a:hover{color:var(--yellow);transform:translateY(-2px)}
.menu{display:none;color:#fff;font-size:28px;background:none;border:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer;transition:.25s}
.btn-yellow{background:var(--yellow);color:var(--green);box-shadow:0 10px 25px rgba(244,197,27,.28)}
.btn-yellow:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(244,197,27,.38)}
.btn-green{background:var(--green);color:#fff}
.btn-outline{border:2px solid var(--green);color:var(--green);background:transparent}
.hero{min-height:100vh;padding:120px 0 60px;background:radial-gradient(circle at 75% 30%,#e8f6d7 0,#fffdf4 45%,#fff 100%);overflow:hidden;position:relative}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}
.hero:before{width:420px;height:420px;background:#e9d52f;right:-160px;top:130px}
.hero:after{width:320px;height:320px;background:#54a85e;left:-180px;bottom:-90px}
.hero-grid{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;position:relative;z-index:1}
.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#e8f4d9;color:var(--green);font-weight:900;margin-bottom:18px;border:1px solid #cfe7b6}
.hero h1{font-size:clamp(45px,6vw,78px);line-height:.98;letter-spacing:-2px;color:var(--green)}
.hero h1 span{color:#d19f00}
.hero p{font-size:19px;max-width:600px;margin:22px 0;color:#385247}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-visual{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px}
.product-stage{width:min(520px,100%);transform-style:preserve-3d;animation:float 5s ease-in-out infinite}
.product-stage img{border-radius:28px;box-shadow:0 30px 70px rgba(0,55,28,.3);transform:rotateY(-7deg) rotateX(3deg);transition:.4s}
.product-stage:hover img{transform:rotateY(0) rotateX(0) translateZ(30px)}
.float-card{position:absolute;background:rgba(255,255,255,.92);border:1px solid #e4e4c5;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);font-weight:900;color:var(--green);animation:float2 4s ease-in-out infinite}
.card1{top:8%;left:3%}.card2{bottom:15%;right:1%;animation-delay:1s}.card3{bottom:5%;left:8%;animation-delay:2s}
@keyframes float{50%{transform:translateY(-13px) rotateZ(.5deg)}}
@keyframes float2{50%{transform:translateY(-10px)}}
.section{padding:90px 0}.section.alt{background:#f0f7e7}
.section-title{text-align:center;margin-bottom:45px}.section-title h2{font-size:clamp(32px,4vw,48px);color:var(--green);line-height:1.05}.section-title p{max-width:720px;margin:12px auto;color:#5a6c63}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{background:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #e6ead7;transition:.3s;transform-style:preserve-3d}
.product-card:hover{transform:translateY(-8px) rotateX(1deg)}
.product-img{background:linear-gradient(145deg,#eaf6d9,#fff);padding:20px;height:290px;display:grid;place-items:center}
.product-img img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #174b2b22)}
.product-body{padding:22px}.product-body h3{font-size:23px;color:var(--green)}.tag{display:inline-block;background:#f7e69a;color:#5d4a00;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:900;margin:8px 0}
.price{font-size:25px;font-weight:1000;color:#b78600;margin:7px 0 15px}.muted{color:#64746c;font-size:14px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:28px;border-radius:22px;background:#fff;border:1px solid #e5ead7;box-shadow:0 10px 30px #063f2110}.icon{font-size:32px;margin-bottom:10px}
.about-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-img{border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.about-copy h2{font-size:44px;color:var(--green);line-height:1.05;margin-bottom:15px}.about-copy p{margin:12px 0;color:#53665d}.check{display:flex;gap:10px;margin:12px 0;font-weight:700}.check b{color:var(--green)}
.page-hero{padding:145px 0 70px;background:linear-gradient(135deg,#063f24,#0a7040);color:white;text-align:center}.page-hero h1{font-size:56px;line-height:1}.page-hero p{max-width:720px;margin:15px auto;color:#dff0df}
.contact-card{background:#fff;border-radius:26px;padding:30px;box-shadow:var(--shadow);border:1px solid #e6ead7}
.contact-item{display:flex;gap:15px;margin:20px 0;align-items:flex-start}.contact-icon{width:45px;height:45px;border-radius:14px;background:#e8f4d9;display:grid;place-items:center;font-size:21px}
form{display:grid;gap:14px}label{font-weight:800;color:var(--green)}input,textarea,select{width:100%;padding:14px 15px;border:1px solid #ccd8c7;border-radius:13px;background:#fbfdf8;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0a704015}textarea{min-height:130px;resize:vertical}
.footer{background:#052b1a;color:#d8e7dd;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer h3{color:#fff;margin-bottom:12px}.footer a{display:block;margin:8px 0;color:#c7d9cf}.footer-bottom{border-top:1px solid #ffffff18;margin-top:30px;padding-top:20px;text-align:center;font-size:13px}
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:999;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:28px;box-shadow:0 12px 30px #0003;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 12px 38px #25d36677}}
.notice{background:#fff5c7;border-left:5px solid var(--yellow);padding:15px 18px;border-radius:12px;margin:20px 0;color:#5b4b09}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.stat{background:#e9f4dc;padding:20px;border-radius:18px;text-align:center}.stat strong{display:block;font-size:32px;color:var(--green)}
.reveal{opacity:0;transform:translateY(25px);transition:all .7s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:450px}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#063f24;padding:20px;flex-direction:column}.nav-links.open{display:flex}.menu{display:block}}
@media(max-width:600px){.grid,.stats,.footer-grid{grid-template-columns:1fr}.page-hero h1{font-size:42px}.hero{padding-top:105px}.hero-visual{min-height:380px}.float-card{font-size:12px;padding:9px 11px}.card1{left:0}.card2{right:0}.card3{left:0}}