/* ═══════════════════════════════════════════════════
   CSS VARIABLES & RESET
   ═══════════════════════════════════════════════════ */
:root {
  --green-900: #0B3D1F;
  --green-800: #125C2E;
  --green-700: #1A7A3D;
  --green-600: #22964A;
  --green-500: #2DB55A;
  --green-400: #4ADE80;
  --green-300: #86EFAC;
  --green-200: #BBF7D0;
  --green-100: #DCFCE7;
  --green-50:  #F0FDF4;
  --gold:       #C8A84E;
  --gold-light: #E8D8A0;
  --gold-dark:  #9E7B2A;
  --cream:      #FAFAF5;
  --cream-dark: #F2F0E8;
  --charcoal:   #1A1D1A;
  --charcoal-light: #2D322D;
  --slate:      #4A5548;
  --slate-light:#6B7B6E;
  --mist:       #A8B5AA;
  --white:      #FFFFFF;
  --shadow-sm:  0 1px 3px rgba(11,61,31,.06);
  --shadow-md:  0 4px 20px rgba(11,61,31,.08);
  --shadow-lg:  0 12px 40px rgba(11,61,31,.12);
  --shadow-xl:  0 24px 60px rgba(11,61,31,.15);
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  32px;
  --font-display:'DM Serif Display', Georgia, serif;
  --font-body:   'Outfit', sans-serif;
  --font-mono:   'JetBrains Mono', monospace;
  --transition:  0.35s cubic-bezier(.4,0,.2,1);
  --max-w:       1280px;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-body);color:var(--charcoal);background:var(--cream);line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:var(--font-body);cursor:pointer;border:none}

/* ═══════════════════════════════════════════════════
   UTILITIES
   ═══════════════════════════════════════════════════ */
.container{max-width:var(--max-w);margin:0 auto;padding:0 40px}
.section-pad{padding:100px 0}
.section-pad-lg{padding:120px 0}

.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.badge--green{background:var(--green-100);color:var(--green-700);border:1px solid var(--green-200)}
.badge--gold{background:rgba(200,168,78,.12);color:var(--gold-dark);border:1px solid rgba(200,168,78,.25)}
.badge--dark{background:var(--charcoal);color:var(--green-300)}
.badge--white{background:rgba(255,255,255,.12);color:var(--white);border:1px solid rgba(255,255,255,.2)}

.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--green-600);margin-bottom:16px}
.section-title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);line-height:1.15;color:var(--charcoal);margin-bottom:16px}
.section-title--white{color:var(--white)}
.section-title em{font-style:italic;color:var(--green-600)}
.section-subtitle{font-size:17px;font-weight:300;color:var(--slate-light);max-width:600px;line-height:1.7}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;letter-spacing:.3px;transition:var(--transition);position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:var(--transition)}
.btn:hover::after{transform:translateX(0)}
.btn--primary{background:var(--green-700);color:var(--white);box-shadow:0 4px 16px rgba(26,122,61,.3)}
.btn--primary:hover{background:var(--green-800);transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,122,61,.4)}
.btn--outline{background:transparent;color:var(--green-700);border:2px solid var(--green-700)}
.btn--outline:hover{background:var(--green-700);color:var(--white)}
.btn--white{background:var(--white);color:var(--green-800)}
.btn--white:hover{background:var(--green-50);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.btn--ghost{background:transparent;color:var(--green-700);padding:8px 0;font-weight:500}
.btn--ghost:hover{color:var(--green-900)}
.btn--ghost::after{display:none}
.btn--sm{padding:10px 20px;font-size:13px}
.btn--lg{padding:18px 36px;font-size:15px}
.arrow-icon{transition:transform .3s}
.btn:hover .arrow-icon{transform:translateX(4px)}

/* ═══════════════════════════════════════════════════
   HEADER / NAVIGATION
   ═══════════════════════════════════════════════════ */
.topbar{background:var(--green-900);padding:8px 0;font-size:12px;color:var(--green-200)}
.topbar__inner{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:var(--green-200);transition:color .2s}
.topbar a:hover{color:var(--white)}
.topbar__left{display:flex;gap:24px}
.topbar__right{display:flex;gap:16px;align-items:center}

.header{position:sticky;top:0;z-index:1000;background:rgba(250,250,245,.92);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid rgba(26,29,26,.06);transition:var(--transition)}
.header.scrolled{box-shadow:var(--shadow-md)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.header__logo{display:flex;align-items:center;gap:12px}
.header__logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--green-500),var(--green-700));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-display);font-size:22px;font-weight:700}
.header__logo-text{line-height:1.1}
.header__logo-name{font-weight:700;font-size:17px;letter-spacing:1.5px;color:var(--green-900)}
.header__logo-tag{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--slate-light);font-weight:500}

