@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Jost:wght@300;400;500;600&display=swap');
:root{
  /* TYPOGRAPHY */
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Jost',system-ui,sans-serif;
  --ease:cubic-bezier(0.25,0.46,0.45,0.94);

  /* BRAND PALETTE */
  --forest:      #0C2617;   /* deepest green — nav, hero, dark sections */
  --forest2:     #153522;   /* dark green — secondary dark bg */
  --forest3:     #1E4430;   /* medium green — highlights on dark */
  --gold:        #C89520;   /* primary gold — CTAs, accents */
  --gold-hover:  #A87A10;
  --gold-light:  #DEBA5A;   /* lighter gold — text on dark bg */
  --gold-pale:   #FDF6E3;   /* very light gold — badge bg */

  /* LIGHT SURFACES — clearly differentiated */
  --white:       #FFFFFF;
  --off-white:   #F8F9F8;   /* barely-there tint — alternate rows */
  --cream:       #F4F2EC;   /* warm cream — testimonial / card bg */
  --sage-light:  #EEF2EE;   /* light sage — subtle section alternate */
  --sage-mid:    #DDE5DC;   /* medium sage — dividers, grid gaps */

  /* INK & TEXT HIERARCHY */
  --ink:         #0F1612;   /* near-black — primary headings */
  --ink-body:    #2C3830;   /* dark green-tinted — body copy on white */
  --slate:       #4A5C52;   /* mid-gray-green — secondary body copy */
  --muted:       #7A8C82;   /* muted — labels, captions */
  --border:      rgba(15,22,18,0.10);

  /* DARK TEXT ON DARK BG */
  --on-dark:     rgba(255,255,255,0.93);
  --on-dark2:    rgba(255,255,255,0.65);
  --on-dark3:    rgba(255,255,255,0.38);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);background:var(--white);color:var(--ink-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.65}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 60px;height:76px;background:rgba(11,37,22,0.98);backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,147,10,0.22)}
.nav-brand{display:flex;align-items:center;text-decoration:none}
.nav-logo-img{height:56px;width:auto;max-width:64px;object-fit:contain;border-radius:2px}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{color:rgba(255,255,255,0.55);text-decoration:none;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;border-bottom:1px solid transparent;padding-bottom:2px;transition:all .25s}
.nav-links a:hover,.nav-links a.active{color:var(--gold-light);border-bottom-color:var(--gold)}
.nav-cta{background:transparent;color:var(--gold-light);border:1px solid var(--gold);padding:10px 22px;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;font-family:var(--sans);transition:all .3s}
.nav-cta:hover{background:var(--gold);color:var(--forest)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}
.hamburger span{width:22px;height:1.5px;background:var(--gold-light);display:block}
.mobile-menu{display:none;position:fixed;inset:0;z-index:199;background:var(--forest);flex-direction:column;align-items:center;justify-content:center;gap:28px}
.mobile-menu.open{display:flex}
.mobile-menu a{color:rgba(255,255,255,0.88);text-decoration:none;font-family:var(--serif);font-size:30px;transition:color .2s}
.mobile-menu a:hover{color:var(--gold-light)}
.mob-close{position:absolute;top:28px;right:28px;background:none;border:none;color:rgba(255,255,255,0.4);font-size:24px;cursor:pointer}

/* HERO */
.hero{min-height:100vh;background:var(--forest);display:grid;grid-template-columns:1.1fr 0.9fr;align-items:stretch;padding-top:76px;overflow:hidden}
.hero-left{padding:80px 60px;display:flex;flex-direction:column;justify-content:center}
.hero-right{background:var(--forest2);position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid rgba(212,160,23,0.12)}
.hero-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(212,160,23,0.12) 1px,transparent 1px);background-size:26px 26px}
.hero-right-content{position:relative;z-index:2;padding:48px 44px;border-top:1px solid rgba(212,160,23,0.15)}
.hero-origin{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;font-weight:500}
.hero-origin::before{content:'';width:20px;height:1px;background:var(--gold)}
.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(212,160,23,0.1)}
.hero-stat{background:rgba(11,37,22,0.6);padding:22px 20px}
.hs-num{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--gold-light);line-height:1;margin-bottom:5px}
.hs-lbl{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--on-dark2)}
.hero-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.hey-line{width:28px;height:1px;background:var(--gold)}
.hey-text{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-light);font-weight:500}
.hero-h1{font-family:var(--serif);font-size:clamp(42px,4.5vw,66px);font-weight:700;color:var(--white);line-height:1.05;margin-bottom:12px}
.hero-h1 em{color:var(--gold-light);font-style:italic;font-weight:400}
.hero-tagline{font-family:var(--serif);font-size:clamp(13px,1.1vw,16px);color:var(--gold);font-style:italic;margin-bottom:24px;letter-spacing:0.02em}
.hero-sub{font-size:15px;color:var(--on-dark2);line-height:1.9;font-weight:400;max-width:440px;margin-bottom:44px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}

