<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>PT Agri Sukses Exportindo — From Indonesia's Nature to the World</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap" rel="stylesheet"/>
<style>
:root{
  --green-deep:#0D2B1A;--green-mid:#1A4A2A;--green-light:#2D6A40;
  --gold:#C9972A;--gold-light:#DDB84A;--gold-bright:#F0D070;
  --cream:#F8F4EC;--ivory:#FDFAF5;--warm:#EDE5D5;
  --brown:#3A2010;--brown-mid:#6A4020;
  --text-dark:#1A1208;--text-mid:#4A3820;--text-light:#8A7860;
  --white:#FFFFFF;--nav-h:84px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--ivory);color:var(--text-dark);overflow-x:hidden;}

/* PAGES */
.page{display:none;}
.page.active{display:block;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);
  background:rgba(13,43,26,0.97);backdrop-filter:blur(20px);
  display:flex;align-items:center;justify-content:space-between;padding:0 60px;
  border-bottom:1px solid rgba(201,151,42,0.20);}
.nav-logo{display:flex;align-items:center;gap:0;cursor:pointer;text-decoration:none;}
.nav-logo-icon{width:42px;height:42px;position:relative;}
.nav-logo-icon svg{width:42px;height:42px;}
.nav-brand{display:flex;flex-direction:column;}
.nav-brand-main{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;
  color:var(--gold-bright);letter-spacing:.3px;line-height:1.1;}
.nav-brand-sub{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2.5px;
  text-transform:uppercase;color:rgba(201,151,42,.55);margin-top:2px;}
.nav-links{display:flex;gap:2px;list-style:none;}
.nav-links a{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.8px;
  text-transform:uppercase;color:rgba(248,244,236,.55);
  padding:8px 13px;border-radius:3px;cursor:pointer;transition:.25s;text-decoration:none;}
.nav-links a:hover,.nav-links a.active{color:var(--gold-bright);background:rgba(201,151,42,.10);}
.nav-cta{padding:9px 22px;background:var(--gold);color:var(--green-deep);
  font-family:'DM Mono',monospace;font-size:9px;font-weight:500;letter-spacing:2px;
  text-transform:uppercase;border-radius:2px;cursor:pointer;border:none;transition:.3s;}
.nav-cta:hover{background:var(--gold-bright);}
.hamburger{display:none;background:none;border:none;color:var(--cream);font-size:22px;cursor:pointer;}
.mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;
  background:rgba(13,43,26,.98);padding:20px;z-index:999;flex-direction:column;gap:4px;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:rgba(248,244,236,.78);padding:13px 16px;border-radius:4px;cursor:pointer;}
.mobile-menu a:hover{background:rgba(201,151,42,.12);color:var(--gold-bright);}

/* SHARED */
.pt-nav{padding-top:var(--nav-h);}
.sec-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px;
  text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block;}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,4vw,54px);
  line-height:1.08;color:var(--text-dark);margin-bottom:18px;font-weight:600;}
.sec-title em{color:var(--green-deep);font-style:italic;}
.sec-title-light{color:var(--cream);}
.sec-title-light em{color:var(--gold-bright);}
.sec-desc{font-size:16px;line-height:1.82;color:var(--text-mid);max-width:620px;}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;
  background:var(--gold);color:var(--green-deep);font-family:'DM Mono',monospace;
  font-size:9.5px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  border-radius:2px;cursor:pointer;border:none;transition:.3s;text-decoration:none;}
.btn-primary:hover{background:var(--gold-bright);transform:translateY(-2px);}
.btn-outline-dark{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;
  background:transparent;color:var(--text-dark);border:1.5px solid var(--text-dark);
  font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:2px;
  text-transform:uppercase;border-radius:2px;cursor:pointer;transition:.3s;}
.btn-outline-dark:hover{background:var(--text-dark);color:var(--ivory);}
.btn-outline-light{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;
  background:transparent;color:var(--cream);border:1.5px solid rgba(248,244,236,.40);
  font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:2px;
  text-transform:uppercase;border-radius:2px;cursor:pointer;transition:.3s;}
.btn-outline-light:hover{background:rgba(255,255,255,.08);border-color:var(--cream);}

/* STICKY BAR */
.sticky-bar{position:fixed;right:28px;bottom:26px;left:auto;transform:none;z-index:999;
  display:flex;align-items:center;gap:12px;background:rgba(13,43,26,.96);color:var(--cream);
  border:1px solid rgba(201,151,42,.34);border-radius:999px;
  padding:10px 14px 10px 22px;backdrop-filter:blur(16px);white-space:nowrap;
  box-shadow:0 14px 40px rgba(0,0,0,.22);}
.sticky-bar span{font-size:13px;font-weight:600;}
.sticky-bar a{background:#25D366;color:#082814;padding:10px 20px;border-radius:999px;
  text-decoration:none;font-weight:800;font-size:13px;}


/* LOGO / NAV IMPROVEMENT */
nav{height:var(--nav-h);background:linear-gradient(90deg,rgba(5,35,22,.985),rgba(8,49,31,.985));box-shadow:0 14px 40px rgba(0,0,0,.18);}
.nav-logo{gap:14px;min-width:390px;}
.nav-logo-svg{width:66px;height:66px;display:block;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(240,208,112,.28)) drop-shadow(0 6px 16px rgba(0,0,0,.28));}
.nav-brand{padding-left:2px;}
.nav-brand-main{font-size:25px;color:#F4D77A;text-shadow:0 1px 10px rgba(0,0,0,.38);letter-spacing:.15px;line-height:.98;}
.nav-brand-sub{font-size:8.7px;color:rgba(246,221,144,.88);letter-spacing:2.15px;margin-top:6px;}
.nav-links a{font-size:10.8px;color:rgba(248,244,236,.80);font-weight:500;padding:10px 14px;border:1px solid transparent;border-radius:5px;}
.nav-links a:hover,.nav-links a.active{color:#F4D77A;background:rgba(201,151,42,.13);border-color:rgba(240,208,112,.18);}
.nav-cta{font-size:10.2px;border-radius:5px;box-shadow:0 9px 28px rgba(201,151,42,.24);padding:12px 24px;background:linear-gradient(135deg,#D6A73A,#F0D070);}
.lang-switcher{border:1px solid rgba(201,151,42,.25);background:rgba(255,255,255,.06);}
.lang-btn{padding:8px 13px;}
.lang-btn.active{background:linear-gradient(135deg,#D6A73A,#F0D070);}
@media(max-width:1320px){
  .nav-logo{min-width:330px;gap:12px;}
  .nav-logo-svg{width:58px;height:58px;}
  .nav-brand-main{font-size:21px;}
  .nav-brand-sub{font-size:7.5px;letter-spacing:1.7px;}
  .nav-links a{font-size:9.5px;padding:8px 10px;}
  .nav-cta{padding:10px 18px;font-size:9px;}
}
@media(max-width:1180px){
  .nav-brand-main{font-size:18px;}
  .nav-brand-sub{font-size:7px;letter-spacing:1.4px;}
  .nav-links a{font-size:8.8px;padding:8px 9px;}
  nav{padding-left:28px;padding-right:28px;}
  .nav-logo{min-width:285px;}
}

/* COMPANY SNAPSHOT */
.snapshot-section{background:var(--cream);padding:82px 60px;}
.snapshot-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.25fr;gap:54px;align-items:start;}
.snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.snapshot-card{background:var(--ivory);border:1px solid rgba(58,32,16,.08);border-radius:5px;padding:24px 20px;transition:.3s;min-height:170px;}
.snapshot-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(13,43,26,.09);border-color:rgba(201,151,42,.35);}
.snapshot-icon{width:38px;height:38px;border-radius:50%;background:rgba(201,151,42,.13);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:20px;margin-bottom:16px;}
.snapshot-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:var(--text-dark);line-height:1.1;margin-bottom:8px;}
.snapshot-text{font-size:13.2px;line-height:1.65;color:var(--text-mid);}

/* HOME ABOUT */
.home-about-section{background:var(--ivory);padding:90px 60px;}
.home-about-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center;}
.home-about-panel{background:var(--green-deep);border-radius:6px;padding:38px;border:1px solid rgba(201,151,42,.20);box-shadow:0 24px 70px rgba(13,43,26,.12);}
.role-label{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.role-text{font-size:15px;line-height:1.82;color:rgba(248,244,236,.78);margin-bottom:26px;}
.home-about-points{display:grid;gap:14px;}
.home-about-point{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(201,151,42,.12);border-radius:4px;}
.home-about-point-num{font-family:'DM Mono',monospace;font-size:9px;color:var(--gold);letter-spacing:1px;margin-top:4px;}
.home-about-point-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:var(--cream);margin-bottom:4px;}
.home-about-point-text{font-size:13px;line-height:1.6;color:rgba(248,244,236,.66);}

/* QUALITY READINESS */
.quality-section{background:var(--cream);padding:90px 60px;}
.quality-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start;}
.quality-checklist{background:var(--ivory);border-radius:6px;border:1px solid rgba(58,32,16,.08);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.quality-check{display:flex;gap:10px;align-items:flex-start;font-size:13.4px;line-height:1.55;color:var(--text-mid);padding:10px 0;border-bottom:1px solid rgba(58,32,16,.06);}
.quality-check::before{content:'✓';color:var(--gold);font-weight:700;flex-shrink:0;}
.quality-statement{margin-top:24px;background:var(--green-deep);color:var(--cream);border-left:4px solid var(--gold);padding:20px 24px;border-radius:4px;font-family:'Cormorant Garamond',serif;font-size:22px;line-height:1.35;}

/* HOME OPERATIONAL MODEL */
.home-ops-section{background:var(--green-deep);padding:90px 60px;}
.home-ops-inner{max-width:1200px;margin:0 auto;}
.home-ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px;}
.home-ops-card{background:rgba(255,255,255,.055);border:1px solid rgba(201,151,42,.18);border-radius:5px;padding:34px;position:relative;overflow:hidden;}
.home-ops-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),rgba(201,151,42,.1));}
.home-ops-kicker{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.home-ops-title{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--cream);font-weight:700;margin-bottom:14px;}
.home-ops-text{font-size:14.5px;line-height:1.75;color:rgba(248,244,236,.72);}
.home-ops-list{list-style:none;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.home-ops-list li{font-size:12.8px;color:rgba(248,244,236,.68);display:flex;gap:8px;}
.home-ops-list li::before{content:'•';color:var(--gold);}

/* HOMEPAGE SPACING REFINEMENT */
.hero-sub{font-weight:400;color:rgba(248,244,236,.82);}
.hero-stat{border-right:1px solid rgba(201,151,42,.10);}
@media(max-width:1024px){
  .snapshot-inner,.home-about-inner,.quality-inner,.home-ops-grid{grid-template-columns:1fr;}
  .snapshot-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .snapshot-section,.home-about-section,.quality-section,.home-ops-section{padding-left:30px;padding-right:30px;}
  .snapshot-grid,.quality-checklist,.home-ops-list{grid-template-columns:1fr;}
  .nav-logo-svg{width:46px;height:46px;}
}

/* ═══ HERO ═══ */
.hero{min-height:100vh;position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;
  background:var(--green-deep);}
.hero-bg-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;}
.hero-bg-cell{overflow:hidden;position:relative;}
.hero-bg-cell::after{content:'';position:absolute;inset:0;background:rgba(13,43,26,.48);}
.hero-bg-cell:nth-child(1)::after{background:rgba(13,43,26,.70);}
.hero-bg-cell:nth-child(2)::after{background:rgba(13,43,26,.54);}
.hero-bg-cell:nth-child(3)::after{background:rgba(13,43,26,.40);}
.hero-bg-cell img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.96) contrast(1.04);transition:.5s;}
.hero-master-overlay{position:absolute;inset:0;
  background:linear-gradient(to right,rgba(6,32,20,.97) 0%,rgba(13,43,26,.78) 42%,rgba(13,43,26,.34) 100%),
             radial-gradient(circle at 20% 45%,rgba(201,151,42,.10) 0%,transparent 34%),
             linear-gradient(to top,rgba(13,43,26,.88) 0%,transparent 52%);}
.hero-content{position:relative;z-index:2;padding:0 60px;max-width:820px;padding-top:var(--nav-h);}
.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.hero-line{width:40px;height:1px;background:var(--gold);}
.hero-eyebrow span{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px;
  text-transform:uppercase;color:var(--gold-light);}
.hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,6vw,82px);
  line-height:.96;color:var(--cream);font-weight:300;margin-bottom:18px;letter-spacing:-.5px;}
.hero-h1 strong{font-weight:700;display:block;}
.hero-h1 em{color:var(--gold-bright);font-style:italic;}
.hero-sub{font-size:16.5px;line-height:1.78;color:rgba(248,244,236,.84);
  max-width:640px;margin-bottom:38px;}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px;}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  max-width:620px;background:rgba(201,151,42,.15);border-radius:3px;overflow:hidden;}
.hero-stat{padding:18px 22px;background:rgba(13,43,26,.74);backdrop-filter:blur(10px);border:1px solid rgba(201,151,42,.12);}
.hero-stat-num{font-family:'Cormorant Garamond',serif;font-size:26px;
  color:var(--gold-bright);font-weight:700;line-height:1;}
.hero-stat-label{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1.7px;
  text-transform:uppercase;color:rgba(248,244,236,.66);margin-top:6px;}

/* TRUST BAR */
.trust-bar{background:var(--green-mid);padding:18px 60px;
  display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;
  border-bottom:1px solid rgba(201,151,42,.15);}
.trust-item{display:flex;align-items:center;gap:10px;
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;
  text-transform:uppercase;color:rgba(248,244,236,.65);}
.trust-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;}


/* BRAND IDENTITY SUPPORT */
.brand-support-section{background:linear-gradient(180deg,var(--ivory) 0%,var(--cream) 100%);padding:92px 60px;position:relative;overflow:hidden;}
.brand-support-section::before{content:'';position:absolute;top:-180px;right:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,42,.13),transparent 68%);pointer-events:none;}
.brand-support-inner{max-width:1220px;margin:0 auto;position:relative;z-index:1;}
.brand-support-header{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center;margin-bottom:44px;}
.brand-support-copy{background:var(--green-deep);border:1px solid rgba(201,151,42,.18);border-radius:6px;padding:42px;box-shadow:0 18px 60px rgba(13,43,26,.12);}
.brand-support-copy .sec-title{color:var(--cream);}
.brand-support-copy .sec-title em{color:var(--gold-bright);}
.brand-support-copy p{font-size:15px;line-height:1.82;color:rgba(248,244,236,.76);margin-bottom:24px;}
.brand-board{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 18px 70px rgba(13,43,26,.16);border:1px solid rgba(58,32,16,.08);}
.brand-board img{width:100%;display:block;height:auto;}
.brand-meaning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;}
.brand-meaning-card{background:var(--ivory);border:1px solid rgba(58,32,16,.08);border-top:3px solid var(--gold);border-radius:5px;padding:24px 22px;transition:.3s;}
.brand-meaning-card:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(13,43,26,.10);}
.brand-meaning-icon{width:46px;height:46px;border-radius:50%;background:var(--green-deep);color:var(--gold-bright);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}
.brand-meaning-title{font-family:'Cormorant Garamond',serif;font-size:21px;color:var(--text-dark);font-weight:700;margin-bottom:8px;}
.brand-meaning-text{font-size:13.5px;line-height:1.68;color:var(--text-mid);}
.tagline-recommend{background:var(--green-deep);border-radius:6px;overflow:hidden;margin:30px 0;display:grid;grid-template-columns:240px 1fr;align-items:center;border:1px solid rgba(201,151,42,.18);}
.tagline-label{height:100%;display:flex;align-items:center;padding:24px 28px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2.3px;text-transform:uppercase;color:var(--gold-bright);border-right:1px solid rgba(201,151,42,.25);}
.tagline-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.tagline-item{padding:22px 20px;border-right:1px solid rgba(201,151,42,.16);font-family:'DM Sans',sans-serif;font-size:13px;line-height:1.5;color:rgba(248,244,236,.80);}
.tagline-item strong{color:var(--gold-bright);font-weight:600;display:block;margin-bottom:4px;}
.brand-impression-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px;}
.brand-impression-card{background:rgba(13,43,26,.05);border:1px solid rgba(13,43,26,.08);border-radius:5px;padding:22px 18px;}
.brand-impression-card .brand-meaning-icon{width:40px;height:40px;font-size:19px;margin-bottom:12px;background:rgba(201,151,42,.15);color:var(--green-deep);}
.brand-impression-title{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.brand-impression-text{font-size:12.8px;line-height:1.58;color:var(--text-mid);}
@media(max-width:1024px){.brand-support-section{padding-left:30px;padding-right:30px}.brand-support-header{grid-template-columns:1fr}.brand-meaning-grid{grid-template-columns:repeat(2,1fr)}.tagline-recommend{grid-template-columns:1fr}.tagline-label{border-right:none;border-bottom:1px solid rgba(201,151,42,.25)}.tagline-list{grid-template-columns:repeat(2,1fr)}.brand-impression-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.brand-support-copy{padding:28px}.brand-meaning-grid,.tagline-list,.brand-impression-grid{grid-template-columns:1fr}.tagline-item{border-right:none;border-bottom:1px solid rgba(201,151,42,.16)}}

/* PRODUCTS GRID */
.products-section{background:var(--ivory);padding:90px 60px;}
.products-inner{max-width:1200px;margin:0 auto;}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;}
.product-card{background:var(--cream);border-radius:4px;overflow:hidden;
  border:1px solid rgba(58,32,16,.08);transition:.35s;cursor:pointer;
  display:flex;flex-direction:column;}
.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(13,43,26,.12);}
.pc-img{height:240px;overflow:hidden;position:relative;}
.pc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s;}
.product-card:hover .pc-img img{transform:scale(1.06);}
.pc-body{padding:26px;display:flex;flex-direction:column;flex:1;}
.pc-label{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block;}
.pc-title{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--text-dark);
  margin-bottom:10px;font-weight:600;}
.pc-desc{font-size:13.5px;line-height:1.70;color:var(--text-mid);margin-bottom:18px;flex:1;}
.pc-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;margin-top:auto;}
.pc-spec{background:var(--ivory);border-radius:2px;padding:8px 10px;}
.pc-spec-label{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--gold);margin-bottom:3px;}
.pc-spec-val{font-size:12px;color:var(--text-dark);font-weight:500;}
.pc-btn{width:100%;padding:11px;background:var(--green-deep);color:var(--cream);
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;
  border:none;border-radius:2px;cursor:pointer;transition:.3s;}
.pc-btn:hover{background:var(--green-mid);}

/* VANILLI PAPUA FEATURED */
.vanilli-section{background:var(--green-deep);padding:90px 60px;}
.vanilli-inner{max-width:1200px;margin:0 auto;}
.vanilli-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:56px;}
.vanilli-logo-area{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.vanilli-brand-badge{background:rgba(201,151,42,.15);border:1px solid rgba(201,151,42,.30);
  border-radius:3px;padding:8px 16px;font-family:'DM Mono',monospace;font-size:8.5px;
  letter-spacing:2px;text-transform:uppercase;color:var(--gold-light);}
.vanilli-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.vg-card{background:rgba(255,255,255,.05);border:1px solid rgba(201,151,42,.18);
  border-radius:4px;padding:28px;transition:.3s;}
.vg-card:hover{background:rgba(255,255,255,.08);border-color:rgba(201,151,42,.40);}
.vg-grade{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:10px;}
.vg-title{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--cream);
  margin-bottom:12px;font-weight:600;}
.vg-specs{list-style:none;margin-bottom:16px;}
.vg-specs li{font-size:13px;color:rgba(248,244,236,.68);padding:5px 0;
  border-bottom:1px solid rgba(201,151,42,.10);display:flex;gap:8px;}
.vg-specs li::before{content:'—';color:var(--gold);flex-shrink:0;}
.vg-use{font-size:12.5px;color:rgba(248,244,236,.55);font-style:italic;}

/* WHY US */
.whyus-section{background:var(--cream);padding:90px 60px;}
.whyus-inner{max-width:1200px;margin:0 auto;}
.whyus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px;}
.whyus-card{padding:32px 26px;background:var(--ivory);border-radius:4px;
  border-top:2px solid var(--gold);transition:.3s;}
.whyus-card:hover{border-top-color:var(--green-deep);background:var(--cream);}
.whyus-icon{font-size:28px;margin-bottom:14px;}
.whyus-title{font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--text-dark);
  margin-bottom:8px;font-weight:600;}
.whyus-text{font-size:13.5px;line-height:1.68;color:var(--text-mid);}

/* PROCESS */
.process-section{background:var(--green-deep);padding:90px 60px;}
.process-inner{max-width:1200px;margin:0 auto;}
.process-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:52px;position:relative;}
.process-steps::before{content:'';position:absolute;top:28px;left:6%;right:6%;height:1px;
  background:linear-gradient(to right,var(--gold),var(--green-light));opacity:.35;}
.ps{text-align:center;padding:0 10px;position:relative;z-index:1;}
.ps-num{width:56px;height:56px;border-radius:50%;background:var(--green-mid);
  border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;color:var(--gold-bright);font-weight:600;box-shadow:0 10px 20px rgba(0,0,0,.14);}
.ps-num svg{width:26px;height:26px;display:block;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.ps-title{font-family:'Cormorant Garamond',serif;font-size:15px;color:var(--cream);
  margin-bottom:6px;font-weight:600;}
.ps-text{font-size:12px;line-height:1.58;color:rgba(248,244,236,.55);}

/* MARKETS */
.markets-section{background:var(--ivory);padding:90px 60px;}
.markets-inner{max-width:1200px;margin:0 auto;}
.markets-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:52px;align-items:start;}
.markets-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.market-item{background:var(--cream);border-radius:3px;padding:20px;
  border-left:3px solid var(--gold);transition:.3s;}
.market-item:hover{border-left-color:var(--green-deep);background:var(--warm);}
.market-region{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.market-title{font-family:'Cormorant Garamond',serif;font-size:18px;color:var(--text-dark);
  margin-bottom:6px;font-weight:600;}
.market-desc{font-size:12.5px;line-height:1.60;color:var(--text-mid);}
.buyer-types{margin-top:32px;}
.buyer-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.buyer-chip{background:var(--green-deep);color:var(--cream);
  font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;text-transform:uppercase;
  padding:6px 13px;border-radius:2px;}

/* VALUES */
.values-section{background:var(--green-mid);padding:90px 60px;}
.values-inner{max-width:1200px;margin:0 auto;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px;}
.value-card{padding:32px;background:rgba(255,255,255,.06);border-radius:4px;
  border:1px solid rgba(201,151,42,.12);transition:.3s;}
.value-card:hover{background:rgba(255,255,255,.10);border-color:rgba(201,151,42,.30);}
.value-icon{font-size:26px;margin-bottom:14px;}
.value-title{font-family:'Cormorant Garamond',serif;font-size:21px;color:var(--gold-bright);
  margin-bottom:10px;font-weight:600;}
.value-text{font-size:13.5px;line-height:1.68;color:rgba(248,244,236,.68);}

/* ABOUT */
.about-hero{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;
  background:var(--green-deep);}
.about-hero-bg{position:absolute;inset:0;background:url("data:image/svg+xml;base64,[encoded data, 11188 characters]") center center / cover no-repeat;}
.about-hero-bg img{display:none;}
.about-hero-overlay{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(13,43,26,.96) 35%,rgba(13,43,26,.55) 100%);}
.about-hero-content{position:relative;z-index:2;padding:70px 60px;max-width:780px;}
.about-hero-content h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5vw,66px);
  color:var(--cream);line-height:1.05;margin-bottom:16px;font-weight:300;}
.about-hero-content h1 em{color:var(--gold-bright);font-style:italic;}
.about-hero-content p{font-size:17px;color:rgba(248,244,236,.78);line-height:1.78;max-width:580px;}

.about-overview{background:var(--ivory);padding:90px 60px;}
.about-overview-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start;}
.about-img{border-radius:4px;overflow:hidden;}
.about-img img{width:100%;height:500px;object-fit:cover;display:block;}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;}
.vm-card{padding:28px;border-radius:3px;border:1px solid rgba(58,32,16,.10);}
.vm-card.v{background:var(--green-deep);}
.vm-card.m{background:var(--cream);}
.vm-card-label{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;margin-bottom:8px;display:block;}
.vm-card.v .vm-card-label{color:var(--gold);}
.vm-card.m .vm-card-label{color:var(--gold);}
.vm-card-title{font-family:'Cormorant Garamond',serif;font-size:22px;margin-bottom:10px;font-weight:600;}
.vm-card.v .vm-card-title{color:var(--gold-bright);}
.vm-card.m .vm-card-title{color:var(--text-dark);}
.vm-card-text{font-size:13.5px;line-height:1.70;}
.vm-card.v .vm-card-text{color:rgba(248,244,236,.75);}
.vm-card.m .vm-card-text{color:var(--text-mid);}

.ops-section{background:var(--cream);padding:90px 60px;}
.ops-inner{max-width:1200px;margin:0 auto;}
.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px;}
.ops-card{border-radius:4px;overflow:hidden;position:relative;}
.ops-card img{width:100%;height:280px;object-fit:cover;display:block;filter:brightness(.70);}
.ops-content{position:absolute;inset:0;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(transparent,rgba(13,43,26,.90));}
.ops-location{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.ops-title{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--cream);
  margin-bottom:8px;font-weight:600;}
.ops-desc{font-size:13.5px;color:rgba(248,244,236,.78);line-height:1.60;}

/* CONTACT */
.contact-hero{background:linear-gradient(135deg,var(--green-deep) 0%,var(--green-mid) 100%);
  padding:120px 60px 70px;}
.contact-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,5.5vw,70px);
  color:var(--cream);line-height:1.02;margin-bottom:18px;font-weight:300;}
.contact-hero h1 em{color:var(--gold-bright);font-style:italic;}
.contact-hero p{font-size:17px;color:rgba(248,244,236,.78);max-width:520px;line-height:1.75;}

.contact-main{background:var(--cream);padding:90px 60px;}
.contact-main-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;}
.contact-info h3{font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--text-dark);
  margin-bottom:22px;font-weight:600;}
.contact-info-item{display:flex;gap:14px;padding:18px 0;
  border-bottom:1px solid rgba(58,32,16,.07);}
.ci-icon{font-size:20px;min-width:26px;}
.ci-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:4px;}
.ci-text{font-size:14.5px;color:var(--text-dark);line-height:1.5;}
.inquiry-form{background:var(--ivory);border-radius:4px;padding:44px;
  border:1px solid rgba(58,32,16,.08);box-shadow:0 8px 40px rgba(13,43,26,.08);}
.inquiry-form h3{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--text-dark);
  margin-bottom:7px;font-weight:600;}
.inquiry-form p{font-size:14px;color:var(--text-mid);margin-bottom:28px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.form-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.form-field label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;
  text-transform:uppercase;color:var(--text-mid);}
.form-field input,.form-field select,.form-field textarea{
  padding:11px 14px;border:1.5px solid rgba(58,32,16,.15);border-radius:2px;
  font-family:'DM Sans',sans-serif;font-size:14px;background:var(--cream);
  color:var(--text-dark);outline:none;transition:.2s;}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{
  border-color:var(--gold);background:var(--ivory);}
.form-field textarea{resize:vertical;min-height:110px;}
.form-submit{width:100%;padding:15px;background:var(--green-deep);color:var(--cream);
  border:none;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;
  text-transform:uppercase;font-weight:500;cursor:pointer;border-radius:2px;transition:.3s;}
.form-submit:hover{background:var(--green-mid);}

/* CTA BAND */
.cta-band{background:var(--brown);padding:80px 60px;text-align:center;}
.cta-band h2{font-family:'Cormorant Garamond',serif;font-size:48px;color:var(--cream);
  margin-bottom:14px;font-weight:300;}
.cta-band h2 em{color:var(--gold-bright);font-style:italic;}
.cta-band p{font-size:16px;color:rgba(248,244,236,.70);margin-bottom:34px;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
footer{background:var(--green-deep);padding:64px 60px 40px;
  border-top:1px solid rgba(201,151,42,.15);}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px;}
.footer-grid .nav-logo-svg{width:54px;height:54px;}
.f-brand-main{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--gold-bright);
  font-weight:700;margin-bottom:6px;}
.f-brand-sub{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2px;
  text-transform:uppercase;color:rgba(201,151,42,.55);}
.f-tagline{font-size:13.5px;color:rgba(248,244,236,.48);line-height:1.65;margin-top:12px;}
.f-col-title{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2.5px;
  text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.f-links{list-style:none;display:flex;flex-direction:column;gap:9px;}
.f-links a{font-size:13.5px;color:rgba(248,244,236,.55);cursor:pointer;transition:.2s;text-decoration:none;}
.f-links a:hover{color:var(--gold-bright);}
.f-contact-item{display:flex;gap:10px;font-size:12.5px;color:rgba(248,244,236,.55);
  margin-bottom:10px;line-height:1.5;}
.footer-bottom{border-top:1px solid rgba(201,151,42,.10);padding-top:24px;
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;
  text-transform:uppercase;color:rgba(248,244,236,.28);}


/* LANG SWITCHER */
.lang-switcher{display:flex;align-items:center;gap:2px;margin-left:12px;
  background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;}
.lang-btn{padding:6px 12px;font-family:'DM Mono',monospace;font-size:9px;font-weight:500;
  letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:.2s;
  color:rgba(248,244,236,.55);background:transparent;}
.lang-btn.active{background:var(--gold);color:var(--green-deep);}
.lang-btn:hover:not(.active){color:var(--gold-bright);background:rgba(201,151,42,.12);}

/* RESPONSIVE */
@media(max-width:1024px){
  nav,.hero-content,.trust-bar,.products-section,.vanilli-section,.whyus-section,
  .process-section,.markets-section,.values-section,.about-hero-content,.about-overview,
  .ops-section,.contact-hero,.contact-main,.cta-band{padding-left:30px;padding-right:30px;}
  footer{padding:50px 30px 30px;}
  .hero-stats{grid-template-columns:repeat(2,1fr);}
  .about-overview-inner,.contact-main-inner,.markets-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:block;}
  .hero-bg-grid{grid-template-columns:1fr;}
  .hero-bg-cell:nth-child(2),.hero-bg-cell:nth-child(3){display:none;}
  .products-grid,.whyus-grid,.values-grid,.vanilli-grades,.ops-grid,.vm-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr 1fr;}
  .markets-list,.buyer-chips{flex-direction:column;}
  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .cta-band h2{font-size:32px;}
  .sticky-bar{left:50%;right:auto;bottom:16px;transform:translateX(-50%);max-width:calc(100vw - 28px);}
}

/* ── BANANA PRODUCT MODAL ── */
#banana-modal{display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(5,10,5,.92);backdrop-filter:blur(14px);
  align-items:flex-start;justify-content:center;
  padding:60px 20px 20px;overflow-y:auto;}
#banana-modal.open{display:flex;}
.bm-box{background:var(--ivory);border-radius:6px;max-width:960px;width:100%;
  position:relative;overflow:hidden;
  box-shadow:0 24px 80px rgba(13,43,26,.30);
  animation:bmIn .35s ease;}
@keyframes bmIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.bm-close{position:absolute;top:16px;right:16px;z-index:10;
  background:rgba(13,43,26,.85);border:1px solid rgba(45,106,64,.50);
  color:#E8D5B0;width:36px;height:36px;border-radius:50%;
  font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:.2s;}
.bm-close:hover{background:var(--green-deep);color:#fff;}
/* Gallery */
.bm-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;height:300px;}
.bm-gallery-main{grid-column:1/3;overflow:hidden;cursor:pointer;}
.bm-gallery-col{display:grid;grid-template-rows:1fr 1fr;gap:3px;}
.bm-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.bm-gallery img:hover{transform:scale(1.04);}
.bm-gallery-col .bm-thumb{overflow:hidden;cursor:pointer;}
/* Content */
.bm-content{padding:36px 40px 40px;}
.bm-badge{display:inline-block;background:var(--green-deep);color:var(--cream);
  font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;
  padding:5px 12px;border-radius:2px;margin-bottom:14px;}
.bm-title{font-family:'Cormorant Garamond',serif;font-size:32px;color:var(--text-dark);
  font-weight:600;margin-bottom:6px;line-height:1.1;}