.nav{display:flex;align-items:center;gap:4px}
.nav__item{position:relative;padding:8px 16px;font-size:13.5px;font-weight:500;color:var(--slate);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer}
.nav__item:hover{color:var(--green-700);background:var(--green-50)}
.nav__item.active{color:var(--green-700);font-weight:600}
.nav__item--has-dropdown{position:relative}

.nav__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid rgba(0,0,0,.06);padding:12px;min-width:240px;opacity:0;visibility:hidden;transition:var(--transition);z-index:100}
.nav__item--has-dropdown:hover .nav__dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__dropdown a{display:block;padding:10px 16px;font-size:13px;color:var(--slate);border-radius:var(--radius-sm);transition:var(--transition)}
.nav__dropdown a:hover{background:var(--green-50);color:var(--green-700)}

.header__cta{display:flex;align-items:center;gap:12px}

/* Mobile nav */
.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;padding:8px}
.mobile-toggle span{display:block;width:22px;height:2px;background:var(--charcoal);transition:var(--transition);transform-origin:center}
.mobile-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-toggle.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
.mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ═══════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════ */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;background:var(--green-900);overflow:hidden}
.hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(45,181,90,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 80% at 20% 80%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 90% 10%,rgba(200,168,78,.06) 0%,transparent 50%)}
.hero__pattern{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 C35 15,45 20,55 18 C50 28,52 38,55 48 C45 45,35 48,30 55 C25 48,15 45,5 48 C8 38,10 28,5 18 C15 20,25 15,30 5Z' fill='none' stroke='%23ffffff' stroke-width='0.5'/%3E%3C/svg%3E");background-size:120px 120px}
.hero__grid{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:80px 80px}

.hero__float{position:absolute;border-radius:50%;animation:heroFloat 8s ease-in-out infinite}
.hero__float--1{width:400px;height:400px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(74,222,128,.1) 0%,transparent 70%);animation-delay:0s}
.hero__float--2{width:300px;height:300px;bottom:-50px;left:10%;background:radial-gradient(circle,rgba(200,168,78,.08) 0%,transparent 70%);animation-delay:-3s}
.hero__float--3{width:200px;height:200px;top:30%;right:25%;background:radial-gradient(circle,rgba(45,181,90,.06) 0%,transparent 70%);animation-delay:-5s}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}

.hero__content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hero__left{padding:40px 0}
.hero__badge{margin-bottom:24px;animation:fadeUp .8s ease both}
.hero__title{font-family:var(--font-display);font-size:clamp(40px,5vw,62px);line-height:1.08;color:var(--white);margin-bottom:20px;animation:fadeUp .8s .15s ease both}
.hero__title em{font-style:italic;color:var(--green-400)}
.hero__desc{font-size:17px;font-weight:300;color:var(--green-200);line-height:1.75;max-width:520px;margin-bottom:36px;animation:fadeUp .8s .3s ease both}
.hero__actions{display:flex;gap:16px;margin-bottom:56px;animation:fadeUp .8s .45s ease both;flex-wrap:wrap}
.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;animation:fadeUp .8s .6s ease both}
.hero__stat-num{font-family:var(--font-display);font-size:38px;color:var(--green-400);line-height:1}
.hero__stat-label{font-size:12px;color:var(--mist);margin-top:6px;letter-spacing:.5px}

