/* ===== VARIABLES ===== */
:root{
  --cream:#F5F0E8;--white:#FAFAF7;--dark:#0D1A0F;--forest:#1A3320;
  --green:#2D6A35;--sage:#7FAF6E;--lime:#B8E04A;--mist:#E4EDE0;
  --text:#1C2B1E;--muted:#6B7F6D;--border:rgba(45,106,53,0.15);
  --nav-h:72px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--text);overflow-x:hidden}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:'DM Sans',sans-serif;border:none;background:none}


/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#ffffff;border-bottom:1px solid rgba(0,0,0,0.08);transition:box-shadow .3s}
nav.dark{background:#ffffff;border-bottom-color:rgba(0,0,0,0.08);box-shadow:0 2px 16px rgba(0,0,0,0.07)}
.nav-logo img{height:42px;object-fit:contain;transition:none}
nav.dark .nav-logo img{filter:none}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-size:17px;font-weight:600;letter-spacing:.01em;color:var(--dark);transition:color .2s;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(13,26,15,0.4)}
nav.dark .nav-links a{color:var(--dark)}
.nav-links a:hover,.nav-links a.on{color:var(--green);text-decoration-color:var(--green)}
nav.dark .nav-links a:hover,nav.dark .nav-links a.on{color:var(--green)}
.nav-cta{display:none}
.burger{display:none;flex-direction:column;gap:5px;padding:4px}
.burger span{width:22px;height:2px;background:var(--dark);border-radius:2px;transition:.3s;display:block}
nav.dark .burger span{background:var(--dark)}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== DRAWER ===== */
.drawer{display:none;position:fixed;inset:0;z-index:299;background:var(--dark);flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px}
.drawer.open{display:flex}
.drawer a{font-family:'Playfair Display',serif;font-size:28px;color:var(--cream);transition:color .2s}
.drawer a:hover{color:var(--lime)}
.drawer .dcta{padding:14px 40px;border-radius:100px;background:var(--lime);color:var(--dark);font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;margin-top:8px}

/* ===== UTILS ===== */
.sl{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--green)}
.sl::before{content:'';width:24px;height:1.5px;background:currentColor;flex-shrink:0}
.sl.ctr{justify-content:center}.sl.ctr::before,.sl.ctr::after{content:'';width:24px;height:1.5px;background:currentColor;flex-shrink:0}
.sl.lt{color:var(--lime)}
h2.s{font-family:'Playfair Display',serif;font-weight:700;line-height:1.12}
h2.s em{font-style:italic;color:var(--green)}
h2.s.lt em{color:var(--lime)}
.btn-lime{display:inline-block;padding:14px 32px;border-radius:100px;background:var(--lime);color:var(--dark);font-size:14px;font-weight:700;letter-spacing:.04em;transition:all .25s;box-shadow:0 0 28px rgba(184,224,74,.2);cursor:pointer;border:none;font-family:'DM Sans',sans-serif}
.btn-lime:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(184,224,74,.4)}
.btn-ghost{display:inline-block;padding:14px 32px;border-radius:100px;border:1.5px solid rgba(245,240,232,.25);color:var(--cream);font-size:14px;font-weight:500;transition:all .25s;cursor:pointer;background:none}
.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}
.ptag{display:inline-block;padding:3px 10px;border-radius:100px;background:rgba(45,106,53,.1);color:var(--green);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.fu{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.fu.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.sec{padding:96px 72px}
.sec-sm{padding:72px}

/* ===== MARQUEE ===== */
.mq{background:var(--lime);overflow:hidden;white-space:nowrap;padding:11px 0}
.mq-t{display:inline-flex;animation:mqs 28s linear infinite}
.mq-item{display:flex;align-items:center;gap:10px;padding:0 24px;flex-shrink:0}
.mq-item img{height:26px;object-fit:contain}
.mq-item span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dark)}
@keyframes mqs{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== HERO ===== */
.hero{min-height:100vh;background:var(--dark);display:grid;grid-template-columns:55fr 45fr;overflow:hidden;position:relative}
.hero-l{display:flex;flex-direction:column;justify-content:center;padding-top:128px;padding-right:40px;padding-bottom:80px;padding-left:72px;position:relative;z-index:2;min-width:0}
.htag{display:inline-flex;align-items:center;gap:8px;background:rgba(184,224,74,.1);border:1px solid rgba(184,224,74,.26);border-radius:100px;padding:5px 14px 5px 9px;width:fit-content;margin-bottom:28px;flex-shrink:0}
.hdot{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:blink 2s infinite;flex-shrink:0}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.htag span{font-size:11px;color:var(--lime);letter-spacing:.1em;font-weight:700;text-transform:uppercase}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(36px,3.8vw,68px);font-weight:700;line-height:1.1;color:var(--white);margin-bottom:24px;word-break:keep-all}
.hero h1 em{font-style:italic;color:var(--lime)}
.hero-sub{font-size:15px;line-height:1.8;color:rgba(245,240,232,.58);max-width:400px;margin-bottom:40px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{display:flex;gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap;width:100%}
.hsn{font-family:'Playfair Display',serif;font-size:32px;font-weight:900;color:var(--lime);line-height:1}
.hsl{font-size:10px;color:rgba(245,240,232,.38);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.hero-r{position:relative;overflow:hidden}
.hero-r::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--dark) 0%,transparent 30%),linear-gradient(0deg,var(--dark) 0%,transparent 22%)}
.mosaic{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:3px}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.mosaic img:hover{transform:scale(1.05)}
.r2{grid-row:span 2}.c2{grid-column:span 2}