.bm-subtitle{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
.bm-desc{font-size:14.5px;line-height:1.82;color:var(--text-mid);margin-bottom:28px;
  border-bottom:1px solid rgba(42,26,10,.08);padding-bottom:24px;}
.bm-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;}
.bm-spec-item{background:var(--cream);border-radius:3px;padding:14px 16px;
  border-left:2px solid var(--gold);}
.bm-spec-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--gold);margin-bottom:5px;}
.bm-spec-val{font-size:14px;color:var(--text-dark);font-weight:600;line-height:1.3;}
.bm-uses-title{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.bm-uses{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.bm-use-chip{background:var(--green-deep);color:rgba(248,244,236,.85);
  font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;text-transform:uppercase;
  padding:6px 13px;border-radius:2px;}
.bm-cta{display:flex;gap:12px;flex-wrap:wrap;}
/* Lightbox */
#bm-lightbox{display:none;position:fixed;inset:0;z-index:10000;
  background:rgba(0,0,0,.92);align-items:center;justify-content:center;}
#bm-lightbox.open{display:flex;}
#bm-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;}
#bm-lightbox-close{position:absolute;top:16px;right:20px;color:#fff;font-size:32px;
  cursor:pointer;background:none;border:none;line-height:1;}
@media(max-width:768px){
  .bm-gallery{grid-template-columns:1fr;height:auto;}
  .bm-gallery-main{grid-column:1;height:220px;}
  .bm-gallery-col{grid-template-columns:1fr 1fr;grid-template-rows:none;}
  .bm-gallery-col .bm-thumb{height:110px;}
  .bm-specs-grid{grid-template-columns:1fr 1fr;}
  .bm-content{padding:24px;}
}



/* SUPER CLEAR LOGO LOCKUP — HIGH CONTRAST VERSION */
nav{
  min-height:96px;
  height:96px;
  padding:0 56px;
  background:linear-gradient(90deg,#062817 0%,#083B26 50%,#052414 100%) !important;
  border-bottom:1px solid rgba(240,208,112,.38) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.28), inset 0 -1px 0 rgba(255,255,255,.04);
}
:root{--nav-h:96px;}
.nav-logo{
  gap:18px !important;
  min-width:455px !important;
  align-items:center !important;
}
.brand-mark{
  width:78px;
  height:78px;
  border-radius:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:linear-gradient(145deg,rgba(255,246,203,.98),rgba(210,156,38,.98));
  border:1.5px solid rgba(255,245,190,.85);
  box-shadow:
    0 0 0 4px rgba(201,151,42,.12),
    0 12px 34px rgba(0,0,0,.38),
    0 0 28px rgba(240,208,112,.26),
    inset 0 1px 2px rgba(255,255,255,.55);
  overflow:hidden;
}
.brand-mark-svg{width:72px;height:72px;display:block;}
.nav-logo-svg{display:none !important;}
.nav-brand-main{
  font-size:31px !important;
  color:#F7DC7A !important;
  line-height:1 !important;
  letter-spacing:.15px !important;
  font-weight:700 !important;
  text-shadow:0 2px 16px rgba(0,0,0,.48), 0 0 16px rgba(240,208,112,.16);
  white-space:nowrap;
}
.nav-brand-sub{
  font-size:9.5px !important;
  color:rgba(255,239,180,.92) !important;
  letter-spacing:2.35px !important;
  margin-top:8px !important;
  font-weight:500 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
  white-space:nowrap;
}
.footer-grid .brand-mark{
  width:58px;
  height:58px;
  border-radius:15px;
  box-shadow:0 9px 24px rgba(0,0,0,.30),0 0 18px rgba(240,208,112,.20);
}
.footer-grid .brand-mark-svg{width:54px;height:54px;}
@media(max-width:1380px){
  nav{padding-left:32px;padding-right:32px;}
  .nav-logo{min-width:390px !important;gap:14px !important;}
  .brand-mark{width:66px;height:66px;border-radius:17px;}
  .brand-mark-svg{width:61px;height:61px;}
  .nav-brand-main{font-size:25px !important;}
  .nav-brand-sub{font-size:8px !important;letter-spacing:1.8px !important;}
  .nav-links a{font-size:9.2px !important;padding:8px 9px !important;}
  .nav-cta{font-size:9px !important;padding:10px 17px !important;}
}
@media(max-width:1180px){
  .nav-logo{min-width:335px !important;}
  .brand-mark{width:58px;height:58px;border-radius:15px;}
  .brand-mark-svg{width:54px;height:54px;}
  .nav-brand-main{font-size:21px !important;}
  .nav-brand-sub{font-size:7.2px !important;letter-spacing:1.35px !important;}
}
@media(max-width:768px){
  nav{height:88px;min-height:88px;padding:0 20px;}
  :root{--nav-h:88px;}
  .nav-logo{min-width:auto !important;gap:12px !important;}
  .brand-mark{width:54px;height:54px;border-radius:14px;}
  .brand-mark-svg{width:50px;height:50px;}
  .nav-brand-main{font-size:18px !important;}
  .nav-brand-sub{font-size:6.5px !important;letter-spacing:1px !important;max-width:220px;overflow:hidden;text-overflow:ellipsis;}
}