.hero__right{position:relative;height:500px;animation:fadeUp 1s .4s ease both}
.hero__visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hero__ring{position:absolute;border-radius:50%;border:1px solid rgba(74,222,128,.15);animation:ringPulse 4s ease-in-out infinite}
.hero__ring--1{width:300px;height:300px}
.hero__ring--2{width:400px;height:400px;animation-delay:-1s}
.hero__ring--3{width:500px;height:500px;animation-delay:-2s}
@keyframes ringPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.03)}}
.hero__center-icon{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--green-600),var(--green-400));display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 0 80px rgba(74,222,128,.3)}
.hero__center-icon svg{width:64px;height:64px;fill:var(--white)}
.hero__orbit-item{position:absolute;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 18px;font-size:12px;font-weight:500;color:var(--green-200);white-space:nowrap;animation:orbitFloat 6s ease-in-out infinite}
.hero__orbit-item:nth-child(1){top:10%;left:5%;animation-delay:0s}
.hero__orbit-item:nth-child(2){top:5%;right:0;animation-delay:-1s}
.hero__orbit-item:nth-child(3){bottom:25%;right:-5%;animation-delay:-2s}
.hero__orbit-item:nth-child(4){bottom:10%;left:10%;animation-delay:-3s}
.hero__orbit-item:nth-child(5){top:40%;left:-5%;animation-delay:-4s}
@keyframes orbitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ═══════════════════════════════════════════════════
   TRUST BAR
   ═══════════════════════════════════════════════════ */
.trust-bar{background:var(--white);border-bottom:1px solid rgba(0,0,0,.05);padding:20px 0}
.trust-bar__inner{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}
.trust-bar__item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--slate-light)}
.trust-bar__icon{width:28px;height:28px;border-radius:50%;background:var(--green-50);display:flex;align-items:center;justify-content:center;font-size:13px}

/* ═══════════════════════════════════════════════════
   ABOUT
   ═══════════════════════════════════════════════════ */
.about{background:var(--cream);position:relative}
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about__visual{position:relative;height:480px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--green-800),var(--green-900))}
.about__visual-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(74,222,128,.15),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(200,168,78,.1),transparent 50%)}
.about__visual-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--white);padding:40px}
.about__visual-number{font-family:var(--font-display);font-size:72px;color:var(--green-400);line-height:1}
.about__visual-text{font-size:14px;color:var(--green-200);margin-top:8px;letter-spacing:2px;text-transform:uppercase;font-weight:500}
.about__boxes{position:absolute;bottom:24px;left:24px;right:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about__box{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px}
.about__box-num{font-family:var(--font-display);font-size:28px;color:var(--green-400)}
.about__box-text{font-size:11px;color:var(--green-200);margin-top:2px;letter-spacing:.5px}
.about__content .section-subtitle{margin-bottom:28px}
.about__features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.about__feature{display:flex;gap:12px;align-items:flex-start;padding:16px;background:var(--white);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.04);transition:var(--transition)}
.about__feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.about__feature-icon{width:36px;height:36px;border-radius:8px;background:var(--green-50);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.about__feature-title{font-size:13px;font-weight:600;color:var(--charcoal)}
.about__feature-desc{font-size:12px;color:var(--slate-light);margin-top:2px}

/* ═══════════════════════════════════════════════════
   PRODUCTS
   ═══════════════════════════════════════════════════ */
.products{background:var(--white)}
.products__header{text-align:center;margin-bottom:60px}
.products__header .section-subtitle{margin:0 auto}
.products__tabs{display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap}
.products__tab{padding:10px 22px;border-radius:100px;font-size:13px;font-weight:500;color:var(--slate);background:var(--cream);border:1px solid transparent;transition:var(--transition);cursor:pointer}
.products__tab:hover,.products__tab.active{background:var(--green-700);color:var(--white);border-color:var(--green-700)}
.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-card{background:var(--cream);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:var(--transition);position:relative}
.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--green-200)}
.product-card__header{height:200px;background:linear-gradient(135deg,var(--green-900),var(--green-800));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-card__header-pattern{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23fff'/%3E%3C/svg%3E");background-size:40px 40px}
.product-card__icon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:32px;position:relative;z-index:2}
.product-card__badge{position:absolute;top:16px;left:16px;z-index:2}
.product-card__body{padding:24px}
.product-card__name{font-family:var(--font-display);font-size:20px;color:var(--charcoal);margin-bottom:4px}
.product-card__spec{font-family:var(--font-mono);font-size:11px;color:var(--green-600);letter-spacing:.5px;margin-bottom:12px}
.product-card__desc{font-size:13.5px;color:var(--slate-light);line-height:1.65;margin-bottom:16px}
.product-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.product-card__tag{padding:4px 10px;background:var(--green-50);color:var(--green-700);font-size:10.5px;font-weight:600;border-radius:100px;letter-spacing:.3px}
.product-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}

