:root{--g:#1f6b2a;--gd:#0f2e14;--cream:#f7f3e8;--ink:#11180f;--gold:#e0b44c}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:Manrope,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
h1,h2,h3{font-family:Fraunces,serif;line-height:1.1}h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1rem}
img{display:block;width:100%;object-fit:cover}
svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.8rem 5%;background:rgba(15,46,20,.92);backdrop-filter:blur(10px);transition:.4s}
#nav.s{background:#0f2e14;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-family:Fraunces;font-size:1.3rem}
.brand img{width:74px;height:74px;border-radius:50%}




#menu {
  display: flex;
  align-items: center;
  gap: 3rem;
}

#menu a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: .3s;
}

#menu a:hover {
  color: var(--gold);
}

#menu .cta {
  background: var(--gold);
  color: var(--gd);
  padding: .55rem 1.2rem;
  border-radius: 99px;
  transition: .3s;
}

#menu .cta:hover {
  background: #fff;
  color: var(--gd);
}





#burger{display:none;background:none;border:0;color:#fff;font-size:1.8rem}
.hero{position:relative;height:100vh;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(15,46,20,.75))}
.hero-c{position:relative;max-width:850px;padding:0 1.5rem}
.hero h1{font-size:clamp(2.6rem,7vw,5.5rem);margin:.8rem 0 1.2rem}.hero em{color:var(--gold)}
.kicker{text-transform:uppercase;letter-spacing:.25em;font-size:.8rem;font-weight:800;color:var(--gold)}.kicker.dark{color:var(--g)}
.btns{margin-top:2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--gold);color:var(--gd);padding:1rem 2rem;border-radius:99px;font-weight:800;text-decoration:none;border:0;cursor:pointer;transition:.3s;font-size:1rem}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.3)}.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.sec{padding:7rem 6%}.head{text-align:center;margin-bottom:3.5rem}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center}
.stack{position:relative}.stack img{height:520px;border-radius:24px}
.stack .small{position:absolute;width:55%;height:240px;right:-30px;bottom:-40px;border:8px solid var(--cream)}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2rem}
.card{background:#fff;padding:1.8rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:transform .3s,box-shadow .3s}
.card svg{color:var(--g)}.card h3{margin:.6rem 0}
.tilt{transform-style:preserve-3d;will-change:transform}
.tilt:hover{box-shadow:0 25px 50px rgba(0,0,0,.18)}
.parallax{min-height:60vh;background-size:cover;background-position:center;background-attachment:fixed;display:grid;place-items:center;position:relative;color:#fff;text-align:center;padding:3rem}
.parallax::before{content:"";position:absolute;inset:0;background:rgba(10,30,12,.6)}.parallax>*{position:relative}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}
.prod{position:relative;height:300px;border-radius:20px;overflow:hidden;color:#fff;transition:transform .3s,box-shadow .3s}
.prod img{height:100%;transition:transform .8s}.prod:hover img{transform:scale(1.1)}
.prod div{position:absolute;inset:auto 0 0;padding:1.3rem;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.prod svg{width:26px;height:26px;color:var(--gold)}
.darkbg{background:var(--gd);color:#fff}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.step{background:#173d1d;border-radius:20px;overflow:hidden;transition:transform .3s}.step img{height:200px}
.step div{padding:1.5rem}.step svg{color:var(--gold)}.step h3{margin:.5rem 0}.step p{color:#e6efe3}
.stats{display:flex;gap:5rem;flex-wrap:wrap;justify-content:center}.stats b{font-family:Fraunces;font-size:4rem;color:var(--gold);display:block}
.masonry{columns:3 280px;gap:1rem}.masonry img{margin-bottom:1rem;border-radius:16px;transition:.4s}
.masonry img:nth-child(odd){height:380px}.masonry img:nth-child(even){height:260px}.masonry img:hover{transform:translateY(-6px)}
.contact{background-size:cover;background-attachment:fixed;position:relative}
.contact::before{content:"";position:absolute;inset:0;background:rgba(10,30,12,.75)}
.contact-box{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3rem;color:#fff;max-width:1100px;margin:auto}
.info{list-style:none;margin-top:1.5rem}.info li{display:flex;gap:.8rem;align-items:center;margin:.6rem 0}.info svg{color:var(--gold)}
form{background:#fff;padding:2rem;border-radius:24px;display:grid;gap:1rem}
input,select,textarea{font:inherit;padding:.9rem 1rem;border:1.5px solid #cfd8cc;border-radius:12px;color:var(--ink)}
footer{background:#0a1f0d;color:#fff;text-align:center;padding:2.5rem}footer img{width:70px;margin:0 auto 1rem;border-radius:50%}
.wa-float{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;z-index:60;box-shadow:0 10px 25px rgba(0,0,0,.3)}
.reveal{opacity:0;transform:translateY(40px);transition:1s ease}.reveal.in{opacity:1;transform:none}
.fade{opacity:0;transition:opacity 1.2s ease,transform .6s}.fade.in{opacity:1}
@media(max-width:900px){#burger{display:block}#menu{position:fixed;top:68px;left:0;right:0;background:#0f2e14;display:none;flex-direction:column;padding:1.5rem}
#menu.open{display:flex}#menu a{margin:.7rem 0}.split,.contact-box{grid-template-columns:1fr}.grid,.steps{grid-template-columns:1fr 1fr}.mv{grid-template-columns:1fr}
.stack img{height:380px}.stack .small{right:0}.parallax,.contact{background-attachment:scroll}}
@media(max-width:560px){.grid,.steps{grid-template-columns:1fr}.sec{padding:5rem 5%}}