/* ===== ABOUT - COMPANY OVERVIEW (added) ===== */
.ov-section{background:var(--cream);padding:90px 60px;}
.ov-inner{max-width:1200px;margin:0 auto;}
.ov-head{text-align:center;max-width:780px;margin:0 auto 54px;}
.ov-head .sec-desc{margin:18px auto 0;}
.ov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.ov-card{background:var(--ivory);border:1px solid rgba(58,32,16,.08);border-radius:6px;padding:34px 30px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.ov-card:hover{transform:translateY(-5px);box-shadow:0 20px 54px rgba(13,43,26,.10);border-color:rgba(201,151,42,.34);}
.ov-icon{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,rgba(201,151,42,.16),rgba(240,208,112,.10));border:1px solid rgba(201,151,42,.26);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:20px;}
.ov-icon svg{width:27px;height:27px;}
.ov-card-title{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:700;color:var(--text-dark);line-height:1.12;margin-bottom:9px;}
.ov-card-text{font-size:13.6px;line-height:1.72;color:var(--text-mid);}
.ov-actions{display:flex;justify-content:center;gap:16px;margin-top:50px;flex-wrap:wrap;}
.ov-actions a,.ov-actions button{text-decoration:none;}
/* ===== ABOUT - VISION & MISSION (added) ===== */
.vm-section{padding:90px 60px;background:linear-gradient(180deg,#0D2B1A,#13371F);}
.vm-inner{max-width:1080px;margin:0 auto;}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.vm-card{background:rgba(255,255,255,.045);border:1px solid rgba(201,151,42,.20);border-radius:7px;padding:42px 38px;transition:background .3s,border-color .3s;}
.vm-card:hover{border-color:rgba(240,208,112,.40);background:rgba(255,255,255,.07);}
.vm-icon{width:58px;height:58px;border-radius:50%;background:rgba(201,151,42,.14);border:1px solid rgba(201,151,42,.32);display:flex;align-items:center;justify-content:center;color:var(--gold-bright);margin-bottom:22px;}
.vm-icon svg{width:29px;height:29px;}
.vm-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:9px;}
.vm-title{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:var(--cream);margin-bottom:14px;}
.vm-text{font-size:14.5px;line-height:1.82;color:rgba(248,244,236,.74);}
@media(max-width:900px){.ov-grid{grid-template-columns:repeat(2,1fr);}.ov-section,.vm-section{padding-left:30px;padding-right:30px;}}
@media(max-width:620px){.ov-grid,.vm-grid{grid-template-columns:1fr;}.vm-card{padding:34px 28px;}}
/* ===== FOOTER - JAKARTA OFFICE ADDRESS (added) ===== */
.f-address{display:flex;gap:11px;margin-bottom:14px;padding:13px 15px;background:rgba(255,255,255,.04);border:1px solid rgba(201,151,42,.22);border-left:3px solid var(--gold);border-radius:6px;}
.f-address-icon{flex-shrink:0;color:var(--gold);margin-top:1px;}
.f-address-icon svg{width:16px;height:16px;display:block;}
.f-address-label{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-bright);margin-bottom:5px;}
.f-address-text{font-size:12px;line-height:1.62;color:rgba(248,244,236,.62);}
/* ===== HOME -> PRODUCTS card highlight (added) ===== */
.product-highlight{animation:prodPulse 2.4s ease;}
@keyframes prodPulse{
  0%{box-shadow:0 0 0 0 rgba(201,151,42,0);}
  18%{box-shadow:0 0 0 3px rgba(201,151,42,.70),0 18px 52px rgba(13,43,26,.16);}
  78%{box-shadow:0 0 0 3px rgba(201,151,42,.70),0 18px 52px rgba(13,43,26,.16);}
  100%{box-shadow:0 0 0 0 rgba(201,151,42,0);}
}
/* ===== EXPORT PAGE (rebuilt) ===== */
.ex-section{padding:90px 60px;background:var(--cream);}
.ex-inner{max-width:1060px;margin:0 auto;}
.ex-head{text-align:center;max-width:720px;margin:0 auto 54px;}
.ex-head .sec-desc{margin:16px auto 0;}
.ex-timeline{position:relative;}
.ex-step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:26px;padding-bottom:34px;}
.ex-step:last-child{padding-bottom:0;}
.ex-step::before{content:"";position:absolute;left:31px;top:66px;bottom:-4px;width:2px;background:linear-gradient(var(--gold),rgba(201,151,42,.16));}
.ex-step:last-child::before{display:none;}
.ex-node{width:62px;height:62px;border-radius:50%;background:var(--green-deep);border:2px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;}
.ex-node-num{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:700;color:var(--gold-bright);line-height:1;}
.ex-node-step{font-family:'DM Mono',monospace;font-size:6px;letter-spacing:1.4px;color:rgba(248,244,236,.55);text-transform:uppercase;margin-top:3px;}
.ex-card{background:var(--ivory);border:1px solid rgba(58,32,16,.08);border-left:3px solid var(--gold);border-radius:6px;padding:22px 28px;transition:transform .3s,box-shadow .3s;}
.ex-card:hover{transform:translateX(5px);box-shadow:0 16px 44px rgba(13,43,26,.09);}
.ex-step-title{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:700;color:var(--text-dark);margin-bottom:6px;line-height:1.15;}
.ex-step-text{font-size:13.6px;line-height:1.72;color:var(--text-mid);}
.ex-terms{padding:88px 60px;background:linear-gradient(180deg,#0D2B1A,#13371F);}
.ex-terms-inner{max-width:1120px;margin:0 auto;}
.ex-terms-head{text-align:center;margin-bottom:48px;}
.ex-terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.ex-term{background:rgba(255,255,255,.045);border:1px solid rgba(201,151,42,.22);border-radius:7px;padding:34px 30px;transition:background .3s,border-color .3s;}
.ex-term:hover{border-color:rgba(240,208,112,.42);background:rgba(255,255,255,.07);}
.ex-term-code{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:700;color:var(--gold-bright);line-height:1;}
.ex-term-name{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:9px 0 14px;}
.ex-term-text{font-size:13.4px;line-height:1.74;color:rgba(248,244,236,.72);}
.ex-docs{padding:88px 60px;background:var(--cream);}
.ex-docs-inner{max-width:1140px;margin:0 auto;}
.ex-docs-head{text-align:center;max-width:680px;margin:0 auto 46px;}
.ex-docs-head .sec-desc{margin:16px auto 0;}
.ex-docs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.ex-doc{background:var(--ivory);border:1px solid rgba(58,32,16,.08);border-radius:6px;padding:26px 18px;text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s;}
.ex-doc:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(13,43,26,.09);border-color:rgba(201,151,42,.32);}
.ex-doc-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:11px;background:rgba(201,151,42,.12);border:1px solid rgba(201,151,42,.24);display:flex;align-items:center;justify-content:center;color:var(--gold);}
.ex-doc-icon svg{width:22px;height:22px;}
.ex-doc-name{font-size:12.5px;line-height:1.45;color:var(--text-dark);font-weight:500;}
@media(max-width:900px){
  .ex-section,.ex-terms,.ex-docs{padding-left:30px;padding-right:30px;}
  .ex-terms-grid{grid-template-columns:1fr;}
  .ex-docs-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:620px){
  .ex-step{grid-template-columns:48px 1fr;gap:15px;}
  .ex-node{width:46px;height:46px;}
  .ex-node-num{font-size:18px;}
  .ex-step::before{left:23px;top:50px;}
}
/* ===== EXPORT HERO (redesigned) ===== */
.ex-hero{position:relative;overflow:hidden;background:var(--green-deep);padding:158px 60px 104px;}
.ex-hero-bg{position:absolute;inset:0;overflow:hidden;}
.ex-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block;filter:brightness(.66) saturate(1.06);}
.ex-hero-grad{position:absolute;inset:0;background:linear-gradient(102deg,rgba(9,29,17,.94) 0%,rgba(9,29,17,.78) 34%,rgba(9,29,17,.40) 64%,rgba(9,29,17,.12) 100%);}
.ex-hero-grad::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,29,17,.55) 0%,rgba(9,29,17,0) 42%);}
.ex-hero-frame{position:absolute;inset:22px;border:1px solid rgba(201,151,42,.45);border-radius:3px;pointer-events:none;z-index:1;}
.ex-hero-frame::before{content:"";position:absolute;left:-1px;top:-1px;width:42px;height:42px;border-top:2px solid var(--gold-bright);border-left:2px solid var(--gold-bright);}
.ex-hero-frame::after{content:"";position:absolute;right:-1px;bottom:-1px;width:42px;height:42px;border-bottom:2px solid var(--gold-bright);border-right:2px solid var(--gold-bright);}
.ex-hero-inner{position:relative;z-index:2;max-width:640px;}
@media(max-width:700px){
  .ex-hero{padding:128px 30px 72px;}
  .ex-hero-frame{inset:12px;}
  .ex-hero-frame::before,.ex-hero-frame::after{width:26px;height:26px;}
}
/* ===== MARKETS HERO (redesigned) ===== */
.mk-hero{position:relative;overflow:hidden;background:var(--green-deep);padding:158px 60px 104px;}
.mk-hero-bg{position:absolute;inset:0;overflow:hidden;}
.mk-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:72% center;display:block;}
.mk-hero-grad{position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,26,16,.93) 0%,rgba(8,26,16,.80) 32%,rgba(8,26,16,.40) 62%,rgba(8,26,16,.10) 100%);}
.mk-hero-inner{position:relative;z-index:2;max-width:640px;}
@media(max-width:700px){
  .mk-hero{padding:128px 30px 72px;}
  .mk-hero-bg img{object-position:78% center;}
}
/* ===== MARKETS - DESTINATIONS GRID (rebuilt) ===== */
.md-head{text-align:center;max-width:680px;margin:0 auto 46px;}
.md-head .sec-desc{margin:14px auto 0;}
.md-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.md-card{background:var(--cream);border:1px solid rgba(58,32,16,.09);border-radius:6px;padding:30px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;}
.md-card:hover{transform:translateY(-5px);box-shadow:0 20px 54px rgba(13,43,26,.10);border-color:rgba(201,151,42,.34);}
.md-pin{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,rgba(201,151,42,.16),rgba(240,208,112,.10));border:1px solid rgba(201,151,42,.26);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:16px;}
.md-pin svg{width:21px;height:21px;}
.md-region{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.md-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--text-dark);line-height:1.18;margin-bottom:10px;}
.md-desc{font-size:13px;line-height:1.7;color:var(--text-mid);}
.md-buyers{margin-top:60px;padding-top:52px;border-top:1px solid rgba(58,32,16,.10);text-align:center;}
.md-buyers .sec-desc{margin:14px auto 24px;}
.md-buyers .buyer-chips{justify-content:center;}
@media(max-width:900px){.md-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.md-grid{grid-template-columns:1fr;}.md-buyers .buyer-chips{flex-direction:row;}}
/* ===== PRODUCTS HERO (single hero image) ===== */
.pr-hero{position:relative;overflow:hidden;background:var(--green-deep);padding:158px 60px 104px;}
.pr-hero-bg{position:absolute;inset:0;z-index:0;}
.pr-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.66) saturate(1.04);display:block;}
.pr-hero-grad{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(13,43,26,.88) 0%,rgba(13,43,26,.50) 45%,rgba(13,43,26,.10) 100%);}
.pr-hero-frame{position:absolute;inset:22px;border:1px solid rgba(201,151,42,.42);border-radius:3px;pointer-events:none;z-index:2;}
.pr-hero-frame::before{content:"";position:absolute;left:-1px;top:-1px;width:42px;height:42px;border-top:2px solid var(--gold-bright);border-left:2px solid var(--gold-bright);}
.pr-hero-frame::after{content:"";position:absolute;right:-1px;bottom:-1px;width:42px;height:42px;border-bottom:2px solid var(--gold-bright);border-right:2px solid var(--gold-bright);}
.pr-hero-inner{position:relative;z-index:3;max-width:660px;}
.pr-hero-h1{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,64px);color:var(--cream);line-height:1.05;margin-bottom:16px;font-weight:300;}
.pr-hero-h1 em{color:var(--gold-bright);font-style:italic;}
.pr-hero-p{font-size:15.5px;color:rgba(248,244,236,.86);line-height:1.78;max-width:520px;}
.pr-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.pr-hero-tags span{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-bright);border:1px solid rgba(240,208,112,.40);border-radius:40px;padding:6px 13px;background:rgba(13,43,26,.34);}
@media(max-width:820px){
  .pr-hero{padding:120px 30px 80px;}
  .pr-hero-frame{inset:12px;}
  .pr-hero-frame::before,.pr-hero-frame::after{width:26px;height:26px;}
}
/* ===== OUR TEAM SECTION ===== */
.team-section{background:var(--ivory);padding:90px 60px;}
.team-inner{max-width:1180px;margin:0 auto;}
.team-head{text-align:center;max-width:680px;margin:0 auto 52px;}
.team-head .sec-desc{margin:14px auto 0;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.team-card{background:var(--cream);border:1px solid rgba(58,32,16,.08);border-radius:6px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;flex-direction:column;}
.team-card:hover{transform:translateY(-5px);box-shadow:0 22px 56px rgba(13,43,26,.10);border-color:rgba(201,151,42,.30);}
.team-photo{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--green-deep);}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.team-card:hover .team-photo img{transform:scale(1.04);}
.team-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(to right,var(--gold),rgba(201,151,42,.30));}
.team-info{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1;}
.team-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--text-dark);line-height:1.1;margin-bottom:6px;}
.team-role{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.team-bio{font-size:13.5px;line-height:1.72;color:var(--text-mid);}
@media(max-width:900px){.team-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.team-grid{grid-template-columns:1fr;}.team-section{padding:64px 30px;}}
</style>
</head>
<body>

<!-- SVG LOGO DEF -->
<svg style="display:none" aria-hidden="true">
  <defs>
    <linearGradient id="aseGoldPremium" x1="16" y1="12" x2="106" y2="110" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#FFF2A8"/>
      <stop offset="0.25" stop-color="#E3BD4F"/>
      <stop offset="0.62" stop-color="#B77B1E"/>
      <stop offset="1" stop-color="#F4D77A"/>
    </linearGradient>
    <linearGradient id="aseCreamGold" x1="25" y1="18" x2="92" y2="103" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#FFF6CE"/>
      <stop offset="0.50" stop-color="#E9C865"/>
      <stop offset="1" stop-color="#C9972A"/>
    </linearGradient>
    <radialGradient id="aseGoldGlow" cx="50%" cy="42%" r="62%">
      <stop offset="0" stop-color="#FFF4B5" stop-opacity="0.42"/>
      <stop offset="0.55" stop-color="#DDB84A" stop-opacity="0.08"/>
      <stop offset="1" stop-color="#DDB84A" stop-opacity="0"/>
    </radialGradient>
    <filter id="aseSoftShadow" x="-25%" y="-25%" width="150%" height="150%">
      <feDropShadow dx="0" dy="4" stdDeviation="3.2" flood-color="#000000" flood-opacity="0.33"/>
    </filter>
    <symbol id="ase-logo" viewBox="0 0 120 120">
      <circle cx="60" cy="60" r="54" fill="url(#aseGoldGlow)"/>
      <!-- premium globe -->
      <g filter="url(#aseSoftShadow)" fill="none" stroke="url(#aseCreamGold)" stroke-linecap="round" stroke-linejoin="round">
        <path d="M34 47a31 31 0 0 1 61 0" stroke-width="3.4"/>
        <path d="M64 16c-10 8-15 19-15 33" stroke-width="1.75" opacity=".86"/>
        <path d="M64 16c10 8 15 19 15 33" stroke-width="1.75" opacity=".86"/>
        <path d="M39 35c14 5 36 5 50 0" stroke-width="1.45" opacity=".78"/>
        <path d="M36 48c16 4 43 4 59 0" stroke-width="1.45" opacity=".64"/>
        <path d="M64 16v46" stroke-width="1.5" opacity=".72"/>
      </g>
      <!-- leaf and agriculture base -->
      <g filter="url(#aseSoftShadow)">
        <path d="M53 95C30 90 20 72 24 49c21 4 34 20 33 43-2 2-3 3-4 3z" fill="url(#aseGoldPremium)"/>
        <path d="M35 59c7 10 13 20 18 35" fill="none" stroke="#FFF5C6" stroke-width="2.3" stroke-linecap="round" opacity=".78"/>
        <path d="M62 96C77 81 83 67 82 52c-17 4-28 16-32 34 4 4 8 7 12 10z" fill="url(#aseCreamGold)"/>
        <path d="M73 61c-5 9-10 20-15 34" fill="none" stroke="#0B3A25" stroke-width="2.1" stroke-linecap="round" opacity=".52"/>
      </g>
      <!-- export growth arrow / swoosh -->
      <g filter="url(#aseSoftShadow)" fill="none" stroke="url(#aseGoldPremium)" stroke-linecap="round" stroke-linejoin="round">
        <path d="M31 97c25 10 58-2 72-35" stroke-width="6.1"/>
        <path d="M95 43l13 20-22-1" stroke-width="6.1"/>
        <path d="M31 97c25 10 58-2 72-35" stroke="#FFF6C8" stroke-width="1.25" opacity=".52"/>
      </g>
    </symbol>
  </defs>
</svg>

<!-- NAV -->
<nav>
  <a class="nav-logo" onclick="showPage('home')" aria-label="PT Agri Sukses Exportindo">
    <span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 120 120" class="brand-mark-svg" role="img">
        <defs>
          <linearGradient id="bmGold" x1="18" y1="12" x2="98" y2="108" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#FFF4B8"/>
            <stop offset="0.45" stop-color="#E7C35A"/>
            <stop offset="1" stop-color="#B98218"/>
          </linearGradient>
          <linearGradient id="bmGreen" x1="25" y1="20" x2="92" y2="103" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#0F4C32"/>
            <stop offset="1" stop-color="#062A1B"/>
          </linearGradient>
          <filter id="bmShadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.34"/>
          </filter>
        </defs>
        <circle cx="60" cy="60" r="54" fill="url(#bmGold)" filter="url(#bmShadow)"/>
        <circle cx="60" cy="60" r="47" fill="rgba(255,255,255,0.16)" stroke="#FFF7C8" stroke-width="2"/>
        <g fill="none" stroke="#0A3824" stroke-linecap="round" stroke-linejoin="round">
          <path d="M35 44c7-18 24-28 43-22 14 5 22 18 22 35" stroke-width="5"/>
          <path d="M60 21c-9 9-14 21-14 39" stroke-width="2.7"/>
          <path d="M61 21c11 10 17 22 16 39" stroke-width="2.7"/>
          <path d="M39 36c14 5 37 5 52 0" stroke-width="2.4" opacity=".8"/>
          <path d="M34 50c18 4 45 4 64 0" stroke-width="2.4" opacity=".75"/>
          <path d="M61 21v43" stroke-width="2.3" opacity=".8"/>
        </g>
        <path d="M48 95C29 89 20 73 24 51c20 4 32 18 32 39-3 2-5 4-8 5z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M36 60c7 10 12 21 16 33" fill="none" stroke="#FFF4B8" stroke-width="2.5" stroke-linecap="round" opacity=".9"/>
        <path d="M57 98c18-12 28-28 28-48-19 4-32 19-36 42 3 2 6 4 8 6z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M75 61c-6 10-12 22-17 36" fill="none" stroke="#FFF4B8" stroke-width="2.4" stroke-linecap="round" opacity=".9"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round"/>
        <path d="M92 41l18 17-24 3" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#FFF5BE" stroke-width="1.4" stroke-linecap="round" opacity=".75"/>
      </svg>
    </span>
    <div class="nav-brand">
      <div class="nav-brand-main">PT Agri Sukses Exportindo</div>
      <div class="nav-brand-sub">Indonesian Agro Commodity Exporter · Papua Origin</div>
    </div>
  </a>
  <ul class="nav-links">
    <li><a onclick="showPage('home')" data-page="home" data-i18n="nav.home">Home</a></li>
    <li><a onclick="showPage('about')" data-page="about" data-i18n="nav.about">About</a></li>
    <li><a onclick="showPage('products')" data-page="products" data-i18n="nav.products">Products</a></li>
    <li><a onclick="showPage('export')" data-page="export" data-i18n="nav.export">Export</a></li>
    <li><a onclick="showPage('markets')" data-page="markets" data-i18n="nav.markets">Markets</a></li>
    <li><a onclick="showPage('contact')" data-page="contact" data-i18n="nav.contact">Contact</a></li>
  </ul>
  <button class="nav-cta" id="nav-cta-btn" onclick="showPage('contact')" data-i18n="nav.cta">Request Quotation</button>
  <div class="lang-switcher">
    <button class="lang-btn active" id="btn-en" onclick="setLang('en')">EN</button>
    <button class="lang-btn" id="btn-id" onclick="setLang('id')">ID</button>
  </div>
  <button class="hamburger" onclick="toggleMobile()">☰</button>
</nav>
<div class="mobile-menu" id="mobileMenu">
  <a onclick="showPage('home');toggleMobile()" data-i18n="nav.home">Home</a>
  <a onclick="showPage('about');toggleMobile()" data-i18n="nav.about">About</a>
  <a onclick="showPage('products');toggleMobile()" data-i18n="nav.products">Products</a>
  <a onclick="showPage('export');toggleMobile()" data-i18n="nav.export">Export Process</a>
  <a onclick="showPage('markets');toggleMobile()" data-i18n="nav.markets">Markets</a>
  <a onclick="showPage('contact');toggleMobile()" data-i18n="nav.contact">Contact</a>
</div>

<!-- ═══════════ HOME ═══════════ -->
<div class="page active" id="page-home">

  <section class="hero">
    <div class="hero-bg-grid">
      <div class="hero-bg-cell">
        <img src="img_van_dried_bundles.jpeg" alt="Premium vanilla beans Indonesia"/>
      </div>
      <div class="hero-bg-cell">
        <img src="img_van_farmers_forest.jpeg" alt="Indonesian farmers agricultural"/>
      </div>
      <div class="hero-bg-cell">
        <img src="img_wa2_copra_drying.jpeg" alt="Export warehouse Papua"/>
      </div>
    </div>
    <div class="hero-master-overlay"></div>
    <div class="hero-content">
      <div class="hero-eyebrow">
        <div class="hero-line"></div>
        <span data-i18n="hero.eyebrow">Jakarta Head Office · Papua Supply Base · International Buyer Support</span>
      </div>
      <h1 class="hero-h1">
        <em data-i18n="hero.h1a">Trusted Indonesian</em>
        <strong data-i18n="hero.h1b">Agro Commodity<br/>Export Partner</strong>
      </h1>
      <p class="hero-sub"><span data-i18n="hero.sub">PT Agri Sukses Exportindo supplies selected agricultural commodities from Papua and other Indonesian regions to international buyers through professional sourcing, quality preparation, export documentation, and responsive trade coordination.</span></p>
      <div class="hero-ctas">
        <button class="btn-primary" onclick="showPage('contact')">Request Quotation</button>
        <button class="btn-outline-light" onclick="showPage('products')">View Our Products</button>
        <button class="btn-outline-light" onclick="showPage('contact')" data-i18n="btn.contactDesk">Contact Export Desk</button>
      </div>
      <div class="hero-stats">
        <div class="hero-stat">
          <div class="hero-stat-num">Selected</div>
          <div class="hero-stat-label" data-i18n="stat.source">Agro Commodities</div>
        </div>
        <div class="hero-stat">
          <div class="hero-stat-num">Papua</div>
          <div class="hero-stat-label" data-i18n="stat.trial">Supply Base</div>
        </div>
        <div class="hero-stat">
          <div class="hero-stat-num">Jakarta</div>
          <div class="hero-stat-label" data-i18n="stat.hq">Export Office</div>
        </div>
        <div class="hero-stat">
          <div class="hero-stat-num">Global</div>
          <div class="hero-stat-label" data-i18n="stat.wh">Buyer Support</div>
        </div>
      </div>
    </div>
  </section>

  <!-- TRUST BAR -->

  <div class="trust-bar">
    <div class="trust-item"><div class="trust-dot"></div><span data-i18n="trust.jakarta">Headquartered in Jakarta</span></div>
    <div class="trust-item"><div class="trust-dot"></div><span data-i18n="trust.papua">Supply & Consolidation Base in Papua</span></div>
    <div class="trust-item"><div class="trust-dot"></div><span data-i18n="trust.exporter">Agro Commodity Exporter</span></div>
    <div class="trust-item"><div class="trust-dot"></div><span data-i18n="trust.sample">Sample & Trial Order Support</span></div>
    <div class="trust-item"><div class="trust-dot"></div><span data-i18n="trust.docs">Export Documentation Support</span></div>
    <div class="trust-item"><div class="trust-dot"></div><span>FOB · CIF · CNF</span></div>
  </div>

  <!-- COMPANY SNAPSHOT -->
  <section class="snapshot-section">
    <div class="snapshot-inner">
      <div>
        <span class="sec-label" data-i18n="snap.label">Company Snapshot</span>
        <h2 class="sec-title" data-i18n="snap.title">A Trusted Export Partner<br/><em>from Indonesia</em></h2>
        <p class="sec-desc" data-i18n="snap.desc">PT Agri Sukses Exportindo is an Indonesian agro commodity export company headquartered in Jakarta, supported by supply and consolidation networks in Papua. We focus on selected agricultural commodities, export-ready preparation, clear documentation, and responsive buyer coordination.</p>
      </div>
      <div class="snapshot-grid">
        <div class="snapshot-card"><div class="snapshot-icon">🏢</div><div class="snapshot-title" data-i18n="snap.c1.t">Jakarta Head Office</div><p class="snapshot-text" data-i18n="snap.c1.d">Export coordination, buyer communication, quotation, documentation, and logistics arrangement are managed from Jakarta.</p></div>
        <div class="snapshot-card"><div class="snapshot-icon">🌿</div><div class="snapshot-title" data-i18n="snap.c2.t">Papua Supply Base</div><p class="snapshot-text" data-i18n="snap.c2.d">Supported by supply networks and consolidation access in Papua for selected agro commodities.</p></div>
        <div class="snapshot-card"><div class="snapshot-icon">📦</div><div class="snapshot-title" data-i18n="snap.c3.t">Selected Commodities</div><p class="snapshot-text" data-i18n="snap.c3.d">Vanilla, copra, cocoa, coffee, banana leaves, spices, and other tropical agro products.</p></div>
        <div class="snapshot-card"><div class="snapshot-icon">🧪</div><div class="snapshot-title" data-i18n="snap.c4.t">Sample Support</div><p class="snapshot-text" data-i18n="snap.c4.d">Sample and trial order options are available for selected products before commercial purchase.</p></div>
        <div class="snapshot-card"><div class="snapshot-icon">📋</div><div class="snapshot-title" data-i18n="snap.c5.t">Export Documentation</div><p class="snapshot-text" data-i18n="snap.c5.d">Commercial invoice, packing list, certificate of origin, phytosanitary certificate, and COA by request.</p></div>
        <div class="snapshot-card"><div class="snapshot-icon">🤝</div><div class="snapshot-title" data-i18n="snap.c6.t">Buyer Coordination</div><p class="snapshot-text" data-i18n="snap.c6.d">Responsive communication and clear product information for international buyers.</p></div>
      </div>
    </div>
  </section>

  <!-- HOME ABOUT -->
  <section class="home-about-section">
    <div class="home-about-inner">
      <div>
        <span class="sec-label" data-i18n="homeabout.label">About PT Agri Sukses Exportindo</span>
        <h2 class="sec-title" data-i18n="homeabout.title">Connecting Indonesian<br/><em>Agro Products to Global Buyers</em></h2>
        <p class="sec-desc" data-i18n="homeabout.desc">PT Agri Sukses Exportindo was established to connect selected agricultural products from Papua and other Indonesian regions with international buyers. With headquarters in Jakarta and supply coordination in Papua, we support buyers through product sourcing, quality preparation, export documentation, and professional trade communication.</p>
        <div style="margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;">
          <button class="btn-primary" onclick="showPage('about')" data-i18n="homeabout.cta1">Learn About Us</button>
          <button class="btn-outline-dark" onclick="showPage('export')" data-i18n="homeabout.cta2">See Export Process</button>
        </div>
      </div>
      <div class="home-about-panel">
        <div class="role-label" data-i18n="homeabout.role.label">Our Role in the Supply Chain</div>
        <p class="role-text" data-i18n="homeabout.role.text">We act as a professional export partner connecting local commodity sources with international buyers through structured sourcing, product selection, packaging coordination, documentation support, and shipment preparation.</p>
        <div class="home-about-points">
          <div class="home-about-point"><div class="home-about-point-num">01</div><div><div class="home-about-point-title" data-i18n="homeabout.p1.t">Sourcing Network</div><p class="home-about-point-text" data-i18n="homeabout.p1.d">Access to selected agro commodity sources in Papua and other Indonesian regions.</p></div></div>
          <div class="home-about-point"><div class="home-about-point-num">02</div><div><div class="home-about-point-title" data-i18n="homeabout.p2.t">Export Preparation</div><p class="home-about-point-text" data-i18n="homeabout.p2.d">Product sorting, grading, packaging, and document preparation based on buyer requirements.</p></div></div>
          <div class="home-about-point"><div class="home-about-point-num">03</div><div><div class="home-about-point-title" data-i18n="homeabout.p3.t">Buyer Partnership</div><p class="home-about-point-text" data-i18n="homeabout.p3.d">Transparent communication and long-term cooperation with international buyers.</p></div></div>
        </div>
      </div>
    </div>
  </section>

  <!-- PRODUCTS PREVIEW -->
  <div class="products-section">
    <div class="products-inner">
      <span class="sec-label" data-i18n="products.label">Our Product Portfolio</span>
      <h2 class="sec-title" data-i18n="products.title">Indonesian<br/><em data-i18n="products.titleem">Agro Commodities</em></h2>
      <p class="sec-desc"><span data-i18n="products.desc">PT Agri Sukses Exportindo sources, selects, grades, and exports selected Indonesian agricultural commodities to international buyers across various industries and global market regions.</span></p>
      <div class="products-grid">

        <div class="product-card" onclick="goToProduct('prod-vanilla')">
          <div class="pc-img">
            <img src="img_van_dried_bundles.jpeg" alt="Vanilli Papua premium vanilla beans"/>
          </div>
          <div class="pc-body">
            <span class="pc-label" data-i18n="p.hs.vanilla">HS 0905.10.00 · Vanilla planifolia</span>
            <div class="pc-title" data-i18n="p.vanilli.title">Vanilli Papua™<br/>Premium Vanilla Beans</div>
            <p class="pc-desc" data-i18n="pcd.vanilli">Premium Papua-origin vanilla beans for gourmet food, bakery, chocolate, ice cream, extract, fragrance, and natural ingredient industries.</p>
            <button class="pc-btn" data-i18n="p.btn.details">Request Product Details</button>
          </div>
        </div>

        <div class="product-card" onclick="goToProduct('prod-copra')">
          <div class="pc-img">
            <img src="img_wa5_coconut_pile.jpeg" alt="Papua Copra export"/>
          </div>
          <div class="pc-body">
            <span class="pc-label" data-i18n="p.hs.copra">HS 1203.00.00 · Copra</span>
            <div class="pc-title" data-i18n="p.copra.title">Papua Copra</div>
            <p class="pc-desc" data-i18n="pcd.copra">Sun-dried and rack-dried copra from Biak Numfor, Papua. 65–68% oil content. Suitable for coconut oil mills, food processing, and industrial use.</p>
            <button class="pc-btn" data-i18n="p.btn.details">Request Product Details</button>
          </div>
        </div>

        <div class="product-card" onclick="goToProduct('prod-cocoa')">
          <div class="pc-img">
            <img src="img_cocoa_pods.jpg" alt="Indonesian cocoa cacao beans"/>
          </div>
          <div class="pc-body">
            <span class="pc-label" data-i18n="p.hs.cocoa">HS 1801.00.00 · Cocoa Beans</span>
            <div class="pc-title" data-i18n="p.cocoa.title">Cocoa / Cacao</div>
            <p class="pc-desc" data-i18n="pcd.cocoa">Selected Indonesian cocoa beans for chocolate manufacturers, confectionery processors, ingredient distributors, and flavour houses globally.</p>
            <button class="pc-btn" data-i18n="p.btn.details">Request Product Details</button>
          </div>
        </div>

        <div class="product-card" onclick="goToProduct('prod-coffee')">
          <div class="pc-img">
            <img src="img_coffee_beans.jpg" alt="Indonesian coffee beans export"/>
          </div>
          <div class="pc-body">
            <span class="pc-label" data-i18n="p.hs.coffee">HS 0901.11.00 · Coffee</span>
            <div class="pc-title" data-i18n="p.coffee.title">Indonesian Coffee</div>
            <p class="pc-desc" data-i18n="pcd.coffee">Indonesian coffee products for roasters, importers, and specialty buyers. Sourced from premium Indonesian growing regions with traceable origin.</p>
            <button class="pc-btn" data-i18n="p.btn.details">Request Product Details</button>
          </div>
        </div>

        <div class="product-card" onclick="goToProduct('prod-banana')">
          <div class="pc-img">
            <img src="img_banana_bundle.png" alt="Indonesian banana leaves export"/>
          </div>
          <div class="pc-body">
            <span class="pc-label" data-i18n="p.hs.banana">HS 1404.90.90 · Banana Leaves</span>
            <div class="pc-title" data-i18n="p.banana.title">Banana Leaves</div>
            <p class="pc-desc" data-i18n="pcd.banana">Natural Indonesian banana leaves for food wrapping, restaurants, frozen food, catering, and ethnic food markets across Southeast Asia, Middle East, and Europe.</p>
            <button class="pc-btn" data-i18n="p.btn.details">Request Product Details</button>
          </div>
        </div>

        <div class="product-card" onclick="goToProduct('prod-spices')">
          <div class="pc-img">
            <img src="img_van_curled_beans.jpeg" alt="Indonesian spices export"/>
          </div>
          <div class="pc-body">
            <span class="pc-label" data-i18n="p.hs.spices">Multiple HS Codes · Spices</span>
            <div class="pc-title" data-i18n="p.spices.title">Spices & Other<br/>Agro Commodities</div>
            <p class="pc-desc" data-i18n="pcd.spices">Indonesian tropical spices and other agro commodities sourced from local cooperative networks. Available by inquiry — including cloves, nutmeg, pepper, and more.</p>
            <button class="pc-btn" data-i18n="p.btn.details">Request Product Details</button>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- VANILLI PAPUA FEATURED -->
  <div class="vanilli-section">
    <div class="vanilli-inner">
      <div class="vanilli-header">
        <div>
          <div class="vanilli-logo-area">
            <img src="img_van_logo.png" alt="Vanilli Papua" style="height:52px;width:52px;object-fit:cover;object-position:center top;border-radius:4px;background:#F8F4EC;"/>
            <div class="vanilli-brand-badge">Product Brand by PT Agri Sukses Exportindo</div>
          </div>
          <span class="sec-label" style="color:var(--gold);" data-i18n="vanilli.label">Featured Product Brand</span>
          <h2 class="sec-title sec-title-light">Vanilli Papua™<br/><em>Premium Vanilla Beans</em></h2>
          <p style="font-size:15.5px;line-height:1.80;color:rgba(248,244,236,.75);margin-bottom:28px;">Vanilli Papua is a premium Papua-origin vanilla bean product prepared for global buyers in gourmet food, bakery, chocolate, ice cream, extract, fragrance, and natural ingredient industries.</p>
          <button class="btn-primary" onclick="showPage('contact')">Request Vanilli Papua Quote →</button>
        </div>
        <div>
          <img src="img_van_dried_bundles2.jpeg" alt="Vanilli Papua premium vanilla beans" style="width:100%;height:320px;object-fit:cover;border-radius:4px;filter:brightness(.90);"/>
        </div>
      </div>

      <div class="vanilli-grades">
        <div class="vg-card">
          <div class="vg-grade" data-i18n="vg.a.grade">Grade A · Gourmet</div>
          <div class="vg-title" data-i18n="vg.a.title">Grade A Gourmet<br/>Vanilla Beans</div>
          <ul class="vg-specs">
            <li>Whole, oily, flexible, dark brown to black</li>
            <li>Length: 16–20 cm</li>
            <li>Moisture: 25–32%</li>
            <li>Vanillin target: 1.8–2.5% (final by CoA)</li>
          </ul>
          <p class="vg-use">Use: Pastry, bakery, chocolate, ice cream, gourmet culinary, fine dining</p>
        </div>
        <div class="vg-card">
          <div class="vg-grade" data-i18n="vg.b.grade">Grade B · Extract</div>
          <div class="vg-title" data-i18n="vg.b.title">Grade B Extract<br/>Vanilla Beans</div>
          <ul class="vg-specs">
            <li>Drier, brown to dark brown, split allowed</li>
            <li>Length: 12–16 cm</li>
            <li>Moisture: 15–25%</li>
            <li>Vanillin target: 1.5–2.2% (final by CoA)</li>
          </ul>
          <p class="vg-use">Use: Vanilla extract, powder, paste, food processing, flavor house</p>
        </div>
        <div class="vg-card">
          <div class="vg-grade" data-i18n="vg.c.grade">Grade C · Industrial</div>
          <div class="vg-title" data-i18n="vg.c.title">Cut / Broken<br/>Vanilla Beans</div>
          <ul class="vg-specs">
            <li>For extraction and industrial processing</li>
            <li>Moisture: 12–22%</li>
            <li>Vanillin by batch CoA</li>
            <li>Competitive pricing</li>
          </ul>
          <p class="vg-use">Use: Extract manufacturers, flavor industries, industrial vanilla processing</p>
        </div>
      </div>
    </div>
  </div>

  <!-- WHY US -->
  <div class="whyus-section">
    <div class="whyus-inner">
      <span class="sec-label">Why Choose Us</span>
      <h2 class="sec-title" data-i18n="whyus.title">Your Trusted<br/><em data-i18n="whyus.titleem">Export Partner</em></h2>
      <div class="whyus-grid">
        <div class="whyus-card"><div class="whyus-icon">🤝</div><div class="whyus-title" data-i18n="why.trusted.title">Trusted Export Partner</div><p class="whyus-text" data-i18n="why.trusted.text">Jakarta-based export company with professional coordination, credible documentation, and commitment to long-term buyer relationships.</p></div>
        <div class="whyus-card"><div class="whyus-icon">✅</div><div class="whyus-title" data-i18n="why.quality.title">Quality Product Selection</div><p class="whyus-text" data-i18n="why.quality.text">Every commodity is visually inspected, sorted, and graded before export. Quality verification available through CoA by request.</p></div>
        <div class="whyus-card"><div class="whyus-icon">🏢</div><div class="whyus-title" data-i18n="why.jakarta.title">Jakarta Export Coordination</div><p class="whyus-text" data-i18n="why.jakarta.text">Head office in Jakarta handles all export coordination, documentation, buyer communication, and logistics management.</p></div>
        <div class="whyus-card"><div class="whyus-icon">🏭</div><div class="whyus-title" data-i18n="why.papua.title">Papua Warehouse & Supply</div><p class="whyus-text" data-i18n="why.papua.text">Consolidation warehouses in Papua provide direct access to local agro supply networks, sorting, and pre-shipment preparation.</p></div>
        <div class="whyus-card"><div class="whyus-icon">📦</div><div class="whyus-title" data-i18n="why.packaging.title">Professional Packaging</div><p class="whyus-text" data-i18n="why.packaging.text">Export-grade packaging prepared based on buyer requirements. Branded or neutral packaging options available by discussion.</p></div>
        <div class="whyus-card"><div class="whyus-icon">📋</div><div class="whyus-title" data-i18n="why.docs.title">Export Documentation</div><p class="whyus-text" data-i18n="why.docs.text">Complete export documentation support: Commercial Invoice, Packing List, B/L, Phytosanitary Certificate, CoA, and Certificate of Origin.</p></div>
        <div class="whyus-card"><div class="whyus-icon">🧪</div><div class="whyus-title" data-i18n="why.sample.title">Sample & Trial Order</div><p class="whyus-text" data-i18n="why.sample.text">Sample and trial shipments available for buyer evaluation before full commercial volume. Build confidence before scaling.</p></div>
        <div class="whyus-card"><div class="whyus-icon">🌍</div><div class="whyus-title" data-i18n="why.longterm.title">Long-Term Partnership</div><p class="whyus-text" data-i18n="why.longterm.text">We invest in relationships, not just transactions. Regular supply cooperation, buyer priority allocation, and dedicated account support.</p></div>
      </div>
    </div>
  </div>

  <!-- PROCESS STRIP -->
  <div class="process-section">
    <div class="process-inner">
      <span class="sec-label" style="color:var(--gold);text-align:center;display:block;" data-i18n="work.label">How We Work</span>
      <h2 class="sec-title sec-title-light" style="text-align:center;" data-i18n="process.title">From Sourcing<br/><em>to Shipment</em></h2>
      <div class="process-steps">
        <div class="ps"><div class="ps-num" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 20c-4.5 0-7.5-3.3-7.5-7.7C4.5 8.2 7.7 4.8 12 4c4.3.8 7.5 4.2 7.5 8.3 0 4.4-3 7.7-7.5 7.7Z"/><path d="M12 20V6.8"/><path d="M12 12.2c-2-1.1-4.2-1.7-6.1-1.8"/><path d="M12 14.3c1.9-1.2 4-1.9 6.1-2"/></svg></div><div class="ps-title" data-i18n="proc.1">Sourcing</div><p class="ps-text" data-i18n="proc.1.text">Selected sourcing from local cooperative farmer networks in Papua and other Indonesian regions.</p></div>
        <div class="ps"><div class="ps-num" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 6h16"/><path d="M7 12h10"/><path d="M10 18h4"/><path d="M14 6 9.5 12v4l-2 2"/></svg></div><div class="ps-title" data-i18n="proc.2">Sorting</div><p class="ps-text" data-i18n="proc.2.text">Manual and visual sorting at Papua warehouse. Removal of damaged, substandard, or non-conforming product.</p></div>
        <div class="ps"><div class="ps-num" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.9 6.7 19.1l1-5.8-4.2-4.1 5.9-.9L12 3Z"/></svg></div><div class="ps-title" data-i18n="proc.3">Grading</div><p class="ps-text" data-i18n="proc.3.text">Graded by size, moisture, appearance, and quality parameters per buyer specification.</p></div>
        <div class="ps"><div class="ps-num" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="m12 3 8 4.2-8 4.3-8-4.3L12 3Z"/><path d="M4 7.2V17l8 4 8-4V7.2"/><path d="M12 11.5V21"/></svg></div><div class="ps-title" data-i18n="spec.packaging">Packaging</div><p class="ps-text" data-i18n="proc.4.text">Export-grade packaging based on buyer requirements. Batch photos provided on request.</p></div>
        <div class="ps"><div class="ps-num" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 3h6l5 5v13H8z"/><path d="M14 3v5h5"/><path d="M11 13h5"/><path d="M11 17h5"/></svg></div><div class="ps-title" data-i18n="proc.5">Documentation</div><p class="ps-text" data-i18n="proc.5.text">Complete export docs prepared: Invoice, Packing List, CoA, Phytosanitary, Certificate of Origin.</p></div>
        <div class="ps"><div class="ps-num" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M3 16h18"/><path d="M5 16V9h9l3 3h2v4"/><path d="M14 9V5H9v4"/><path d="M7 19.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/><path d="M17 19.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/></svg></div><div class="ps-title" data-i18n="proc.6">Shipment</div><p class="ps-text" data-i18n="proc.6.text">Coordinated loading and shipping from Surabaya or Makassar. FOB, CIF, or CNF as agreed.</p></div>
      </div>
    </div>
  </div>


  <!-- QUALITY & EXPORT READINESS -->
  <section class="quality-section">
    <div class="quality-inner">
      <div>
        <span class="sec-label" data-i18n="quality.label">Quality & Export Readiness</span>
        <h2 class="sec-title" data-i18n="quality.title">Prepared for<br/><em>International Buyers</em></h2>
        <p class="sec-desc" data-i18n="quality.desc">We understand that international buyers require clear product information, reliable packaging, proper documentation, and consistent communication. PT Agri Sukses Exportindo supports buyers through product selection, sorting, grading, packaging coordination, batch photos, and export documentation based on agreed requirements.</p>
        <div class="quality-statement" data-i18n="quality.statement">Clear product information, proper preparation, and professional export coordination.</div>
      </div>
      <div class="quality-checklist">
        <div class="quality-check" data-i18n="quality.c1">Product sourcing from selected supply networks</div>
        <div class="quality-check" data-i18n="quality.c2">Visual inspection and sorting</div>
        <div class="quality-check" data-i18n="quality.c3">Product grading based on buyer requirements</div>
        <div class="quality-check" data-i18n="quality.c4">Packaging preparation</div>
        <div class="quality-check" data-i18n="quality.c5">Batch photo documentation by request</div>
        <div class="quality-check" data-i18n="quality.c6">Certificate of Analysis by request</div>
        <div class="quality-check" data-i18n="quality.c7">Phytosanitary certificate where applicable</div>
        <div class="quality-check" data-i18n="quality.c8">Certificate of Origin where applicable</div>
        <div class="quality-check" data-i18n="quality.c9">Commercial invoice and packing list</div>
        <div class="quality-check" data-i18n="quality.c10">FOB, CIF, or CNF discussion</div>
      </div>
    </div>
  </section>

  <!-- OPERATIONAL MODEL -->
  <section class="home-ops-section">
    <div class="home-ops-inner">
      <span class="sec-label" style="color:var(--gold);" data-i18n="homeops.label">Operational Model</span>
      <h2 class="sec-title sec-title-light" data-i18n="homeops.title">Jakarta Head Office,<br/><em>Papua Supply Base</em></h2>
      <p style="font-size:15.5px;line-height:1.8;color:rgba(248,244,236,.72);max-width:760px;" data-i18n="homeops.desc">PT Agri Sukses Exportindo operates through a practical coordination model. Jakarta serves as the business and export coordination hub, while Papua supports supply access, commodity consolidation, sorting, and pre-shipment preparation for selected products.</p>
      <div class="home-ops-grid">
        <div class="home-ops-card">
          <div class="home-ops-kicker" data-i18n="homeops.jkt.k">Jakarta Head Office</div>
          <div class="home-ops-title" data-i18n="homeops.jkt.t">Business & Export Coordination Hub</div>
          <p class="home-ops-text" data-i18n="homeops.jkt.d">Buyer communication, marketing, quotation, export documentation, logistics coordination, trade negotiation, and administrative support.</p>
          <ul class="home-ops-list">
            <li data-i18n="homeops.jkt.l1">Buyer communication</li><li data-i18n="homeops.jkt.l2">Quotation</li><li data-i18n="homeops.jkt.l3">Export documents</li><li data-i18n="homeops.jkt.l4">Logistics coordination</li>
          </ul>
        </div>
        <div class="home-ops-card">
          <div class="home-ops-kicker" data-i18n="homeops.pap.k">Papua Supply Base</div>
          <div class="home-ops-title" data-i18n="homeops.pap.t">Sourcing & Consolidation Network</div>
          <p class="home-ops-text" data-i18n="homeops.pap.d">Local commodity sourcing, initial sorting and grading, stock consolidation, product preparation, and access to Papua-origin commodities.</p>
          <ul class="home-ops-list">
            <li data-i18n="homeops.pap.l1">Local sourcing</li><li data-i18n="homeops.pap.l2">Initial sorting</li><li data-i18n="homeops.pap.l3">Stock consolidation</li><li data-i18n="homeops.pap.l4">Product preparation</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- VALUES SECTION REMOVED AS REQUESTED -->

  <!-- FAQ SECTION -->
  <div style="background:var(--cream);padding:80px 60px;">
    <div style="max-width:860px;margin:0 auto;">
      <span class="sec-label" data-i18n="faq.label">Frequently Asked Questions</span>
      <h2 class="sec-title" data-i18n="faq.title">Common Questions<br/><em>from Buyers</em></h2>
      <p style="font-size:15.5px;line-height:1.85;color:var(--text-mid);margin-bottom:36px;" data-i18n="faq.intro">At PT Agri Sukses Exportindo, we understand that international trade begins with trust. We are committed to transparent communication, clear product specifications, proper documentation, and responsive buyer support. Below are some of the most common questions international buyers may ask before starting cooperation with us.</p>
      <div id="faq-list" style="display:grid;gap:14px;">
        <div class="faq-item" onclick="toggleFaq(this)">
          <div class="faq-q" data-i18n="faq.q1">Are you a trading company or a direct producer?</div>
          <div class="faq-a" data-i18n="faq.a1">We are an agro commodity trading and export company working with trusted local supply partners. Our sourcing model is supported by farmer cooperatives, local collectors, and selected suppliers in Papua and other Indonesian regions. This allows us to provide source-area access, flexible order discussion, coordinated preparation, and clearer product information for buyers.</div>
        </div>
        <div class="faq-item" onclick="toggleFaq(this)">
          <div class="faq-q" data-i18n="faq.q2">How does PT Agri Sukses Exportindo build buyer trust?</div>
          <div class="faq-a" data-i18n="faq.a2">We build buyer trust through transparent product information, responsive communication, sample or trial shipment options, clear documentation, and export handling based on agreed requirements. Buyers can evaluate product quality, service, and documentation before proceeding to larger commercial orders.</div>
        </div>
        <div class="faq-item" onclick="toggleFaq(this)">
          <div class="faq-q" data-i18n="faq.q3">What is your minimum order quantity?</div>
          <div class="faq-a" data-i18n="faq.a3">Minimum order quantity depends on the product type and stock availability. For Vanilli Papua, sample orders can start from 1 kg. For Papua Copra, initial orders can start from 1 MT. For other commodities such as cocoa, coffee, banana leaves, spices, and other agro products, the minimum order quantity is flexible and can be discussed based on buyer requirements, destination, and product availability.</div>
        </div>
        <div class="faq-item" onclick="toggleFaq(this)">
          <div class="faq-q" data-i18n="faq.q4">Can I get a sample before placing a bulk order?</div>
          <div class="faq-a" data-i18n="faq.a4">Yes. We highly recommend sample evaluation before a commercial order. Please share your product requirement, grade, quantity, destination country, and preferred specification. Our team will help prepare the sample, product photos, batch information, and supporting documents based on your needs.</div>
        </div>
        <div class="faq-item" onclick="toggleFaq(this)">
          <div class="faq-q" data-i18n="faq.q5">What export documents can you provide?</div>
          <div class="faq-a" data-i18n="faq.a5">We can support export documentation such as Commercial Invoice, Packing List, Bill of Lading, Phytosanitary Certificate, Certificate of Origin, and Certificate of Analysis (CoA) from an independent laboratory upon request. Document availability may depend on the product type, destination country, import regulations, and transaction agreement.</div>
        </div>
        <div class="faq-item" onclick="toggleFaq(this)">
          <div class="faq-q" data-i18n="faq.q6">How can I contact your team?</div>
          <div class="faq-a" data-i18n="faq.a6">The fastest way to contact us is through WhatsApp or our official company email. Our team responds during business hours based on Jakarta Time / Western Indonesia Time (GMT+7). Buyers will communicate directly with the team handling inquiries, samples, quotations, and order coordination.</div>
        </div>
      </div>
    </div>
  </div>

  <style>
  .faq-item{background:var(--ivory);border:1px solid rgba(58,32,16,.08);border-radius:3px;
    overflow:hidden;transition:.3s;cursor:pointer;}
  .faq-item:hover{border-color:rgba(201,151,42,.30);}
  .faq-item.open{border-color:var(--gold);}
  .faq-q{padding:20px 24px;font-family:'Cormorant Garamond',serif;font-size:19px;
    color:var(--text-dark);font-weight:600;display:flex;justify-content:space-between;
    align-items:center;gap:16px;}
  .faq-q::after{content:'+';font-size:22px;color:var(--gold);flex-shrink:0;
    font-family:'DM Sans',sans-serif;font-weight:300;transition:.3s;}
  .faq-item.open .faq-q::after{content:'−';}
  .faq-a{max-height:0;overflow:hidden;padding:0 24px;font-size:14.5px;
    line-height:1.80;color:var(--text-mid);transition:.4s ease;}
  .faq-item.open .faq-a{max-height:300px;padding:0 24px 20px;}
  </style>

  <div class="cta-band">
    <h2><span data-i18n="cta.home">Ready to source <em data-i18n="cta.homeEm">Indonesian agro commodities?</em></span></h2>
    <p><span data-i18n="cta.homeP">Our export desk supports buyer inquiries with clear product information, sample options, trial shipments, professional quotation follow-up, and export documentation guidance.</span></p>
    <div class="cta-btns">
      <button class="btn-primary" onclick="showPage('contact')" data-i18n="cta.sendInquiry">Send Inquiry</button>
      <button class="btn-outline-light" onclick="showPage('products')" data-i18n="btn.viewProducts">View All Products</button>
    </div>
  </div>

  <footer>
    <div class="footer-grid">
      <div>
        <div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;">
          <img src="img_ase_logo_nav.png" alt="PT Agri Sukses Exportindo"
            style="height:44px;width:auto;object-fit:contain;background:transparent;"/>
        </div>
        <p class="f-tagline"><span data-i18n="footer.tagline">From Indonesia's Nature to the World.<br/>Trusted. Quality. Professional.</span></p>
      </div>
      <div>
        <div class="f-col-title" data-i18n="footer.company">Company</div>
        <ul class="f-links">
          <li><a onclick="showPage('home')">Home</a></li>
          <li><a onclick="showPage('about')">About Us</a></li>
          <li><a onclick="showPage('export')">Export Process</a></li>
          <li><a onclick="showPage('markets')">Markets</a></li>
          <li><a onclick="showPage('contact')">Contact</a></li>
        </ul>
      </div>
      <div>
        <div class="f-col-title" data-i18n="footer.products">Products</div>
        <ul class="f-links">
          <li><a onclick="showPage('products')">Vanilli Papua™</a></li>
          <li><a onclick="showPage('products')">Papua Copra</a></li>
          <li><a onclick="showPage('products')">Cocoa / Cacao</a></li>
          <li><a onclick="showPage('products')">Indonesian Coffee</a></li>
          <li><a onclick="showPage('products')">Banana Leaves</a></li>
          <li><a onclick="showPage('products')">Spices & Others</a></li>
        </ul>
      </div>
      <div>
        <div class="f-col-title" data-i18n="footer.contact">Contact</div>
        <div class="f-address"><span class="f-address-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg></span><div><div class="f-address-label">Jakarta Head Office</div><div class="f-address-text">Lentera Sudchi, Jl. Moch. Kahfi II No. 44, RT.4/RW.4, Ciganjur, Kec. Jagakarsa, Kota Jakarta Selatan, DKI Jakarta 12360</div></div></div>
        <div class="f-contact-item"><span>🏭</span>Warehouse: Papua, Indonesia</div>
        <div class="f-contact-item"><span>✉️</span>export@agrisuksesexportindo.com</div>
        <div class="f-contact-item"><span>📱</span>+62 822-2151-1561</div>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="footer-copy">© 2025 PT Agri Sukses Exportindo · All Rights Reserved · Jakarta, Indonesia</div>
      <div class="footer-copy">HS 0905 · HS 1203 · HS 1801 · HS 0901 · FOB · CIF · CNF</div>
    </div>
  </footer>
</div>

<!-- ═══════════ ABOUT ═══════════ -->
<div class="page" id="page-about">
  <div class="about-hero pt-nav" style="position:relative;overflow:hidden;display:block;padding:0;background:var(--green-deep);">
    <!-- Full banner image — natural aspect ratio, no crop, no text -->
    <img src="img_ase_hero_banner.png" alt="PT Agri Sukses Eksportindo — From Indonesia’s Nature to the World"
      style="width:100%;height:auto;display:block;filter:brightness(.88);"/>
    <!-- Gold accent line top -->
    <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--gold),rgba(201,151,42,.30));"></div>
  </div>

 class="about-overview">
    <div style="max-width:1200px;margin:0 auto;padding:80px 60px;">

      <!-- Section header text -->
      <div style="text-align:center;margin-bottom:48px;">
        <span class="sec-label" data-i18n="brand.label">Identitas Perusahaan</span>
        <h2 class="sec-title" style="margin-bottom:16px;">
          <span data-i18n="brand.title">Brand yang Terpercaya,</span><br/>
          <em data-i18n="brand.titleem">Kehadiran Profesional</em>
        </h2>
        <p style="font-size:15.5px;line-height:1.82;color:var(--text-mid);max-width:620px;margin:0 auto;" data-i18n="brand.subtitle">PT Agri Sukses Eksportindo hadir dengan identitas korporat yang jelas, mencerminkan profesionalisme, kualitas, dan kepercayaan dalam ekspor komoditas agro Indonesia.</p>
      </div>

      <!-- Full brand collage image -->
      <div style="border-radius:8px;overflow:hidden;box-shadow:0 28px 72px rgba(13,43,26,.18);">
        <img src="img_ase_brand_collage.png"
          alt="PT Agri Sukses Eksportindo — Brand Identity Collage"
          style="width:100%;height:auto;display:block;"/>
      </div>

    </div>


  <!-- ═══════════ COMPANY OVERVIEW (added) ═══════════ -->
  <section class="ov-section">
    <div class="ov-inner">
      <div class="ov-head">
        <span class="sec-label" data-i18n="ov.label">Company Overview</span>
        <h2 class="sec-title" data-i18n="ov.title">Trusted <em>Indonesian</em></h2>
        <p class="sec-desc" data-i18n="ov.desc">PT Agri Sukses Exportindo connects selected agricultural commodities from Papua and other Indonesian regions with international buyers through professional sourcing, export-ready preparation, proper documentation, and responsive trade coordination.</p>
      </div>
      <div class="ov-grid">
        <div class="ov-card">
          <div class="ov-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21h18"/><path d="M5 21V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v16"/><path d="M16 9h3a2 2 0 0 1 2 2v10"/><path d="M9 7h2M9 11h2M9 15h2"/></svg></div>
          <div class="ov-card-title" data-i18n="ov.c1.t">Jakarta Head Office</div>
          <p class="ov-card-text" data-i18n="ov.c1.d">Export coordination, buyer communication, quotation preparation, documentation, and logistics arrangement are managed from Jakarta.</p>
        </div>
        <div class="ov-card">
          <div class="ov-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22V11"/><path d="M12 13C12 8.6 8.9 5.5 4 5.5c0 4.4 3.1 7.5 8 7.5Z"/><path d="M12 15c0-3.6 3.1-6.5 8-6.5 0 3.6-3.1 6.5-8 6.5Z"/></svg></div>
          <div class="ov-card-title" data-i18n="ov.c2.t">Papua Supply Base</div>
          <p class="ov-card-text" data-i18n="ov.c2.d">Supported by supply networks and commodity consolidation access in Papua for selected agro commodities from production areas.</p>
        </div>
        <div class="ov-card">
          <div class="ov-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3 8 4.3v9.4L12 21l-8-4.3V7.3L12 3Z"/><path d="m4.2 7.4 7.8 4.2 7.8-4.2"/><path d="M12 21v-9.4"/></svg></div>
          <div class="ov-card-title" data-i18n="ov.c3.t">Selected Commodities</div>
          <p class="ov-card-text" data-i18n="ov.c3.d">Vanilla, copra, cocoa, coffee, banana leaves, spices, and other Indonesian tropical agro products.</p>
        </div>
        <div class="ov-card">
          <div class="ov-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6"/><path d="M10 3v6.5L5.2 18A2 2 0 0 0 7 21h10a2 2 0 0 0 1.8-3L14 9.5V3"/><path d="M8 14.5h8"/></svg></div>
          <div class="ov-card-title" data-i18n="ov.c4.t">Sample Support</div>
          <p class="ov-card-text" data-i18n="ov.c4.d">Sample shipment and trial order options are available for selected products before commercial purchase.</p>
        </div>
        <div class="ov-card">
          <div class="ov-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z"/><path d="M14 3v5h5"/><path d="M9 13h6M9 17h4"/></svg></div>
          <div class="ov-card-title" data-i18n="ov.c5.t">Export Documentation</div>
          <p class="ov-card-text" data-i18n="ov.c5.d">Commercial Invoice, Packing List, Certificate of Origin, Phytosanitary Certificate, and Certificate of Analysis (CoA) can be supported based on buyer requirements.</p>
        </div>
        <div class="ov-card">
          <div class="ov-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="8" r="3"/><path d="M3.6 20a5.5 5.5 0 0 1 10.8 0"/><path d="M16 5.6a3 3 0 0 1 0 5.8"/><path d="M17.6 14.4A5.5 5.5 0 0 1 20.8 19"/></svg></div>
          <div class="ov-card-title" data-i18n="ov.c6.t">Buyer Coordination</div>
          <p class="ov-card-text" data-i18n="ov.c6.d">Responsive communication and clear product information for international buyers.</p>
        </div>
      </div>
      <div class="ov-actions">
        <a class="btn-primary" href="https://wa.me/6282221511561?text=Hello%20PT%20Agri%20Sukses%20Exportindo%2C%20I%20would%20like%20to%20connect%20with%20your%20team." target="_blank" rel="noopener" data-i18n="ov.btn.contact">Contact Our Team</a>
        <button class="btn-outline-dark" onclick="showPage('products')" data-i18n="ov.btn.products">Our Products</button>
      </div>
    </div>
  </section>

  <!-- ═══════════ VISION & MISSION (added) ═══════════ -->
  <section class="vm-section">
    <div class="vm-inner">
      <div class="vm-grid">
        <div class="vm-card">
          <div class="vm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg></div>
          <span class="vm-label" data-i18n="vm.vision.label">Vision</span>
          <h3 class="vm-title" data-i18n="vm.vision.title">Our Vision</h3>
          <p class="vm-text" data-i18n="vm.vision.text">To become a reliable Indonesian agro commodity export partner that delivers selected agricultural products to global buyers through quality, professionalism, and long-term cooperation.</p>
        </div>
        <div class="vm-card">
          <div class="vm-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.4"/></svg></div>
          <span class="vm-label" data-i18n="vm.mission.label">Mission</span>
          <h3 class="vm-title" data-i18n="vm.mission.title">Our Mission</h3>
          <p class="vm-text" data-i18n="vm.mission.text">To connect Indonesia’s agricultural potential with international buyers through trusted local partnerships, quality preparation, export documentation, and professional long-term cooperation.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== OUR TEAM ===== -->
  <section class="team-section">
    <div class="team-inner">
      <div class="team-head">
        <span class="sec-label" data-i18n="team.label">Our Team</span>
        <h2 class="sec-title" data-i18n="team.title">The People Behind <em>Agri Sukses Exportindo</em></h2>
        <p class="sec-desc" data-i18n="team.desc">A small, focused team dedicated to building reliable bridges between Indonesia’s agricultural communities and global markets.</p>
      </div>
      <div class="team-grid">
        <article class="team-card">
          <div class="team-photo"><img src="img_team_utami.jpg" alt="Utami — Director & Business Development"/></div>
          <div class="team-info">
            <h3 class="team-name">Utami</h3>
            <div class="team-role" data-i18n="team.utami.role">Director &amp; Business Development</div>
            <p class="team-bio" data-i18n="team.utami.bio">Leads PT Agri Sukses Exportindo’s strategic direction, partnerships, and business growth. Oversees company vision and represents the brand to key international buyers and stakeholders.</p>
          </div>
        </article>
        <article class="team-card">
          <div class="team-photo"><img src="img_team_echon.jpg" alt="Echon — Head of Sourcing & Field Operations"/></div>
          <div class="team-info">
            <h3 class="team-name">Echon</h3>
            <div class="team-role" data-i18n="team.echon.role">Head of Sourcing &amp; Field Operations</div>
            <p class="team-bio" data-i18n="team.echon.bio">Manages our farmer network and sourcing operations on the ground in Papua and other Indonesian regions. Ensures quality, traceability, and direct relationships with cooperative partners.</p>
          </div>
        </article>
        <article class="team-card">
          <div class="team-photo"><img src="img_team_maura.jpg" alt="Maura — Export & Marketing Manager"/></div>
          <div class="team-info">
            <h3 class="team-name">Maura</h3>
            <div class="team-role" data-i18n="team.maura.role">Export &amp; Marketing Manager</div>
            <p class="team-bio" data-i18n="team.maura.bio">Coordinates international shipments, export documentation, and buyer communication. Manages marketing, market intelligence, and supports new business relationships across global markets.</p>
          </div>
        </article>
      </div>
    </div>
  </section>

  <div class="ops-section">
    <div class="ops-inner">
      <span class="sec-label" data-i18n="about.ops.label">Our Role in the Supply Chain</span>
      <h2 class="sec-title" data-i18n="about.ops.title">Professional Export <em data-i18n="about.ops.titleem">Partnership</em></h2>
      <p class="sec-desc" style="margin-bottom:40px;" data-i18n="about.ops.desc">PT Agri Sukses Exportindo serves as a professional export partner connecting local commodity sources with international buyers through structured sourcing, product selection, packaging coordination, documentation support, and shipment preparation based on export transaction requirements.</p>

      <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:0;">

        <div style="background:var(--ivory);border-radius:4px;padding:32px;border-top:3px solid var(--gold);">
          <div style="font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;" data-i18n="about.role.1.num">01</div>
          <div style="font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--text-dark);margin-bottom:10px;font-weight:600;" data-i18n="about.role.1.title">Supply Network</div>
          <p style="font-size:13.5px;line-height:1.70;color:var(--text-mid);" data-i18n="about.role.1.text">The company has access to selected agro commodity sources in Papua and other Indonesian regions through trusted local suppliers, consolidation partners, and supply chain networks.</p>
        </div>

        <div style="background:var(--ivory);border-radius:4px;padding:32px;border-top:3px solid var(--gold);">
          <div style="font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;" data-i18n="about.role.2.num">02</div>
          <div style="font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--text-dark);margin-bottom:10px;font-weight:600;" data-i18n="about.role.2.title">Export Preparation</div>
          <p style="font-size:13.5px;line-height:1.70;color:var(--text-mid);" data-i18n="about.role.2.text">Products are prepared through sorting, grading, packaging, and supporting document preparation based on buyer requirements and destination country standards.</p>
        </div>

        <div style="background:var(--ivory);border-radius:4px;padding:32px;border-top:3px solid var(--gold);">
          <div style="font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;" data-i18n="about.role.3.num">03</div>
          <div style="font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--text-dark);margin-bottom:10px;font-weight:600;" data-i18n="about.role.3.title">Buyer Partnership</div>
          <p style="font-size:13.5px;line-height:1.70;color:var(--text-mid);" data-i18n="about.role.3.text">The company builds transparent, responsive, and professional communication with international buyers to support long-term and mutually beneficial cooperation.</p>
        </div>

      </div>
    </div>
  </div>
  

  <div class="whyus-section">
    <div class="whyus-inner">
      <span class="sec-label" data-i18n="about.values.label">Core Values</span>
      <h2 class="sec-title" data-i18n="about.values.title">What Drives <em data-i18n="about.values.titleem">Everything We Do</em></h2>
      <div class="whyus-grid">
        <div class="whyus-card"><div class="whyus-icon">🤝</div><div class="whyus-title" data-i18n="val.trust">Trust</div><p class="whyus-text" data-i18n="val.trust.text">Transparent communication and clear product information to support buyer confidence in every transaction.</p></div>
        <div class="whyus-card"><div class="whyus-icon">🏆</div><div class="whyus-title" data-i18n="val.quality">Quality</div><p class="whyus-text" data-i18n="val.quality.text">Every product is sourced, sorted, and graded to meet international standards. Quality is never an afterthought.</p></div>
        <div class="whyus-card"><div class="whyus-icon">💼</div><div class="whyus-title" data-i18n="val.prof">Professionalism</div><p class="whyus-text" data-i18n="val.prof.text">Professional coordination, responsive communication, and precise documentation in every buyer interaction.</p></div>
        <div class="whyus-card"><div class="whyus-icon">🌱</div><div class="whyus-title" data-i18n="val.sustain">Sustainability</div><p class="whyus-text" data-i18n="val.sustain.text">Responsible supply collaboration with local partners to support long-term, sustainable commodity development.</p></div>
      </div>
    </div>
  </div>

  <div class="cta-band">
    <h2>Learn more about <em>our export services?</em></h2>
    <p>Contact our export desk in Jakarta for product availability, pricing, and buyer partnership discussions.</p>
    <div class="cta-btns">
      <button class="btn-primary" onclick="showPage('contact')" data-i18n="btn.contactDesk">Contact Export Desk</button>
      <button class="btn-outline-light" onclick="showPage('export')" data-i18n="btn.exportProcess">Export Process</button>
    </div>
  </div>

  <footer>
    <div class="footer-grid">
      <div><div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"><span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 120 120" class="brand-mark-svg" role="img">
        <defs>
          <linearGradient id="bmGold" x1="18" y1="12" x2="98" y2="108" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#FFF4B8"/>
            <stop offset="0.45" stop-color="#E7C35A"/>
            <stop offset="1" stop-color="#B98218"/>
          </linearGradient>
          <linearGradient id="bmGreen" x1="25" y1="20" x2="92" y2="103" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#0F4C32"/>
            <stop offset="1" stop-color="#062A1B"/>
          </linearGradient>
          <filter id="bmShadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.34"/>
          </filter>
        </defs>
        <circle cx="60" cy="60" r="54" fill="url(#bmGold)" filter="url(#bmShadow)"/>
        <circle cx="60" cy="60" r="47" fill="rgba(255,255,255,0.16)" stroke="#FFF7C8" stroke-width="2"/>
        <g fill="none" stroke="#0A3824" stroke-linecap="round" stroke-linejoin="round">
          <path d="M35 44c7-18 24-28 43-22 14 5 22 18 22 35" stroke-width="5"/>
          <path d="M60 21c-9 9-14 21-14 39" stroke-width="2.7"/>
          <path d="M61 21c11 10 17 22 16 39" stroke-width="2.7"/>
          <path d="M39 36c14 5 37 5 52 0" stroke-width="2.4" opacity=".8"/>
          <path d="M34 50c18 4 45 4 64 0" stroke-width="2.4" opacity=".75"/>
          <path d="M61 21v43" stroke-width="2.3" opacity=".8"/>
        </g>
        <path d="M48 95C29 89 20 73 24 51c20 4 32 18 32 39-3 2-5 4-8 5z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M36 60c7 10 12 21 16 33" fill="none" stroke="#FFF4B8" stroke-width="2.5" stroke-linecap="round" opacity=".9"/>
        <path d="M57 98c18-12 28-28 28-48-19 4-32 19-36 42 3 2 6 4 8 6z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M75 61c-6 10-12 22-17 36" fill="none" stroke="#FFF4B8" stroke-width="2.4" stroke-linecap="round" opacity=".9"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round"/>
        <path d="M92 41l18 17-24 3" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#FFF5BE" stroke-width="1.4" stroke-linecap="round" opacity=".75"/>
      </svg>
    </span>
            <div><div class="f-brand-main">PT Agri Sukses Exportindo</div>
            <div class="f-brand-sub">Indonesian Agro Commodity Exporter</div></div>
          </div><p class="f-tagline">From Indonesia's Nature to the World.<br/>Trusted. Quality. Professional.</p></div>
      <div><div class="f-col-title">Company</div><ul class="f-links"><li><a onclick="showPage('home')">Home</a></li><li><a onclick="showPage('about')">About Us</a></li><li><a onclick="showPage('export')">Export Process</a></li><li><a onclick="showPage('markets')">Markets</a></li><li><a onclick="showPage('contact')">Contact</a></li></ul></div>
      <div><div class="f-col-title">Products</div><ul class="f-links"><li><a onclick="showPage('products')">Vanilli Papua™</a></li><li><a onclick="showPage('products')">Papua Copra</a></li><li><a onclick="showPage('products')">Cocoa / Cacao</a></li><li><a onclick="showPage('products')">Indonesian Coffee</a></li><li><a onclick="showPage('products')">Banana Leaves</a></li><li><a onclick="showPage('products')">Spices & Others</a></li></ul></div>
      <div><div class="f-col-title">Contact</div><div class="f-address"><span class="f-address-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg></span><div><div class="f-address-label">Jakarta Head Office</div><div class="f-address-text">Lentera Sudchi, Jl. Moch. Kahfi II No. 44, RT.4/RW.4, Ciganjur, Kec. Jagakarsa, Kota Jakarta Selatan, DKI Jakarta 12360</div></div></div><div class="f-contact-item"><span>🏭</span>Warehouse: Papua, Indonesia</div><div class="f-contact-item"><span>✉️</span>export@agrisuksesexportindo.com</div><div class="f-contact-item"><span>📱</span>+62 822-2151-1561</div></div>
    </div>
    <div class="footer-bottom"><div class="footer-copy">© 2025 PT Agri Sukses Exportindo · All Rights Reserved · Jakarta, Indonesia</div><div class="footer-copy">HS 0905 · HS 1203 · HS 1801 · HS 0901 · FOB · CIF · CNF</div></div>
  </footer>