/* TICKER */
.ticker{background:var(--forest2);padding:12px 0;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(212,160,23,0.12);border-bottom:1px solid rgba(212,160,23,0.12)}
.ticker-inner{display:inline-block;animation:tick 32s linear infinite}
.ticker-inner span{font-size:11px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:rgba(212,160,23,0.55);margin:0 32px}
.ticker-inner .dot{color:var(--gold);opacity:0.4}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECTIONS */
.sec{padding:96px 60px}.sec-sm{padding:64px 60px}
.bg-white{background:var(--white)}
.bg-off-white{background:var(--off-white)}
.bg-cream{background:var(--cream)}
.bg-sage{background:var(--sage-light)}
.bg-card{background:var(--sage-light)}
.bg-pale{background:var(--off-white)}
.bg-ivory{background:var(--cream)}
.bg-dark{background:var(--forest)}.bg-dark2{background:var(--forest2)}.bg-dark3{background:var(--forest3)}
.bg-goldpale{background:var(--gold-pale)}

/* EYEBROW & HEADINGS */
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.eyebrow-line{width:24px;height:1px;background:var(--gold);flex-shrink:0}
.eyebrow-text{font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);font-weight:600}
.eyebrow.inv .eyebrow-text{color:var(--gold-light)}.eyebrow.inv .eyebrow-line{background:var(--gold-light)}
.h2{font-family:var(--serif);font-size:clamp(30px,3.5vw,50px);font-weight:700;line-height:1.12;margin-bottom:18px;color:var(--ink)}
.h2 em{color:var(--forest3);font-style:italic;font-weight:400}
.h2.inv{color:var(--white)}.h2.inv em{color:var(--gold-light)}
.body-p{font-size:15px;color:var(--ink-body);line-height:1.85;font-weight:400;max-width:500px}
.body-p.inv{color:var(--on-dark2)}