/* ===== HERO STRIP (under hero) ===== */
.hero-strip{width:100%;overflow:hidden;height:160px}
.hero-strip img{width:100%;height:100%;object-fit:cover;object-position:center 60%}

/* ===== WHY US ===== */
.why{padding:96px 72px;background:var(--cream)}
.why-hdr{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:60px}
.why-hdr h2{font-size:clamp(28px,3.5vw,50px)}
.why-hdr p{font-size:16px;line-height:1.85;color:var(--muted)}
.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.wc{background:white;padding:44px 36px;transition:all .3s;position:relative;overflow:hidden}
.wc:first-child{border-radius:16px 0 0 16px}.wc:last-child{border-radius:0 16px 16px 0}
.wc:hover{background:var(--dark);transform:translateY(-5px);z-index:2;box-shadow:0 24px 48px rgba(13,26,15,.18)}
.wc:hover .wc-n,.wc:hover .wi,.wc:hover h3,.wc:hover .wcp{color:rgba(245,240,232,.52)}
.wc:hover .wc-n{color:rgba(184,224,74,.1)}.wc:hover h3{color:white}
.wc:hover .wi{background:rgba(184,224,74,.1);border-color:rgba(184,224,74,.25)}
.wc:hover .wi svg{color:var(--lime)}
.wc-n{font-family:'DM Mono',monospace;font-size:11px;color:rgba(13,26,15,.09);letter-spacing:.1em;margin-bottom:22px;transition:color .3s}
.wi{width:52px;height:52px;border-radius:12px;background:var(--mist);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}
.wi svg{width:22px;height:22px;color:var(--green);fill:none;stroke:currentColor;stroke-width:2;transition:color .3s}
.wc h3{font-size:18px;font-weight:700;margin-bottom:10px;transition:color .3s}
.wcp{font-size:14px;line-height:1.75;color:var(--muted);transition:color .3s}

/* ===== STAT CARDS (from actual images) ===== */
.stats-band{background:var(--dark);padding:72px}
.stats-label{text-align:center;margin-bottom:48px}
.stats-label h2{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,40px);font-weight:700;color:var(--white);margin-top:12px}
.stats-label h2 em{font-style:italic;color:var(--lime)}
.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:40px}
.stat-card{background:rgba(255,255,255,.04);border-radius:4px;overflow:hidden;transition:background .3s}
.stat-card:hover{background:rgba(184,224,74,.07)}
.stat-card img{width:100%;height:auto;display:block;padding:32px 24px}
.acres-row{max-width:860px;margin:0 auto;background:rgba(184,224,74,.07);border:1px solid rgba(184,224,74,.15);border-radius:18px;padding:36px 48px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center}
.acres-row img{height:60px;object-fit:contain}
.acres-row p{font-size:16px;line-height:1.7;color:rgba(245,240,232,.65)}
.acres-row strong{color:var(--lime)}