</div>

<!-- ═══════════ PRODUCTS ═══════════ -->
<div class="page" id="page-products">
  <div class="pr-hero">
    <div class="pr-hero-bg" aria-hidden="true"><img src="img_products_hero.jpg" alt=""/></div>
    <div class="pr-hero-grad" aria-hidden="true"></div>
    <div class="pr-hero-frame" aria-hidden="true"></div>
    <div class="pr-hero-inner">
      <span class="sec-label" style="color:var(--gold-bright);">Our Product Portfolio</span>
      <h1 class="pr-hero-h1">Premium Indonesian<br/><em>Agro Commodities</em></h1>
      <p class="pr-hero-p">Selected, sorted, graded, and export-ready. All products sourced from Indonesian farmer networks with professional documentation support.</p>
      <div class="pr-hero-tags">
        <span>Vanilla</span><span>Copra</span><span>Cocoa</span><span>Coffee</span><span>Banana Leaves</span><span>Spices</span>
      </div>
    </div>
  </div>

  <div class="products-section">
    <div class="products-inner">
      <div class="products-grid">
        <div class="product-card" id="prod-vanilla"><div class="pc-img"><img src="img_van_dried_bundles.jpeg" alt="Vanilli Papua Grade A"/></div><div class="pc-body"><span class="pc-label" data-i18n="p.hs.vanilla">HS 0905.10.00 · Vanilla planifolia</span><div class="pc-title">Grade A Gourmet Vanilla</div><p class="pc-desc" data-i18n="pcd.van.a">Whole, oily, flexible beans. Rich vanillin aroma. Premium gourmet grade for pastry chefs, chocolate makers, ice cream, and luxury food brands.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.length">Length</div><div class="pc-spec-val">16–20 cm</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.moisture">Moisture</div><div class="pc-spec-val">25–32%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.vanillin">Vanillin</div><div class="pc-spec-val">1.8–2.5%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">1 KG</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card"><div class="pc-img"><img src="img_van_dried_bundles2.jpeg" alt="Vanilli Papua Grade B extract"/></div><div class="pc-body"><span class="pc-label" data-i18n="p.hs.vanilla">HS 0905.10.00 · Vanilla planifolia</span><div class="pc-title">Grade B Extract Vanilla</div><p class="pc-desc" data-i18n="pcd.van.b">Drier beans suitable for extract manufacturing, flavor houses, vanilla paste, powder, and large-volume food processing applications.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.length">Length</div><div class="pc-spec-val">12–16 cm</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.moisture">Moisture</div><div class="pc-spec-val">15–25%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.vanillin">Vanillin</div><div class="pc-spec-val">1.5–2.2%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">5 KG</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card"><div class="pc-img"><img src="img_van_curled_beans.jpeg" alt="Vanilli Papua cut broken industrial"/></div><div class="pc-body"><span class="pc-label">HS 0905.10.00 · Industrial Grade</span><div class="pc-title">Cut / Broken Vanilla</div><p class="pc-desc" data-i18n="pcd.van.c">For extraction and industrial processing. Competitive pricing for extract manufacturers, oleoresin producers, and industrial vanilla buyers.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.type">Type</div><div class="pc-spec-val">Cut / Broken</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.moisture">Moisture</div><div class="pc-spec-val">12–22%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.vanillin">Vanillin</div><div class="pc-spec-val">By Batch CoA</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">10 KG</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card" id="prod-copra"><div class="pc-img"><img src="img_wa4_coconut_process.jpeg" alt="Papua Copra export grade"/></div><div class="pc-body"><span class="pc-label" data-i18n="p.hs.copra">HS 1203.00.00 · Copra</span><div class="pc-title" data-i18n="p.copra.title">Papua Copra</div><p class="pc-desc" data-i18n="pcd.copra2">Dried coconut product with 65–68% oil content. Sun-dried and rack-dried from Biak Numfor, Papua. For coconut oil mills, food processing, and industrial buyers.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.oil">Oil Content</div><div class="pc-spec-val">65–68%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.moisture">Moisture</div><div class="pc-spec-val">≤ 6%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.packaging">Packaging</div><div class="pc-spec-val">50 KG PP Bag</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">1 MT</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card" id="prod-cocoa"><div class="pc-img"><img src="img_cocoa_pods.jpg" alt="Indonesian cocoa cacao beans export"/></div><div class="pc-body"><span class="pc-label" data-i18n="p.hs.cocoa">HS 1801.00.00 · Cocoa Beans</span><div class="pc-title" data-i18n="p.cocoa.title">Cocoa / Cacao</div><p class="pc-desc" data-i18n="pcd.cocoa2">Selected Indonesian cocoa beans for chocolate manufacturers, confectionery processors, and ingredient distributors. Fermented and sun-dried to buyer specification.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.type">Type</div><div class="pc-spec-val">Fermented Dry</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.moisture">Moisture</div><div class="pc-spec-val">≤ 7%</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.packaging">Packaging</div><div class="pc-spec-val">60 KG Jute/PP</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">1 MT</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card" id="prod-coffee"><div class="pc-img"><img src="img_coffee_beans.jpg" alt="Indonesian coffee green beans"/></div><div class="pc-body"><span class="pc-label">HS 0901.11.00 · Green Coffee</span><div class="pc-title" data-i18n="p.coffee.title">Indonesian Coffee</div><p class="pc-desc" data-i18n="pcd.coffee2">Indonesian single-origin green coffee beans for roasters, importers, and specialty buyers. Sourced from premium growing regions with traceable origin and quality documentation.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.type">Type</div><div class="pc-spec-val">Green Bean</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.process">Process</div><div class="pc-spec-val">Wet / Dry</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.packaging">Packaging</div><div class="pc-spec-val">60 KG GrainPro</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">5 MT</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card" id="prod-banana"><div class="pc-img"><img src="img_banana_stacked.png" alt="Indonesian banana leaves export"/></div><div class="pc-body"><span class="pc-label" data-i18n="p.hs.banana">HS 1404.90.90 · Banana Leaves</span><div class="pc-title" data-i18n="p.banana.title">Banana Leaves</div><p class="pc-desc" data-i18n="pcd.banana2">Natural Indonesian banana leaves for food wrapping, restaurants, frozen food, catering, and ethnic food markets across Southeast Asia, Middle East, Australia, and Europe.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.type">Type</div><div class="pc-spec-val">Fresh / Frozen</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.size">Size</div><div class="pc-spec-val">Custom / Standard</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.packaging">Packaging</div><div class="pc-spec-val">Bundle / Carton</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">500 KG</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>

        <div class="product-card" id="prod-spices"><div class="pc-img"><img src="img_van_green_plant.jpeg" alt="Indonesian tropical spices"/></div><div class="pc-body"><span class="pc-label" data-i18n="p.hs.spices">Multiple HS Codes · Spices</span><div class="pc-title" data-i18n="p.spices.title">Spices & Other<br/>Agro Commodities</div><p class="pc-desc" data-i18n="pcd.spices2">Indonesian tropical spices including cloves, nutmeg, pepper, cinnamon, and other agro commodities. Sourced from local cooperative networks across Indonesian islands.</p><div class="pc-specs"><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.examples">Examples</div><div class="pc-spec-val">Cloves, Nutmeg</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.origin">Origin</div><div class="pc-spec-val">Indonesia</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.packaging">Packaging</div><div class="pc-spec-val">By Product</div></div><div class="pc-spec"><div class="pc-spec-label" data-i18n="spec.minorder">Min. Order</div><div class="pc-spec-val">By Discussion</div></div></div><button class="pc-btn" onclick="showPage('contact')" data-i18n="p.btn.details">Request Product Details</button></div></div>
      </div>
    </div>
  </div>

  <div class="cta-band">
    <h2>Need a specific <em>commodity?</em></h2>
    <p>Contact our export desk with your product requirements. We will review availability and provide quotation follow-up during business hours.</p>
    <div class="cta-btns">
      <button class="btn-primary" onclick="showPage('contact')" data-i18n="btn.sendProduct">Send Product Inquiry</button>
    </div>
  </div>

  <footer>
    <div class="footer-grid">
      <div><div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"><span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 120 120" class="brand-mark-svg" role="img">
        <defs>
          <linearGradient id="bmGold" x1="18" y1="12" x2="98" y2="108" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#FFF4B8"/>
            <stop offset="0.45" stop-color="#E7C35A"/>
            <stop offset="1" stop-color="#B98218"/>
          </linearGradient>
          <linearGradient id="bmGreen" x1="25" y1="20" x2="92" y2="103" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#0F4C32"/>
            <stop offset="1" stop-color="#062A1B"/>
          </linearGradient>
          <filter id="bmShadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.34"/>
          </filter>
        </defs>
        <circle cx="60" cy="60" r="54" fill="url(#bmGold)" filter="url(#bmShadow)"/>
        <circle cx="60" cy="60" r="47" fill="rgba(255,255,255,0.16)" stroke="#FFF7C8" stroke-width="2"/>
        <g fill="none" stroke="#0A3824" stroke-linecap="round" stroke-linejoin="round">
          <path d="M35 44c7-18 24-28 43-22 14 5 22 18 22 35" stroke-width="5"/>
          <path d="M60 21c-9 9-14 21-14 39" stroke-width="2.7"/>
          <path d="M61 21c11 10 17 22 16 39" stroke-width="2.7"/>
          <path d="M39 36c14 5 37 5 52 0" stroke-width="2.4" opacity=".8"/>
          <path d="M34 50c18 4 45 4 64 0" stroke-width="2.4" opacity=".75"/>
          <path d="M61 21v43" stroke-width="2.3" opacity=".8"/>
        </g>
        <path d="M48 95C29 89 20 73 24 51c20 4 32 18 32 39-3 2-5 4-8 5z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M36 60c7 10 12 21 16 33" fill="none" stroke="#FFF4B8" stroke-width="2.5" stroke-linecap="round" opacity=".9"/>
        <path d="M57 98c18-12 28-28 28-48-19 4-32 19-36 42 3 2 6 4 8 6z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M75 61c-6 10-12 22-17 36" fill="none" stroke="#FFF4B8" stroke-width="2.4" stroke-linecap="round" opacity=".9"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round"/>
        <path d="M92 41l18 17-24 3" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#FFF5BE" stroke-width="1.4" stroke-linecap="round" opacity=".75"/>
      </svg>
    </span>
            <div><div class="f-brand-main">PT Agri Sukses Exportindo</div>
            <div class="f-brand-sub">Indonesian Agro Commodity Exporter</div></div>
          </div><p class="f-tagline">From Indonesia's Nature to the World.<br/>Trusted. Quality. Professional.</p></div>
      <div><div class="f-col-title">Company</div><ul class="f-links"><li><a onclick="showPage('home')">Home</a></li><li><a onclick="showPage('about')">About Us</a></li><li><a onclick="showPage('export')">Export Process</a></li><li><a onclick="showPage('markets')">Markets</a></li><li><a onclick="showPage('contact')">Contact</a></li></ul></div>
      <div><div class="f-col-title">Products</div><ul class="f-links"><li><a onclick="showPage('products')">Vanilli Papua™</a></li><li><a onclick="showPage('products')">Papua Copra</a></li><li><a onclick="showPage('products')">Cocoa / Cacao</a></li><li><a onclick="showPage('products')">Indonesian Coffee</a></li><li><a onclick="showPage('products')">Banana Leaves</a></li><li><a onclick="showPage('products')">Spices & Others</a></li></ul></div>
      <div><div class="f-col-title">Contact</div><div class="f-address"><span class="f-address-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg></span><div><div class="f-address-label">Jakarta Head Office</div><div class="f-address-text">Lentera Sudchi, Jl. Moch. Kahfi II No. 44, RT.4/RW.4, Ciganjur, Kec. Jagakarsa, Kota Jakarta Selatan, DKI Jakarta 12360</div></div></div><div class="f-contact-item"><span>🏭</span>Warehouse: Papua, Indonesia</div><div class="f-contact-item"><span>✉️</span>export@agrisuksesexportindo.com</div><div class="f-contact-item"><span>📱</span>+62 822-2151-1561</div></div>
    </div>
    <div class="footer-bottom"><div class="footer-copy">© 2025 PT Agri Sukses Exportindo · All Rights Reserved</div><div class="footer-copy">HS 0905 · HS 1203 · HS 1801 · HS 0901 · FOB · CIF · CNF</div></div>
  </footer>
</div>

<!-- ═══════════ EXPORT PROCESS ═══════════ -->
<div class="page" id="page-export">
  <div class="ex-hero">
    <div class="ex-hero-bg"><img src="img_export_port.jpg" alt="Container ship loading at an export port at sunset"/><div class="ex-hero-grad"></div></div>
    <div class="ex-hero-frame" aria-hidden="true"></div>
    <div class="ex-hero-inner">
    <span class="sec-label" style="color:var(--gold-bright);" data-i18n="export.label">Export Process</span>
    <h1 style="font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,68px);color:var(--cream);line-height:1.05;margin-bottom:16px;font-weight:300;" data-i18n="export.h1">Professional Export<br/><em style="color:var(--gold-bright);font-style:italic;" data-i18n="export.h1em">From Inquiry to Delivery</em></h1>
    <p data-i18n="export.sub" style="font-size:16px;color:rgba(248,244,236,.78);line-height:1.78;max-width:580px;">Our Jakarta-based export team manages every step of the process — from your first inquiry to shipment confirmation and beyond.</p>
  </div></div>


  <!-- ═══════════ EXPORT WORKFLOW (rebuilt) ═══════════ -->
  <section class="ex-section">
    <div class="ex-inner">
      <div class="ex-head">
        <span class="sec-label" style="color:var(--gold);" data-i18n="export.wflabel">Export Workflow</span>
        <h2 class="sec-title" data-i18n="ex.wf.title">From Inquiry to <em>Long-Term Partnership</em></h2>
        <p class="sec-desc" data-i18n="ex.wf.desc">A clear, step-by-step process managed end to end by our Jakarta export team — so buyers always know what happens next.</p>
      </div>
      <div class="ex-timeline">
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">1</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s1.t">Buyer Inquiry</div>
            <p class="ex-step-text" data-i18n="ex.s1.d">You send an inquiry by email, WhatsApp, or the contact form — stating the commodity, quantity, destination port, and preferred trade terms.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">2</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s2.t">Availability &amp; Specification</div>
            <p class="ex-step-text" data-i18n="ex.s2.d">Our Jakarta team confirms current stock, grade, indicative specifications, and packaging options from the Papua supply base.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">3</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s3.t">Sample or Trial Order</div>
            <p class="ex-step-text" data-i18n="ex.s3.d">For first-time buyers, sample shipments or small trial orders are available so you can evaluate the product before committing to full volume.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">4</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s4.t">Price Quotation</div>
            <p class="ex-step-text" data-i18n="ex.s4.d">A formal quotation is issued based on grade, quantity, destination port, and the agreed Incoterm — FOB, CIF, or CNF.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">5</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s5.t">Order Confirmation</div>
            <p class="ex-step-text" data-i18n="ex.s5.d">You confirm the order with a purchase order or deposit, and the preparation, grading, and packaging schedule is locked in.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">6</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s6.t">Packaging &amp; Documentation</div>
            <p class="ex-step-text" data-i18n="ex.s6.d">Products are packed and labeled to your requirements, and the full export document set is prepared for customs clearance.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">7</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s7.t">Shipment &amp; Tracking</div>
            <p class="ex-step-text" data-i18n="ex.s7.d">Cargo is loaded and shipped from an Indonesian port, the Bill of Lading is released, and tracking details are shared with you.</p>
          </div>
        </div>
        <div class="ex-step">
          <div class="ex-node"><span class="ex-node-num">8</span><span class="ex-node-step" data-i18n="ex.step">Step</span></div>
          <div class="ex-card">
            <div class="ex-step-title" data-i18n="ex.s8.t">Long-Term Partnership</div>
            <p class="ex-step-text" data-i18n="ex.s8.d">After a successful delivery, we discuss recurring supply schedules, volume commitments, and a long-term buyer partnership.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ═══════════ INCOTERMS (rebuilt) ═══════════ -->
  <section class="ex-terms">
    <div class="ex-terms-inner">
      <div class="ex-terms-head">
        <span class="sec-label" style="color:var(--gold-bright);" data-i18n="export.termsLabel">Available Trade Terms</span>
        <h2 class="sec-title sec-title-light" data-i18n="ex.terms.title">Incoterms <em>We Support</em></h2>
      </div>
      <div class="ex-terms-grid">
        <div class="ex-term">
          <div class="ex-term-code">FOB</div>
          <div class="ex-term-name" data-i18n="ex.fob.full">Free On Board</div>
          <p class="ex-term-text" data-i18n="ex.fob.d">We handle product preparation and loading at the Indonesian port of departure. You arrange ocean freight and insurance onward.</p>
        </div>
        <div class="ex-term">
          <div class="ex-term-code">CIF</div>
          <div class="ex-term-name" data-i18n="ex.cif.full">Cost, Insurance &amp; Freight</div>
          <p class="ex-term-text" data-i18n="ex.cif.d">We arrange and pay ocean freight and marine insurance through to your destination port. Available by discussion.</p>
        </div>
        <div class="ex-term">
          <div class="ex-term-code">CNF</div>
          <div class="ex-term-name" data-i18n="ex.cnf.full">Cost &amp; Freight</div>
          <p class="ex-term-text" data-i18n="ex.cnf.d">We cover freight to the destination port; marine insurance is arranged by the buyer. Subject to mutual agreement.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ═══════════ EXPORT DOCUMENTATION (rebuilt) ═══════════ -->
  <section class="ex-docs">
    <div class="ex-docs-inner">
      <div class="ex-docs-head">
        <span class="sec-label" style="color:var(--gold);" data-i18n="ex.docs.label">Export Documentation</span>
        <h2 class="sec-title" data-i18n="ex.docs.title">Complete &amp; <em>Compliant Paperwork</em></h2>
        <p class="sec-desc" data-i18n="ex.docs.intro">Every shipment is supported with the export documents required by your destination country and customs authorities.</p>
      </div>
      <div class="ex-docs-grid">
        <div class="ex-doc">
          <div class="ex-doc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z"/><path d="M14 3v5h5"/><path d="M9 12h6M9 16h4"/></svg></div>
          <div class="ex-doc-name" data-i18n="ex.doc1">Commercial Invoice</div>
        </div>
        <div class="ex-doc">
          <div class="ex-doc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="6" y="4" width="12" height="17" rx="2"/><path d="M9 4V3a3 3 0 0 1 6 0v1"/><path d="M9 11h6M9 15h4"/></svg></div>
          <div class="ex-doc-name" data-i18n="ex.doc2">Packing List</div>
        </div>
        <div class="ex-doc">
          <div class="ex-doc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="9" r="6"/><path d="m8.5 13.5-2 7.5 5.5-3.2 5.5 3.2-2-7.5"/><path d="m9.6 9 1.7 1.7L15 7"/></svg></div>
          <div class="ex-doc-name" data-i18n="ex.doc3">Certificate of Origin</div>
        </div>
        <div class="ex-doc">
          <div class="ex-doc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3 5 6v5c0 5 3 8.5 7 10 4-1.5 7-5 7-10V6Z"/><path d="M12 8c-2 1.2-3 3.2-3 6 3 0 5-2 5-5"/></svg></div>
          <div class="ex-doc-name" data-i18n="ex.doc4">Phytosanitary Certificate</div>
        </div>
        <div class="ex-doc">
          <div class="ex-doc-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h6"/><path d="M10 3v6l-4.6 8.2A2 2 0 0 0 7.1 20h9.8a2 2 0 0 0 1.7-2.8L14 9V3"/><path d="m9.6 14.6 1.8 1.8 3.3-3.6"/></svg></div>
          <div class="ex-doc-name" data-i18n="ex.doc5">Certificate of Analysis (CoA)</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ═══════════ EXPORT CTA (rebuilt) ═══════════ -->
  <div class="cta-band">
    <h2 data-i18n="ex.cta.title">Ready to start <em>your first order?</em></h2>
    <p data-i18n="ex.cta.text">Send your commodity, quantity, and destination details to our Jakarta export desk — we will reply with availability and a quotation.</p>
    <div class="cta-btns">
      <button class="btn-primary" onclick="showPage('contact')" data-i18n="ex.cta.b1">Contact Export Desk</button>
      <button class="btn-outline-light" onclick="showPage('products')" data-i18n="ex.cta.b2">View Our Products</button>
    </div>
  </div>

  <footer>
    <div class="footer-grid">
      <div><div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"><span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 120 120" class="brand-mark-svg" role="img">
        <defs>
          <linearGradient id="bmGold" x1="18" y1="12" x2="98" y2="108" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#FFF4B8"/>
            <stop offset="0.45" stop-color="#E7C35A"/>
            <stop offset="1" stop-color="#B98218"/>
          </linearGradient>
          <linearGradient id="bmGreen" x1="25" y1="20" x2="92" y2="103" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#0F4C32"/>
            <stop offset="1" stop-color="#062A1B"/>
          </linearGradient>
          <filter id="bmShadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.34"/>
          </filter>
        </defs>
        <circle cx="60" cy="60" r="54" fill="url(#bmGold)" filter="url(#bmShadow)"/>
        <circle cx="60" cy="60" r="47" fill="rgba(255,255,255,0.16)" stroke="#FFF7C8" stroke-width="2"/>
        <g fill="none" stroke="#0A3824" stroke-linecap="round" stroke-linejoin="round">
          <path d="M35 44c7-18 24-28 43-22 14 5 22 18 22 35" stroke-width="5"/>
          <path d="M60 21c-9 9-14 21-14 39" stroke-width="2.7"/>
          <path d="M61 21c11 10 17 22 16 39" stroke-width="2.7"/>
          <path d="M39 36c14 5 37 5 52 0" stroke-width="2.4" opacity=".8"/>
          <path d="M34 50c18 4 45 4 64 0" stroke-width="2.4" opacity=".75"/>
          <path d="M61 21v43" stroke-width="2.3" opacity=".8"/>
        </g>
        <path d="M48 95C29 89 20 73 24 51c20 4 32 18 32 39-3 2-5 4-8 5z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M36 60c7 10 12 21 16 33" fill="none" stroke="#FFF4B8" stroke-width="2.5" stroke-linecap="round" opacity=".9"/>
        <path d="M57 98c18-12 28-28 28-48-19 4-32 19-36 42 3 2 6 4 8 6z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M75 61c-6 10-12 22-17 36" fill="none" stroke="#FFF4B8" stroke-width="2.4" stroke-linecap="round" opacity=".9"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round"/>
        <path d="M92 41l18 17-24 3" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#FFF5BE" stroke-width="1.4" stroke-linecap="round" opacity=".75"/>
      </svg>
    </span>
            <div><div class="f-brand-main">PT Agri Sukses Exportindo</div>
            <div class="f-brand-sub">Indonesian Agro Commodity Exporter</div></div>
          </div><p class="f-tagline">From Indonesia's Nature to the World.</p></div>
      <div><div class="f-col-title">Company</div><ul class="f-links"><li><a onclick="showPage('home')">Home</a></li><li><a onclick="showPage('about')">About Us</a></li><li><a onclick="showPage('export')">Export Process</a></li><li><a onclick="showPage('markets')">Markets</a></li><li><a onclick="showPage('contact')">Contact</a></li></ul></div>
      <div><div class="f-col-title">Products</div><ul class="f-links"><li><a onclick="showPage('products')">Vanilli Papua™</a></li><li><a onclick="showPage('products')">Papua Copra</a></li><li><a onclick="showPage('products')">Cocoa / Cacao</a></li><li><a onclick="showPage('products')">Indonesian Coffee</a></li><li><a onclick="showPage('products')">Banana Leaves & Spices</a></li></ul></div>
      <div><div class="f-col-title">Contact</div><div class="f-address"><span class="f-address-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg></span><div><div class="f-address-label">Jakarta Head Office</div><div class="f-address-text">Lentera Sudchi, Jl. Moch. Kahfi II No. 44, RT.4/RW.4, Ciganjur, Kec. Jagakarsa, Kota Jakarta Selatan, DKI Jakarta 12360</div></div></div><div class="f-contact-item"><span>🏭</span>Warehouse: Papua, Indonesia</div><div class="f-contact-item"><span>✉️</span>export@agrisuksesexportindo.com</div><div class="f-contact-item"><span>📱</span>+62 822-2151-1561</div></div>
    </div>
    <div class="footer-bottom"><div class="footer-copy">© 2025 PT Agri Sukses Exportindo · All Rights Reserved · Jakarta, Indonesia</div><div class="footer-copy">FOB · CIF · CNF · Available by Discussion</div></div>
  </footer>