/* BUTTONS */
.btn-gold{display:inline-block;background:var(--gold);color:var(--forest);padding:14px 36px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;font-family:var(--sans);transition:background .3s}
.btn-gold:hover{background:var(--gold-hover);color:var(--forest)}
.btn-ghost{display:inline-block;background:transparent;color:var(--on-dark2);padding:13px 34px;font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(255,255,255,0.2);cursor:pointer;font-family:var(--sans);transition:all .3s}
.btn-ghost:hover{border-color:var(--gold-light);color:var(--gold-light)}
.btn-outline{display:inline-block;background:transparent;color:var(--ink-body);padding:12px 30px;font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--border-light);cursor:pointer;font-family:var(--sans);transition:all .3s}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.btn-wa{display:inline-block;background:#25D366;color:#fff;padding:13px 24px;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;font-family:var(--sans);transition:background .3s;border:none}
.btn-wa:hover{background:#1da855}
.btn-email{display:inline-block;background:var(--forest);color:var(--gold-light);padding:13px 24px;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;font-family:var(--sans);transition:background .3s;border:1px solid rgba(212,160,23,0.3)}
.btn-email:hover{background:var(--forest2)}
.form-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}

/* PRODUCT CARDS */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--sage-mid)}
.prod-card{background:var(--white);padding:40px 28px 32px;position:relative;overflow:hidden;cursor:pointer;transition:background .3s}
.prod-card::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gold);transition:width .4s}
.prod-card:hover{background:var(--forest)}
.prod-card:hover::after{width:100%}
.prod-card:hover .pc-name,.prod-card:hover .pc-origin{color:var(--white)}
.prod-card:hover .pc-bar{background:var(--gold-light)}
.prod-card:hover .pc-tag{border-color:rgba(232,199,126,0.4);color:var(--gold-light)}
.pc-tag{position:absolute;top:14px;right:14px;font-size:9px;letter-spacing:0.12em;text-transform:uppercase;padding:3px 9px;border:1px solid;transition:all .3s}
.t-agri{border-color:rgba(35,78,48,0.2);color:var(--forest3)}.t-craft{border-color:rgba(212,160,23,0.3);color:var(--gold)}
.t-seasonal{border-color:rgba(180,80,30,0.2);color:#8B3A0F}.t-star{background:var(--gold);color:var(--forest);border-color:var(--gold);font-weight:700}
.pc-bar{width:22px;height:2px;background:var(--gold);margin-bottom:24px;transition:background .3s}
.pc-icon{font-size:32px;margin-bottom:16px;display:block;line-height:1}
.pc-name{font-family:var(--serif);font-size:21px;font-weight:700;color:var(--ink);margin-bottom:5px;transition:color .3s}
.pc-origin{font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted);transition:color .3s}
.pc-sample{margin-top:12px}
.pc-sample a{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(212,160,23,0.3);padding-bottom:1px}

/* SPEC TABLE */
.spec-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.spec-table{width:100%;border-collapse:collapse;min-width:280px}
.spec-table tr{border-bottom:1px solid var(--border)}
.spec-table tr:last-child{border-bottom:none}
.spec-table td{padding:11px 0;font-size:13px;vertical-align:top}
.spec-table td:first-child{color:var(--muted);width:45%;font-weight:500}
.spec-table td:last-child{color:var(--ink);font-weight:700}

/* STAR PRODUCT */
.star-block{background:var(--white);border:2px solid var(--gold);box-shadow:0 2px 24px rgba(200,147,10,0.08);padding:48px 44px;position:relative;overflow:hidden;margin-bottom:2px}
.star-block::before{content:'★  STAR EXPORT PRODUCT';position:absolute;top:0;right:0;background:var(--gold);color:var(--forest);font-size:9px;font-weight:700;letter-spacing:0.12em;padding:6px 16px;font-family:var(--sans)}
.star-2col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

/* HANDICRAFT BLOCK */
.craft-block{background:var(--cream);border-left:3px solid var(--gold);padding:36px 40px;margin-top:2px}
.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.craft-item{background:var(--white);padding:20px;border:1px solid var(--sage-card);text-align:center}
.craft-icon{font-size:28px;margin-bottom:8px;display:block}
.craft-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:4px}
.craft-desc{font-size:11px;color:var(--muted);line-height:1.5}

/* PILLARS */
.pillars{display:flex;flex-direction:column}
.pillar{display:flex;gap:20px;padding:26px 0;border-top:1px solid rgba(212,160,23,0.12);align-items:flex-start}
.pillar:last-child{border-bottom:1px solid rgba(212,160,23,0.12)}
.pil-num{font-family:var(--serif);font-size:13px;font-weight:700;color:var(--gold);min-width:28px;margin-top:2px}
.pil-title{font-size:13px;font-weight:600;color:var(--white);margin-bottom:5px}
.pil-desc{font-size:13px;color:var(--on-dark2);line-height:1.75;font-weight:400}

/* WHY GRID */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:rgba(212,160,23,0.1);margin-top:56px}
.why-card{background:var(--forest2);padding:36px 26px;border-bottom:2px solid transparent;transition:border-color .3s;text-align:center}
.why-card:hover{border-bottom-color:var(--gold)}
.why-icon{font-size:30px;margin-bottom:14px;display:block}
.why-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:8px}
.why-desc{font-size:13px;color:var(--on-dark2);line-height:1.7;font-weight:400}