/* ===== IMPACT CIRCLES ===== */
.impact{padding:96px 72px;background:var(--forest);position:relative;overflow:hidden}
.impact::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(184,224,74,.05) 0%,transparent 70%)}
.impact-head{text-align:center;margin-bottom:64px}
.impact-head h2{font-size:clamp(28px,3.8vw,52px);color:var(--white);margin-top:12px}
.circles-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;max-width:900px;margin:0 auto}
.circle-item{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.circle-item img{width:90px;height:90px;object-fit:contain}
.circle-label{font-size:13px;color:rgba(245,240,232,.55);line-height:1.55}

/* ===== CERT STRIP ===== */
.cert-strip{background:var(--white);padding:52px 72px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cert-inner{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap}
.cert-item{display:flex;align-items:center;gap:14px}
.cert-item img{height:52px;object-fit:contain}
.cert-item span{font-size:13px;font-weight:600;color:var(--muted);line-height:1.4}

/* ===== HOME PRODUCTS ===== */
.hprods{padding:96px 72px;background:var(--white)}
.hprod-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:24px;flex-wrap:wrap}
.hprod-hdr h2{font-size:clamp(26px,3.2vw,48px)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tb{padding:9px 20px;border-radius:100px;border:1.5px solid var(--border);font-size:13px;font-weight:600;color:var(--muted);transition:all .2s}
.tb.on{background:var(--dark);color:white;border-color:var(--dark)}
.tb:hover:not(.on){border-color:var(--green);color:var(--green)}
.tab-p{display:none}.tab-p.on{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pc{border-radius:16px;overflow:hidden;background:var(--cream);transition:all .3s}
.pc:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(13,26,15,.1)}
.pc-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(ellipse at center, #eef5e8 0%, #f5f8f3 70%);position:relative;display:flex;align-items:center;justify-content:center}
.pc-img img{width:85%;height:85%;object-fit:contain;transition:transform .6s;position:relative;z-index:1}
.pc:hover .pc-img img{transform:scale(1.06)}
.pc-body{padding:16px 16px 20px}
.pc-body h4{font-size:14px;font-weight:700;margin-bottom:6px}

/* ===== PRODUCT FEATURE ROW (Asset-14 bowl) ===== */
.prod-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.pf-img{overflow:hidden;position:relative}
.pf-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:400px}
.pf-cnt{padding:80px 72px;display:flex;flex-direction:column;justify-content:center;background:var(--cream)}
.pf-cnt h2{font-size:clamp(26px,3vw,44px);margin:12px 0 20px}
.pf-cnt p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:14px}

/* ===== ABOUT SPLIT ===== */
.asplit{display:grid;grid-template-columns:1fr 1fr}
.as-img{position:relative;overflow:hidden;min-height:480px}
.as-img img{width:100%;height:100%;object-fit:cover}
.as-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 65%,var(--dark))}
.as-cnt{background:var(--dark);padding:88px 72px;display:flex;flex-direction:column;justify-content:center}
.as-cnt h2{font-size:clamp(26px,3vw,44px);color:var(--white);margin:12px 0 20px}
.as-cnt p{font-size:15px;line-height:1.85;color:rgba(245,240,232,.56);margin-bottom:12px}