</div>

<!-- ═══════════ MARKETS ═══════════ -->
<div class="page" id="page-markets">
  <div class="mk-hero">
    <div class="mk-hero-bg"><img src="img_markets_map.jpg" alt="World map showing PT Agri Sukses Exportindo export routes from Indonesia"/><div class="mk-hero-grad"></div></div>
    <div class="mk-hero-inner">
    <span class="sec-label" style="color:var(--gold-bright);">Export Markets</span>
    <h1 style="font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,68px);color:var(--cream);line-height:1.05;margin-bottom:16px;font-weight:300;" data-i18n="markets.h1">Global Reach —<br/><em style="color:var(--gold-bright);font-style:italic;" data-i18n="markets.h1em">From Indonesia to the World</em></h1>
    <p style="font-size:16px;color:rgba(248,244,236,.78);line-height:1.78;max-width:580px;">PT Agri Sukses Exportindo supplies Indonesian agro commodities to buyers across multiple regions and buyer segments worldwide.</p>
  </div>
  </div>

  <div class="markets-section" style="padding-top:70px;">
    <div class="markets-inner">

      <!-- Export Destinations grid (rebuilt) -->
      <div class="md-head">
        <span class="sec-label" style="display:block;margin-bottom:14px;" data-i18n="mkt.dest.label">Export Destinations</span>
        <h2 class="sec-title" data-i18n="mkt.dest.title">Markets We <em>Reach</em></h2>
        <p class="sec-desc" data-i18n="mkt.dest.desc">PT Agri Sukses Exportindo supplies Indonesian agro commodities to buyers across these key regions worldwide.</p>
      </div>
      <div class="md-grid">
        <div class="md-card">
          <div class="md-pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.7"/></svg></div>
          <div class="md-region" data-i18n="mkt.sea.region">Southeast Asia</div>
          <div class="md-title" data-i18n="mkt.sea.title">SE Asia</div>
          <p class="md-desc" data-i18n="mkt.sea.desc">Singapore, Malaysia, Thailand, Vietnam, Philippines. Key re-export and food manufacturing hubs.</p>
        </div>
        <div class="md-card">
          <div class="md-pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.7"/></svg></div>
          <div class="md-region" data-i18n="mkt.ea.region">East Asia</div>
          <div class="md-title" data-i18n="mkt.ea.title">Japan · South Korea · China</div>
          <p class="md-desc" data-i18n="mkt.ea.desc">Premium food, confectionery, and specialty ingredient markets. Strict quality documentation required.</p>
        </div>
        <div class="md-card">
          <div class="md-pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.7"/></svg></div>
          <div class="md-region" data-i18n="mkt.oc.region">Oceania</div>
          <div class="md-title" data-i18n="mkt.oc.title">Australia · New Zealand</div>
          <p class="md-desc" data-i18n="mkt.oc.desc">Ethnic food markets, specialty food retailers, and food manufacturing companies.</p>
        </div>
        <div class="md-card">
          <div class="md-pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.7"/></svg></div>
          <div class="md-region" data-i18n="mkt.me.region">Middle East</div>
          <div class="md-title" data-i18n="mkt.me.title">UAE · Saudi Arabia · Qatar</div>
          <p class="md-desc" data-i18n="mkt.me.desc">Trusted food ingredient and specialty commodity market. Jebel Ali as key re-export hub.</p>
        </div>
        <div class="md-card">
          <div class="md-pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.7"/></svg></div>
          <div class="md-region" data-i18n="mkt.eu.region">Europe</div>
          <div class="md-title" data-i18n="mkt.eu.title">Netherlands · Germany · France · UK</div>
          <p class="md-desc" data-i18n="mkt.eu.desc">Premium vanilla, spices, cocoa, and coffee buyers. Strict regulatory requirements — we support full documentation.</p>
        </div>
        <div class="md-card">
          <div class="md-pin"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.7"/></svg></div>
          <div class="md-region" data-i18n="mkt.na.region">North America</div>
          <div class="md-title" data-i18n="mkt.na.title">USA · Canada</div>
          <p class="md-desc" data-i18n="mkt.na.desc">Extract manufacturers, specialty food brands, and premium ingredient importers.</p>
        </div>
      </div>

      <div class="md-buyers">
        <span class="sec-label" data-i18n="mkt.buyertypes.label">Who Buys Our Products</span>
        <h2 class="sec-title" data-i18n="mkt.buyertypes.title">International <em data-i18n="mkt.buyertypes.titleem">Buyer Types</em></h2>
        <p class="sec-desc" data-i18n="mkt.buyertypes.desc">We supply to a wide range of international buyers across multiple industries and sectors.</p>
        <div class="buyer-chips">
            <div class="buyer-chip" data-i18n="buyer.importers">Importers</div>
            <div class="buyer-chip" data-i18n="buyer.trading">Trading Companies</div>
            <div class="buyer-chip" data-i18n="buyer.food">Food Manufacturers</div>
            <div class="buyer-chip" data-i18n="buyer.ingredient">Ingredient Distributors</div>
            <div class="buyer-chip" data-i18n="buyer.coffee">Coffee Roasters</div>
            <div class="buyer-chip" data-i18n="buyer.choco">Chocolate Manufacturers</div>
            <div class="buyer-chip" data-i18n="buyer.extract">Extract Manufacturers</div>
            <div class="buyer-chip" data-i18n="buyer.flavor">Flavor Houses</div>
            <div class="buyer-chip" data-i18n="buyer.restaurant">Restaurant Suppliers</div>
            <div class="buyer-chip" data-i18n="buyer.grocery">Grocery Distributors</div>
            <div class="buyer-chip" data-i18n="buyer.fragrance">Fragrance Houses</div>
            <div class="buyer-chip" data-i18n="buyer.cosmetic">Cosmetic Companies</div>
            <div class="buyer-chip" data-i18n="buyer.traders">Commodity Traders</div>
            <div class="buyer-chip" data-i18n="buyer.specialty">Specialty Retailers</div>
        </div>
        <div style="margin-top:30px;">
          <button class="btn-primary" onclick="showPage('contact')" data-i18n="btn.discuss">Discuss Your Requirements →</button>
        </div>
      </div>
    </div>
  </div>

  <div class="cta-band">
    <h2>Is your market <em>on our list?</em></h2>
    <p>Contact us with your country, product, and volume. We will review availability and provide quotation follow-up during business hours.</p>
    <div class="cta-btns">
      <button class="btn-primary" onclick="showPage('contact')" data-i18n="btn.sendMarket">Send Market Inquiry</button>
    </div>
  </div>

  <footer>
    <div class="footer-grid">
      <div><div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"><span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 120 120" class="brand-mark-svg" role="img">
        <defs>
          <linearGradient id="bmGold" x1="18" y1="12" x2="98" y2="108" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#FFF4B8"/>
            <stop offset="0.45" stop-color="#E7C35A"/>
            <stop offset="1" stop-color="#B98218"/>
          </linearGradient>
          <linearGradient id="bmGreen" x1="25" y1="20" x2="92" y2="103" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#0F4C32"/>
            <stop offset="1" stop-color="#062A1B"/>
          </linearGradient>
          <filter id="bmShadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.34"/>
          </filter>
        </defs>
        <circle cx="60" cy="60" r="54" fill="url(#bmGold)" filter="url(#bmShadow)"/>
        <circle cx="60" cy="60" r="47" fill="rgba(255,255,255,0.16)" stroke="#FFF7C8" stroke-width="2"/>
        <g fill="none" stroke="#0A3824" stroke-linecap="round" stroke-linejoin="round">
          <path d="M35 44c7-18 24-28 43-22 14 5 22 18 22 35" stroke-width="5"/>
          <path d="M60 21c-9 9-14 21-14 39" stroke-width="2.7"/>
          <path d="M61 21c11 10 17 22 16 39" stroke-width="2.7"/>
          <path d="M39 36c14 5 37 5 52 0" stroke-width="2.4" opacity=".8"/>
          <path d="M34 50c18 4 45 4 64 0" stroke-width="2.4" opacity=".75"/>
          <path d="M61 21v43" stroke-width="2.3" opacity=".8"/>
        </g>
        <path d="M48 95C29 89 20 73 24 51c20 4 32 18 32 39-3 2-5 4-8 5z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M36 60c7 10 12 21 16 33" fill="none" stroke="#FFF4B8" stroke-width="2.5" stroke-linecap="round" opacity=".9"/>
        <path d="M57 98c18-12 28-28 28-48-19 4-32 19-36 42 3 2 6 4 8 6z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M75 61c-6 10-12 22-17 36" fill="none" stroke="#FFF4B8" stroke-width="2.4" stroke-linecap="round" opacity=".9"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round"/>
        <path d="M92 41l18 17-24 3" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#FFF5BE" stroke-width="1.4" stroke-linecap="round" opacity=".75"/>
      </svg>
    </span>
            <div><div class="f-brand-main">PT Agri Sukses Exportindo</div>
            <div class="f-brand-sub">Indonesian Agro Commodity Exporter</div></div>
          </div><p class="f-tagline">From Indonesia's Nature to the World.</p></div>
      <div><div class="f-col-title">Company</div><ul class="f-links"><li><a onclick="showPage('home')">Home</a></li><li><a onclick="showPage('about')">About Us</a></li><li><a onclick="showPage('export')">Export Process</a></li><li><a onclick="showPage('markets')">Markets</a></li><li><a onclick="showPage('contact')">Contact</a></li></ul></div>
      <div><div class="f-col-title">Products</div><ul class="f-links"><li><a onclick="showPage('products')">Vanilli Papua™</a></li><li><a onclick="showPage('products')">Papua Copra</a></li><li><a onclick="showPage('products')">Cocoa / Cacao</a></li><li><a onclick="showPage('products')">Indonesian Coffee</a></li><li><a onclick="showPage('products')">Banana Leaves & Spices</a></li></ul></div>
      <div><div class="f-col-title">Contact</div><div class="f-address"><span class="f-address-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg></span><div><div class="f-address-label">Jakarta Head Office</div><div class="f-address-text">Lentera Sudchi, Jl. Moch. Kahfi II No. 44, RT.4/RW.4, Ciganjur, Kec. Jagakarsa, Kota Jakarta Selatan, DKI Jakarta 12360</div></div></div><div class="f-contact-item"><span>🏭</span>Warehouse: Papua, Indonesia</div><div class="f-contact-item"><span>✉️</span>export@agrisuksesexportindo.com</div><div class="f-contact-item"><span>📱</span>+62 822-2151-1561</div></div>
    </div>
    <div class="footer-bottom"><div class="footer-copy">© 2025 PT Agri Sukses Exportindo · All Rights Reserved · Jakarta, Indonesia</div></div>
  </footer>
</div>

<!-- ═══════════ CONTACT ═══════════ -->
<div class="page" id="page-contact">
  <div class="contact-hero pt-nav" style="position:relative;overflow:hidden;"><div style="position:absolute;inset:0;overflow:hidden;"><img src="img_ase_hero_banner.png" alt="" style="width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block;filter:brightness(.32);"/><div style="position:absolute;inset:0;background:rgba(13,43,26,.65);"></div></div><div style="position:relative;z-index:1;">
    <span class="sec-label" style="color:var(--gold-bright);">Contact Our Export Desk</span>
    <h1 data-i18n="contact.h1">Send Your <em data-i18n="contact.h1em">Inquiry</em></h1>
    <p><span data-i18n="contact.sub">Our Jakarta-based export team responds during business hours with product availability, specifications, and quotation.</span></p>
  </div></div>

  <div class="contact-main">
    <div class="contact-main-inner">
      <div class="contact-info">
        <h3 data-i18n="contact.infoTitle">Export Desk<br/>Contact Information</h3>
        <ul style="list-style:none;">
          <li class="contact-info-item"><div class="ci-icon">🏢</div><div><div class="ci-label">Head Office</div><div class="ci-text">Jakarta, Indonesia<br/><span style="font-size:13px;color:var(--text-light);">Export Coordination & Marketing</span></div></div></li>
          <li class="contact-info-item"><div class="ci-icon">🏭</div><div><div class="ci-label">Warehouse</div><div class="ci-text">Papua, Indonesia<br/><span style="font-size:13px;color:var(--text-light);">Sourcing, Sorting & Preparation</span></div></div></li>
          <li class="contact-info-item"><div class="ci-icon">✉️</div><div><div class="ci-label">Email</div><div class="ci-text">export@agrisuksesexportindo.com</div></div></li>
          <li class="contact-info-item"><div class="ci-icon">📱</div><div><div class="ci-label">WhatsApp / Phone</div><div class="ci-text">+62 822-2151-1561</div></div></li>
          <li class="contact-info-item"><div class="ci-icon">🕐</div><div><div class="ci-label">Business Hours</div><div class="ci-text">Monday – Friday<br/>08:00 – 17:00 WIB (GMT+7)</div></div></li>
          <li class="contact-info-item"><div class="ci-icon">⏱️</div><div><div class="ci-label">Response Time</div><div class="ci-text">During business hours<br/>Jakarta Time / WIB (GMT+7)</div></div></li>
        </ul>
        <div style="margin-top:28px;background:var(--green-deep);border-radius:4px;padding:24px;">
          <div style="font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;">For Faster Response, Please Include:</div>
          <div style="display:grid;gap:8px;">
            <div style="font-size:13.5px;color:rgba(248,244,236,.80);">• <strong style="color:var(--cream);">Product:</strong> Commodity type and grade</div>
            <div style="font-size:13.5px;color:rgba(248,244,236,.80);">• <strong style="color:var(--cream);">Quantity:</strong> Required volume / KG or MT</div>
            <div style="font-size:13.5px;color:rgba(248,244,236,.80);">• <strong style="color:var(--cream);">Destination:</strong> Country and port</div>
            <div style="font-size:13.5px;color:rgba(248,244,236,.80);">• <strong style="color:var(--cream);">Terms:</strong> FOB / CIF / CNF preference</div>
            <div style="font-size:13.5px;color:rgba(248,244,236,.80);">• <strong style="color:var(--cream);">Use:</strong> End application or industry</div>
          </div>
        </div>
      </div>

      <div class="inquiry-form">
        <h3>Send Your Inquiry</h3>
        <p>Fill in the form below and our export team will respond during business hours.</p>
        <div class="form-row">
          <div class="form-field"><label>Your Name *</label><input type="text" placeholder="Full name"/></div>
          <div class="form-field"><label>Company *</label><input type="text" placeholder="Company name"/></div>
        </div>
        <div class="form-row">
          <div class="form-field"><label>Country *</label><input type="text" placeholder="Your country"/></div>
          <div class="form-field"><label>Email *</label><input type="email" placeholder="company@email.com"/></div>
        </div>
        <div class="form-row">
          <div class="form-field"><label>WhatsApp</label><input type="text" placeholder="+XX XXX XXXX XXXX"/></div>
          <div class="form-field"><label>Product Interest *</label>
            <select>
              <option value="">Select product...</option>
              <option>Vanilli Papua™ — Grade A Gourmet</option>
              <option>Vanilli Papua™ — Grade B Extract</option>
              <option>Vanilli Papua™ — Grade C Industrial</option>
              <option>Papua Copra</option>
              <option>Cocoa / Cacao</option>
              <option>Indonesian Coffee</option>
              <option>Banana Leaves</option>
              <option>Spices &amp; Other Commodities</option>
              <option>Multiple Products</option>
            </select>
          </div>
        </div>
        <div class="form-row">
          <div class="form-field"><label>Required Quantity</label><input type="text" placeholder="e.g. 50 KG / 1 MT / 1 x 20FT Container"/></div>
          <div class="form-field"><label>Destination Port</label><input type="text" placeholder="e.g. Rotterdam, Dubai, Los Angeles"/></div>
        </div>
        <div class="form-row">
          <div class="form-field"><label>Preferred Trade Terms</label>
            <select>
              <option value="">Select...</option>
              <option>FOB — Free On Board</option>
              <option>CIF — Cost, Insurance &amp; Freight</option>
              <option>CNF — Cost and Freight</option>
              <option>To be discussed</option>
            </select>
          </div>
          <div class="form-field"><label>End Use / Industry</label>
            <select>
              <option value="">Select...</option>
              <option>Food Manufacturing</option>
              <option>Extract / Flavor Manufacturing</option>
              <option>Chocolate / Confectionery</option>
              <option>Bakery / Pastry</option>
              <option>Beverage / Coffee</option>
              <option>Fragrance / Cosmetics</option>
              <option>Trading / Re-export</option>
              <option>Restaurant / Catering</option>
              <option>Other</option>
            </select>
          </div>
        </div>
        <div class="form-field"><label>Message / Additional Requirements</label>
          <textarea placeholder="Describe your product requirements, quality specifications, certifications needed, delivery timeline, or any other information that will help us respond accurately..."></textarea>
        </div>
        <button class="form-submit" onclick="alert('Thank you for your inquiry!\n\nOur export team will respond during business hours.\n\nFor immediate response, please also reach us on WhatsApp: +62 822-2151-1561\n\nPT Agri Sukses Exportindo\nexport@agrisuksesexportindo.com')">Send Your Inquiry →</button>
      </div>
    </div>
  </div>

  <!-- WhatsApp Banner -->
  <div style="background:#25D366;padding:56px;text-align:center;">
    <h2 class="wa-title-text" style="font-family:'Cormorant Garamond',serif;font-size:36px;color:#082814;margin-bottom:10px;font-weight:600;">Prefer WhatsApp?</h2>
    <p class="wa-desc-text" style="font-size:15px;color:rgba(8,40,20,.75);margin-bottom:26px;">Contact our export desk directly for product availability, quotation, and export coordination during business hours.</p>
    <a href="https://wa.me/6282221511561?text=Hello%20PT%20Agri%20Sukses%20Exportindo%2C%20I%20would%20like%20to%20inquire%20about%20your%20agro%20commodity%20export%20products.%20Product%3A%20%20Quantity%3A%20%20Destination%3A%20"
      style="display:inline-flex;align-items:center;gap:12px;padding:15px 34px;background:#082814;color:#fff;border-radius:3px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:500;text-decoration:none;">
      <span style="font-size:20px;">💬</span><span class="wa-btn-text">WhatsApp Export Desk</span>
    </a>
  </div>

  <footer>
    <div class="footer-grid">
      <div><div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"><span class="brand-mark" aria-hidden="true">
      <svg viewBox="0 0 120 120" class="brand-mark-svg" role="img">
        <defs>
          <linearGradient id="bmGold" x1="18" y1="12" x2="98" y2="108" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#FFF4B8"/>
            <stop offset="0.45" stop-color="#E7C35A"/>
            <stop offset="1" stop-color="#B98218"/>
          </linearGradient>
          <linearGradient id="bmGreen" x1="25" y1="20" x2="92" y2="103" gradientUnits="userSpaceOnUse">
            <stop offset="0" stop-color="#0F4C32"/>
            <stop offset="1" stop-color="#062A1B"/>
          </linearGradient>
          <filter id="bmShadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="5" stdDeviation="4" flood-color="#000000" flood-opacity="0.34"/>
          </filter>
        </defs>
        <circle cx="60" cy="60" r="54" fill="url(#bmGold)" filter="url(#bmShadow)"/>
        <circle cx="60" cy="60" r="47" fill="rgba(255,255,255,0.16)" stroke="#FFF7C8" stroke-width="2"/>
        <g fill="none" stroke="#0A3824" stroke-linecap="round" stroke-linejoin="round">
          <path d="M35 44c7-18 24-28 43-22 14 5 22 18 22 35" stroke-width="5"/>
          <path d="M60 21c-9 9-14 21-14 39" stroke-width="2.7"/>
          <path d="M61 21c11 10 17 22 16 39" stroke-width="2.7"/>
          <path d="M39 36c14 5 37 5 52 0" stroke-width="2.4" opacity=".8"/>
          <path d="M34 50c18 4 45 4 64 0" stroke-width="2.4" opacity=".75"/>
          <path d="M61 21v43" stroke-width="2.3" opacity=".8"/>
        </g>
        <path d="M48 95C29 89 20 73 24 51c20 4 32 18 32 39-3 2-5 4-8 5z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M36 60c7 10 12 21 16 33" fill="none" stroke="#FFF4B8" stroke-width="2.5" stroke-linecap="round" opacity=".9"/>
        <path d="M57 98c18-12 28-28 28-48-19 4-32 19-36 42 3 2 6 4 8 6z" fill="url(#bmGreen)" stroke="#FFF2AE" stroke-width="2.2"/>
        <path d="M75 61c-6 10-12 22-17 36" fill="none" stroke="#FFF4B8" stroke-width="2.4" stroke-linecap="round" opacity=".9"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round"/>
        <path d="M92 41l18 17-24 3" fill="none" stroke="#0A3824" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/>
        <path d="M28 99c28 11 65-2 79-40" fill="none" stroke="#FFF5BE" stroke-width="1.4" stroke-linecap="round" opacity=".75"/>
      </svg>
    </span>
            <div><div class="f-brand-main">PT Agri Sukses Exportindo</div>
            <div class="f-brand-sub">Indonesian Agro Commodity Exporter</div></div>
          </div><p class="f-tagline">From Indonesia's Nature to the World.<br/>Trusted. Quality. Professional.</p></div>
      <div><div class="f-col-title">Company</div><ul class="f-links"><li><a onclick="showPage('home')">Home</a></li><li><a onclick="showPage('about')">About Us</a></li><li><a onclick="showPage('export')">Export Process</a></li><li><a onclick="showPage('markets')">Markets</a></li><li><a onclick="showPage('contact')">Contact</a></li></ul></div>
      <div><div class="f-col-title">Products</div><ul class="f-links"><li><a onclick="showPage('products')">Vanilli Papua™</a></li><li><a onclick="showPage('products')">Papua Copra</a></li><li><a onclick="showPage('products')">Cocoa / Cacao</a></li><li><a onclick="showPage('products')">Indonesian Coffee</a></li><li><a onclick="showPage('products')">Banana Leaves & Spices</a></li></ul></div>
      <div><div class="f-col-title">Contact</div><div class="f-address"><span class="f-address-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 5.5-8 12-8 12s-8-6.5-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="2.6"/></svg></span><div><div class="f-address-label">Jakarta Head Office</div><div class="f-address-text">Lentera Sudchi, Jl. Moch. Kahfi II No. 44, RT.4/RW.4, Ciganjur, Kec. Jagakarsa, Kota Jakarta Selatan, DKI Jakarta 12360</div></div></div><div class="f-contact-item"><span>🏭</span>Warehouse: Papua, Indonesia</div><div class="f-contact-item"><span>✉️</span>export@agrisuksesexportindo.com</div><div class="f-contact-item"><span>📱</span>+62 822-2151-1561</div></div>
    </div>
    <div class="footer-bottom"><div class="footer-copy">© 2025 PT Agri Sukses Exportindo · All Rights Reserved · Jakarta, Indonesia</div><div class="footer-copy">Quality Commodities · Global Partnership</div></div>
  </footer>
</div>

<!-- ═══ BANANA LEAF PRODUCT MODAL ═══ -->
<div id="banana-modal" onclick="closeBananaModal(event)">
  <div class="bm-box">
    <button class="bm-close" onclick="closeBananaModal()">×</button>

    <!-- GALLERY -->
    <div class="bm-gallery">
      <div class="bm-gallery-main" onclick="openLightbox('img_banana_bundle.png')">
        <img src="img_banana_bundle.png" alt="Banana leaves bundle export Indonesia"/>
      </div>
      <div class="bm-gallery-col">
        <div class="bm-thumb" onclick="openLightbox('img_banana_folded.png')">
          <img src="img_banana_folded.png" alt="Banana leaf folded"/>
        </div>
        <div class="bm-thumb" onclick="openLightbox('img_banana_fresh.png')">
          <img src="img_banana_fresh.png" alt="Fresh banana leaves"/>
        </div>
      </div>
    </div>

    <!-- CONTENT -->
    <div class="bm-content">
      <div class="bm-badge" data-i18n="bm.badge">Natural Product · Export Grade</div>
      <div class="bm-title" data-i18n="bm.title">Banana Leaves</div>
      <div class="bm-subtitle">HS Code 1404.90.90 · Musa spp. · Indonesia Origin</div>
      <p class="bm-desc" data-i18n="bm.desc">Premium fresh and frozen banana leaves from Indonesia, selected for size, cleanliness, and flexibility. Widely used for food wrapping, serving, catering, and ethnic food markets globally. Available in fresh (chilled) and frozen export formats. Packed to international food-grade export standards.</p>

      <!-- SPECS -->
      <div class="bm-specs-grid">
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s1l">Product Type</div>
          <div class="bm-spec-val" data-i18n="bm.s1v">Fresh / Frozen Banana Leaves</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s2l">Species</div>
          <div class="bm-spec-val">Musa spp. (Plantain)</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s3l">Origin</div>
          <div class="bm-spec-val" data-i18n="bm.s3v">Indonesia</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s4l">HS Code</div>
          <div class="bm-spec-val">1404.90.90</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s5l">Leaf Size</div>
          <div class="bm-spec-val" data-i18n="bm.s5v">By request / Standard cut</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s6l">Packaging</div>
          <div class="bm-spec-val" data-i18n="bm.s6v">Bundle / Carton (Food Grade)</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s7l">Colour / Condition</div>
          <div class="bm-spec-val" data-i18n="bm.s7v">Fresh green, clean, flexible</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s8l">Min. Order</div>
          <div class="bm-spec-val" data-i18n="bm.s8v">500 KG (negotiable)</div>
        </div>
        <div class="bm-spec-item">
          <div class="bm-spec-label" data-i18n="bm.s9l">Incoterms</div>
          <div class="bm-spec-val">FOB / CIF / CNF</div>
        </div>
      </div>

      <!-- PHOTO STRIP -->
      <div style="margin-bottom:24px;">
        <div class="bm-uses-title" data-i18n="bm.photos.label">Product Photos</div>
        <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:6px;">
          <div onclick="openLightbox('img_banana_bundle.png')" style="cursor:pointer;overflow:hidden;border-radius:3px;height:80px;">
            <img src="img_banana_bundle.png" style="width:100%;height:100%;object-fit:cover;display:block;transition:.3s;" onmouseover="this.style.transform='scale(1.06)'" onmouseout="this.style.transform='none'"/>
          </div>
          <div onclick="openLightbox('img_banana_folded.png')" style="cursor:pointer;overflow:hidden;border-radius:3px;height:80px;">
            <img src="img_banana_folded.png" style="width:100%;height:100%;object-fit:cover;display:block;transition:.3s;" onmouseover="this.style.transform='scale(1.06)'" onmouseout="this.style.transform='none'"/>
          </div>
          <div onclick="openLightbox('img_banana_fresh.png')" style="cursor:pointer;overflow:hidden;border-radius:3px;height:80px;">
            <img src="img_banana_fresh.png" style="width:100%;height:100%;object-fit:cover;display:block;transition:.3s;" onmouseover="this.style.transform='scale(1.06)'" onmouseout="this.style.transform='none'"/>
          </div>
          <div onclick="openLightbox('img_banana_stacked.png')" style="cursor:pointer;overflow:hidden;border-radius:3px;height:80px;">
            <img src="img_banana_stacked.png" style="width:100%;height:100%;object-fit:cover;display:block;transition:.3s;" onmouseover="this.style.transform='scale(1.06)'" onmouseout="this.style.transform='none'"/>
          </div>
          <div onclick="openLightbox('img_banana_boxed.png')" style="cursor:pointer;overflow:hidden;border-radius:3px;height:80px;">
            <img src="img_banana_boxed.png" style="width:100%;height:100%;object-fit:cover;display:block;transition:.3s;" onmouseover="this.style.transform='scale(1.06)'" onmouseout="this.style.transform='none'"/>
          </div>
        </div>
      </div>

      <!-- USE CASES -->
      <div class="bm-uses-title" data-i18n="bm.uses.label">Applications & Buyer Segments</div>
      <div class="bm-uses">
        <div class="bm-use-chip" data-i18n="bm.u1">Food Wrapping</div>
        <div class="bm-use-chip" data-i18n="bm.u2">Restaurant Serving</div>
        <div class="bm-use-chip" data-i18n="bm.u3">Catering & Events</div>
        <div class="bm-use-chip" data-i18n="bm.u4">Frozen Food Packing</div>
        <div class="bm-use-chip" data-i18n="bm.u5">Ethnic Food Market</div>
        <div class="bm-use-chip" data-i18n="bm.u6">Asian Grocery Chains</div>
        <div class="bm-use-chip" data-i18n="bm.u7">Traditional Cuisine</div>
        <div class="bm-use-chip" data-i18n="bm.u8">Eco Packaging</div>
      </div>

      <!-- CTA -->
      <div class="bm-cta">
        <button class="btn-primary" onclick="closeBananaModal();showPage('contact')" data-i18n="bm.cta1">Request Product Details →</button>
        <a class="btn-outline-dark" href="https://wa.me/6282221511561?text=Hello%20PT%20Agri%20Sukses%20Exportindo%2C%20I%20am%20interested%20in%20Banana%20Leaves%20export%20from%20Indonesia." data-i18n="bm.cta2">WhatsApp Inquiry</a>
      </div>
    </div>
  </div>