/* PROCESS */
.process-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:60px}
.process-wrap::before{content:'';position:absolute;top:30px;left:12.5%;right:12.5%;height:1px;background:repeating-linear-gradient(90deg,var(--gold) 0,var(--gold) 8px,transparent 8px,transparent 18px);opacity:0.35}
.proc{text-align:center;padding:0 14px}
.proc-circle{width:60px;height:60px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-family:var(--serif);font-size:18px;font-weight:700;color:var(--gold);background:var(--white);position:relative;z-index:1}
.proc-title{font-size:14px;font-weight:700;color:var(--forest);margin-bottom:8px}
.proc-desc{font-size:13px;color:var(--ink-body);line-height:1.7;font-weight:400}

/* CERT STRIP */
.cert-strip{background:var(--forest);padding:44px 60px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid rgba(212,160,23,0.12);border-bottom:1px solid rgba(212,160,23,0.12)}
.cert-strip-title{font-family:var(--serif);font-size:22px;color:var(--white);font-weight:400}
.cert-strip-title small{display:block;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-family:var(--sans);font-style:normal}
.cert-pills{display:flex;gap:8px;flex-wrap:wrap}
.cert-pill{padding:7px 14px;border:1px solid rgba(212,160,23,0.22);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-dark2);font-weight:500;transition:all .25s}
.cert-pill:hover{border-color:var(--gold);color:var(--gold-light)}
.cert-logos-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:32px}
.cert-logo{background:var(--white);border:1.5px solid rgba(26,31,46,0.12);padding:14px 20px;text-align:center;min-width:96px;transition:border-color .25s}
.cert-logo:hover{border-color:var(--gold)}
.cl-code{font-size:17px;font-weight:700;color:var(--ink);font-family:var(--serif);line-height:1}
.cl-label{font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}

/* MARKETS */
.markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(212,160,23,0.1)}
.mkt{background:var(--forest2);padding:36px 28px;display:flex;gap:16px;align-items:flex-start;border-left:3px solid transparent;transition:border-color .3s}
.mkt-flag{font-size:32px;flex-shrink:0;margin-top:2px}
.mkt-name{font-size:14px;font-weight:600;color:var(--white);margin-bottom:4px}
.mkt-countries{font-size:10px;letter-spacing:0.06em;color:var(--gold);font-weight:500;margin-bottom:8px}
.mkt-desc{font-size:13px;color:var(--on-dark2);line-height:1.7;font-weight:400}

/* TESTIMONIALS */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--sage-mid);margin-top:56px}
.testi{background:var(--cream);padding:36px 28px;border-top:3px solid var(--sage-mid)}
.testi-q{font-size:36px;color:var(--gold);font-family:var(--serif);line-height:0.5;margin-bottom:16px}
.testi-text{font-family:var(--serif);font-size:14px;color:var(--ink-body);line-height:1.75;font-style:italic;margin-bottom:16px;font-weight:400}
.testi-name{font-size:12px;font-weight:700;color:var(--ink)}
.testi-role{font-size:11px;color:var(--muted)}
.testi-company{font-size:11px;color:var(--gold);font-weight:500;margin-top:2px}

/* ABOUT SPLIT */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:0}
.about-dark{background:var(--forest2);padding:64px 52px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.about-dark::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(212,160,23,0.1) 1px,transparent 1px);background-size:24px 24px}
.about-pull{font-family:var(--serif);font-size:clamp(21px,2.2vw,32px);color:var(--white);font-style:italic;line-height:1.45;position:relative;z-index:1}
.about-pull em{color:var(--gold-light);font-style:normal}
.about-pull-attr{margin-top:20px;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--on-dark3);position:relative;z-index:1}
.about-light{background:var(--sage-light);padding:64px 52px}
.about-lead{font-family:var(--serif);font-size:22px;color:var(--ink);line-height:1.5;margin-bottom:18px;font-weight:700}
.about-body{font-size:15px;color:var(--ink-body);line-height:1.9;font-weight:400;margin-bottom:18px}