/* ===== PROCESS ===== */
.process{padding:96px 72px;background:var(--cream)}
.proc-head{text-align:center;margin-bottom:64px}
.proc-head h2{font-size:clamp(26px,3.5vw,48px);margin-top:12px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.steps::before{content:'';position:absolute;top:33px;left:12%;right:12%;height:1px;background:var(--border)}
.step{padding:0 20px;text-align:center}
.step-c{width:66px;height:66px;border-radius:50%;background:var(--white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;position:relative;z-index:2;font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--green)}
.step h4{font-size:15px;font-weight:700;margin-bottom:8px}
.step p{font-size:13px;color:var(--muted);line-height:1.7}

/* ===== CONTACT ===== */
.contact{padding:96px 72px;background:var(--white)}
.contact-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.cl h2{font-size:clamp(26px,3vw,44px);margin:12px 0 18px}
.cl > p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:32px}
.ci-list{display:flex;flex-direction:column;gap:14px}
.ci{display:flex;align-items:flex-start;gap:14px}
.ci-ico{width:40px;height:40px;border-radius:10px;background:var(--mist);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-ico svg{width:16px;height:16px;color:var(--green);fill:none;stroke:currentColor;stroke-width:2}
.ci-txt h5{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.ci-txt p{font-size:14px;font-weight:500}
.cform{display:flex;flex-direction:column;gap:12px}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ff label{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.ff input,.ff textarea,.ff select{width:100%;padding:12px 15px;border-radius:11px;border:1.5px solid var(--border);background:var(--cream);font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;appearance:none}
.ff input:focus,.ff textarea:focus,.ff select:focus{border-color:var(--green);background:white}
.ff textarea{min-height:100px;resize:vertical}
.fsub{width:100%;padding:14px;border-radius:100px;border:none;background:var(--green);color:white;font-size:15px;font-weight:700;transition:all .25s;margin-top:4px;cursor:pointer;font-family:'DM Sans',sans-serif}
.fsub:hover{background:var(--dark);transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,26,15,.14)}

/* ===== PRODUCTS PAGE ===== */
.pg-hero{padding-top:136px;padding-right:72px;padding-bottom:64px;padding-left:72px;text-align:center}
.pg-hero.bg-forest{background:var(--forest)}
.pg-hero.bg-dark{background:var(--dark)}
.pg-hero h1{font-family:'Playfair Display',serif;font-size:clamp(36px,4.8vw,68px);font-weight:700;color:var(--white);line-height:1.08;margin-top:12px}
.pg-hero h1 em{font-style:italic;color:var(--lime)}
.pg-hero p{font-size:16px;line-height:1.8;color:rgba(245,240,232,.56);max-width:540px;margin:18px auto 0}
.prods-body{padding:72px;background:var(--white)}
.psec{margin-bottom:64px}.psec:last-child{margin-bottom:0}
.psec-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.psec-title::before{content:'';width:5px;height:26px;background:var(--lime);border-radius:3px;flex-shrink:0}
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plg{border-radius:16px;overflow:hidden;background:var(--cream);transition:all .3s}
.plg:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(13,26,15,.12)}
.plg-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(ellipse at center, #eef5e8 0%, #f5f8f3 70%);position:relative;display:flex;align-items:center;justify-content:center}
.plg-img img{width:85%;height:85%;object-fit:contain;transition:transform .6s;position:relative;z-index:1}
.plg:hover .plg-img img{transform:scale(1.06)}
.plg-body{padding:16px 16px 20px}
.plg-body h4{font-size:14px;font-weight:700;margin-bottom:6px}

/* ===== TECH PAGE ===== */
.tech-body{padding:88px 72px;background:var(--white)}
.ias-g{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;margin-bottom:80px}
.ias-t h2{font-size:clamp(24px,3vw,42px);margin-bottom:18px}
.ias-t p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:12px}
.ias-panel{background:var(--forest);border-radius:20px;padding:44px 40px;display:flex;flex-direction:column;gap:22px}
.is{display:flex;align-items:center;gap:16px}
.isn{font-family:'Playfair Display',serif;font-size:34px;font-weight:900;color:var(--lime);min-width:80px}
.ist h4{font-size:13px;font-weight:700;color:var(--white);margin-bottom:3px}
.ist p{font-size:12px;color:rgba(245,240,232,.45);line-height:1.5}
.is-div{height:1px;background:rgba(184,224,74,.11)}
.tf-sec{margin-bottom:80px}
.tf-sec h2{font-size:clamp(24px,3vw,40px);text-align:center;margin-bottom:40px}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tc{background:var(--cream);border-radius:14px;padding:30px 26px;border:1.5px solid var(--border);transition:all .3s}
.tc:hover{background:var(--dark);border-color:rgba(184,224,74,.15);transform:translateY(-3px);box-shadow:0 16px 36px rgba(13,26,15,.14)}
.tc:hover h4,.tc:hover .tcp{color:rgba(245,240,232,.9)}.tc:hover .tcp{color:rgba(245,240,232,.5)}
.tc:hover .tci{background:rgba(184,224,74,.1);border-color:rgba(184,224,74,.24)}
.tc:hover .tci svg{color:var(--lime)}
.tci{width:46px;height:46px;border-radius:11px;background:var(--mist);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s}
.tci svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;color:var(--green);transition:color .3s}
.tc h4{font-size:15px;font-weight:700;margin-bottom:8px;transition:color .3s}
.tcp{font-size:13px;line-height:1.75;color:var(--muted);transition:color .3s}
.cyc-sec{background:var(--forest);border-radius:20px;padding:64px;position:relative;overflow:hidden}
.cyc-sec::before{content:'';position:absolute;right:-80px;bottom:-80px;width:360px;height:360px;border-radius:50%;background:rgba(184,224,74,.04)}
.cyc-sec h2{font-size:clamp(22px,2.8vw,36px);color:var(--white);margin-bottom:44px;text-align:center}
.cyc-sec h2 em{font-style:italic;color:var(--lime)}
.cyc-row{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.cyc-row::before{content:'';position:absolute;top:30px;left:10%;right:10%;height:1px;background:rgba(184,224,74,.15)}
.cs{text-align:center;padding:0 10px}
.cs-n{width:60px;height:60px;border-radius:50%;background:rgba(184,224,74,.1);border:1.5px solid rgba(184,224,74,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;position:relative;z-index:2;font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--lime)}
.cs h4{font-size:12px;font-weight:700;color:var(--white);margin-bottom:6px}
.cs p{font-size:11px;color:rgba(245,240,232,.4);line-height:1.55}

/* ===== ABOUT PAGE ===== */
.about-hero{background:var(--forest);padding-top:136px;padding-right:72px;padding-bottom:64px;padding-left:72px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.ah-t h1{font-family:'Playfair Display',serif;font-size:clamp(34px,4.5vw,60px);font-weight:700;color:var(--white);line-height:1.08;margin-top:12px}
.ah-t h1 em{font-style:italic;color:var(--lime)}
.ah-t p{font-size:16px;line-height:1.8;color:rgba(245,240,232,.58);margin-top:18px}
.ah-img{border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.ah-img img{width:100%;height:100%;object-fit:cover}
.mission-sec{padding:88px 72px;background:var(--white)}
.mg{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.mt h2{font-size:clamp(24px,3vw,42px);margin-bottom:20px}
.mt p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:12px}
.mi{border-radius:16px;overflow:hidden;aspect-ratio:4/3}
.mi img{width:100%;height:100%;object-fit:cover}
.wg-sec{padding:64px 72px;background:var(--cream)}
.wg-head{text-align:center;margin-bottom:44px}
.wg-head h2{font-size:clamp(22px,3vw,38px);margin-top:12px}
.wg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:800px;margin:0 auto}
.wgc{background:white;border-radius:14px;padding:26px;border:1px solid var(--border)}
.wgc h4{font-size:14px;font-weight:700;color:var(--green);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.wgc h4::before{content:'';width:4px;height:16px;background:var(--lime);border-radius:2px;flex-shrink:0}
.wgc ul{list-style:none}
.wgc li{font-size:14px;color:var(--text);padding:5px 0;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(45,106,53,.05)}
.wgc li:last-child{border-bottom:none}
.wgc li::before{content:'✓';color:var(--green);font-weight:700;font-size:11px;flex-shrink:0}
.certs-sec{padding:88px 72px;background:var(--white)}
.certs-sec h2{font-size:clamp(22px,3vw,38px);text-align:center;margin-top:12px}
.cert-g{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:820px;margin:40px auto 0}
.cert-c{background:var(--cream);border-radius:14px;padding:32px 24px;text-align:center;border:1.5px solid var(--border);transition:all .3s}
.cert-c:hover{border-color:var(--green);transform:translateY(-3px)}
.cert-c img{height:60px;object-fit:contain;margin:0 auto 12px}
.cert-c h4{font-size:14px;font-weight:700}
.cert-c p{font-size:12px;color:var(--muted);margin-top:4px}

/* ===== FOOTER ===== */
footer{background:var(--dark);padding:72px 56px 40px;border-top:1px solid rgba(255,255,255,.05)}
.ft-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;margin-bottom:52px}
.ft-brand img{height:28px;filter:brightness(0) invert(1);margin-bottom:16px}
.ft-brand p{font-size:14px;line-height:1.75;color:rgba(245,240,232,.36);max-width:260px}
.ft-col{}
.ft-col h5{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);font-weight:700;margin-bottom:14px}
.ft-col ul{list-style:none}
.ft-col li{margin-bottom:9px}
.ft-col a{font-size:14px;color:rgba(245,240,232,.4);transition:color .2s}
.ft-col a:hover{color:var(--lime)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap;gap:14px}
.ft-bot p{font-size:12px;color:rgba(245,240,232,.2)}
.ft-soc{display:flex;gap:8px}
.sb{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:all .2s}
.sb:hover{background:var(--lime);border-color:var(--lime)}
.sb svg{width:14px;height:14px;fill:rgba(245,240,232,.48);transition:fill .2s}
.sb:hover svg{fill:var(--dark)}

/* ===== TABLET (≤900px) ===== */
@media(max-width:900px){
  nav{padding:0 24px}
  .nav-links,.nav-cta{display:none!important}
  .burger{display:flex}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-r{display:none}
  .hero-l{padding-top:108px;padding-right:28px;padding-bottom:60px;padding-left:28px}
  .hero-stats{gap:18px}
  .hero-strip{height:100px}
  .why,.hprods,.impact,.process,.contact,.cert-strip,.stats-band{padding:64px 28px}
  .why-hdr{grid-template-columns:1fr;gap:24px;margin-bottom:44px}
  .why-cards{grid-template-columns:1fr;gap:3px}
  .wc:first-child,.wc:last-child{border-radius:16px}
  .hprod-hdr{flex-direction:column;align-items:flex-start;gap:14px}
  .tab-p.on{grid-template-columns:repeat(2,1fr)}
  .stat-cards{grid-template-columns:repeat(2,1fr)}
  .acres-row{grid-template-columns:1fr;text-align:center}
  .circles-grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .cert-inner{gap:28px}
  .asplit{grid-template-columns:1fr}
  .as-img{min-height:280px}
  .as-img::after{background:linear-gradient(to bottom,transparent 55%,var(--dark))}
  .as-cnt{padding:52px 28px}
  .prod-feature{grid-template-columns:1fr}
  .pf-img{min-height:280px}
  .pf-cnt{padding:52px 28px}
  .steps{grid-template-columns:repeat(2,1fr);gap:40px}
  .steps::before{display:none}
  .contact-g{grid-template-columns:1fr;gap:44px}
  .crow{grid-template-columns:1fr}
  .pg-hero{padding-top:116px;padding-right:28px;padding-bottom:52px;padding-left:28px}
  .prods-body{padding:48px 28px}
  .pg{grid-template-columns:repeat(2,1fr)}
  .tech-body{padding:60px 28px}
  .ias-g{grid-template-columns:1fr;gap:36px}
  .tg{grid-template-columns:repeat(2,1fr)}
  .cyc-row{grid-template-columns:repeat(3,1fr);gap:28px}
  .cyc-row::before{display:none}
  .cyc-sec{padding:44px 28px}
  .about-hero{grid-template-columns:1fr;gap:36px;padding-top:116px;padding-right:28px;padding-bottom:52px;padding-left:28px}
  .mission-sec{padding:60px 28px}
  .mg{grid-template-columns:1fr;gap:36px}
  .wg-sec{padding:52px 28px}
  .wg-grid{grid-template-columns:1fr}
  .certs-sec{padding:60px 28px}
  .cert-g{grid-template-columns:1fr}
  footer{padding:52px 28px 32px}
  .ft-g{grid-template-columns:1fr 1fr;gap:32px}
}

/* ===== MOBILE (≤600px) ===== */
@media(max-width:600px){
  :root{--nav-h:60px}
  nav{padding:0 18px}
  .hero-l{padding-top:88px;padding-right:20px;padding-bottom:52px;padding-left:20px}
  .hero h1{font-size:clamp(32px,9vw,46px)}
  .hero-btns{flex-direction:column}
  .hero-btns .btn-lime,.hero-btns .btn-ghost{text-align:center;padding:14px 20px}
  .hero-stats{gap:14px}
  .hsn{font-size:26px}
  .hero-strip{height:72px}
  .why,.hprods,.process,.contact{padding:52px 20px}
  .cert-strip,.stats-band{padding:44px 20px}
  .stat-cards{grid-template-columns:1fr;max-width:340px;margin:0 auto 28px}
  .circles-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:360px;margin:0 auto}
  .impact{padding:64px 20px}
  .as-cnt{padding:44px 20px}
  .proc-head h2{font-size:26px}
  .steps{grid-template-columns:1fr 1fr;gap:24px}
  .step-c{width:54px;height:54px;font-size:18px}
  .pg-hero{padding-top:88px;padding-right:20px;padding-bottom:44px;padding-left:20px}
  .prods-body{padding:32px 20px}
  .psec-title{font-size:20px}
  .pg{grid-template-columns:1fr 1fr;gap:12px}
  .tech-body{padding:44px 20px}
  .tg{grid-template-columns:1fr}
  .cyc-row{grid-template-columns:1fr 1fr;gap:20px}
  .cyc-sec{padding:40px 20px}
  .about-hero{padding-top:88px;padding-right:20px;padding-bottom:44px;padding-left:20px}
  .ah-t h1{font-size:clamp(28px,8vw,42px)}
  .mission-sec{padding:44px 20px}
  .wg-sec{padding:44px 20px}
  .certs-sec{padding:44px 20px}
  .cert-g{grid-template-columns:1fr 1fr}
  footer{padding:44px 20px 28px}
  .ft-g{grid-template-columns:1fr;gap:28px}
  .ft-bot{flex-direction:column;text-align:center}
  .ft-soc{justify-content:center}
  .contact{padding:52px 20px}
  .pf-cnt{padding:40px 20px}
  .why-hdr h2{font-size:26px}
  .acres-row{padding:24px 20px
  .prod-search-wrap{padding:0 20px}
  .timeline{padding:44px 20px}.tl-items::before{left:20px}.tl-item{grid-template-columns:40px 1fr}.tl-dot{width:40px;height:40px;font-size:14px}
  .wa-btn{bottom:20px;right:20px;width:50px;height:50px}.wa-tooltip{display:none}
  .lb-inner{border-radius:16px}.lb-body{padding:20px 20px 24px}.lb-body h3{font-size:20px}
}
}