</div>

<!-- LIGHTBOX -->
<div id="bm-lightbox" onclick="closeLightbox()">
  <button id="bm-lightbox-close" onclick="closeLightbox()">×</button>
  <img id="bm-lightbox-img" src="" alt=""/>
</div>

<!-- STICKY BAR -->
<div class="sticky-bar">
  <span data-i18n="sticky.text">Product inquiry?</span>
  <a href="https://wa.me/6282221511561?text=Hello%20PT%20Agri%20Sukses%20Exportindo%2C%20I%20have%20a%20product%20inquiry.">WhatsApp</a>
</div>

<script>

// ═══════════════════════════════════════
// DUAL LANGUAGE SYSTEM — EN / ID
// ═══════════════════════════════════════
const i18n = {
  en: {
    // NAV
    'nav.home': 'Home',
    'nav.about': 'About',
    'nav.products': 'Products',
    'nav.export': 'Export',
    'nav.markets': 'Markets',
    'nav.contact': 'Contact',
    'nav.cta': 'Request Quotation',

    // BRAND IDENTITY
    'brand.titleEm': 'Global Buyer Trust',
    'brand.desc': 'The visual identity of PT Agri Sukses Exportindo is designed to communicate agriculture, global trade, growth, trust, and premium Indonesian agro commodities. The logo system can be applied consistently across the website, company profile, packaging, documents, warehouse signage, and export containers.',
    'brand.cta': 'Discuss Buyer Inquiry',
    'brand.leaf.title': 'Leaf',
    'brand.leaf.text': 'Represents agriculture, nature, sustainability, and Indonesia’s high-quality natural harvest.',
    'brand.globe.title': 'Globe',
    'brand.globe.text': 'Shows global reach and the company’s commitment to international trade.',
    'brand.arrow.title': 'Export Arrow',
    'brand.arrow.text': 'Symbolizes growth, export movement, and progress toward global markets.',
    'brand.color.title': 'Green & Gold',
    'brand.color.text': 'Green reflects fertility and sustainability, while gold reflects premium quality, value, and professionalism.',
    'brand.tagline.label': 'Recommended Taglines',
    'brand.tag1.title': 'Primary',
    'brand.tag1.text': 'From Indonesia’s Nature to the World',
    'brand.tag2.title': 'Quality',
    'brand.tag2.text': 'Delivering Indonesia’s Finest Agri Products',
    'brand.tag3.title': 'Trust',
    'brand.tag3.text': 'Trusted Quality, Global Partnership',
    'brand.tag4.title': 'Global',
    'brand.tag4.text': 'Connecting Indonesian Farms to the World',
    'brand.imp1.title': 'Trusted',
    'brand.imp1.text': 'Shows integrity and commitment to global partners.',
    'brand.imp2.title': 'Premium Quality',
    'brand.imp2.text': 'Elegant green and gold colors reflect selected product quality.',
    'brand.imp3.title': 'Global Oriented',
    'brand.imp3.text': 'The globe element strengthens the export and international market focus.',
    'brand.imp4.title': 'Professional',
    'brand.imp4.text': 'Clean composition creates a serious and credible corporate impression.',
    'brand.imp5.title': 'Sustainable',
    'brand.imp5.text': 'Natural elements show long-term care for agriculture and responsible sourcing.',
    // HERO
    'hero.eyebrow': 'Jakarta Head Office · Papua Supply Base · International Buyer Support',
    'hero.stat1': '7+',
    'hero.stat1l': 'Commodity Types',
    'hero.stat2': 'Global',
    'hero.stat2l': 'Export Markets',
    'hero.stat3': 'Jakarta',
    'hero.stat3l': 'Head Office',
    'hero.stat4': 'Papua',
    'hero.stat4l': 'Supply Base',
    // TRUST BAR
    'trust.jakarta': 'Headquartered in Jakarta',
    'trust.papua': 'Supply & Consolidation Base in Papua',
    'trust.exporter': 'Agro Commodity Exporter',
    'trust.sample': 'Sample & Trial Order Available',
    'trust.docs': 'Export Documentation Support',
    // PRODUCTS SECTION
    'products.label': 'Our Product Portfolio',
    'products.title': 'Indonesian<br/>',
    'products.titleem': 'Agro Commodities',
    'products.desc': 'PT Agri Sukses Exportindo sources, selects, grades, and exports selected Indonesian agricultural commodities to international buyers across various industries and global market regions.',
    // VANILLI
    'vanilli.label': 'Featured Product Brand',
    // WHY US
    'whyus.title': 'Your Trusted<br/>',
    'whyus.titleem': 'Export Partner',
    // PROCESS
    'process.label': 'Quality Control Process',
    'process.title': 'From Sourcing<br/>',
    'process.titleem': 'to Shipment',
    // VALUES
    'values.label': 'Our Company Values',
    'values.title': 'What We ',
    'values.titleem': 'Stand For',
    // CTA
    'cta.home': 'Ready to source ',
    'cta.homeEm': 'Indonesian agro commodities?',
    'cta.homeP': 'Our export desk supports buyer inquiries with clear product information, sample options, trial shipments, professional quotation follow-up, and export documentation guidance.',
    // FOOTER
    'footer.tagline': "From Indonesia's Nature to the World.<br/>Trusted. Quality. Professional.",
    'footer.company': 'Company',
    'footer.products': 'Products',
    'footer.contact': 'Contact',
    // STICKY
    // ABOUT
    'about.h1': 'PT Agri Sukses Exportindo —<br/>',
    'about.h1em': "From Indonesia's Nature",
    'about.label': 'About Our Company',
    // MARKETS
    'markets.h1': 'Global Reach —<br/>',
    'markets.h1em': 'From Indonesia to the World',
    // CONTACT
    'contact.h1': 'Send Your ',
    'contact.h1em': 'Inquiry',
    'contact.sub': 'Our Jakarta-based export team responds during business hours with product availability, specifications, and quotation.',
    'contact.formTitle': 'Send Your Inquiry',
    'contact.formSub': 'Fill in the form below and our export team will respond during business hours.',
    'contact.name': 'Your Name *',
    'contact.company': 'Company *',
    'contact.country': 'Country *',
    'contact.email': 'Email *',
    'contact.wa': 'WhatsApp',
    'contact.product': 'Product Interest *',
    'contact.qty': 'Required Quantity',
    'contact.port': 'Destination Port',
    'contact.terms': 'Preferred Trade Terms',
    'contact.use': 'End Use / Industry',
    'contact.msg': 'Message / Additional Requirements',
    'contact.submit': 'Send Your Inquiry →',
    'contact.infoTitle': 'Export Desk<br/>Contact Information',
    'contact.waTitle': 'Prefer WhatsApp?',
    'contact.waDesc': 'Contact our export desk directly for product availability, quotation, and export coordination during business hours.',
    'contact.waBtn': 'WhatsApp Export Desk',
    // PROCESS PAGE
    'export.label': 'Export Process',
    'export.h1': 'Professional Export<br/>',
    'export.h1em': 'From Inquiry to Delivery',
    'export.sub': 'Our Jakarta-based export team manages every step of the process — from your first inquiry to shipment confirmation and beyond.',
    'export.wflabel': 'Export Workflow',
    'export.wftitle': '8-Step Export ',
    'export.wftitleem': 'Process',
    'export.termsLabel': 'Available Trade Terms',
    

    // FAQ
    'faq.intro': "At PT Agri Sukses Exportindo, we understand that international trade begins with trust. We are committed to transparent communication, clear product specifications, proper documentation, and responsive buyer support. Below are some of the most common questions international buyers may ask before starting cooperation with us.",
    'faq.label': 'Frequently Asked Questions',
    'faq.title': 'Common Questions<br/>',
    'faq.titleem': 'from Buyers',
    'faq.desc': 'We welcome clear and practical questions from international buyers. Below are the most common questions before starting cooperation with us.',
    'faq.q1': 'Are you a trading company or a direct producer?',
    'faq.a1': 'We are an agro commodity trading and export company working with trusted local supply partners. Our sourcing model is supported by farmer cooperatives, local collectors, and selected suppliers in Papua and other Indonesian regions. This allows us to provide source-area access, flexible order discussion, coordinated preparation, and clearer product information for buyers.',
    'faq.q2': 'How does PT Agri Sukses Exportindo build buyer trust?',
    'faq.a2': 'We build buyer trust through transparent product information, responsive communication, sample or trial shipment options, clear documentation, and export handling based on agreed requirements. Buyers can evaluate product quality, service, and documentation before proceeding to larger commercial orders.',
    'faq.q3': 'What is your minimum order quantity?',
    'faq.a3': 'Minimum order quantity depends on the product type and stock availability. For Vanilli Papua, sample orders can start from 1 kg. For Papua Copra, initial orders can start from 1 MT. For other commodities such as cocoa, coffee, banana leaves, spices, and other agro products, the minimum order quantity is flexible and can be discussed based on buyer requirements, destination, and product availability.',
    'faq.q4': 'Can I get a sample before placing a bulk order?',
    'faq.a4': 'Yes. We highly recommend sample evaluation before a commercial order. Please share your product requirement, grade, quantity, destination country, and preferred specification. Our team will help prepare the sample, product photos, batch information, and supporting documents based on your needs.',
    'faq.q5': 'What export documents can you provide?',
    'faq.a5': 'We can support export documentation such as Commercial Invoice, Packing List, Bill of Lading, Phytosanitary Certificate, Certificate of Origin, and Certificate of Analysis (CoA) from an independent laboratory upon request. Document availability may depend on the product type, destination country, import regulations, and transaction agreement.',
    'faq.q6': 'How can I contact your team?',
    'faq.a6': 'The fastest way to contact us is through WhatsApp or our official company email. Our team responds during business hours based on Jakarta Time / Western Indonesia Time (GMT+7). Buyers will communicate directly with the team handling inquiries, samples, quotations, and order coordination.',
    // ABOUT UMKM
    'about.umkm.label': 'Our Export Service Advantages',
    'about.umkm.1': 'Dedicated export coordination for every buyer inquiry',
    'about.umkm.2': 'Flexible quantity discussion and sample options by product',
    'about.umkm.3': 'Access to Papua supply networks and trusted local partners',
    'about.umkm.4': 'Responsive communication during business hours',
    // STATS
    'stat.source': 'Agro Commodities',
    'stat.trial': 'Supply Base',
    'stat.hq': 'Export Office',
    'stat.wh': 'Buyer Support',
    // STICKY
    'sticky.text': 'Product inquiry?',
    'sticky.btn': 'WhatsApp Now',
    // HERO FIX
    'hero.h1a': 'Trusted Indonesian',
    'hero.h1b': 'Agro Commodity<br/>Export Partner',
    'hero.sub': 'PT Agri Sukses Exportindo supplies selected agricultural commodities from Papua and other Indonesian regions to international buyers through professional sourcing, quality preparation, export documentation, and responsive trade coordination.',



    // HOMEPAGE NEW SECTIONS
    'snap.label': 'Company Snapshot',
    'snap.title': 'A Trusted Export Partner<br/><em>from Indonesia</em>',
    'snap.desc': 'PT Agri Sukses Exportindo is an Indonesian agro commodity export company headquartered in Jakarta, supported by supply and consolidation networks in Papua. We focus on selected agricultural commodities, export-ready preparation, clear documentation, and responsive buyer coordination.',
    'snap.c1.t': 'Jakarta Head Office',
    'snap.c1.d': 'Export coordination, buyer communication, quotation, documentation, and logistics arrangement are managed from Jakarta.',
    'snap.c2.t': 'Papua Supply Base',
    'snap.c2.d': 'Supported by supply networks and consolidation access in Papua for selected agro commodities.',
    'snap.c3.t': 'Selected Commodities',
    'snap.c3.d': 'Vanilla, copra, cocoa, coffee, banana leaves, spices, and other tropical agro products.',
    'snap.c4.t': 'Sample Support',
    'snap.c4.d': 'Sample and trial order options are available for selected products before commercial purchase.',
    'snap.c5.t': 'Export Documentation',
    'snap.c5.d': 'Commercial invoice, packing list, certificate of origin, phytosanitary certificate, and COA by request.',
    'snap.c6.t': 'Buyer Coordination',
    'snap.c6.d': 'Responsive communication and clear product information for international buyers.',
    'homeabout.label': 'About PT Agri Sukses Exportindo',
    'homeabout.title': 'Connecting Indonesian<br/><em>Agro Products to Global Buyers</em>',
    'homeabout.desc': 'PT Agri Sukses Exportindo was established to connect selected agricultural products from Papua and other Indonesian regions with international buyers. With headquarters in Jakarta and supply coordination in Papua, we support buyers through product sourcing, quality preparation, export documentation, and professional trade communication.',
    'homeabout.cta1': 'Learn About Us',
    'homeabout.cta2': 'See Export Process',
    'homeabout.role.label': 'Our Role in the Supply Chain',
    'homeabout.role.text': 'We act as a professional export partner connecting local commodity sources with international buyers through structured sourcing, product selection, packaging coordination, documentation support, and shipment preparation.',
    'homeabout.p1.t': 'Sourcing Network',
    'homeabout.p1.d': 'Access to selected agro commodity sources in Papua and other Indonesian regions.',
    'homeabout.p2.t': 'Export Preparation',
    'homeabout.p2.d': 'Product sorting, grading, packaging, and document preparation based on buyer requirements.',
    'homeabout.p3.t': 'Buyer Partnership',
    'homeabout.p3.d': 'Transparent communication and long-term cooperation with international buyers.',
    'work.label': 'How We Work',
    'quality.label': 'Quality & Export Readiness',
    'quality.title': 'Prepared for<br/><em>International Buyers</em>',
    'quality.desc': 'We understand that international buyers require clear product information, reliable packaging, proper documentation, and consistent communication. PT Agri Sukses Exportindo supports buyers through product selection, sorting, grading, packaging coordination, batch photos, and export documentation based on agreed requirements.',
    'quality.statement': 'Clear product information, proper preparation, and professional export coordination.',
    'quality.c1': 'Product sourcing from selected supply networks',
    'quality.c2': 'Visual inspection and sorting',
    'quality.c3': 'Product grading based on buyer requirements',
    'quality.c4': 'Packaging preparation',
    'quality.c5': 'Batch photo documentation by request',
    'quality.c6': 'Certificate of Analysis by request',
    'quality.c7': 'Phytosanitary certificate where applicable',
    'quality.c8': 'Certificate of Origin where applicable',
    'quality.c9': 'Commercial invoice and packing list',
    'quality.c10': 'FOB, CIF, or CNF discussion',
    'homeops.label': 'Operational Model',
    'homeops.title': 'Jakarta Head Office,<br/><em>Papua Supply Base</em>',
    'homeops.desc': 'PT Agri Sukses Exportindo operates through a practical coordination model. Jakarta serves as the business and export coordination hub, while Papua supports supply access, commodity consolidation, sorting, and pre-shipment preparation for selected products.',
    'homeops.jkt.k': 'Jakarta Head Office',
    'homeops.jkt.t': 'Business & Export Coordination Hub',
    'homeops.jkt.d': 'Buyer communication, marketing, quotation, export documentation, logistics coordination, trade negotiation, and administrative support.',
    'homeops.jkt.l1': 'Buyer communication',
    'homeops.jkt.l2': 'Quotation',
    'homeops.jkt.l3': 'Export documents',
    'homeops.jkt.l4': 'Logistics coordination',
    'homeops.pap.k': 'Papua Supply Base',
    'homeops.pap.t': 'Sourcing & Consolidation Network',
    'homeops.pap.d': 'Local commodity sourcing, initial sorting and grading, stock consolidation, product preparation, and access to Papua-origin commodities.',
    'homeops.pap.l1': 'Local sourcing',
    'homeops.pap.l2': 'Initial sorting',
    'homeops.pap.l3': 'Stock consolidation',
    'homeops.pap.l4': 'Product preparation',

    // PRODUCT CARD DESCRIPTIONS
    'pcd.vanilli': 'Premium Papua-origin vanilla beans for gourmet food, bakery, chocolate, ice cream, extract, fragrance, and natural ingredient industries.',
    'pcd.copra': 'Sun-dried and rack-dried copra from Biak Numfor, Papua. 65–68% oil content. Suitable for coconut oil mills, food processing, and industrial use.',
    'pcd.cocoa': 'Selected Indonesian cocoa beans for chocolate manufacturers, confectionery processors, ingredient distributors, and flavour houses globally.',
    'pcd.coffee': 'Indonesian coffee products for roasters, importers, and specialty buyers. Sourced from premium Indonesian growing regions with traceable origin.',
    'pcd.banana': 'Natural Indonesian banana leaves for food wrapping, restaurants, frozen food, catering, and ethnic food markets across Southeast Asia, Middle East, and Europe.',
    'pcd.spices': 'Indonesian tropical spices and other agro commodities sourced from local cooperative networks. Available by inquiry — including cloves, nutmeg, pepper, and more.',
    'pcd.van.a': 'Whole, oily, flexible beans. Rich vanillin aroma. Premium gourmet grade for pastry chefs, chocolate makers, ice cream, and luxury food brands.',
    'pcd.van.b': 'Drier beans suitable for extract manufacturing, flavor houses, vanilla paste, powder, and large-volume food processing applications.',
    'pcd.van.c': 'For extraction and industrial processing. Competitive pricing for extract manufacturers, oleoresin producers, and industrial vanilla buyers.',
    'pcd.copra2': 'Dried coconut product with 65–68% oil content. Sun-dried and rack-dried from Biak Numfor, Papua. For coconut oil mills, food processing, and industrial buyers.',
    'pcd.cocoa2': 'Selected Indonesian cocoa beans for chocolate manufacturers, confectionery processors, and ingredient distributors. Fermented and sun-dried to buyer specification.',
    'pcd.coffee2': 'Indonesian single-origin green coffee beans for roasters, importers, and specialty buyers. Sourced from premium growing regions with traceable origin and quality documentation.',
    'pcd.banana2': 'Natural Indonesian banana leaves for food wrapping, restaurants, frozen food, catering, and ethnic food markets across Southeast Asia, Middle East, Australia, and Europe.',
    'pcd.spices2': 'Indonesian tropical spices including cloves, nutmeg, pepper, cinnamon, and other agro commodities. Sourced from local cooperative networks across Indonesian islands.',


    // BANANA MODAL
    'bm.badge': 'Natural Product · Export Grade',
    'bm.title': 'Banana Leaves',
    'bm.desc': 'Premium fresh and frozen banana leaves from Indonesia, selected for size, cleanliness, and flexibility. Widely used for food wrapping, serving, catering, and ethnic food markets globally. Available in fresh (chilled) and frozen export formats. Packed to international food-grade export standards.',
    'bm.s1l': 'Product Type', 'bm.s1v': 'Fresh / Frozen Banana Leaves',
    'bm.s2l': 'Species',
    'bm.s3l': 'Origin', 'bm.s3v': 'Indonesia',
    'bm.s4l': 'HS Code',
    'bm.s5l': 'Leaf Size', 'bm.s5v': 'By request / Standard cut',
    'bm.s6l': 'Packaging', 'bm.s6v': 'Bundle / Carton (Food Grade)',
    'bm.s7l': 'Colour / Condition', 'bm.s7v': 'Fresh green, clean, flexible',
    'bm.s8l': 'Min. Order', 'bm.s8v': '500 KG (negotiable)',
    'bm.s9l': 'Incoterms',
    'bm.photos.label': 'Product Photos',
    'bm.uses.label': 'Applications & Buyer Segments',
    'bm.u1': 'Food Wrapping', 'bm.u2': 'Restaurant Serving',
    'bm.u3': 'Catering & Events', 'bm.u4': 'Frozen Food Packing',
    'bm.u5': 'Ethnic Food Market', 'bm.u6': 'Asian Grocery Chains',
    'bm.u7': 'Traditional Cuisine', 'bm.u8': 'Eco Packaging',
    'bm.cta1': 'Request Product Details →', 'bm.cta2': 'WhatsApp Inquiry',

    'why.trusted.text': 'Jakarta-based export company with professional coordination, credible documentation, and commitment to long-term buyer relationships.',
    'why.quality.text': 'Every commodity is visually inspected, sorted, and graded before export. Quality verification available through CoA by request.',
    'why.jakarta.text': 'Head office in Jakarta handles all export coordination, documentation, buyer communication, and logistics management.',
    'why.papua.text': 'Consolidation warehouses in Papua provide direct access to local agro supply networks, sorting, and pre-shipment preparation.',
    'why.packaging.text': 'Export-grade packaging prepared based on buyer requirements. Branded or neutral packaging options available by discussion.',
    'why.docs.text': 'Complete export documentation support: Commercial Invoice, Packing List, B/L, Phytosanitary Certificate, CoA, and Certificate of Origin.',
    'why.sample.text': 'Sample and trial shipments available for buyer evaluation before full commercial volume. Build confidence before scaling.',
    'why.longterm.text': 'We invest in relationships, not just transactions. Regular supply cooperation, buyer priority allocation, and dedicated account support.',
    'val.trust.text': 'Honest, transparent operations. Buyers can rely on us for accurate product info, fair pricing, and consistent delivery.',
    'val.quality.text': 'Every product is sourced, sorted, and graded to meet international standards. Quality is never an afterthought.',
    'val.prof.text': 'Professional coordination, responsive communication, and precise documentation in every buyer interaction.',
    'val.sustain.text': 'Partnerships with farmers practicing responsible farming. Protecting Indonesian agricultural heritage for future generations.',
    'val2.trust.text': 'We operate with honesty and transparency in every transaction. Buyers can rely on us for accurate product information, fair pricing, and consistent delivery.',
    'val2.quality.text': 'Quality is never compromised. Every product is sourced, sorted, and graded to meet international buyer standards before leaving our facility.',
    'val2.prof.text': 'Professional export coordination, responsive communication, and precise documentation are the foundation of how we work with every buyer partner.',
    'val2.sustain.text': 'We partner with local farmers and cooperatives who practice responsible farming, protecting natural agricultural heritage for future generations.',
    'val2.local.text': 'Our supply network is built on strong relationships with Indonesian farmers, cooperatives, and local suppliers, ensuring direct, authentic sourcing.',
    'val2.global.text': 'We think globally in how we prepare, document, and deliver products, meeting international quality and regulatory standards in every market we serve.',
    'val2.credibility.text': 'Our credibility is built through consistent product quality, reliable documentation, and transparent communication with every international buyer partner.',
    'val2.growth.text': 'We grow when our buyers grow. Long-term supply cooperation, preferential allocation, and dedicated support for regular partnership buyers.',
    'proc.1.text': 'Sourcing through trusted local farmer, cooperative, and supply networks in Papua and other Indonesian regions.',
    'proc.2.text': 'Manual and visual sorting at Papua warehouse. Removal of damaged, substandard, or non-conforming product.',
    'proc.3.text': 'Graded by size, moisture, appearance, and quality parameters per buyer specification.',
    'proc.4.text': 'Export-grade packaging based on buyer requirements. Batch photos provided on request.',
    'proc.5.text': 'Complete export docs prepared: Invoice, Packing List, CoA, Phytosanitary, Certificate of Origin.',
    'proc.6.text': 'Coordinated loading and shipping from Surabaya or Makassar. FOB, CIF, or CNF as agreed.',
    'ops.jkt.desc': 'Export coordination, buyer communication, marketing, pricing, documentation, and logistics management. Our Jakarta team handles all buyer-facing activities.',
    'ops.pap.desc': 'Sourcing coordination with trusted local partners, initial sorting, grading, quality inspection, consolidation, and pre-export packaging preparation.',
    'mkt.sea.desc': 'Singapore, Malaysia, Thailand, Vietnam, Philippines. Key re-export and food manufacturing hubs.',
    'mkt.ea.desc': 'Premium food, confectionery, and specialty ingredient markets. Strict quality documentation required.',
    'mkt.oc.desc': 'Ethnic food markets, specialty food retailers, and food manufacturing companies.',
    'mkt.me.desc': 'Trusted food ingredient and specialty commodity market. Jebel Ali as key re-export hub.',
    'mkt.eu.desc': 'Premium vanilla, spices, cocoa, and coffee buyers. Strict regulatory requirements - we support full documentation.',
    'mkt.na.desc': 'Extract manufacturers, specialty food brands, and premium ingredient importers.',

    'p.hs.vanilla': 'HS 0905.10.00 · Vanilla planifolia',
    'p.vanilli.title': 'Vanilli Papua™<br/>Premium Vanilla Beans',
    'p.hs.copra': 'HS 1203.00.00 · Copra',
    'p.copra.title': 'Papua Copra',
    'p.hs.cocoa': 'HS 1801.00.00 · Cocoa Beans',
    'p.cocoa.title': 'Cocoa / Cacao',
    'p.hs.coffee': 'HS 0901.11.00 · Coffee',
    'p.coffee.title': 'Indonesian Coffee',
    'p.hs.banana': 'HS 1404.90.90 · Banana Leaves',
    'p.banana.title': 'Banana Leaves',
    'p.hs.spices': 'Multiple HS Codes · Spices',
    'p.spices.title': 'Spices & Other Agro Commodities',
    'p.btn.details': 'Request Product Details',
    'spec.oil': 'Oil Content', 'spec.moisture': 'Moisture', 'spec.packaging': 'Packaging',
    'spec.minorder': 'Min. Order', 'spec.origin': 'Origin', 'spec.type': 'Type',
    'spec.process': 'Process', 'spec.length': 'Length', 'spec.vanillin': 'Vanillin',
    'spec.size': 'Size', 'spec.examples': 'Examples',
    'why.trusted.title': 'Trusted Export Partner', 'why.quality.title': 'Quality Product Selection',
    'why.jakarta.title': 'Jakarta Export Coordination', 'why.papua.title': 'Papua Warehouse & Supply',
    'why.packaging.title': 'Professional Packaging', 'why.docs.title': 'Export Documentation',
    'why.sample.title': 'Sample & Trial Order', 'why.longterm.title': 'Long-Term Partnership',
    'proc.1': 'Sourcing', 'proc.2': 'Sorting', 'proc.3': 'Grading',
    'proc.4': 'Packaging', 'proc.5': 'Documentation', 'proc.6': 'Shipment',
    'val.trust': 'Trust', 'val.quality': 'Quality', 'val.prof': 'Professionalism',
    'val.sustain': 'Sustainability', 'val.local': 'Local Partnership',
    'val.global': 'Global Mindset', 'val.credibility': 'Credibility', 'val.growth': 'Growth Together',
    'mkt.sea.region': 'Southeast Asia', 'mkt.sea.title': 'SE Asia',
    'mkt.ea.region': 'East Asia', 'mkt.ea.title': 'Japan · South Korea · China',
    'mkt.oc.region': 'Oceania', 'mkt.oc.title': 'Australia · New Zealand',
    'mkt.me.region': 'Middle East', 'mkt.me.title': 'UAE · Saudi Arabia · Qatar',
    'mkt.eu.region': 'Europe', 'mkt.eu.title': 'Netherlands · Germany · France · UK',
    'mkt.na.region': 'North America', 'mkt.na.title': 'USA · Canada',
    'mkt.buyertypes.label': 'Who Buys Our Products',
    'mkt.buyertypes.title': 'International ', 'mkt.buyertypes.titleem': 'Buyer Types',
    'buyer.importers': 'Importers', 'buyer.trading': 'Trading Companies',
    'buyer.food': 'Food Manufacturers', 'buyer.ingredient': 'Ingredient Distributors',
    'buyer.coffee': 'Coffee Roasters', 'buyer.choco': 'Chocolate Manufacturers',
    'buyer.extract': 'Extract Manufacturers', 'buyer.flavor': 'Flavor Houses',
    'buyer.restaurant': 'Restaurant Suppliers', 'buyer.grocery': 'Grocery Distributors',
    'buyer.fragrance': 'Fragrance Houses', 'buyer.cosmetic': 'Cosmetic Companies',
    'buyer.traders': 'Commodity Traders', 'buyer.specialty': 'Specialty Retailers',
    'ops.jkt.location': 'Head Office · Jakarta, Indonesia',
    'ops.jkt.title': 'Jakarta — Business & Export Hub',
    'ops.pap.location': 'Warehouse · Papua, Indonesia',
    'ops.pap.title': 'Papua — Sourcing & Consolidation Base',
    'vg.a.grade': 'Grade A · Gourmet', 'vg.a.title': 'Grade A Gourmet<br/>Vanilla Beans',
    'vg.b.grade': 'Grade B · Extract', 'vg.b.title': 'Grade B Extract<br/>Vanilla Beans',
    'vg.c.grade': 'Grade C · Industrial', 'vg.c.title': 'Cut / Broken<br/>Vanilla Beans',
    // OLD_ABOUT_KEY_PLACEHOLDER,

    // ABOUT OVERVIEW NEW
    'about.hero.sub': 'A Jakarta-based agro commodity export company connecting Indonesia\'s agricultural resources with international buyers through professional sourcing, quality preparation, and reliable export coordination.',
    'about.cred1': 'Jakarta Head Office',
    'about.cred2': 'Papua Supply Network',
    'about.cred3': 'International B2B Export',
    'about.cred4': 'Indonesian Registered Company',

    'about.overview.label': 'Company Overview',
    'about.whowe.title': 'Trusted Indonesian<br/>',
    'about.whowe.titleem': 'Agro Export Partner',
    'about.overview.desc': 'PT Agri Sukses Exportindo connects selected agricultural commodities from Papua and other Indonesian regions with international buyers through professional sourcing, export-ready preparation, proper documentation, and responsive trade coordination.',
    'about.f1.label': 'Jakarta Head Office',
    'about.f1.text': 'Export coordination, buyer communication, quotation preparation, documentation, and logistics arrangement are managed from Jakarta.',
    'about.f2.label': 'Papua Supply Base',
    'about.f2.text': 'Supported by supply networks and commodity consolidation access in Papua for selected agro commodities from production areas.',
    'about.f3.label': 'Selected Commodities',
    'about.f3.text': 'Vanilla, copra, cocoa, coffee, banana leaves, spices, and other Indonesian tropical agro products.',
    'about.f4.label': 'Sample Support',
    'about.f4.text': 'Sample shipment and trial order options are available for selected products before commercial purchase.',
    'about.f5.label': 'Export Documentation',
    'about.f5.text': 'Commercial Invoice, Packing List, Certificate of Origin, Phytosanitary Certificate, and Certificate of Analysis (CoA) can be supported based on buyer requirements.',
    'about.f6.label': 'Buyer Coordination',
    'about.f6.text': 'Responsive communication and clear product information for international buyers.',


    'brand.label': 'Company Identity',
    'brand.title': 'Recognized Brand,',
    'brand.titleem': 'Professional Presence',
    'brand.subtitle': 'PT Agri Sukses Eksportindo is established with a clear corporate identity, representing professionalism, quality, and trust in Indonesian agro commodity export.',
    'brand.p1.eyebrow': 'Jakarta, Indonesia',
    'brand.p1.title': 'Head Office & Export Coordination',
    'brand.p2.eyebrow': 'Corporate',
    'brand.p2.title': 'Brand Presence',
    'brand.p3.eyebrow': 'Export Ready',
    'brand.p3.title': 'Global Shipment',
    'brand.p4.eyebrow': 'Premium Identity',
    'brand.p4.title': 'Trusted Export Brand',
    'brand.cred.label': 'Company Credentials',
    'brand.cred.1': 'Indonesian Registered Company',
    'brand.cred.2': 'Head Office: Jakarta, Indonesia',
    'brand.cred.3': 'Papua Agro Commodity Source',
    'brand.cred.4': 'International B2B Export',

    'about.ops.label': 'Our Role in the Supply Chain',
    'about.ops.title': 'Professional Export ', 'about.ops.titleem': 'Papua Warehouse',
    'about.values.label': 'Core Values',
    'about.values.title': 'What Drives ', 'about.values.titleem': 'Everything We Do',
    'btn.sendInquiry2': 'Send Inquiry', 'btn.viewProducts': 'View All Products',
    'btn.contactDesk': 'Contact Export Desk', 'btn.contactTeam': 'Contact Our Team',
    'btn.ourProducts': 'Our Products', 'btn.exportProcess': 'Export Process',
    'btn.sendProduct': 'Send Product Inquiry', 'btn.discuss': 'Discuss Your Requirements →',
    'btn.sendMarket': 'Send Market Inquiry',

    'export.termsTitle': 'Incoterms We Support',
    'cta.sendInquiry': 'Send Inquiry',
    'cta.viewProducts': 'View All Products',
    'cta.contactDesk': 'Contact Export Desk',
    'cta.viewExport': 'Export Process',
    'ov.label': 'Company Overview',
    'ov.title': 'Trusted <em>Indonesian</em>',
    'ov.desc': 'PT Agri Sukses Exportindo connects selected agricultural commodities from Papua and other Indonesian regions with international buyers through professional sourcing, export-ready preparation, proper documentation, and responsive trade coordination.',
    'ov.c1.t': 'Jakarta Head Office',
    'ov.c1.d': 'Export coordination, buyer communication, quotation preparation, documentation, and logistics arrangement are managed from Jakarta.',
    'ov.c2.t': 'Papua Supply Base',
    'ov.c2.d': 'Supported by supply networks and commodity consolidation access in Papua for selected agro commodities from production areas.',
    'ov.c3.t': 'Selected Commodities',
    'ov.c3.d': 'Vanilla, copra, cocoa, coffee, banana leaves, spices, and other Indonesian tropical agro products.',
    'ov.c4.t': 'Sample Support',
    'ov.c4.d': 'Sample shipment and trial order options are available for selected products before commercial purchase.',
    'ov.c5.t': 'Export Documentation',
    'ov.c5.d': 'Commercial Invoice, Packing List, Certificate of Origin, Phytosanitary Certificate, and Certificate of Analysis (CoA) can be supported based on buyer requirements.',
    'ov.c6.t': 'Buyer Coordination',
    'ov.c6.d': 'Responsive communication and clear product information for international buyers.',
    'ov.btn.contact': 'Contact Our Team',
    'ov.btn.products': 'Our Products',
    'vm.vision.label': 'Vision',
    'vm.vision.title': 'Our Vision',
    'vm.vision.text': 'To become a reliable Indonesian agro commodity export partner that delivers selected agricultural products to global buyers through quality, professionalism, and long-term cooperation.',
    'vm.mission.label': 'Mission',
    'vm.mission.title': 'Our Mission',
    'vm.mission.text': 'To connect Indonesia’s agricultural potential with international buyers through trusted local partnerships, quality preparation, export documentation, and professional long-term cooperation.',
    'ex.wf.title': 'From Inquiry to <em>Long-Term Partnership</em>',
    'ex.wf.desc': 'A clear, step-by-step process managed end to end by our Jakarta export team — so buyers always know what happens next.',
    'ex.step': 'Step',
    'ex.s1.t': 'Buyer Inquiry',
    'ex.s1.d': 'You send an inquiry by email, WhatsApp, or the contact form — stating the commodity, quantity, destination port, and preferred trade terms.',
    'ex.s2.t': 'Availability & Specification',
    'ex.s2.d': 'Our Jakarta team confirms current stock, grade, indicative specifications, and packaging options from the Papua supply base.',
    'ex.s3.t': 'Sample or Trial Order',
    'ex.s3.d': 'For first-time buyers, sample shipments or small trial orders are available so you can evaluate the product before committing to full volume.',
    'ex.s4.t': 'Price Quotation',
    'ex.s4.d': 'A formal quotation is issued based on grade, quantity, destination port, and the agreed Incoterm — FOB, CIF, or CNF.',
    'ex.s5.t': 'Order Confirmation',
    'ex.s5.d': 'You confirm the order with a purchase order or deposit, and the preparation, grading, and packaging schedule is locked in.',
    'ex.s6.t': 'Packaging & Documentation',
    'ex.s6.d': 'Products are packed and labeled to your requirements, and the full export document set is prepared for customs clearance.',
    'ex.s7.t': 'Shipment & Tracking',
    'ex.s7.d': 'Cargo is loaded and shipped from an Indonesian port, the Bill of Lading is released, and tracking details are shared with you.',
    'ex.s8.t': 'Long-Term Partnership',
    'ex.s8.d': 'After a successful delivery, we discuss recurring supply schedules, volume commitments, and a long-term buyer partnership.',
    'ex.terms.title': 'Incoterms <em>We Support</em>',
    'ex.fob.full': 'Free On Board',
    'ex.fob.d': 'We handle product preparation and loading at the Indonesian port of departure. You arrange ocean freight and insurance onward.',
    'ex.cif.full': 'Cost, Insurance & Freight',
    'ex.cif.d': 'We arrange and pay ocean freight and marine insurance through to your destination port. Available by discussion.',
    'ex.cnf.full': 'Cost & Freight',
    'ex.cnf.d': 'We cover freight to the destination port; marine insurance is arranged by the buyer. Subject to mutual agreement.',
    'ex.docs.label': 'Export Documentation',
    'ex.docs.title': 'Complete & <em>Compliant Paperwork</em>',
    'ex.docs.intro': 'Every shipment is supported with the export documents required by your destination country and customs authorities.',
    'ex.doc1': 'Commercial Invoice',
    'ex.doc2': 'Packing List',
    'ex.doc3': 'Certificate of Origin',
    'ex.doc4': 'Phytosanitary Certificate',
    'ex.doc5': 'Certificate of Analysis (CoA)',
    'ex.cta.title': 'Ready to start <em>your first order?</em>',
    'ex.cta.text': 'Send your commodity, quantity, and destination details to our Jakarta export desk — we will reply with availability and a quotation.',
    'ex.cta.b1': 'Contact Export Desk',
    'ex.cta.b2': 'View Our Products',
    'mkt.dest.label': 'Export Destinations',
    'mkt.dest.title': 'Markets We <em>Reach</em>',
    'mkt.dest.desc': 'PT Agri Sukses Exportindo supplies Indonesian agro commodities to buyers across these key regions worldwide.',
    'team.label': 'Our Team',
    'team.title': 'The People Behind <em>Agri Sukses Exportindo</em>',
    'team.desc': 'A small, focused team dedicated to building reliable bridges between Indonesia\u2019s agricultural communities and global markets.',
    'team.utami.role': 'Director & Business Development',
    'team.utami.bio': 'Leads PT Agri Sukses Exportindo\u2019s strategic direction, partnerships, and business growth. Oversees company vision and represents the brand to key international buyers and stakeholders.',
    'team.echon.role': 'Head of Sourcing & Field Operations',
    'team.echon.bio': 'Manages our farmer network and sourcing operations on the ground in Papua and other Indonesian regions. Ensures quality, traceability, and direct relationships with cooperative partners.',
    'team.maura.role': 'Export & Marketing Manager',
    'team.maura.bio': 'Coordinates international shipments, export documentation, and buyer communication. Manages marketing, market intelligence, and supports new business relationships across global markets.',
  },
  id: {
    // NAV
    'nav.home': 'Beranda',
    'nav.about': 'Tentang',
    'nav.products': 'Produk',
    'nav.export': 'Ekspor',
    'nav.markets': 'Pasar',
    'nav.contact': 'Kontak',
    'nav.cta': 'Minta Penawaran',

    // BRAND IDENTITY
    'brand.titleEm': 'Kepercayaan Buyer Global',
    'brand.desc': 'Identitas visual PT Agri Sukses Exportindo dirancang untuk menunjukkan pertanian, perdagangan global, pertumbuhan, kepercayaan, dan komoditas agro Indonesia bernilai premium. Sistem logo ini dapat diterapkan secara konsisten pada website, company profile, kemasan, dokumen, papan gudang, dan kontainer ekspor.',
    'brand.cta': 'Diskusikan Inquiry Buyer',
    'brand.leaf.title': 'Daun',
    'brand.leaf.text': 'Melambangkan pertanian, alam, keberlanjutan, dan hasil bumi Indonesia yang berkualitas.',
    'brand.globe.title': 'Globe',
    'brand.globe.text': 'Menunjukkan jangkauan global dan komitmen perusahaan dalam perdagangan internasional.',
    'brand.arrow.title': 'Panah Ekspor',
    'brand.arrow.text': 'Melambangkan pertumbuhan, pergerakan ekspor, dan kemajuan menuju pasar dunia.',
    'brand.color.title': 'Hijau & Emas',
    'brand.color.text': 'Hijau mencerminkan kesuburan dan keberlanjutan, sedangkan emas mencerminkan kualitas premium, nilai, dan profesionalisme.',
    'brand.tagline.label': 'Rekomendasi Tagline',
    'brand.tag1.title': 'Utama',
    'brand.tag1.text': 'From Indonesia’s Nature to the World',
    'brand.tag2.title': 'Kualitas',
    'brand.tag2.text': 'Delivering Indonesia’s Finest Agri Products',
    'brand.tag3.title': 'Kepercayaan',
    'brand.tag3.text': 'Trusted Quality, Global Partnership',
    'brand.tag4.title': 'Global',
    'brand.tag4.text': 'Connecting Indonesian Farms to the World',
    'brand.imp1.title': 'Terpercaya',
    'brand.imp1.text': 'Menunjukkan integritas dan komitmen kepada mitra global.',
    'brand.imp2.title': 'Kualitas Premium',
    'brand.imp2.text': 'Warna hijau dan emas mencerminkan kualitas produk terpilih.',
    'brand.imp3.title': 'Berorientasi Global',
    'brand.imp3.text': 'Elemen globe memperkuat fokus ekspor dan pasar internasional.',
    'brand.imp4.title': 'Profesional',
    'brand.imp4.text': 'Komposisi bersih menciptakan kesan korporat yang serius dan kredibel.',
    'brand.imp5.title': 'Berkelanjutan',
    'brand.imp5.text': 'Elemen natural menunjukkan kepedulian jangka panjang terhadap pertanian dan pengadaan bertanggung jawab.',
    // HERO
    'hero.eyebrow': 'Kantor Pusat Jakarta · Basis Pasok Papua · Dukungan Buyer Global',
    'hero.stat1': '7+',
    'hero.stat1l': 'Jenis Komoditas',
    'hero.stat2': 'Global',
    'hero.stat2l': 'Pasar Ekspor',
    'hero.stat3': 'Jakarta',
    'hero.stat3l': 'Kantor Pusat',
    'hero.stat4': 'Papua',
    'hero.stat4l': 'Basis Pasok',
    // TRUST BAR
    'trust.jakarta': 'Berkantor Pusat di Jakarta',
    'trust.papua': 'Basis Pasok & Konsolidasi di Papua',
    'trust.exporter': 'Eksportir Komoditas Agro',
    'trust.sample': 'Dukungan Sampel & Trial Order',
    'trust.docs': 'Dukungan Dokumen Ekspor',
    // PRODUCTS SECTION
    'products.label': 'Portofolio Produk Kami',
    'products.title': 'Komoditas Agro<br/>Indonesia ',
    'products.titleem': 'Premium',
    'products.desc': 'Kami mengadakan, menyortir, mengklasifikasikan, dan mengekspor komoditas pertanian Indonesia terpilih kepada pembeli internasional di berbagai industri dan wilayah.',
    // VANILLI
    'vanilli.label': 'Merek Produk Unggulan',
    // WHY US
    'whyus.title': 'Mitra Ekspor<br/>',
    'whyus.titleem': 'Anda yang Terpercaya',
    // PROCESS
    'process.label': 'Proses Kontrol Kualitas',
    'process.title': 'Dari Pengadaan<br/>',
    'process.titleem': 'hingga Pengiriman',
    // VALUES
    'values.label': 'Nilai Perusahaan Kami',
    'values.title': 'Yang Kami ',
    'values.titleem': 'Perjuangkan',
    // CTA
    'cta.home': 'Siap mendapatkan ',
    'cta.homeEm': 'komoditas agro Indonesia?',
    'cta.homeP': 'Tim ekspor kami mendukung inquiry buyer melalui informasi produk yang jelas, opsi sampel, trial shipment, tindak lanjut penawaran secara profesional, dan panduan dokumentasi ekspor.',
    // FOOTER
    'footer.tagline': 'Dari Alam Indonesia ke Dunia.<br/>Terpercaya. Berkualitas. Profesional.',
    'footer.company': 'Perusahaan',
    'footer.products': 'Produk',
    'footer.contact': 'Kontak',
    // STICKY
    // ABOUT
    'about.h1': 'PT Agri Sukses Exportindo —<br/>',
    'about.h1em': 'Dari Alam Indonesia',
    'about.label': 'Tentang Perusahaan Kami',
    // MARKETS
    'markets.h1': 'Jangkauan Global —<br/>',
    'markets.h1em': 'Dari Indonesia ke Dunia',
    // CONTACT
    'contact.h1': 'Kirim ',
    'contact.h1em': 'Pertanyaan Anda',
    'contact.sub': 'Tim ekspor kami yang berbasis di Jakarta merespons selama jam kerja dengan informasi ketersediaan produk, spesifikasi, dan penawaran harga.',
    'contact.formTitle': 'Kirim Pertanyaan Anda',
    'contact.formSub': 'Isi formulir di bawah ini dan tim ekspor kami akan merespons selama jam kerja.',
    'contact.name': 'Nama Anda *',
    'contact.company': 'Perusahaan *',
    'contact.country': 'Negara *',
    'contact.email': 'Email *',
    'contact.wa': 'WhatsApp',
    'contact.product': 'Produk yang Diminati *',
    'contact.qty': 'Kuantitas yang Dibutuhkan',
    'contact.port': 'Pelabuhan Tujuan',
    'contact.terms': 'Syarat Perdagangan',
    'contact.use': 'Penggunaan Akhir / Industri',
    'contact.msg': 'Pesan / Kebutuhan Tambahan',
    'contact.submit': 'Kirim Pertanyaan Anda →',
    'contact.infoTitle': 'Informasi Kontak<br/>Meja Ekspor',
    'contact.waTitle': 'Lebih Suka WhatsApp?',
    'contact.waDesc': 'Hubungi meja ekspor kami langsung untuk informasi ketersediaan produk, penawaran harga, dan koordinasi ekspor selama jam kerja.',
    'contact.waBtn': 'WhatsApp Meja Ekspor',
    // PROCESS PAGE
    'export.label': 'Proses Ekspor',
    'export.h1': 'Ekspor Profesional<br/>',
    'export.h1em': 'Dari Permintaan hingga Pengiriman',
    'export.sub': 'Tim ekspor Jakarta kami mengelola setiap tahap proses — dari permintaan pertama Anda hingga konfirmasi pengiriman dan seterusnya.',
    'export.wflabel': 'Alur Kerja Ekspor',
    'export.wftitle': 'Proses Ekspor ',
    'export.wftitleem': '8 Langkah',
    'export.termsLabel': 'Syarat Perdagangan Tersedia',
    

    // FAQ
    'faq.intro': 'Di PT Agri Sukses Exportindo, kami memahami bahwa perdagangan internasional dimulai dari kepercayaan. Kami berkomitmen memberikan komunikasi yang transparan, spesifikasi produk yang jelas, dokumentasi yang rapi, serta layanan yang responsif kepada pembeli internasional. Berikut adalah beberapa pertanyaan umum yang sering diajukan sebelum memulai kerja sama dengan kami.',
    'faq.label': 'Pertanyaan yang Sering Diajukan',
    'faq.title': 'Pertanyaan Umum<br/>',
    'faq.titleem': 'dari Pembeli',
    'faq.desc': 'Kami menyambut pertanyaan yang jelas dan terbuka dari pembeli internasional. Berikut adalah beberapa pertanyaan umum sebelum memulai kerja sama dengan kami.',
    'faq.q1': 'Apakah Anda perusahaan trading atau produsen langsung?',
    'faq.a1': 'Kami adalah perusahaan trading dan ekspor komoditas agro yang bekerja dengan mitra pasok lokal terpercaya. Model pengadaan kami didukung oleh koperasi petani, pengepul lokal, dan pemasok terpilih di Papua serta berbagai wilayah Indonesia. Dengan model ini, kami dapat menyediakan akses produk dari daerah sumber, diskusi kuantitas yang fleksibel, koordinasi persiapan yang lebih baik, serta informasi produk yang lebih jelas bagi buyer.',
    'faq.q2': 'Bagaimana PT Agri Sukses Exportindo membangun kepercayaan buyer?',
    'faq.a2': 'Kami membangun kepercayaan buyer melalui informasi produk yang transparan, komunikasi yang responsif, opsi sampel atau trial shipment, kelengkapan dokumen, serta penanganan ekspor sesuai kebutuhan yang disepakati. Buyer dapat mengevaluasi kualitas produk, layanan, dan kesiapan dokumentasi sebelum melanjutkan ke pemesanan komersial yang lebih besar.',
    'faq.q3': 'Berapa minimum order quantity?',
    'faq.a3': 'Minimum order quantity bergantung pada jenis komoditas dan ketersediaan stok. Untuk Vanilli Papua, sampel dapat dimulai dari 1 kg. Untuk Kopra Papua, minimum pemesanan awal dapat dimulai dari 1 MT. Untuk komoditas lain seperti kakao, kopi, daun pisang, rempah, dan produk agro lainnya, minimum pesanan bersifat fleksibel dan dapat didiskusikan sesuai kebutuhan pembeli, tujuan pengiriman, serta kesiapan produk.',
    'faq.q4': 'Bisakah saya mendapatkan sampel sebelum memesan dalam jumlah besar?',
    'faq.a4': 'Ya, tentu. Kami sangat menyarankan pembeli untuk melakukan evaluasi sampel terlebih dahulu sebelum melakukan pemesanan komersial. Silakan kirimkan kebutuhan produk, grade, jumlah, negara tujuan, dan spesifikasi yang diinginkan. Tim kami akan membantu menyiapkan sampel, foto produk, informasi batch, serta dokumen pendukung sesuai kebutuhan.',
    'faq.q5': 'Dokumen ekspor apa yang dapat Anda sediakan?',
    'faq.a5': 'Kami dapat membantu menyediakan dokumen ekspor seperti Commercial Invoice, Packing List, Bill of Lading, Phytosanitary Certificate, Certificate of Origin, serta Certificate of Analysis (CoA) dari laboratorium independen apabila diminta oleh pembeli. Ketersediaan dokumen tertentu dapat menyesuaikan jenis produk, negara tujuan, regulasi impor, serta kesepakatan transaksi.',
    'faq.q6': 'Bagaimana cara menghubungi tim Anda?',
    'faq.a6': 'Cara tercepat untuk menghubungi kami adalah melalui WhatsApp atau email resmi perusahaan. Tim kami akan merespons selama jam kerja berdasarkan Waktu Indonesia Barat/WIB (GMT+7). Pembeli akan berkomunikasi langsung dengan tim yang menangani inquiry, sampel, quotation, dan koordinasi pesanan.',
    // ABOUT UMKM
    'about.umkm.label': 'Keunggulan Layanan Ekspor Kami',
    'about.umkm.1': 'Koordinasi ekspor khusus untuk setiap inquiry buyer',
    'about.umkm.2': 'Diskusi kuantitas dan opsi sampel sesuai jenis produk',
    'about.umkm.3': 'Akses ke jaringan pasokan Papua dan mitra lokal terpercaya',
    'about.umkm.4': 'Komunikasi responsif selama jam kerja',
    // STATS
    'stat.source': 'Komoditas Agro',
    'stat.trial': 'Basis Pasok',
    'stat.hq': 'Kantor Ekspor',
    'stat.wh': 'Dukungan Buyer',
    // STICKY
    'sticky.text': 'Pertanyaan produk?',
    'sticky.btn': 'WhatsApp Sekarang',
    // HERO FIX
    'hero.h1a': 'Mitra Ekspor Agro',
    'hero.h1b': 'Komoditas Indonesia<br/>Terpercaya',
    'hero.sub': 'PT Agri Sukses Exportindo menghubungkan komoditas pertanian terpilih dari Papua dan berbagai wilayah Indonesia dengan buyer internasional melalui pengadaan profesional, kesiapan kualitas, dokumentasi ekspor, dan koordinasi buyer yang responsif.',



    // HOMEPAGE NEW SECTIONS
    'snap.label': 'Ringkasan Perusahaan',
    'snap.title': 'Mitra Ekspor Terpercaya<br/><em>dari Indonesia</em>',
    'snap.desc': 'PT Agri Sukses Exportindo adalah perusahaan ekspor komoditas agro Indonesia yang berkantor pusat di Jakarta, didukung jaringan pasok dan konsolidasi di Papua. Kami berfokus pada komoditas pertanian terpilih, kesiapan produk ekspor, dokumentasi yang jelas, dan koordinasi buyer yang responsif.',
    'snap.c1.t': 'Kantor Pusat Jakarta',
    'snap.c1.d': 'Koordinasi ekspor, komunikasi buyer, penawaran, dokumentasi, dan pengaturan logistik dikelola dari Jakarta.',
    'snap.c2.t': 'Basis Pasok Papua',
    'snap.c2.d': 'Didukung jaringan pasok dan akses konsolidasi di Papua untuk komoditas agro terpilih.',
    'snap.c3.t': 'Komoditas Terpilih',
    'snap.c3.d': 'Vanili, kopra, kakao, kopi, daun pisang, rempah, dan produk agro tropis lainnya.',
    'snap.c4.t': 'Dukungan Sampel',
    'snap.c4.d': 'Opsi sampel dan trial order tersedia untuk produk tertentu sebelum pembelian komersial.',
    'snap.c5.t': 'Dokumentasi Ekspor',
    'snap.c5.d': 'Commercial invoice, packing list, certificate of origin, phytosanitary certificate, dan COA atas permintaan.',
    'snap.c6.t': 'Koordinasi Buyer',
    'snap.c6.d': 'Komunikasi responsif dan informasi produk yang jelas bagi buyer internasional.',
    'homeabout.label': 'Tentang PT Agri Sukses Exportindo',
    'homeabout.title': 'Menghubungkan Produk<br/><em>Agro Indonesia ke Buyer Global</em>',
    'homeabout.desc': 'PT Agri Sukses Exportindo dibentuk untuk menghubungkan produk pertanian terpilih dari Papua dan berbagai wilayah Indonesia dengan buyer internasional. Dengan kantor pusat di Jakarta dan koordinasi pasok di Papua, kami mendukung buyer melalui pengadaan produk, persiapan kualitas, dokumentasi ekspor, dan komunikasi perdagangan profesional.',
    'homeabout.cta1': 'Tentang Kami',
    'homeabout.cta2': 'Lihat Proses Ekspor',
    'homeabout.role.label': 'Peran Kami dalam Rantai Pasok',
    'homeabout.role.text': 'Kami berperan sebagai mitra ekspor profesional yang menghubungkan sumber komoditas lokal dengan buyer internasional melalui pengadaan terstruktur, seleksi produk, koordinasi pengemasan, dukungan dokumen, dan persiapan pengiriman.',
    'homeabout.p1.t': 'Jaringan Pasok',
    'homeabout.p1.d': 'Akses ke sumber komoditas agro terpilih di Papua dan wilayah Indonesia lainnya.',
    'homeabout.p2.t': 'Persiapan Ekspor',
    'homeabout.p2.d': 'Sortasi, grading, pengemasan, dan persiapan dokumen berdasarkan kebutuhan buyer.',
    'homeabout.p3.t': 'Kemitraan Buyer',
    'homeabout.p3.d': 'Komunikasi transparan dan kerja sama jangka panjang dengan buyer internasional.',
    'work.label': 'Cara Kami Bekerja',
    'quality.label': 'Kualitas & Kesiapan Ekspor',
    'quality.title': 'Disiapkan untuk<br/><em>Buyer Internasional</em>',
    'quality.desc': 'Kami memahami bahwa buyer internasional membutuhkan informasi produk yang jelas, pengemasan yang andal, dokumentasi yang rapi, dan komunikasi yang konsisten. PT Agri Sukses Exportindo mendukung buyer melalui seleksi produk, sortasi, grading, koordinasi pengemasan, foto batch, dan dokumentasi ekspor sesuai kebutuhan yang disepakati.',
    'quality.statement': 'Informasi produk yang jelas, persiapan yang tepat, dan koordinasi ekspor profesional.',
    'quality.c1': 'Pengadaan produk dari jaringan pasok terpilih',
    'quality.c2': 'Inspeksi visual dan sortasi',
    'quality.c3': 'Grading produk sesuai kebutuhan buyer',
    'quality.c4': 'Persiapan pengemasan',
    'quality.c5': 'Dokumentasi foto batch atas permintaan',
    'quality.c6': 'Certificate of Analysis atas permintaan',
    'quality.c7': 'Sertifikat fitosanitasi bila diperlukan',
    'quality.c8': 'Certificate of Origin bila diperlukan',
    'quality.c9': 'Commercial invoice dan packing list',
    'quality.c10': 'Diskusi FOB, CIF, atau CNF',
    'homeops.label': 'Model Operasional',
    'homeops.title': 'Kantor Pusat Jakarta,<br/><em>Basis Pasok Papua</em>',
    'homeops.desc': 'PT Agri Sukses Exportindo menjalankan model koordinasi yang praktis. Jakarta berperan sebagai pusat bisnis dan koordinasi ekspor, sementara Papua mendukung akses pasok, konsolidasi komoditas, sortasi, dan persiapan pra-pengiriman untuk produk terpilih.',
    'homeops.jkt.k': 'Kantor Pusat Jakarta',
    'homeops.jkt.t': 'Pusat Koordinasi Bisnis & Ekspor',
    'homeops.jkt.d': 'Komunikasi buyer, pemasaran, penawaran, dokumentasi ekspor, koordinasi logistik, negosiasi perdagangan, dan dukungan administrasi.',
    'homeops.jkt.l1': 'Komunikasi buyer',
    'homeops.jkt.l2': 'Penawaran',
    'homeops.jkt.l3': 'Dokumen ekspor',
    'homeops.jkt.l4': 'Koordinasi logistik',
    'homeops.pap.k': 'Basis Pasok Papua',
    'homeops.pap.t': 'Jaringan Pengadaan & Konsolidasi',
    'homeops.pap.d': 'Pengadaan komoditas lokal, sortasi dan grading awal, konsolidasi stok, persiapan produk, dan akses ke komoditas asal Papua.',
    'homeops.pap.l1': 'Pengadaan lokal',
    'homeops.pap.l2': 'Sortasi awal',
    'homeops.pap.l3': 'Konsolidasi stok',
    'homeops.pap.l4': 'Persiapan produk',

    // PRODUCT CARD DESCRIPTIONS
    'pcd.vanilli': 'Biji vanila premium asal Papua untuk industri makanan gourmet, bakeri, coklat, es krim, ekstrak, parfum, dan bahan alami internasional.',
    'pcd.copra': 'Kopra sun-dried dan rack-dried dari Biak Numfor, Papua. Kadar minyak 65–68%. Cocok untuk pabrik minyak kelapa, pengolahan makanan, dan industri.',
    'pcd.cocoa': 'Biji kakao Indonesia terpilih untuk produsen coklat, prosesor kembang gula, distributor bahan baku, dan perusahaan flavor di seluruh dunia.',
    'pcd.coffee': 'Produk kopi Indonesia untuk roaster, importir, dan pembeli spesialis. Bersumber dari daerah penghasil kopi premium Indonesia dengan asal yang dapat dilacak.',
    'pcd.banana': 'Daun pisang Indonesia alami untuk pembungkus makanan, restoran, makanan beku, katering, dan pasar makanan etnis di Asia Tenggara, Timur Tengah, dan Eropa.',
    'pcd.spices': 'Rempah tropis Indonesia dan komoditas agro lainnya dari jaringan koperasi lokal. Tersedia berdasarkan permintaan — termasuk cengkeh, pala, lada, dan lainnya.',
    'pcd.van.a': 'Biji utuh, berminyak, fleksibel. Aroma vanillin yang kaya. Grade gourmet premium untuk pastry chef, pembuat coklat, es krim, dan merek makanan mewah.',
    'pcd.van.b': 'Biji yang lebih kering untuk produksi ekstrak, perusahaan flavor, pasta vanila, bubuk, dan aplikasi pengolahan makanan bervolume besar.',
    'pcd.van.c': 'Untuk ekstraksi dan pengolahan industri. Harga kompetitif untuk produsen ekstrak, penghasil oleoresin, dan pembeli vanila industri.',
    'pcd.copra2': 'Produk kelapa kering dengan kadar minyak 65–68%. Sun-dried dan rack-dried dari Biak Numfor, Papua. Untuk pabrik minyak kelapa, pengolahan makanan, dan pembeli industri.',
    'pcd.cocoa2': 'Biji kakao Indonesia terpilih untuk produsen coklat, prosesor kembang gula, dan distributor bahan baku. Difermentasi dan dikeringkan sesuai spesifikasi pembeli.',
    'pcd.coffee2': 'Biji kopi hijau single-origin Indonesia untuk roaster, importir, dan pembeli spesialis. Bersumber dari daerah penghasil premium dengan dokumentasi asal dan kualitas yang dapat dilacak.',
    'pcd.banana2': 'Daun pisang Indonesia alami untuk pembungkus makanan, restoran, makanan beku, katering, dan pasar makanan etnis di Asia Tenggara, Timur Tengah, Australia, dan Eropa.',
    'pcd.spices2': 'Rempah tropis Indonesia termasuk cengkeh, pala, lada, kayu manis, dan komoditas agro lainnya. Bersumber dari jaringan koperasi lokal di seluruh kepulauan Indonesia.',


    // BANANA MODAL
    'bm.badge': 'Produk Alami · Grade Ekspor',
    'bm.title': 'Daun Pisang',
    'bm.desc': 'Daun pisang segar dan beku premium dari Indonesia, dipilih berdasarkan ukuran, kebersihan, dan fleksibilitas. Digunakan secara luas untuk pembungkus makanan, penyajian, katering, dan pasar makanan etnis secara global. Tersedia dalam format ekspor segar (dingin) dan beku. Dikemas sesuai standar ekspor food-grade internasional.',
    'bm.s1l': 'Jenis Produk', 'bm.s1v': 'Daun Pisang Segar / Beku',
    'bm.s2l': 'Spesies',
    'bm.s3l': 'Asal', 'bm.s3v': 'Indonesia',
    'bm.s4l': 'Kode HS',
    'bm.s5l': 'Ukuran Daun', 'bm.s5v': 'Sesuai permintaan / Potongan standar',
    'bm.s6l': 'Kemasan', 'bm.s6v': 'Bundel / Karton (Food Grade)',
    'bm.s7l': 'Warna / Kondisi', 'bm.s7v': 'Hijau segar, bersih, fleksibel',
    'bm.s8l': 'Min. Pesanan', 'bm.s8v': '500 KG (dapat dinegosiasikan)',
    'bm.s9l': 'Incoterms',
    'bm.photos.label': 'Foto Produk',
    'bm.uses.label': 'Aplikasi & Segmen Pembeli',
    'bm.u1': 'Pembungkus Makanan', 'bm.u2': 'Penyajian Restoran',
    'bm.u3': 'Katering & Acara', 'bm.u4': 'Pengemasan Makanan Beku',
    'bm.u5': 'Pasar Makanan Etnis', 'bm.u6': 'Jaringan Groceri Asia',
    'bm.u7': 'Masakan Tradisional', 'bm.u8': 'Kemasan Ramah Lingkungan',
    'bm.cta1': 'Minta Detail Produk →', 'bm.cta2': 'Kirim Inquiry WhatsApp',

    'why.trusted.text': 'Perusahaan ekspor berbasis Jakarta dengan koordinasi profesional, dokumentasi kredibel, dan komitmen terhadap hubungan pembeli jangka panjang.',
    'why.quality.text': 'Setiap komoditas diperiksa secara visual, disortir, dan digrading sebelum ekspor. Verifikasi kualitas tersedia melalui CoA atas permintaan.',
    'why.jakarta.text': 'Kantor pusat di Jakarta menangani semua koordinasi ekspor, dokumentasi, komunikasi pembeli, dan manajemen logistik.',
    'why.papua.text': 'Gudang konsolidasi di Papua menyediakan akses langsung ke jaringan pasokan agro lokal, sortasi, dan persiapan pra-pengiriman.',
    'why.packaging.text': 'Pengemasan kelas ekspor disiapkan sesuai kebutuhan pembeli. Opsi kemasan bermerek atau netral tersedia melalui diskusi.',
    'why.docs.text': 'Dukungan dokumentasi ekspor lengkap: Commercial Invoice, Packing List, B/L, Sertifikat Fitosanitasi, CoA, dan Sertifikat Asal.',
    'why.sample.text': 'Pengiriman sampel tersedia untuk evaluasi pembeli sebelum volume komersial penuh. Bangun kepercayaan sebelum skala besar.',
    'why.longterm.text': 'Kami berinvestasi dalam hubungan, bukan hanya transaksi. Kerja sama pasokan reguler, alokasi prioritas pembeli, dan dukungan akun dedikasi.',
    'val.trust.text': 'Operasi jujur dan transparan. Pembeli dapat mengandalkan kami untuk informasi produk akurat, harga wajar, dan pengiriman konsisten.',
    'val.quality.text': 'Setiap produk bersumber, disortir, dan digrading untuk memenuhi standar internasional. Kualitas tidak pernah diabaikan.',
    'val.prof.text': 'Koordinasi profesional, komunikasi responsif, dan dokumentasi tepat dalam setiap interaksi dengan pembeli.',
    'val.sustain.text': 'Kemitraan dengan petani yang mempraktikkan pertanian bertanggung jawab. Melindungi warisan pertanian Indonesia untuk generasi mendatang.',
    'val2.trust.text': 'Kami beroperasi dengan kejujuran dan transparansi dalam setiap transaksi. Pembeli dapat mengandalkan informasi produk akurat, harga wajar, dan pengiriman konsisten.',
    'val2.quality.text': 'Kualitas tidak pernah dikompromikan. Setiap produk bersumber, disortir, dan digrading untuk memenuhi standar pembeli internasional.',
    'val2.prof.text': 'Koordinasi ekspor profesional, komunikasi responsif, dan dokumentasi tepat adalah fondasi cara kami bekerja dengan setiap mitra pembeli.',
    'val2.sustain.text': 'Kami bermitra dengan petani lokal dan koperasi yang mempraktikkan pertanian bertanggung jawab, melindungi warisan pertanian alam Indonesia.',
    'val2.local.text': 'Jaringan pasokan kami dibangun atas hubungan kuat dengan petani Indonesia, koperasi, dan pemasok lokal, memastikan pengadaan langsung dan autentik.',
    'val2.global.text': 'Kami berpikir global dalam cara menyiapkan, mendokumentasikan, dan mengantarkan produk, memenuhi standar kualitas dan regulasi internasional di setiap pasar.',
    'val2.credibility.text': 'Kredibilitas kami dibangun melalui kualitas produk konsisten, dokumentasi andal, dan komunikasi transparan dengan setiap mitra pembeli internasional.',
    'val2.growth.text': 'Kami tumbuh ketika pembeli kami tumbuh. Kerja sama pasokan jangka panjang, alokasi preferensial, dan dukungan dedikasi untuk pembeli yang berkomitmen.',
    'proc.1.text': 'Pengadaan melalui jaringan petani, koperasi, dan mitra pasok lokal terpercaya di Papua serta wilayah Indonesia lainnya.',
    'proc.2.text': 'Sortasi manual dan visual di gudang Papua. Pembuangan produk yang rusak, di bawah standar, atau tidak sesuai.',
    'proc.3.text': 'Digrading berdasarkan ukuran, kadar air, penampilan, dan parameter kualitas sesuai spesifikasi pembeli.',
    'proc.4.text': 'Pengemasan kelas ekspor berdasarkan kebutuhan pembeli. Foto batch disediakan atas permintaan.',
    'proc.5.text': 'Dokumen ekspor lengkap disiapkan: Invoice, Packing List, CoA, Fitosanitasi, Sertifikat Asal.',
    'proc.6.text': 'Pemuatan dan pengiriman terkoordinasi dari Surabaya atau Makassar. FOB, CIF, atau CNF sesuai kesepakatan.',
    'ops.jkt.desc': 'Koordinasi ekspor, komunikasi pembeli, pemasaran, penetapan harga, dokumentasi, dan manajemen logistik. Tim Jakarta kami menangani semua aktivitas yang berhadapan dengan pembeli.',
    'ops.pap.desc': 'Koordinasi pengadaan dengan mitra lokal terpercaya, sortasi awal, gradasi, inspeksi kualitas, konsolidasi, dan persiapan pengemasan pra-ekspor.',
    'mkt.sea.desc': 'Singapura, Malaysia, Thailand, Vietnam, Filipina. Pusat re-ekspor dan manufaktur makanan utama.',
    'mkt.ea.desc': 'Pasar makanan premium, kembang gula, dan bahan baku spesialis. Dokumentasi kualitas ketat diperlukan.',
    'mkt.oc.desc': 'Pasar makanan etnis, peritel makanan spesialis, dan perusahaan manufaktur makanan.',
    'mkt.me.desc': 'Pasar bahan makanan dan komoditas spesialis yang berkembang. Jebel Ali sebagai pusat re-ekspor utama.',
    'mkt.eu.desc': 'Pembeli vanila premium, rempah, kakao, dan kopi. Persyaratan regulasi ketat - kami mendukung dokumentasi lengkap.',
    'mkt.na.desc': 'Produsen ekstrak, merek makanan spesialis, dan importir bahan premium.',

    'p.hs.vanilla': 'HS 0905.10.00 · Vanilla planifolia',
    'p.vanilli.title': 'Vanilli Papua™<br/>Biji Vanila Premium',
    'p.hs.copra': 'HS 1203.00.00 · Kopra',
    'p.copra.title': 'Kopra Papua',
    'p.hs.cocoa': 'HS 1801.00.00 · Biji Kakao',
    'p.cocoa.title': 'Kakao / Coklat',
    'p.hs.coffee': 'HS 0901.11.00 · Kopi',
    'p.coffee.title': 'Kopi Indonesia',
    'p.hs.banana': 'HS 1404.90.90 · Daun Pisang',
    'p.banana.title': 'Daun Pisang',
    'p.hs.spices': 'Berbagai Kode HS · Rempah',
    'p.spices.title': 'Rempah & Komoditas Agro Lainnya',
    'p.btn.details': 'Minta Detail Produk',
    'spec.oil': 'Kadar Minyak', 'spec.moisture': 'Kadar Air', 'spec.packaging': 'Kemasan',
    'spec.minorder': 'Min. Pesanan', 'spec.origin': 'Asal', 'spec.type': 'Jenis',
    'spec.process': 'Proses', 'spec.length': 'Panjang', 'spec.vanillin': 'Vanillin',
    'spec.size': 'Ukuran', 'spec.examples': 'Contoh',
    'why.trusted.title': 'Mitra Ekspor Terpercaya',
    'why.quality.title': 'Seleksi Produk Berkualitas',
    'why.jakarta.title': 'Koordinasi Ekspor dari Jakarta',
    'why.papua.title': 'Gudang & Pasokan Papua',
    'why.packaging.title': 'Kemasan Profesional',
    'why.docs.title': 'Dokumen Ekspor',
    'why.sample.title': 'Sampel & Pesanan Sample',
    'why.longterm.title': 'Kemitraan Jangka Panjang',
    'proc.1': 'Pengadaan', 'proc.2': 'Sortasi', 'proc.3': 'Gradasi',
    'proc.4': 'Pengemasan', 'proc.5': 'Dokumentasi', 'proc.6': 'Pengiriman',
    'val.trust': 'Kepercayaan', 'val.quality': 'Kualitas', 'val.prof': 'Profesionalisme',
    'val.sustain': 'Keberlanjutan', 'val.local': 'Kemitraan Lokal',
    'val.global': 'Wawasan Global', 'val.credibility': 'Kredibilitas', 'val.growth': 'Tumbuh Bersama',
    'mkt.sea.region': 'Asia Tenggara', 'mkt.sea.title': 'Asia Tenggara',
    'mkt.ea.region': 'Asia Timur', 'mkt.ea.title': 'Jepang · Korea Selatan · China',
    'mkt.oc.region': 'Oseania', 'mkt.oc.title': 'Australia · Selandia Baru',
    'mkt.me.region': 'Timur Tengah', 'mkt.me.title': 'UAE · Arab Saudi · Qatar',
    'mkt.eu.region': 'Eropa', 'mkt.eu.title': 'Belanda · Jerman · Prancis · UK',
    'mkt.na.region': 'Amerika Utara', 'mkt.na.title': 'USA · Kanada',
    'mkt.buyertypes.label': 'Siapa yang Membeli Produk Kami',
    'mkt.buyertypes.title': 'Jenis Pembeli ', 'mkt.buyertypes.titleem': 'Internasional',
    'buyer.importers': 'Importir', 'buyer.trading': 'Perusahaan Dagang',
    'buyer.food': 'Produsen Makanan', 'buyer.ingredient': 'Distributor Bahan Baku',
    'buyer.coffee': 'Perusahaan Roasting Kopi', 'buyer.choco': 'Produsen Coklat',
    'buyer.extract': 'Produsen Ekstrak', 'buyer.flavor': 'Perusahaan Flavor',
    'buyer.restaurant': 'Supplier Restoran', 'buyer.grocery': 'Distributor Groceri',
    'buyer.fragrance': 'Perusahaan Parfum', 'buyer.cosmetic': 'Perusahaan Kosmetik',
    'buyer.traders': 'Trader Komoditas', 'buyer.specialty': 'Peritel Spesialis',
    'ops.jkt.location': 'Kantor Pusat · Jakarta, Indonesia',
    'ops.jkt.title': 'Jakarta — Pusat Bisnis & Ekspor',
    'ops.pap.location': 'Gudang · Papua, Indonesia',
    'ops.pap.title': 'Papua — Pusat Pengadaan & Konsolidasi',
    'vg.a.grade': 'Grade A · Gourmet', 'vg.a.title': 'Biji Vanila Grade A<br/>Gourmet',
    'vg.b.grade': 'Grade B · Ekstrak', 'vg.b.title': 'Biji Vanila Grade B<br/>Ekstrak',
    'vg.c.grade': 'Grade C · Industri', 'vg.c.title': 'Biji Vanila<br/>Potongan / Pecahan',
    'about.hero.sub': 'Perusahaan ekspor komoditas agro berbasis Jakarta yang menghubungkan sumber daya pertanian Indonesia dengan pembeli internasional melalui pengadaan profesional, persiapan kualitas, dan koordinasi ekspor yang andal.',
    'about.cred1': 'Kantor Pusat Jakarta',
    'about.cred2': 'Jaringan Pasokan Papua',
    'about.cred3': 'Ekspor B2B Internasional',
    'about.cred4': 'Perusahaan Terdaftar di Indonesia',


    // ABOUT OVERVIEW NEW
    'about.overview.label': 'Ringkasan Perusahaan',
    'about.whowe.title': 'Mitra Ekspor Terpercaya<br/>',
    'about.whowe.titleem': 'dari Indonesia',
    'about.overview.desc': 'PT Agri Sukses Exportindo adalah perusahaan ekspor komoditas agro Indonesia yang berkantor pusat di Jakarta dan didukung oleh jaringan pasokan serta konsolidasi komoditas di Papua. Perusahaan berfokus pada pengadaan komoditas pertanian terpilih, kesiapan produk untuk pasar ekspor, kelengkapan dokumentasi, serta koordinasi yang responsif dengan pembeli internasional.',
    'about.f1.label': 'Kantor Pusat Jakarta',
    'about.f1.text': 'Kantor pusat di Jakarta berperan sebagai pusat koordinasi ekspor, komunikasi dengan pembeli, penyusunan penawaran, pengelolaan dokumen, serta pengaturan logistik pengiriman.',
    'about.f2.label': 'Basis Pasokan Papua',
    'about.f2.text': 'Perusahaan didukung oleh jaringan pasokan dan akses konsolidasi di Papua untuk mendukung pengadaan komoditas agro terpilih dari wilayah sumber produksi.',
    'about.f3.label': 'Komoditas Terpilih',
    'about.f3.text': 'Vanili, kopra, kakao, kopi, daun pisang, rempah-rempah, serta berbagai produk agro tropis Indonesia lainnya.',
    'about.f4.label': 'Dukungan Sampel',
    'about.f4.text': 'Opsi pengiriman sampel dan pesanan uji coba tersedia untuk produk tertentu, sehingga pembeli dapat melakukan evaluasi kualitas sebelum melanjutkan ke pembelian komersial.',
    'about.f5.label': 'Dokumentasi Ekspor',
    'about.f5.text': 'Perusahaan mendukung penyediaan dokumen ekspor seperti Commercial Invoice, Packing List, Certificate of Origin, Phytosanitary Certificate, serta Certificate of Analysis (CoA) sesuai permintaan dan kebutuhan transaksi.',
    'about.f6.label': 'Koordinasi Pembeli',
    'about.f6.text': 'Perusahaan mengedepankan komunikasi yang responsif, informasi produk yang jelas, serta koordinasi yang profesional dalam melayani kebutuhan pembeli internasional.',


    'brand.p1.eyebrow': 'Jakarta, Indonesia',
    'brand.p1.title': 'Kantor Pusat & Koordinasi Ekspor',
    'brand.p2.eyebrow': 'Korporat',
    'brand.p2.title': 'Kehadiran Brand',
    'brand.p3.eyebrow': 'Siap Ekspor',
    'brand.p3.title': 'Pengiriman Global',
    'brand.p4.eyebrow': 'Identitas Premium',
    'brand.p4.title': 'Brand Ekspor Terpercaya',
    'brand.cred.label': 'Kredensial Perusahaan',
    'brand.cred.1': 'Perusahaan Terdaftar di Indonesia',
    'brand.cred.2': 'Kantor Pusat: Jakarta, Indonesia',
    'brand.cred.3': 'Sumber Komoditas Agro Papua',
    'brand.cred.4': 'Ekspor B2B Internasional',

    'brand.label': 'Identitas Perusahaan',
    'brand.title': 'Brand yang Terpercaya,',
    'brand.titleem': 'Kehadiran Profesional',
    'brand.subtitle': 'PT Agri Sukses Eksportindo hadir dengan identitas korporat yang jelas, mencerminkan profesionalisme, kualitas, dan kepercayaan dalam ekspor komoditas agro Indonesia.',
    'about.ops.label': 'Peran Kami dalam Rantai Pasok',
    'about.ops.title': 'Kemitraan Ekspor ', 'about.ops.titleem': 'Profesional',
    'about.ops.desc': 'PT Agri Sukses Exportindo berperan sebagai mitra ekspor profesional yang menghubungkan sumber komoditas lokal dengan pembeli internasional melalui proses pengadaan yang terstruktur, seleksi produk, koordinasi pengemasan, dukungan dokumentasi, serta persiapan pengiriman yang sesuai dengan kebutuhan transaksi ekspor.',
    'about.role.1.num': '01', 'about.role.1.title': 'Jaringan Pasokan',
    'about.role.1.text': 'Perusahaan memiliki akses terhadap sumber komoditas agro terpilih di Papua dan berbagai wilayah Indonesia lainnya melalui jaringan pemasok lokal, mitra konsolidasi, dan pelaku rantai pasok yang terpercaya.',
    'about.role.2.num': '02', 'about.role.2.title': 'Persiapan Ekspor',
    'about.role.2.text': 'Produk disiapkan melalui proses sortasi, pengelompokan mutu, pengemasan, serta persiapan dokumen pendukung berdasarkan kebutuhan pembeli dan persyaratan negara tujuan.',
    'about.role.3.num': '03', 'about.role.3.title': 'Kemitraan Pembeli',
    'about.role.3.text': 'Perusahaan membangun komunikasi yang transparan, responsif, dan profesional dengan pembeli internasional untuk mendukung kerja sama jangka panjang yang saling menguntungkan.',
    'about.values.label': 'Nilai Inti',
    'about.values.title': 'Yang Menggerakkan ', 'about.values.titleem': 'Semua yang Kami Lakukan',
    'btn.sendInquiry2': 'Kirim Pertanyaan', 'btn.viewProducts': 'Lihat Semua Produk',
    'btn.contactDesk': 'Hubungi Meja Ekspor', 'btn.contactTeam': 'Hubungi Tim Kami',
    'btn.ourProducts': 'Produk Kami', 'btn.exportProcess': 'Proses Ekspor',
    'btn.sendProduct': 'Kirim Pertanyaan Produk', 'btn.discuss': 'Diskusikan Kebutuhan Anda →',
    'btn.sendMarket': 'Kirim Pertanyaan Pasar',

    'export.termsTitle': 'Incoterms yang Kami Dukung',
    'cta.sendInquiry': 'Kirim Pertanyaan',
    'cta.viewProducts': 'Lihat Semua Produk',
    'cta.contactDesk': 'Hubungi Meja Ekspor',
    'cta.viewExport': 'Proses Ekspor',
    'ov.label': 'Profil Perusahaan',
    'ov.title': 'Terpercaya dari <em>Indonesia</em>',
    'ov.desc': 'PT Agri Sukses Exportindo menghubungkan komoditas pertanian terpilih dari Papua dan berbagai wilayah Indonesia lainnya dengan pembeli internasional melalui pengadaan profesional, persiapan siap ekspor, dokumentasi yang tepat, serta koordinasi dagang yang responsif.',
    'ov.c1.t': 'Kantor Pusat Jakarta',
    'ov.c1.d': 'Koordinasi ekspor, komunikasi dengan pembeli, penyusunan penawaran, dokumentasi, dan pengaturan logistik dikelola dari Jakarta.',
    'ov.c2.t': 'Basis Pasokan Papua',
    'ov.c2.d': 'Didukung oleh jaringan pasokan dan akses konsolidasi komoditas di Papua untuk komoditas agro terpilih dari wilayah produksi.',
    'ov.c3.t': 'Komoditas Terpilih',
    'ov.c3.d': 'Vanili, kopra, kakao, kopi, daun pisang, rempah, dan produk agro tropis Indonesia lainnya.',
    'ov.c4.t': 'Dukungan Sampel',
    'ov.c4.d': 'Pengiriman sampel dan opsi trial order tersedia untuk produk terpilih sebelum pembelian komersial.',
    'ov.c5.t': 'Dokumentasi Ekspor',
    'ov.c5.d': 'Commercial Invoice, Packing List, Certificate of Origin, Phytosanitary Certificate, dan Certificate of Analysis (CoA) dapat didukung sesuai kebutuhan pembeli.',
    'ov.c6.t': 'Koordinasi Pembeli',
    'ov.c6.d': 'Komunikasi yang responsif dan informasi produk yang jelas untuk pembeli internasional.',
    'ov.btn.contact': 'Hubungi Tim Kami',
    'ov.btn.products': 'Produk Kami',
    'vm.vision.label': 'Visi',
    'vm.vision.title': 'Visi Kami',
    'vm.vision.text': 'Menjadi mitra ekspor komoditas agro Indonesia yang andal serta menghadirkan produk pertanian terpilih kepada pembeli global melalui kualitas, profesionalisme, dan kerja sama jangka panjang.',
    'vm.mission.label': 'Misi',
    'vm.mission.title': 'Misi Kami',
    'vm.mission.text': 'Menghubungkan potensi pertanian Indonesia dengan pembeli internasional melalui kemitraan lokal yang terpercaya, persiapan yang berkualitas, dokumentasi ekspor, dan kerja sama profesional jangka panjang.',
    'ex.wf.title': 'Dari Permintaan hingga <em>Kemitraan Jangka Panjang</em>',
    'ex.wf.desc': 'Proses langkah demi langkah yang jelas dan dikelola sepenuhnya oleh tim ekspor Jakarta kami — sehingga pembeli selalu tahu tahap berikutnya.',
    'ex.step': 'Tahap',
    'ex.s1.t': 'Permintaan Pembeli',
    'ex.s1.d': 'Anda mengirim permintaan melalui email, WhatsApp, atau formulir kontak — mencantumkan komoditas, jumlah, pelabuhan tujuan, dan syarat dagang yang diinginkan.',
    'ex.s2.t': 'Ketersediaan & Spesifikasi',
    'ex.s2.d': 'Tim Jakarta kami mengonfirmasi stok terkini, grade, spesifikasi indikatif, dan opsi kemasan dari basis pasokan Papua.',
    'ex.s3.t': 'Sampel atau Trial Order',
    'ex.s3.d': 'Bagi pembeli baru, tersedia pengiriman sampel atau trial order dalam jumlah kecil agar Anda dapat mengevaluasi produk sebelum volume penuh.',
    'ex.s4.t': 'Penawaran Harga',
    'ex.s4.d': 'Penawaran harga resmi diterbitkan berdasarkan grade, jumlah, pelabuhan tujuan, dan Incoterm yang disepakati — FOB, CIF, atau CNF.',
    'ex.s5.t': 'Konfirmasi Pesanan',
    'ex.s5.d': 'Anda mengonfirmasi pesanan dengan purchase order atau pembayaran deposit, lalu jadwal persiapan, grading, dan pengemasan ditetapkan.',
    'ex.s6.t': 'Pengemasan & Dokumentasi',
    'ex.s6.d': 'Produk dikemas dan diberi label sesuai kebutuhan Anda, dan set dokumen ekspor lengkap disiapkan untuk proses kepabeanan.',
    'ex.s7.t': 'Pengiriman & Pelacakan',
    'ex.s7.d': 'Kargo dimuat dan dikirim dari pelabuhan Indonesia, Bill of Lading diterbitkan, dan informasi pelacakan dibagikan kepada Anda.',
    'ex.s8.t': 'Kemitraan Jangka Panjang',
    'ex.s8.d': 'Setelah pengiriman berhasil, kami membahas jadwal pasokan berkala, komitmen volume, dan kemitraan pembeli jangka panjang.',
    'ex.terms.title': 'Incoterms yang <em>Kami Dukung</em>',
    'ex.fob.full': 'Free On Board',
    'ex.fob.d': 'Kami menangani persiapan produk dan pemuatan di pelabuhan keberangkatan Indonesia. Anda mengatur ocean freight dan asuransi selanjutnya.',
    'ex.cif.full': 'Cost, Insurance & Freight',
    'ex.cif.d': 'Kami mengatur dan membayar ocean freight serta asuransi laut hingga pelabuhan tujuan Anda. Tersedia berdasarkan diskusi.',
    'ex.cnf.full': 'Cost & Freight',
    'ex.cnf.d': 'Kami menanggung freight hingga pelabuhan tujuan; asuransi laut diatur oleh pembeli. Sesuai kesepakatan bersama.',
    'ex.docs.label': 'Dokumentasi Ekspor',
    'ex.docs.title': 'Dokumen Lengkap & <em>Sesuai Ketentuan</em>',
    'ex.docs.intro': 'Setiap pengiriman didukung dengan dokumen ekspor yang dibutuhkan oleh negara tujuan dan otoritas kepabeanan Anda.',
    'ex.doc1': 'Commercial Invoice',
    'ex.doc2': 'Packing List',
    'ex.doc3': 'Certificate of Origin',
    'ex.doc4': 'Phytosanitary Certificate',
    'ex.doc5': 'Certificate of Analysis (CoA)',
    'ex.cta.title': 'Siap memulai <em>pesanan pertama Anda?</em>',
    'ex.cta.text': 'Kirim detail komoditas, jumlah, dan tujuan Anda ke export desk Jakarta kami — kami akan membalas dengan ketersediaan dan penawaran harga.',
    'ex.cta.b1': 'Hubungi Export Desk',
    'ex.cta.b2': 'Lihat Produk Kami',
    'mkt.dest.label': 'Tujuan Ekspor',
    'mkt.dest.title': 'Pasar yang <em>Kami Jangkau</em>',
    'mkt.dest.desc': 'PT Agri Sukses Exportindo memasok komoditas agro Indonesia ke pembeli di berbagai kawasan kunci di seluruh dunia.',
    'team.label': 'Tim Kami',
    'team.title': 'Orang-Orang di Balik <em>Agri Sukses Exportindo</em>',
    'team.desc': 'Tim kecil yang fokus, berdedikasi untuk membangun jembatan terpercaya antara komunitas pertanian Indonesia dan pasar global.',
    'team.utami.role': 'Direktur & Pengembangan Bisnis',
    'team.utami.bio': 'Memimpin arah strategis, kemitraan, dan pertumbuhan bisnis PT Agri Sukses Exportindo. Mengawasi visi perusahaan dan mewakili merek kepada pembeli kunci serta pemangku kepentingan internasional.',
    'team.echon.role': 'Kepala Sumber Daya & Operasi Lapangan',
    'team.echon.bio': 'Mengelola jaringan petani dan operasi sumber daya di lapangan, di Papua dan wilayah Indonesia lainnya. Memastikan kualitas, ketertelusuran, dan hubungan langsung dengan mitra koperasi kami.',
    'team.maura.role': 'Manajer Ekspor & Pemasaran',
    'team.maura.bio': 'Mengoordinasikan pengiriman internasional, dokumentasi ekspor, dan komunikasi pembeli. Mengelola pemasaran, intelijen pasar, dan mendukung hubungan bisnis baru di pasar global.',
  }
};