/* PROMISE SPLIT */
.promise-split{display:grid;grid-template-columns:1fr 1fr;gap:0}
.promise-a{background:var(--forest2);padding:72px 56px}
.promise-b{background:var(--forest3);padding:72px 56px}
.promise-quote{font-family:var(--serif);font-size:clamp(19px,2vw,28px);color:var(--white);font-style:italic;line-height:1.5}
.promise-quote em{color:var(--gold-light);font-style:normal}
.promise-attr{margin-top:20px;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--on-dark3)}
.promise-list{list-style:none;display:flex;flex-direction:column;gap:14px}
.pl{display:flex;gap:14px;font-size:14px;color:rgba(255,255,255,0.72);font-weight:400;line-height:1.65}
.pl::before{content:'◆';color:var(--gold);font-size:7px;flex-shrink:0;margin-top:6px}

/* TRUST BAR */
.trust-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--sage-mid);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.tb{background:var(--white);padding:32px 24px;text-align:center}
.tb-num{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--forest3);line-height:1;margin-bottom:6px}
.tb-lbl{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}
.ci-row{display:flex;gap:16px;margin-bottom:26px}
.ci-ico{width:42px;height:42px;border:1px solid rgba(212,160,23,0.22);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;color:var(--gold-light)}
.ci-lbl{font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--on-dark2);margin-bottom:4px}
.ci-val{font-size:14px;color:var(--on-dark);line-height:1.5}
.form-wrap{background:rgba(255,255,255,0.03);border:1px solid rgba(212,160,23,0.14);padding:44px 40px}
.form-head{font-family:var(--serif);font-size:26px;color:var(--white);margin-bottom:6px;font-weight:400}
.form-sub{font-size:12px;color:var(--on-dark2);margin-bottom:28px;line-height:1.6}
.fgrp{margin-bottom:16px}
.fgrp label{display:block;font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--on-dark2);margin-bottom:8px}
.fgrp input,.fgrp select,.fgrp textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);padding:12px 16px;font-size:14px;color:var(--white);font-family:var(--sans);outline:none;transition:border-color .25s;appearance:none}
.fgrp input:focus,.fgrp select:focus,.fgrp textarea:focus{border-color:var(--gold)}
.fgrp input::placeholder,.fgrp textarea::placeholder{color:rgba(255,255,255,0.18)}
.fgrp select option{background:var(--forest);color:var(--white)}
.fgrp textarea{resize:vertical;min-height:110px}
.frow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.frow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.agree-wrap{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);padding:14px;margin-bottom:18px}
.agree-wrap input{width:auto;margin-top:3px;flex-shrink:0}
.agree-wrap label{font-size:11px;color:var(--on-dark2);letter-spacing:0;text-transform:none;line-height:1.6;cursor:pointer}
.loi-sec-title{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:28px 0 14px;padding-top:24px;border-top:1px solid rgba(212,160,23,0.12)}
.loi-sec-title:first-of-type{margin-top:0;padding-top:0;border-top:none}

/* PAGE HERO */
.page-hero{background:var(--forest);padding:152px 60px 88px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(212,160,23,0.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.ph-inner{position:relative;z-index:2}
.ph-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.ph-ey-line{width:24px;height:1px;background:var(--gold)}
.ph-ey-text{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
.ph-h1{font-family:var(--serif);font-size:clamp(40px,5vw,68px);font-weight:700;color:var(--white);line-height:1.06;margin-bottom:20px}
.ph-h1 em{color:var(--gold-light);font-style:italic;font-weight:400}
.ph-p{font-size:16px;color:var(--on-dark2);max-width:540px;font-weight:400;line-height:1.85}

/* SEASON BADGE */
.season-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gold-pale);border:1px solid rgba(212,160,23,0.3);padding:6px 16px;font-size:11px;color:var(--gold-hover);font-weight:600;letter-spacing:0.08em;margin-bottom:24px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sage-mid);margin-top:56px}
.faq-item{background:var(--white);padding:36px 30px;transition:background .25s}
.faq-q{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.4}
.faq-a{font-size:13px;color:var(--ink-body);line-height:1.8;font-weight:400}

/* FILTER BAR */
.filter-bar{background:var(--white);border-bottom:1px solid var(--sage-card);padding:0 60px;display:flex;overflow-x:auto;scrollbar-width:none}
.filter-bar::-webkit-scrollbar{display:none}
.fbtn{padding:18px 20px;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--sans);color:var(--slate);white-space:nowrap;transition:all .25s}
.fbtn:hover,.fbtn.active{color:var(--gold);border-bottom-color:var(--gold)}