/* ═══════════════════════════════════════════════════
   PRODUCT DETAILS
   ═══════════════════════════════════════════════════ */
.product-detail{background:var(--cream);padding:80px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.product-detail:nth-child(even){background:var(--white)}
.product-detail__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.product-detail__grid--reverse{grid-template-columns:1.2fr 1fr}
.product-detail__visual{border-radius:var(--radius-lg);overflow:hidden;position:relative;background:linear-gradient(135deg,var(--green-900),var(--green-800));padding:48px;min-height:400px;display:flex;flex-direction:column;justify-content:center}
.product-detail__visual-title{font-family:var(--font-display);font-size:36px;color:var(--white);margin-bottom:12px}
.product-detail__visual-sub{font-size:14px;color:var(--green-300);margin-bottom:24px}
.product-detail__visual-badge{display:inline-flex;padding:8px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:100px;font-family:var(--font-mono);font-size:12px;color:var(--green-300);letter-spacing:1px}
.product-detail__info h3{font-family:var(--font-display);font-size:28px;color:var(--charcoal);margin-bottom:12px}
.spec-table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.spec-table th{background:var(--green-800);color:var(--white);padding:12px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-body)}
.spec-table td{padding:11px 16px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.04);color:var(--charcoal)}
.spec-table tr:nth-child(even) td{background:var(--green-50)}
.spec-table td:first-child{font-weight:500;color:var(--slate)}
.spec-table td:last-child{font-family:var(--font-mono);font-size:12px;color:var(--green-800)}
.benefits-list{list-style:none;margin:16px 0}
.benefits-list li{position:relative;padding:8px 0 8px 28px;font-size:14px;color:var(--slate);line-height:1.6}
.benefits-list li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;border-radius:50%;background:var(--green-100);border:2px solid var(--green-400)}
.product-detail__cta{margin-top:28px;padding:24px;background:linear-gradient(135deg,var(--green-50),rgba(200,168,78,.05));border:1px solid var(--green-200);border-radius:var(--radius-md)}
.product-detail__cta h4{font-size:16px;font-weight:600;color:var(--green-800);margin-bottom:8px}
.product-detail__cta p{font-size:13px;color:var(--slate-light);margin-bottom:16px}

/* ═══════════════════════════════════════════════════
   PROCESS
   ═══════════════════════════════════════════════════ */
.process{background:var(--green-900);position:relative;overflow:hidden}
.process__bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(74,222,128,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 80% 30%,rgba(200,168,78,.04) 0%,transparent 50%)}
.process__header{text-align:center;margin-bottom:64px;position:relative;z-index:2}
.process__header .section-label{color:var(--green-400)}
.process__header .section-subtitle{color:var(--mist);margin:0 auto}
.process__timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;z-index:2}
.process__timeline::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--green-400),transparent);opacity:.3}
.process__step{text-align:center;position:relative}
.process__step-num{width:72px;height:72px;border-radius:50%;background:rgba(74,222,128,.08);border:2px solid var(--green-400);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-family:var(--font-display);font-size:24px;color:var(--green-400);position:relative;z-index:2;transition:var(--transition)}
.process__step:hover .process__step-num{background:var(--green-400);color:var(--green-900);box-shadow:0 0 30px rgba(74,222,128,.3)}
.process__step-title{font-size:13px;font-weight:600;color:var(--green-200);margin-bottom:4px}
.process__step-desc{font-size:11px;color:var(--mist);max-width:140px;margin:0 auto;line-height:1.5}
.mfg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;position:relative;z-index:2}
.mfg-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:28px;transition:var(--transition)}
.mfg-card:hover{background:rgba(255,255,255,.07);border-color:rgba(74,222,128,.2);transform:translateY(-4px)}
.mfg-card__icon{font-size:28px;margin-bottom:14px}
.mfg-card__title{font-size:16px;font-weight:600;color:var(--white);margin-bottom:8px}
.mfg-card__desc{font-size:13px;color:var(--mist);line-height:1.6}

/* ═══════════════════════════════════════════════════
   WHY CHOOSE US
   ═══════════════════════════════════════════════════ */
.why{background:var(--cream)}
.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.why__card{padding:36px;background:var(--white);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.04);transition:var(--transition);position:relative;overflow:hidden}
.why__card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-400),var(--gold));transform:scaleX(0);transform-origin:left;transition:var(--transition)}
.why__card:hover::before{transform:scaleX(1)}
.why__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.why__card-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--green-50);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}
.why__card-title{font-family:var(--font-display);font-size:20px;color:var(--charcoal);margin-bottom:8px}
.why__card-desc{font-size:14px;color:var(--slate-light);line-height:1.65}