let currentLang = 'en';

function setLang(lang) {
  currentLang = lang;
  // Toggle button states
  document.getElementById('btn-en').classList.toggle('active', lang === 'en');
  document.getElementById('btn-id').classList.toggle('active', lang === 'id');
  // Update html lang attribute
  document.documentElement.lang = lang;
  // Apply translations to all data-i18n elements
  document.querySelectorAll('[data-i18n]').forEach(el => {
    const key = el.getAttribute('data-i18n');
    if (i18n[lang] && i18n[lang][key]) {
      el.innerHTML = i18n[lang][key];
    }
  });
  // Update form labels specifically
  applyFormLabels(lang);
  // Save preference
  try { localStorage.setItem('ase-lang', lang); } catch(e) {}
}

function applyFormLabels(lang) {
  const t = i18n[lang];
  const labelMap = {
    'contact.formTitle': '.inquiry-form h3',
    'contact.waTitle': '.wa-banner-title',
    'contact.waDesc': '.wa-banner-desc',
  };
  // Form labels by placeholder-adjacent label elements
  const formFields = document.querySelectorAll('.form-field label');
  const labelKeys = ['contact.name','contact.company','contact.country','contact.email',
    'contact.wa','contact.product','contact.qty','contact.port','contact.terms',
    'contact.use','contact.msg'];
  formFields.forEach((lbl, i) => {
    if (labelKeys[i] && t[labelKeys[i]]) lbl.textContent = t[labelKeys[i]];
  });
  // Submit button
  const submitBtn = document.querySelector('.form-submit');
  if (submitBtn && t['contact.submit']) submitBtn.textContent = t['contact.submit'];
  // WA banner
  const waTitle = document.querySelector('.wa-title-text');
  if (waTitle && t['contact.waTitle']) waTitle.textContent = t['contact.waTitle'];
  const waDesc = document.querySelector('.wa-desc-text');
  if (waDesc && t['contact.waDesc']) waDesc.textContent = t['contact.waDesc'];
  const waBtn = document.querySelector('.wa-btn-text');
  if (waBtn && t['contact.waBtn']) waBtn.textContent = t['contact.waBtn'];
}