/* MAPS */
.maps-wrap{width:100%;height:300px;border:1px solid var(--border);overflow:hidden;margin-top:24px}
.maps-wrap iframe{width:100%;height:100%;border:0}

/* FOOTER */
.footer{background:var(--forest);padding:56px 60px 36px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:44px;padding-bottom:40px;border-bottom:1px solid rgba(212,160,23,0.12)}
.footer-brand-name{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:3px}
.footer-brand-name em{color:var(--gold-light);font-style:normal}
.footer-tagline{font-size:10px;letter-spacing:0.14em;color:var(--gold);margin-bottom:14px;font-style:italic;font-family:var(--serif)}
.footer-desc{font-size:12px;color:var(--on-dark2);line-height:1.8;max-width:280px}
.footer-col-title{font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul a{font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;transition:color .25s}
.footer-col ul a:hover{color:var(--gold-light)}
.footer-legal{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}
.footer-legal a{font-size:11px;color:rgba(255,255,255,0.42);text-decoration:none;transition:color .25s}
.footer-legal a:hover{color:var(--gold-light)}
.footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.35)}
.footer-certs{display:flex;gap:16px;flex-wrap:wrap}
.footer-certs span{font-size:10px;color:rgba(255,255,255,0.4);letter-spacing:0.06em}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:90px;right:28px;z-index:300;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:28px;box-shadow:0 4px 20px rgba(0,0,0,0.2);animation:wa-pulse 2.5s ease-in-out infinite}
.wa-float:hover{transform:scale(1.1);animation:none}
@keyframes wa-pulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.3)}50%{box-shadow:0 4px 32px rgba(37,211,102,0.6)}}

/* SCROLL TO TOP */
.scroll-top{position:fixed;bottom:28px;right:28px;z-index:300;width:46px;height:46px;background:var(--forest);border:1px solid rgba(212,160,23,0.3);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--gold);font-size:18px;transition:all .3s;box-shadow:0 4px 16px rgba(0,0,0,0.2)}
.scroll-top.visible{display:flex}
.scroll-top:hover{background:var(--gold);color:var(--forest)}

/* COOKIE BANNER */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:500;background:var(--ink);border-top:2px solid var(--gold);padding:18px 60px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transition:transform .3s}
.cookie-banner.hidden{transform:translateY(100%)}
.cookie-text{font-size:13px;color:var(--on-dark);line-height:1.6;max-width:700px}
.cookie-text a{color:var(--gold-light);text-decoration:underline}
.cookie-btns{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{background:var(--gold);color:var(--forest);border:none;padding:10px 24px;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;font-family:var(--sans);white-space:nowrap}
.cookie-btn:hover{background:var(--gold-hover)}
.cookie-btn.secondary{background:transparent;color:var(--on-dark3);border:1px solid rgba(255,255,255,0.2)}
.cookie-btn.secondary:hover{color:var(--white);border-color:rgba(255,255,255,0.4)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.on{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}

/* COUNTER ANIMATION */
.count-num{display:inline-block}

/* RESPONSIVE */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr}.hero-right{display:none}
  .about-split{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr;gap:40px}.promise-split{grid-template-columns:1fr}
  .star-2col{grid-template-columns:1fr;gap:28px}.craft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .nav-links,.nav-cta{display:none}.hamburger{display:flex}.nav{padding:0 20px}
  .sec,.sec-sm{padding:64px 20px}.cert-strip{padding:36px 20px}
  .footer{padding:48px 20px 28px}.page-hero{padding:120px 20px 64px}
  .process-wrap{grid-template-columns:1fr 1fr}.process-wrap::before{display:none}
  .markets-grid{grid-template-columns:1fr}.testi-grid{grid-template-columns:1fr}
  .hero-left{padding:56px 20px}.filter-bar{padding:0 12px}
  .about-dark,.about-light{padding:48px 24px}.promise-a,.promise-b{padding:48px 24px}
  .cookie-banner{padding:16px 20px}
}
@media(max-width:600px){
  .prod-grid{grid-template-columns:1fr 1fr}.process-wrap{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}
  .frow2,.frow3,.form-btns{grid-template-columns:1fr}
  .trust-bar{grid-template-columns:1fr 1fr}.craft-grid{grid-template-columns:1fr}
  .spec-wrap{font-size:12px}
}
@media print{
  .nav,.wa-float,.scroll-top,.cookie-banner,.hamburger,.mobile-menu,.ticker{display:none!important}
  .page-hero{padding:20px 0!important;background:white!important}
  .ph-h1,.hero-h1{color:black!important;font-size:28px!important}
  body{background:white;color:black;font-size:12px}
  a{text-decoration:none;color:black}
  .footer,.cert-strip{display:none!important}
  .sec{padding:20px 0!important}
  .spec-table{break-inside:avoid}
  .star-block,.cat-card{break-inside:avoid}
}