/* ═══════════════════════════════════════════════════
   GLOBAL REACH
   ═══════════════════════════════════════════════════ */
.global{background:var(--white)}
.global__layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}
.global__map{background:var(--green-900);border-radius:var(--radius-lg);padding:48px;position:relative;overflow:hidden;min-height:420px}
.global__map-visual{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cellipse cx='500' cy='250' rx='400' ry='200' fill='none' stroke='%234ADE80' stroke-width='0.5'/%3E%3Cellipse cx='500' cy='250' rx='300' ry='150' fill='none' stroke='%234ADE80' stroke-width='0.5'/%3E%3Cellipse cx='500' cy='250' rx='200' ry='100' fill='none' stroke='%234ADE80' stroke-width='0.5'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat}
.global__map-content{position:relative;z-index:2}
.global__map-title{font-family:var(--font-display);font-size:48px;color:var(--green-400);margin-bottom:4px}
.global__map-sub{font-size:15px;color:var(--green-200);margin-bottom:32px}
.global__regions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.global__region{padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm)}
.global__region-name{font-size:13px;font-weight:600;color:var(--green-300);margin-bottom:3px}
.global__region-countries{font-size:11px;color:var(--mist);line-height:1.5}
.global__info h3{font-family:var(--font-display);font-size:28px;margin-bottom:16px}
.global__points{margin:24px 0}
.global__point{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.global__point-icon{width:32px;height:32px;border-radius:50%;background:var(--green-50);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.global__point-title{font-size:14px;font-weight:600;color:var(--charcoal)}
.global__point-desc{font-size:13px;color:var(--slate-light);margin-top:2px}

/* ═══════════════════════════════════════════════════
   CERTIFICATIONS
   ═══════════════════════════════════════════════════ */
.certs{background:linear-gradient(180deg,var(--cream) 0%,var(--white) 100%)}
.certs__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.cert-card{text-align:center;padding:28px 16px;background:var(--white);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius-md);transition:var(--transition)}
.cert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--gold-light)}
.cert-card__icon{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,rgba(200,168,78,.1),rgba(200,168,78,.05));border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px}
.cert-card__name{font-size:13px;font-weight:600;color:var(--charcoal);margin-bottom:4px}
.cert-card__desc{font-size:11px;color:var(--slate-light)}

/* ═══════════════════════════════════════════════════
   CTA / CONTACT
   ═══════════════════════════════════════════════════ */
.cta-section{background:var(--green-900);position:relative;overflow:hidden}
.cta-section__bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 70% 50%,rgba(74,222,128,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 20% 70%,rgba(200,168,78,.05) 0%,transparent 50%)}
.cta-section__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.cta-section__left h2{font-family:var(--font-display);font-size:40px;color:var(--white);margin-bottom:16px;line-height:1.15}
.cta-section__left p{font-size:16px;color:var(--green-200);line-height:1.7;margin-bottom:32px}
.cta-section__contacts{margin-top:32px}
.cta-section__contact{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cta-section__contact-icon{width:40px;height:40px;border-radius:10px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.cta-section__contact-label{font-size:11px;color:var(--mist);letter-spacing:.5px;text-transform:uppercase}
.cta-section__contact-value{font-size:15px;font-weight:500;color:var(--white)}

/* Contact form */
.contact-form{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:36px;backdrop-filter:blur(12px)}
.contact-form h3{font-family:var(--font-display);font-size:24px;color:var(--white);margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:11px;font-weight:600;color:var(--green-300);margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font-body);font-size:14px;transition:var(--transition);outline:none}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--mist)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green-400);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(74,222,128,.1)}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%234ADE80' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.form-group select option{background:var(--green-900);color:var(--white)}
.form-group textarea{resize:vertical;min-height:100px}

/* Form feedback messages */
.form-success,.form-error{display:none;padding:14px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;margin-bottom:16px}
.form-success{background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.3);color:var(--green-300)}
.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}