/* ═══════════════════════════════════════════
   SURPRISE UPGRADES CSS
═══════════════════════════════════════════ */

/* ── Page transitions ── */
body { animation: pageFadeIn 0.4s ease forwards; }
@keyframes pageFadeIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

/* ── Particles canvas ── */
#particles-canvas {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
  z-index: 1; pointer-events: none;
  opacity: 1; transition: opacity 0.3s;
}
body.not-home #particles-canvas { opacity: 0; }
.hero-r { z-index: 1; }

/* ── Floating WhatsApp ── */
.wa-btn {
  position: fixed; bottom: 28px; right: 28px; z-index: 400;
  width: 58px; height: 58px; border-radius: 50%;
  background: #25D366;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 24px rgba(37,211,102,.45);
  transition: all .3s; cursor: pointer;
  animation: waPulse 3s infinite;
}
.wa-btn:hover { transform: scale(1.12); box-shadow: 0 8px 32px rgba(37,211,102,.6); }
.wa-btn svg { width: 30px; height: 30px; fill: white; }
@keyframes waPulse {
  0%,100% { box-shadow: 0 4px 24px rgba(37,211,102,.45); }
  50%      { box-shadow: 0 4px 40px rgba(37,211,102,.75), 0 0 0 10px rgba(37,211,102,.1); }
}
.wa-tooltip {
  position: fixed; bottom: 36px; right: 96px; z-index: 400;
  background: var(--dark); color: white; padding: 8px 16px;
  border-radius: 100px; font-size: 13px; font-weight: 600;
  opacity: 0; pointer-events: none; white-space: nowrap;
  transition: opacity .25s; transform: translateX(8px);
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
}
.wa-btn:hover ~ .wa-tooltip { opacity: 1; transform: translateX(0); }