/* ================================================================
   DESIGN SYSTEM — READABILITY & CONTRAST LAYER
   WCAG AA minimum 4.5:1 for body text, 3:1 for large/UI elements
   ================================================================ */

/* --- LIGHT SECTION PAIRING RULES ---
   Index: hero(dark) → products-strip(white) → prod-grid(white) →
          certs(cream) → why(dark) → process(dark) → markets(dark) →
          testi(cream) → rfq(dark)
   We ensure no two identical light shades stack without a border.
*/
.bg-sage + .bg-sage,
.bg-card + .bg-card,
.bg-white + .bg-white,
.bg-off-white + .bg-off-white {
  border-top: 1px solid var(--border);
}

/* --- VALUE CARDS (dark bg) readability --- */
.val-d { color: rgba(255,255,255,0.70) !important; font-weight: 400 !important; font-size: 13.5px !important; line-height: 1.78 !important; }
.val-t { color: var(--white) !important; font-size: 15px !important; font-weight: 700 !important; }

/* --- CHITTOOR CARDS (white bg) --- */
.chittoor-lbl { font-size: 13px !important; color: var(--ink-body) !important; font-weight: 400 !important; line-height: 1.6 !important; }
.chittoor-num { color: var(--forest3) !important; }

/* --- MODEL CARDS (white bg) --- */
.mc-desc { font-size: 14px !important; color: var(--ink-body) !important; font-weight: 400 !important; line-height: 1.8 !important; }
.mc-title { color: var(--ink) !important; }
.model-card { background: var(--white) !important; border-top: 3px solid var(--sage-light) !important; }

/* --- VET STEPS (bg-card = sage-light bg) --- */
.vet-desc { font-size: 13px !important; color: var(--ink-body) !important; font-weight: 400 !important; line-height: 1.72 !important; }
.vet-title { color: var(--ink) !important; font-size: 14.5px !important; font-weight: 700 !important; }

/* --- PILLAR ITEMS (dark bg) --- */
.pil-title { font-size: 14px !important; font-weight: 700 !important; color: var(--on-dark) !important; }

/* --- WHY CARDS (dark bg) --- */
.why-card { background: var(--forest2) !important; }

/* --- MARKET CARDS (dark bg) --- */
.mkt-name { font-size: 15px !important; font-weight: 700 !important; }
.mkt-countries { font-size: 11px !important; color: var(--gold-light) !important; letter-spacing: 0.06em !important; }

/* --- PROCESS SECTION (bg-sage = sage-light bg) --- */
.proc-circle { background: var(--white) !important; box-shadow: 0 0 0 3px var(--sage-light) !important; }

/* --- STAR BLOCK (white bg, gold border) --- */
.star-block { background: var(--white) !important; }
.star-block::before { background: var(--gold) !important; color: var(--forest) !important; }

/* --- SEASON BADGE (light bg) --- */
.season-badge { background: var(--gold-pale) !important; color: var(--forest3) !important; border-color: rgba(200,149,32,0.4) !important; }

/* --- CAT CARD SPEC ROWS (product cards on white bg) --- */
.cc-divider { border-color: var(--border) !important; }