.form-submit{width:100%;padding:16px;background:var(--green-400);color:var(--green-900);font-size:15px;font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);letter-spacing:.5px}
.form-submit:hover:not(:disabled){background:var(--green-300);box-shadow:0 4px 20px rgba(74,222,128,.3)}
.form-submit:disabled{opacity:.6;cursor:not-allowed}

/* ═══════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════ */
.footer{background:var(--charcoal);padding:64px 0 32px}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer__brand-name{font-family:var(--font-display);font-size:22px;color:var(--white);margin-bottom:12px}
.footer__brand-desc{font-size:13px;color:var(--mist);line-height:1.7;margin-bottom:16px}
.footer__badges{display:flex;gap:8px;flex-wrap:wrap}
.footer__col-title{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--green-400);margin-bottom:16px}
.footer__col a{display:block;padding:5px 0;font-size:13px;color:var(--mist);transition:color .2s}
.footer__col a:hover{color:var(--white)}
.footer__bottom{border-top:1px solid var(--charcoal-light);padding-top:24px;display:flex;justify-content:space-between;align-items:center}
.footer__bottom-left{font-size:12px;color:var(--slate-light)}
.footer__bottom-right{display:flex;gap:20px}
.footer__bottom-right a{font-size:12px;color:var(--slate-light);transition:color .2s}
.footer__bottom-right a:hover{color:var(--white)}

/* ═══════════════════════════════════════════════════
   WHATSAPP FLOAT
   ═══════════════════════════════════════════════════ */
.whatsapp-float{position:fixed;bottom:28px;right:28px;z-index:999;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:var(--transition);cursor:pointer}
.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.5)}
.whatsapp-float svg{width:28px;height:28px;fill:var(--white)}

/* ═══════════════════════════════════════════════════
   SCROLL REVEAL
   ═══════════════════════════════════════════════════ */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}
.reveal-delay-5{transition-delay:.5s}

/* ═══════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media(max-width:1024px){
  .container{padding:0 24px}
  .hero__content{grid-template-columns:1fr}
  .hero__right{display:none}
  .hero{min-height:80vh}
  .about__grid{grid-template-columns:1fr;gap:40px}
  .products__grid{grid-template-columns:1fr 1fr}
  .product-detail__grid,.product-detail__grid--reverse{grid-template-columns:1fr;gap:32px}
  .process__timeline{grid-template-columns:repeat(3,1fr);gap:24px}
  .mfg-cards{grid-template-columns:1fr 1fr}
  .why__grid{grid-template-columns:1fr 1fr}
  .global__layout{grid-template-columns:1fr}
  .certs__grid{grid-template-columns:repeat(3,1fr)}
  .cta-section__inner{grid-template-columns:1fr;gap:40px}
  .footer__grid{grid-template-columns:1fr 1fr;gap:32px}
}

@media(max-width:768px){
  .section-pad{padding:60px 0}
  .section-pad-lg{padding:80px 0}
  .hero__stats{grid-template-columns:1fr 1fr;gap:20px}
  .hero__actions{flex-direction:column;align-items:flex-start}
  .about__features{grid-template-columns:1fr}
  .process__timeline{grid-template-columns:repeat(2,1fr);gap:32px}
  .process__timeline::before{display:none}
  .why__grid{grid-template-columns:1fr}
  .certs__grid{grid-template-columns:repeat(2,1fr)}
  .form-row{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr;gap:28px}
}

@media(max-width:640px){
  .topbar{display:none}
  .nav{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(11,61,31,.97);
    backdrop-filter:blur(16px);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    z-index:999;
    padding:40px 24px;
  }
  .nav.nav--open{display:flex}
  .nav__item{font-size:18px;color:var(--green-200);padding:12px 24px;width:100%;text-align:center}
  .nav__item:hover{background:rgba(74,222,128,.1);color:var(--white)}
  .nav__dropdown{display:none}/* hide nested dropdowns on mobile */
  .mobile-toggle{display:flex;z-index:1001}
  .mobile-toggle.is-open span{background:var(--white)}
  .header__cta .btn{display:none}/* hide desktop CTA on mobile */
  .products__grid{grid-template-columns:1fr}
  .mfg-cards{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;gap:12px;text-align:center}
  .trust-bar__inner{gap:16px}
  .global__regions{grid-template-columns:1fr}
  .cta-section__left h2{font-size:28px}
  .contact-form{padding:24px 20px}
  .whatsapp-float{bottom:20px;right:20px;width:48px;height:48px}
}