/* ── Counter numbers ── */
.count-num {
  font-family: 'Playfair Display', serif;
  font-size: clamp(40px,4.5vw,64px);
  font-weight: 900; color: var(--lime);
  line-height: 1; margin-bottom: 4px;
  display: block;
}

/* ── Product lightbox ── */
.lightbox {
  position: fixed; inset: 0; z-index: 500;
  background: rgba(13,26,15,.92);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none;
  transition: opacity .3s;
  backdrop-filter: blur(12px);
}
.lightbox.open { opacity: 1; pointer-events: all; }
.lb-inner {
  background: var(--white); border-radius: 24px;
  overflow: hidden; max-width: 520px; width: 90%;
  transform: scale(.88) translateY(20px);
  transition: transform .3s;
  box-shadow: 0 32px 80px rgba(0,0,0,.4);
}
.lightbox.open .lb-inner { transform: scale(1) translateY(0); }
.lb-img{width:100%;aspect-ratio:1/1;overflow:hidden;background:radial-gradient(ellipse at center,#eef5e8 0%,#f5f8f3 70%);display:flex;align-items:center;justify-content:center}
.lb-img img{width:80%;height:80%;object-fit:contain;display:block}
.lb-body { padding: 28px 28px 32px; }
.lb-body h3 { font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700; margin-bottom: 8px; }
.lb-body p  { font-size: 14px; line-height: 1.7; color: var(--muted); margin-bottom: 20px; }
.lb-tags    { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
.lb-tag     { padding: 5px 14px; border-radius: 100px; background: var(--mist); font-size: 12px; font-weight: 700; color: var(--green); letter-spacing: .06em; }
.lb-close {
  position: absolute; top: 20px; right: 20px;
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,.12); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: white; font-size: 20px; transition: background .2s;
}
.lb-close:hover { background: rgba(255,255,255,.25); }
.lb-wrap { position: relative; }
.pc { cursor: pointer; }
.plg { cursor: pointer; }

/* ── Product search filter ── */
.prod-search-wrap {
  padding: 0 72px 0; margin-bottom: -16px; margin-top: 0;
  background: var(--white);
}
.prod-search {
  display: flex; align-items: center; gap: 12px;
  background: var(--cream); border: 1.5px solid var(--border);
  border-radius: 100px; padding: 12px 20px;
  max-width: 480px;
}
.prod-search svg { width: 18px; height: 18px; color: var(--muted); fill: none; stroke: currentColor; stroke-width: 2; flex-shrink: 0; }
.prod-search input {
  border: none; background: none; outline: none;
  font-family: 'DM Sans', sans-serif; font-size: 15px; color: var(--text);
  flex: 1; min-width: 0;
}
.prod-search input::placeholder { color: var(--muted); }
.plg.hidden, .pc.hidden { display: none !important; }
.no-results {
  text-align: center; padding: 48px; color: var(--muted);
  font-size: 16px; display: none; grid-column: 1/-1;
}
.no-results.show { display: block; }

/* ── IAS animated progress bars ── */
.ias-bar-wrap { margin-top: 20px; }
.ias-bar-label {
  display: flex; justify-content: space-between;
  font-size: 12px; font-weight: 600; color: rgba(245,240,232,.6);
  margin-bottom: 6px;
}
.ias-bar-track {
  height: 6px; background: rgba(255,255,255,.08);
  border-radius: 100px; overflow: hidden;
}
.ias-bar-fill {
  height: 100%; background: var(--lime);
  border-radius: 100px; width: 0;
  transition: width 1.4s cubic-bezier(.4,0,.2,1);
}
.ias-bar-fill.go { width: var(--target); }

/* ── SVG cycle diagram ── */
.cycle-diagram-wrap {
  display: flex; justify-content: center;
  padding: 0 0 16px;
}
#cycle-svg { max-width: 100%; }

/* ── Timeline (About page) ── */
.timeline { padding: 88px 72px; background: var(--white); }
.tl-head { text-align: center; margin-bottom: 64px; }
.tl-head h2 { font-size: clamp(26px,3vw,42px); margin-top: 12px; }
.tl-items { position: relative; max-width: 800px; margin: 0 auto; }
.tl-items::before {
  content: ''; position: absolute;
  left: 50%; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(to bottom, var(--lime) 0%, var(--green) 100%);
  transform: translateX(-50%);
}
.tl-item {
  display: grid; grid-template-columns: 1fr 48px 1fr;
  gap: 0; margin-bottom: 48px; align-items: start;
}
.tl-item:nth-child(odd)  .tl-content { grid-column: 1; text-align: right; padding-right: 36px; }
.tl-item:nth-child(odd)  .tl-dot     { grid-column: 2; }
.tl-item:nth-child(odd)  .tl-empty   { grid-column: 3; }
.tl-item:nth-child(even) .tl-empty   { grid-column: 1; }
.tl-item:nth-child(even) .tl-dot     { grid-column: 2; }
.tl-item:nth-child(even) .tl-content { grid-column: 3; text-align: left; padding-left: 36px; }
.tl-dot {
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--lime); border: 4px solid var(--white);
  box-shadow: 0 0 0 2px var(--green);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; position: relative; z-index: 2;
  flex-shrink: 0; justify-self: center; margin-top: 4px;
}
.tl-year {
  font-family: 'DM Mono', monospace;
  font-size: 11px; font-weight: 700; color: var(--green);
  letter-spacing: .1em; margin-bottom: 6px; text-transform: uppercase;
}
.tl-content h4 { font-size: 17px; font-weight: 700; margin-bottom: 6px; }
.tl-content p  { font-size: 14px; line-height: 1.75; color: var(--muted); }
.tl-empty { }

/* ── Floating leaf particles (About hero) ── */
#leaf-canvas {
  position: absolute; inset: 0; pointer-events: none; z-index: 1; overflow: hidden;
}
.about-hero { position: relative; overflow: hidden; }
.about-hero .ah-t, .about-hero .ah-img { position: relative; z-index: 2; }

