:root {
  --trade-ink: #173f36;
  --trade-green: #397b35;
  --trade-gold: #e9b936;
  --trade-paper: #fbfaf6;
  --trade-line: #dfe6df;
}

body {
  background: var(--trade-paper) !important;
  overflow-x: clip !important;
}

.jft-page-hero {
  min-height: 560px;
  display: flex;
  align-items: center;
}

.jft-page-hero-bg {
  opacity: .56 !important;
  background-position: center !important;
}

.jft-page-hero::after {
  background: linear-gradient(90deg, rgba(8, 34, 28, .97) 0%, rgba(8, 34, 28, .82) 46%, rgba(8, 34, 28, .2) 100%) !important;
}

.jft-page-hero h1 {
  letter-spacing: 0 !important;
  max-width: 780px;
}

.jft-page-hero-sub {
  max-width: 720px !important;
  color: rgba(255, 255, 255, .84) !important;
}

.jft-page-hero-meta {
  gap: 8px !important;
}

.jft-hero-tag,
.brand-tag,
.market-tag {
  border-radius: 999px !important;
}

.trade-hero {
  margin-top: 0 !important;
  padding: 56px 0 !important;
  background: var(--trade-ink) !important;
}

.trade-hero::before,
.trade-hero::after {
  display: none !important;
}

.hero-grid {
  gap: clamp(30px, 5vw, 72px) !important;
}

.hero-flag {
  font-size: 2.25rem !important;
  line-height: 1;
}

.hero-title {
  font-size: clamp(1.9rem, 3.4vw, 2.8rem) !important;
  letter-spacing: 0 !important;
}

.hero-body {
  margin-bottom: 0 !important;
}

.hero-btns {
  display: none !important;
}

.hero-stats {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px !important;
  box-shadow: none !important;
}

.hero-stat {
  padding: 22px 18px !important;
  background: rgba(255, 255, 255, .055) !important;
}

.stat-num {
  font-size: clamp(1.35rem, 2.8vw, 2rem) !important;
}

.port-card,
.prod-card,
.why-card,
.market-card,
.comply-card,
.cert-badge,
.reg-item {
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(20, 54, 45, .07) !important;
}

.port-card:hover,
.prod-card:hover,
.why-card:hover,
.market-card:hover,
.comply-card:hover {
  transform: translateY(-3px) !important;
}

.port-icon {
  border-radius: 6px !important;
}

.prod-img {
  background: #eef3ec !important;
}

.prod-img img {
  transition: transform .35s ease;
}

.prod-card:hover .prod-img img {
  transform: scale(1.035);
}

.prod-fob {
  color: #49675f !important;
}

.reg-item {
  border: 1px solid var(--trade-line) !important;
  border-left: 4px solid var(--trade-green) !important;
}

.cta-section {
  border-top: 1px solid var(--trade-line) !important;
}

.cta-section .btn-outline {
  color: var(--trade-green) !important;
  border-color: var(--trade-green) !important;
  background: transparent !important;
}

.cta-section .btn-outline:hover {
  color: #fff !important;
  background: var(--trade-green) !important;
}

.route-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  max-width: 820px;
  margin-top: 24px;
  color: #68756f;
  font-size: .82rem;
  line-height: 1.6;
}

.route-note i {
  color: var(--trade-gold);
  margin-top: 4px;
}

@media (max-width: 900px) {
  .jft-page-hero {
    min-height: 520px;
  }

  .jft-page-hero::after {
    background: linear-gradient(90deg, rgba(8, 34, 28, .96), rgba(8, 34, 28, .72)) !important;
  }

  .hero-grid {
    text-align: left !important;
  }
}

@media (max-width: 600px) {
  .jft-page-hero {
    min-height: 600px;
  }

  .jft-page-hero-bg {
    background-position: 60% center !important;
  }

  .jft-page-hero-meta {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .jft-hero-tag {
    width: max-content;
    max-width: 100%;
  }

  .trade-hero {
    padding: 42px 0 !important;
  }

  .hero-stats {
    grid-template-columns: 1fr 1fr !important;
  }

  .hero-stat {
    padding: 18px 12px !important;
  }
}