// Initialize on load
window.addEventListener('DOMContentLoaded', () => {
  try {
    const saved = localStorage.getItem('ase-lang');
    if (saved && (saved === 'en' || saved === 'id')) {
      setLang(saved);
    }
  } catch(e) {}
});


// ═══ BANANA LEAF PRODUCT MODAL ═══
function openProductModal(product) {
  if (product === 'banana') {
    const m = document.getElementById('banana-modal');
    m.style.cssText = 'display:flex !important;position:fixed;inset:0;z-index:9999;background:rgba(5,10,5,.92);backdrop-filter:blur(14px);align-items:flex-start;justify-content:center;padding:60px 20px 20px;overflow-y:auto;';
    m.classList.add('open');
    document.documentElement.style.overflow = 'hidden';
    // Apply current language to modal
    if (typeof setLang === 'function') setLang(currentLang || 'en');
  }
}
function closeBananaModal(e) {
  if (e && e.target !== document.getElementById('banana-modal') && !e.target.classList.contains('bm-close')) return;
  const m = document.getElementById('banana-modal');
  m.classList.remove('open');
  m.style.display = 'none';
  document.documentElement.style.overflow = '';
}
function openLightbox(src) {
  const lb = document.getElementById('bm-lightbox');
  document.getElementById('bm-lightbox-img').src = src;
  lb.style.cssText = 'display:flex !important;position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.92);align-items:center;justify-content:center;';
  lb.classList.add('open');
}
function closeLightbox() {
  const lb = document.getElementById('bm-lightbox');
  lb.classList.remove('open');
  lb.style.display = 'none';
}
document.addEventListener('keydown', e => {
  if (e.key === 'Escape') { closeBananaModal(); closeLightbox(); }
});

function goToProduct(id){
  showPage('products');
  setTimeout(function(){
    var el=document.getElementById(id);
    if(!el)return;
    el.scrollIntoView({behavior:'smooth',block:'center'});
    el.classList.remove('product-highlight');
    void el.offsetWidth;
    el.classList.add('product-highlight');
    setTimeout(function(){el.classList.remove('product-highlight');},2600);
  },820);
}
function showPage(name){
  const current=document.querySelector('.page.active');
  const target=document.getElementById('page-'+name);
  if(!target||current===target)return;
  if(current){
    current.style.transition='opacity .35s ease,transform .35s ease';
    current.style.opacity='0';current.style.transform='translateY(8px)';
    setTimeout(()=>{current.classList.remove('active');current.style.cssText='';},350);
  }
  setTimeout(()=>{
    target.style.opacity='0';target.style.transform='translateY(10px)';
    target.classList.add('active');
    window.scrollTo({top:0,behavior:'instant'});
    requestAnimationFrame(()=>requestAnimationFrame(()=>{
      target.style.transition='opacity .40s ease,transform .40s ease';
      target.style.opacity='1';target.style.transform='translateY(0)';
      setTimeout(()=>{target.style.cssText='';},400);
    }));
  },300);
  document.querySelectorAll('.nav-links a').forEach(a=>
    a.classList.toggle('active',a.getAttribute('data-page')===name));
  history.replaceState(null,'','#'+name);
}

function toggleFaq(el) {
  const isOpen = el.classList.contains('open');
  document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
  if (!isOpen) el.classList.add('open');
}

function toggleMobile(){document.getElementById('mobileMenu').classList.toggle('open');}
document.addEventListener('click',e=>{
  const m=document.getElementById('mobileMenu');
  const h=document.querySelector('.hamburger');
  if(m.classList.contains('open')&&!m.contains(e.target)&&e.target!==h)m.classList.remove('open');
});
window.addEventListener('DOMContentLoaded',()=>{
  const hash=window.location.hash.replace('#','');
  const valid=['home','about','products','export','markets','contact'];
  if(hash&&valid.includes(hash))showPage(hash);
});
</script>
</body>
</html>