/* ── Scroll-to-top button ── */
.scroll-top {
  position: fixed; bottom: 96px; right: 28px; z-index: 400;
  width: 44px; height: 44px; border-radius: 50%;
  background: var(--forest); border: 1px solid rgba(184,224,74,.3);
  color: var(--lime); display: flex; align-items: center; justify-content: center;
  cursor: pointer; opacity: 0; pointer-events: none;
  transition: all .3s; font-size: 18px;
}
.scroll-top.visible { opacity: 1; pointer-events: all; }
.scroll-top:hover { background: var(--lime); color: var(--dark); transform: translateY(-3px); }

/* ── Responsive overrides for new elements ── */
@media (max-width: 900px) {
  .prod-search-wrap { padding: 0 28px; }
  .tl-items::before { left: 24px; }
  .tl-item { grid-template-columns: 48px 1fr; }
  .tl-item:nth-child(odd) .tl-content  { grid-column: 2; text-align: left; padding-right: 0; padding-left: 20px; }
  .tl-item:nth-child(odd) .tl-dot      { grid-column: 1; }
  .tl-item:nth-child(odd) .tl-empty    { display: none; }
  .tl-item:nth-child(even) .tl-content { grid-column: 2; padding-left: 20px; }
  .tl-item:nth-child(even) .tl-dot     { grid-column: 1; }
  .tl-item:nth-child(even) .tl-empty   { display: none; }
  .timeline { padding: 64px 28px; }
}
@media (max-width: 600px) {
  .wa-btn { bottom: 20px; right: 20px; width: 52px; height: 52px; }
  .scroll-top { bottom: 84px; right: 20px; }
  .prod-search-wrap { padding: 0 20px; }
}
@media (prefers-reduced-motion: reduce) { .fu { opacity:1 !important; transform:none !important; } }
.fu { animation: fuFallback 0.1s 1.5s forwards; }
@keyframes fuFallback { to { opacity:1; transform:translateY(0); } }