/* --- CERT PILLS (dark bg) --- */
.cert-pill { color: var(--on-dark2) !important; border-color: rgba(200,149,32,0.30) !important; }
.cert-pill:hover { color: var(--gold-light) !important; border-color: var(--gold) !important; }

/* --- CERT LOGOS (white bg) --- */
.cert-logo { background: var(--white) !important; border: 1.5px solid var(--border) !important; }
.cl-code { color: var(--ink) !important; }

/* --- TICKER (dark bg) --- */
.ticker-inner span { color: rgba(222,186,90,0.60) !important; }

/* --- FAB / SCROLL (dark bg) --- */
.scroll-top { background: var(--forest2) !important; }

/* --- FORM TABS (dark bg) --- */
.form-tabs { border-bottom: 1px solid rgba(200,149,32,0.25) !important; }
.form-tab { color: rgba(255,255,255,0.50) !important; font-size: 12px !important; }
.form-tab.active { color: var(--gold-light) !important; border-bottom-color: var(--gold) !important; }

/* --- PAYMENT CARDS (light bg — bg-card) --- */
.pay-card { border-top: 3px solid var(--sage-mid) !important; }
.pay-title { color: var(--ink) !important; }
.pay-desc { font-size: 13px !important; color: var(--ink-body) !important; font-weight: 400 !important; line-height: 1.72 !important; }

/* --- INCOTERMS (bg-white section) --- */
.inco-name { color: var(--ink) !important; font-weight: 700 !important; }
.inco-long { color: var(--forest3) !important; font-size: 11px !important; }
.inco-desc { color: var(--ink-body) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.72 !important; }

/* --- FAQ HOVER --- */
.faq-item:hover { background: var(--off-white) !important; }

/* --- ABOUT SPLIT DARK SIDE pull quote --- */
.about-pull { line-height: 1.55 !important; }
.about-pull-attr { color: var(--on-dark2) !important; }

/* --- PROMISE LIST (dark bg) --- */
.promise-quote { color: var(--on-dark) !important; line-height: 1.6 !important; }
.promise-attr { color: var(--on-dark2) !important; }

/* --- EYEBROW on light sections — forest color for better contrast --- */
.eyebrow-text { color: var(--forest3) !important; }
.eyebrow-line { background: var(--gold) !important; }

/* --- HERO STAT labels --- */
.hs-lbl { color: rgba(255,255,255,0.58) !important; letter-spacing: 0.10em !important; }

/* --- NAV links --- */
.nav-links a { color: rgba(255,255,255,0.68) !important; }
.nav-links a:hover, .nav-links a.active { color: var(--gold-light) !important; }

/* --- HERO ORIGIN tag --- */
.hero-origin { color: var(--gold-light) !important; }
.hero-origin::before { background: var(--gold-light) !important; }

/* --- SECTION BACKGROUNDS — bg-card on about page uses white not sage-mid --- */
section.bg-card { background: var(--sage-light) !important; }
section.bg-sage { background: var(--sage-light) !important; }

/* Specific overrides for maximum clarity */
/* About page: vet-section sits on sage-light — ensure white cards pop */
.vet-step { border-top-color: var(--border) !important; }
.vet-step:last-child { border-bottom-color: var(--border) !important; }
.vet-num { border-color: var(--gold) !important; color: var(--gold) !important; background: var(--white); }

/* Chittoor grid gap */
.chittoor-grid { background: var(--sage-mid) !important; }
.model-grid { background: var(--sage-mid) !important; }
.val-grid { background: rgba(222,186,90,0.12) !important; }
.chittoor-card { border-top: 3px solid transparent !important; transition: border-color .3s; }
.chittoor-card:hover { border-top-color: var(--gold) !important; }

/* Sticky filter bar readability */
.filter-bar { background: var(--white) !important; border-bottom: 1px solid var(--border) !important; }
.fbtn.active { color: var(--forest3) !important; border-bottom-color: var(--gold) !important; }

/* Star block h2 eyebrow */
section#mango-pulp .eyebrow-text { color: var(--forest3) !important; }

/* Page hero subtext */
.ph-p { color: rgba(255,255,255,0.72) !important; font-weight: 400 !important; }