:root{
 --md-primary:#146b4a;--md-on-primary:#fff;--md-primary-container:#a9f2ca;
 --md-on-primary-container:#002114;--md-secondary:#4e6357;--md-surface:#f7fbf7;
 --md-surface-container:#ebf1ec;--md-outline:#6f7972;--md-error:#ba1a1a;
 --radius-xl:32px;--radius-lg:24px;--radius-md:16px;
 --shadow:0 14px 50px rgba(9,50,34,.12);--shadow-hover:0 22px 70px rgba(9,50,34,.20);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--md-surface);color:#17211b;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.topbar{background:#062b1d;color:#d8f6e5;font-size:.86rem;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(247,251,247,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,107,74,.1)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:260px;height:auto}
.nav-links{display:flex;gap:8px;align-items:center}
.nav-links a{padding:10px 15px;border-radius:999px;font-weight:700;color:#34463c;transition:.25s}
.nav-links a:hover,.nav-links a.active{background:var(--md-primary-container);color:var(--md-on-primary-container)}
.menu-btn{display:none;border:0;background:var(--md-surface-container);width:46px;height:46px;border-radius:50%;cursor:pointer;font-size:1.3rem}
.m3-btn{border:0;border-radius:999px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:.25s;position:relative;overflow:hidden}
.m3-btn.primary{background:var(--md-primary);color:white;box-shadow:0 8px 20px rgba(20,107,74,.25)}
.m3-btn.tonal{background:var(--md-primary-container);color:var(--md-on-primary-container)}
.m3-btn.outline{border:1px solid var(--md-outline);background:transparent;color:var(--md-primary)}
.m3-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hero{min-height:760px;display:grid;align-items:center;position:relative;overflow:hidden;background:#062b1d;color:white}
.hero::before{content:"";position:absolute;inset:0;background:url("../images/hero-bg.svg") center/cover no-repeat;transform:translateY(var(--parallax,0px)) scale(1.07)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,25,16,.94),rgba(4,48,31,.72) 50%,rgba(4,48,31,.12))}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(188,255,215,.14);border:1px solid rgba(216,255,230,.25);font-weight:800;color:#c9ffdc}
.hero h1{font-size:clamp(3rem,6.4vw,6.4rem);line-height:.95;margin:24px 0;letter-spacing:-.055em;max-width:850px}
.hero h1 span{color:#b6f4cc}
.hero p{font-size:1.15rem;color:#d7e7dc;max-width:700px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);border-radius:var(--radius-xl);padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25);animation:float 5s ease-in-out infinite}
.hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metric{background:rgba(255,255,255,.09);padding:22px;border-radius:22px}
.metric strong{font-size:2rem;display:block;color:#b9ffd2}
.metric span{color:#d5e7dc;font-size:.9rem}
.section{padding:100px 0}
.section.alt{background:var(--md-surface-container)}
.section-head{max-width:760px;margin-bottom:48px}
.kicker{color:var(--md-primary);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}
.section h2,.page-hero h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px;color:#0b3021}
.section-head p{font-size:1.08rem;color:#526158}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.m3-card{background:white;border:1px solid rgba(20,107,74,.09);border-radius:var(--radius-lg);padding:28px;box-shadow:0 6px 24px rgba(8,60,39,.06);transition:.3s}
.m3-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}
.icon-orb{width:62px;height:62px;border-radius:20px;background:var(--md-primary-container);display:grid;place-items:center;color:var(--md-primary);font-size:1.7rem;margin-bottom:20px;transition:.4s}
.m3-card:hover .icon-orb{transform:rotate(-8deg) scale(1.1)}
.m3-card h3{margin:0 0 10px;color:#123b2a}
.parallax-banner{min-height:430px;background:linear-gradient(rgba(2,39,24,.78),rgba(2,39,24,.78)),url("../images/hero-bg.svg") center/cover fixed;display:grid;place-items:center;text-align:center;color:white;padding:70px 16px}
.parallax-banner h2{color:white;max-width:900px}
.product-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{background:white;border-radius:28px;overflow:hidden;border:1px solid rgba(20,107,74,.1);box-shadow:0 8px 30px rgba(10,62,41,.08);transition:.3s}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}
.product-media{aspect-ratio:1.25;background:#edf8f0;overflow:hidden}
.product-media img{width:100%;height:100%;object-fit:cover;transition:.55s}
.product-card:hover img{transform:scale(1.06)}
.product-body{padding:22px}
.chip{display:inline-flex;padding:6px 11px;border-radius:999px;background:var(--md-primary-container);color:var(--md-on-primary-container);font-size:.78rem;font-weight:800}
.product-body h3{margin:12px 0 6px;color:#103a29}
.product-body p{color:#5c6b62;font-size:.92rem;min-height:46px}
.product-actions{display:flex;gap:10px;margin-top:18px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{text-align:center;background:white;border-radius:26px;padding:30px;border:1px solid rgba(20,107,74,.08)}
.stat strong{display:block;font-size:2.5rem;color:var(--md-primary)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}
.contact-panel,.form-panel{background:white;border-radius:30px;padding:34px;box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{position:relative}
.field.full{grid-column:1/-1}
.field input,.field textarea,.field select{width:100%;padding:18px 16px;border-radius:14px;border:1px solid #aab5ae;background:#fbfffc;outline:none;transition:.2s}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--md-primary);box-shadow:0 0 0 4px rgba(20,107,74,.12)}
.site-footer{background:#062b1d;color:#dbece2;padding:70px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:40px}
.footer-logo{filter:brightness(0) invert(1);width:250px}
.footer-links{display:grid;gap:10px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.whatsapp-fab{position:fixed;right:22px;bottom:22px;width:64px;height:64px;border-radius:22px;background:#25d366;color:white;display:grid;place-items:center;font-size:2rem;z-index:999;box-shadow:0 14px 35px rgba(37,211,102,.35);animation:pulse 2s infinite}
.page-hero{padding:100px 0 70px;background:linear-gradient(140deg,#e3f8e9,#f7fbf7)}
.page-hero p{max-width:760px;color:#536258;font-size:1.1rem}
.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:30px 0}
.search-wrap{flex:1;min-width:250px;position:relative}
.search-wrap input{width:100%;padding:16px 18px 16px 48px;border:1px solid #a9b5ad;border-radius:999px;background:white}
.search-wrap span{position:absolute;left:18px;top:50%;transform:translateY(-50%)}
.filter-btn{border:0;padding:12px 17px;border-radius:999px;background:#e4ece6;color:#294236;font-weight:800;cursor:pointer}
.filter-btn.active{background:var(--md-primary);color:white}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.empty-state{display:none;text-align:center;padding:60px;background:white;border-radius:28px}
.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}
.reveal.visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(-14px) rotate(.5deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.38)}50%{box-shadow:0 0 0 18px rgba(37,211,102,0)}}
@media(max-width:980px){
 .hero .container,.contact-grid{grid-template-columns:1fr}
 .hero{min-height:auto;padding:90px 0}
 .hero-card{max-width:680px}
 .cards{grid-template-columns:repeat(2,1fr)}
 .products-grid,.product-preview{grid-template-columns:repeat(2,1fr)}
 .stats{grid-template-columns:repeat(2,1fr)}
 .nav-links{position:fixed;inset:82px 16px auto 16px;background:white;border-radius:24px;padding:16px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}
 .nav-links.open{display:flex}
 .menu-btn{display:block}
 .nav .desktop-cta{display:none}
}
@media(max-width:620px){
 .brand img{width:205px}
 .hero h1{font-size:3.4rem}
 .cards,.products-grid,.product-preview,.stats,.form-grid,.footer-grid{grid-template-columns:1fr}
 .section{padding:75px 0}
 .product-actions{flex-direction:column}
 .topbar .container{justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Featured product grid and product card content polish */
.featured-products-grid {
  margin-top: 0;
}
.product-short-desc {
  color: #4b6358;
  font-size: 14px;
  line-height: 1.55;
  margin: 8px 0 10px;
}
.product-composition {
  color: #146b4a;
  font-weight: 700;
}
.product-card .product-media img {
  object-fit: contain;
}
@media (max-width: 760px) {
  .product-short-desc {
    font-size: 13px;
  }
}