/* JFT Agro homepage styles extracted from index.html for parallel loading. */
:root {
      --green: #3d7030;
      --green-dark: #326127;
      --green-light: #6aad55;
      --navy: #1a3c34;
      --navy-dark: #0d1f1b;
      --navy-light: #2c5148;
      --gold: #eebf45;
      --gold-light: #f7ca5e;
      --gold-dark: #b88d14;
      --cream: #fdfbf7;
      --border: rgba(26, 60, 52, .1);
      --ff-h: 'Merriweather', serif;
      --ff-s: 'Montserrat', sans-serif;
      --ff-b: 'Lato', sans-serif;
      --ease: cubic-bezier(.165, .84, .44, 1);
      --ease-out: cubic-bezier(.2, .8, .2, 1);
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 175px;
      overflow-x: hidden
    }

    @media(max-width:1024px) {
      html {
        scroll-padding-top: 160px
      }
    }

    @media(max-width:480px) {
      html {
        scroll-padding-top: 150px
      }
    }

    body {
      margin: 0;
      padding: 0;
      font-family: var(--ff-b);
      color: #4a4a4a;
      background: var(--cream);
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden
    }

    h1,
    h2,
    h3,
    h4 {
      font-family: var(--ff-h);
      margin: 0;
      color: var(--navy);
      letter-spacing: -.5px
    }

    p {
      line-height: 1.8;
      margin-bottom: 1.4rem;
      font-size: clamp(1rem, 1.5vw, 1.1rem);
      color: #5c5c5c
    }

    a {
      text-decoration: none;
      color: inherit;
      transition: .4s var(--ease)
    }

    ul {
      list-style: none;
      padding: 0;
      margin: 0
    }

    img {
      max-width: 100%;
      height: auto;
      display: block
    }

    .jft-wide-container {
      max-width: 1360px;
      margin: 0 auto;
      padding: 0 clamp(20px, 5vw, 55px);
      position: relative;
      z-index: 5
    }

    .section-padding {
      padding: clamp(70px, 9vw, 130px) 0
    }

    .text-center {
      text-align: center
    }

    /* TYPOGRAPHY */
    .brand-tag {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-family: var(--ff-s);
      font-size: .75rem;
      font-weight: 800;
      color: var(--green);
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 20px;
      background: rgba(61, 112, 48, .08);
      padding: 10px 22px;
      border-radius: 50px;
      border: 1px solid rgba(61, 112, 48, .2);
      backdrop-filter: blur(5px)
    }

    .brand-tag-gold {
      background: rgba(238, 191, 69, .1);
      color: var(--gold-dark);
      border-color: rgba(238, 191, 69, .3)
    }

    .brand-tag-white {
      background: rgba(255, 255, 255, .1);
      color: rgba(255, 255, 255, .85);
      border-color: rgba(255, 255, 255, .25)
    }

    .section-title {
      font-size: clamp(2rem, 5vw, 3.5rem);
      font-weight: 900;
      line-height: 1.15;
      color: var(--navy)
    }

    .section-title span {
      color: var(--green);
      position: relative;
      display: inline-block;
      z-index: 1
    }

    .section-title span::after {
      content: '';
      position: absolute;
      bottom: 6px;
      left: 0;
      width: 100%;
      height: 8px;
      background: var(--gold);
      opacity: .3;
      z-index: -1;
      border-radius: 2px
    }

    .section-header {
      margin-bottom: clamp(40px, 6vw, 70px)
    }

    .center-header {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      max-width: 800px
    }

    .section-desc {
      font-size: clamp(1rem, 1.5vw, 1.12rem);
      margin-top: 20px;
      color: #6b6b6b;
      line-height: 1.85
    }

    .gold-text {
      background: linear-gradient(135deg, #f7ca5e, #eebf45, #b88d14);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-weight: 900
    }

    /* BUTTONS */
    .btn-primary {
      background: linear-gradient(135deg, var(--green), var(--green-dark));
      color: #fff;
      padding: 17px 42px;
      border-radius: 50px;
      font-family: var(--ff-s);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-size: .82rem;
      border: none;
      cursor: pointer;
      transition: .4s var(--ease);
      box-shadow: 0 10px 30px rgba(61, 112, 48, .3);
      display: inline-flex;
      align-items: center;
      gap: 10px
    }

    .btn-primary:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 45px rgba(61, 112, 48, .4);
      background: linear-gradient(135deg, var(--green-light), var(--green))
    }

    .btn-outline {
      background: transparent;
      border: 2px solid rgba(255, 255, 255, .65);
      color: #fff;
      padding: 15px 40px;
      border-radius: 50px;
      font-family: var(--ff-s);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-size: .82rem;
      cursor: pointer;
      transition: .4s var(--ease);
      display: inline-flex;
      align-items: center;
      gap: 10px
    }

    .btn-outline:hover {
      background: #fff;
      color: var(--navy);
      border-color: #fff;
      transform: translateY(-4px)
    }

    .btn-gold {
      background: var(--gold);
      color: var(--navy);
      padding: 17px 42px;
      border-radius: 50px;
      font-family: var(--ff-s);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-size: .82rem;
      border: none;
      cursor: pointer;
      transition: .4s var(--ease);
      box-shadow: 0 10px 30px rgba(238, 191, 69, .35);
      display: inline-flex;
      align-items: center;
      gap: 10px
    }

    .btn-gold:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 45px rgba(238, 191, 69, .5);
      background: var(--gold-light)
    }

    /* REVEALS */
    .reveal {
      opacity: 0;
      transform: translateY(45px);
      transition: 1s var(--ease-out)
    }

    .reveal.active {
      opacity: 1;
      transform: translateY(0)
    }

    .reveal-left {
      opacity: 0;
      transform: translateX(-55px);
      transition: 1s var(--ease-out)
    }

    .reveal-left.active {
      opacity: 1;
      transform: translateX(0)
    }

    .reveal-right {
      opacity: 0;
      transform: translateX(55px);
      transition: 1s var(--ease-out)
    }

    .reveal-right.active {
      opacity: 1;
      transform: translateX(0)
    }

    .d1 {
      transition-delay: .15s
    }

    .d2 {
      transition-delay: .3s
    }

    .d3 {
      transition-delay: .45s
    }

    .d4 {
      transition-delay: .6s
    }

    /* PRELOADER */
    #preloader {
      position: fixed;
      inset: 0;
      background: linear-gradient(135deg, #07120f, var(--navy), #2c5148);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      transition: opacity .7s ease
    }

    #preloader::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
      pointer-events: none
    }

    .loader-logo-img {
      width: 190px;
      height: auto;
      margin-bottom: 32px;
      filter: brightness(0) invert(1);
      animation: lFloat 3s ease-in-out infinite
    }

    .loader-text {
      font-family: var(--ff-s);
      font-size: .78rem;
      color: rgba(255, 255, 255, .6);
      font-weight: 700;
      margin-bottom: 28px;
      text-transform: uppercase;
      letter-spacing: 4px
    }

    .loader-track {
      width: 220px;
      height: 2px;
      background: rgba(255, 255, 255, .1);
      overflow: hidden;
      border-radius: 2px
    }

    .loader-fill {
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, var(--gold), var(--gold-light));
      transform: translateX(-100%);
      animation: lLine 2.2s cubic-bezier(.85, 0, .15, 1) forwards
    }

    @keyframes lLine {
      to {
        transform: translateX(0)
      }
    }

    @keyframes lFloat {

      0%,
      100% {
        transform: translateY(0);
        opacity: .9
      }

      50% {
        transform: translateY(-8px);
        opacity: 1
      }
    }

    /* UTILITIES */
    #header-placeholder {
      min-height: 80px;
      display: block
    }

    #footer-placeholder {
      min-height: 400px;
      display: block;
      background: var(--navy)
    }

    #page-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--gold),var(--green));z-index:10000;transition:width .1s;box-shadow:0 1px 6px rgba(78,140,62,.35);}
    #backToTop {
      position: fixed;
      bottom: 30px;
      right: 30px;
      width: 52px;
      height: 52px;
      background: var(--gold);
      color: var(--navy);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      z-index: 999;
      box-shadow: 0 8px 25px rgba(238, 191, 69, .4);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.1rem;
      opacity: 0;
      visibility: hidden;
      transition: .4s var(--ease);
      transform: translateY(15px)
    }

    #backToTop.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0)
    }

    #backToTop:hover {
      background: #fff;
      transform: translateY(-4px)
    }

    .wa-fab {
      position: fixed;
      bottom: 95px;
      right: 28px;
      width: 56px;
      height: 56px;
      background: #25d366;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      color: #fff;
      box-shadow: 0 8px 30px rgba(37, 211, 102, .4);
      z-index: 998;
      animation: waPulse 2.5s ease-in-out infinite;
      transition: .3s
    }

    .wa-fab:hover {
      transform: scale(1.1)
    }

    @keyframes waPulse {

      0%,
      100% {
        box-shadow: 0 8px 30px rgba(37, 211, 102, .4)
      }

      50% {
        box-shadow: 0 8px 30px rgba(37, 211, 102, .7), 0 0 0 10px rgba(37, 211, 102, .08)
      }
    }

    .mobile-hint {
      display: none;
      font-family: var(--ff-s);
      font-size: .75rem;
      color: var(--gold);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-align: center;
      margin-bottom: 20px;
      animation: hBlink 2s infinite
    }

    @keyframes hBlink {

      0%,
      100% {
        opacity: .5
      }

      50% {
        opacity: 1
      }
    }

    /* ─── HERO ─── */
    .jft-hero-banner {
      position: relative;
      min-height: 100vh;
      width: 100%;
      overflow: hidden;
      background: #000;
      display: flex;
      align-items: center;
      cursor: grab
    }

    .jft-hero-banner:active {
      cursor: grabbing
    }

    @media(min-width:1025px) {
      .jft-hero-banner {
        padding-top: 130px
      }
    }

    @media(max-width:1024px) {
      .jft-hero-banner {
        padding-top: 175px !important;
        align-items: flex-start
      }
    }

    .hero-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .8s ease-in-out, visibility 0s linear .8s;
      background-size: cover;
      background-position: center
    }

    .hero-slide.active {
      opacity: 1;
      visibility: visible;
      transition-delay: 0s
    }

    /* The initial LCP image must paint immediately; carousel transitions are
       only useful after the visitor explicitly changes slides. */
    .hero-slide:first-child.active {
      opacity: 1 !important;
      visibility: visible !important;
      transition: none !important;
    }

    .hero-slide-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      z-index: 0;
    }

    #hero-slides-container { position: absolute; inset: 0; z-index: 1; }

    .hero-slide::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg, rgba(7, 18, 15, .97) 0%, rgba(26, 60, 52, .86) 45%, rgba(26, 60, 52, .15) 100%);
      z-index: 1
    }

    .hero-grid-overlay {
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
      background-size: 60px 60px;
      z-index: 2;
      pointer-events: none
    }

    .hero-gold-stripe {
      position: absolute;
      top: 0;
      right: 0;
      width: 3px;
      height: 100%;
      background: linear-gradient(180deg, transparent, var(--gold), transparent);
      z-index: 8;
      opacity: .5
    }

    .hero-content-wrapper {
      position: relative;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      z-index: 10;
      padding: 20px clamp(20px, 5vw, 40px);
      pointer-events: none
    }

    .hero-content-wrapper * {
      pointer-events: auto
    }

    .hero-content-slide {
      display: none;
      align-items: center;
      justify-content: space-between;
      gap: 60px;
      flex-wrap: wrap;
      width: 100%
    }

    .hero-content-slide.active {
      display: flex;
      animation: hFadeIn .9s var(--ease-out) forwards
    }

    /* Keep the initial H1 paint-eligible for Core Web Vitals. */
    .hero-content-slide:first-child.active {
      animation: none
    }

    @keyframes hFadeIn {
      from {
        opacity: 0;
        transform: translateY(30px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    .hero-text-box {
      flex: 1;
      min-width: 300px;
      max-width: 720px
    }

    .hero-tag-modern {
      font-family: var(--ff-s);
      color: var(--navy);
      background: var(--gold);
      font-weight: 800;
      letter-spacing: 2.5px;
      font-size: .75rem;
      text-transform: uppercase;
      padding: 10px 22px;
      border-radius: 6px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 30px;
      box-shadow: 0 0 40px rgba(238, 191, 69, .4);
      backdrop-filter: blur(10px)
    }

    .hero-title-modern {
      font-family: var(--ff-h);
      font-size: clamp(2rem, 5.5vw, 3.9rem);
      font-weight: 900;
      line-height: 1.12;
      margin: 0 0 28px;
      color: #fff;
      letter-spacing: -1px;
      text-shadow: 0 10px 40px rgba(0, 0, 0, 0.5)
    }

    .hero-title-modern span::after {
      content: none
    }

    .hero-title-modern strong {
      color: var(--gold-light);
      font-family: var(--ff-h);
      font-weight: 300;
      font-style: italic;
      display: block;
      font-size: .72em;
      margin-top: 10px;
      letter-spacing: 0
    }

    .hero-desc-modern {
      font-size: clamp(1rem, 1.5vw, 1.18rem);
      max-width: 560px;
      color: rgba(215, 232, 225, .9);
      margin-bottom: 45px;
      font-weight: 300;
      line-height: 1.8
    }

    .hero-actions {
      display: flex;
      gap: 20px;
      flex-wrap: wrap
    }

    .hero-visual-card {
      flex: 0 0 420px;
      display: flex;
      justify-content: flex-end;
      perspective: 2000px;
      max-width: 100%
    }

    .glass-card {
      background: rgba(255, 255, 255, .06);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 36px;
      padding: 10px;
      box-shadow: 0 50px 100px rgba(0, 0, 0, .4);
      transition: .5s var(--ease);
      overflow: hidden
    }

    .glass-card:hover {
      background: rgba(255, 255, 255, .1);
      border-color: rgba(238, 191, 69, .4);
      transform: translateY(-8px) scale(1.01)
    }

    .glass-card img {
      width: 100%;
      height: clamp(320px, 40vh, 470px);
      object-fit: cover;
      border-radius: 28px;
      display: block
    }

    .hero-stats-bar {
      display: none !important
    }

    .slider-controls {
      position: absolute;
      bottom: 38px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 12px;
      z-index: 20
    }

    .control-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 2px solid rgba(255, 255, 255, .4);
      cursor: pointer;
      transition: .3s;
      background: transparent
    }

    .control-dot.active {
      background: var(--gold);
      border-color: var(--gold);
      transform: scale(1.4)
    }

    /* ─── STATS DRAMATIC ─── */
    .stats-dramatic {
      position: relative;
      background: linear-gradient(135deg, #070e0c, var(--navy));
      overflow: hidden;
      padding: clamp(60px, 8vw, 110px) 0
    }

    .stats-dramatic::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
      pointer-events: none
    }

    .stats-dramatic::after {
      content: '';
      position: absolute;
      top: -150px;
      right: -150px;
      width: 500px;
      height: 500px;
      background: radial-gradient(circle, rgba(61, 112, 48, .12), transparent 70%);
      pointer-events: none
    }

    .stats-gold-line {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent)
    }

    .stats-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0;
      position: relative;
      z-index: 2
    }

    .stat-item {
      padding: clamp(40px, 6vw, 75px) clamp(25px, 4vw, 55px);
      border-right: 1px solid rgba(255, 255, 255, .07);
      position: relative;
      text-align: center;
      overflow: hidden;
      transition: .4s
    }

    .stat-item:last-child {
      border-right: none
    }

    .stat-item:hover {
      background: rgba(255, 255, 255, .025)
    }

    .stat-item::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 3px;
      background: var(--gold);
      transition: .5s
    }

    .stat-item:hover::before {
      width: 75%
    }

    .stat-bg {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: var(--ff-s);
      font-size: clamp(5rem, 10vw, 11rem);
      font-weight: 900;
      color: rgba(255, 255, 255, .008);
      filter: blur(2px);
      pointer-events: none;
      white-space: nowrap;
      z-index: 0;
      line-height: 1;
      user-select: none
    }

    .stat-num {
      font-family: var(--ff-s);
      font-size: clamp(3.5rem, 6.5vw, 6rem);
      font-weight: 900;
      color: #fff;
      line-height: 1;
      display: block;
      position: relative;
      z-index: 1
    }

    .stat-unit {
      font-family: var(--ff-s);
      font-size: clamp(1.2rem, 2.5vw, 1.8rem);
      font-weight: 900;
      color: var(--gold)
    }

    .stat-div {
      width: 32px;
      height: 2px;
      background: var(--gold);
      margin: 14px auto;
      opacity: .5
    }

    .stat-lbl {
      font-family: var(--ff-s);
      font-size: .72rem;
      font-weight: 800;
      text-transform: uppercase;
      color: rgba(255, 255, 255, .4);
      letter-spacing: 2.5px;
      display: block
    }

    /* ─── ABOUT EDITORIAL ─── */
    .about-editorial {
      background: var(--cream)
    }

    .about-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      min-height: 620px
    }

    .about-left {
      background: var(--navy);
      padding: clamp(40px, 6vw, 110px) clamp(20px, 5vw, 85px);
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      justify-content: center
    }

    .about-left::before {
      content: '\201C';
      position: absolute;
      top: -30px;
      right: 10px;
      font-size: 22rem;
      color: rgba(238, 191, 69, .05);
      font-family: var(--ff-h);
      line-height: 1;
      pointer-events: none
    }

    .about-left::after {
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      width: 150px;
      height: 150px;
      background: radial-gradient(circle, rgba(61, 112, 48, .12), transparent 70%);
      pointer-events: none
    }

    .about-tag-line {
      font-family: var(--ff-s);
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: 4px;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 28px;
      display: flex;
      align-items: center;
      gap: 14px
    }

    .about-tag-line::before {
      content: '';
      width: 38px;
      height: 1px;
      background: var(--gold);
      flex-shrink: 0
    }

    .about-h {
      font-family: var(--ff-h);
      font-size: clamp(1.9rem, 4vw, 3.2rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.2;
      margin-bottom: 28px
    }

    .about-h em {
      color: var(--gold);
      font-style: italic;
      font-weight: 300
    }

    .about-p {
      font-size: 1.05rem;
      color: rgba(255, 255, 255, .65);
      line-height: 1.9;
      margin-bottom: 22px
    }

    .cert-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px
    }

    .cbadge {
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .1);
      color: rgba(255, 255, 255, .75);
      padding: 8px 15px;
      border-radius: 50px;
      font-family: var(--ff-s);
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: .3s
    }

    .cbadge:hover {
      background: rgba(238, 191, 69, .14);
      border-color: var(--gold);
      color: var(--gold)
    }

    .cbadge i {
      color: var(--gold);
      font-size: .78rem
    }

    .about-right {
      padding: clamp(55px, 8vw, 110px) clamp(20px, 6vw, 85px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #fff
    }

    .feat-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px
    }

    .feat-card {
      padding: 28px 24px;
      border-radius: 20px;
      border: 1px solid var(--border);
      transition: .45s;
      position: relative;
      overflow: hidden;
      background: var(--cream)
    }

    .feat-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 3px;
      background: var(--gold);
      transition: .5s
    }

    .feat-card:hover::after {
      width: 100%
    }

    .feat-card:hover {
      border-color: var(--green);
      transform: translateY(-5px);
      box-shadow: 0 18px 40px rgba(26, 60, 52, .08)
    }

    .feat-icon {
      font-size: 1.8rem;
      color: var(--green);
      margin-bottom: 14px;
      display: block
    }

    .feat-title {
      font-family: var(--ff-h);
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 8px
    }

    .feat-text {
      font-size: .88rem;
      color: #777;
      line-height: 1.65;
      margin: 0
    }

    .about-cta {
      margin-top: 35px;
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      align-items: center
    }

    /* ─── CERT TICKER ─── */
    .cert-section {
      padding: 50px 0;
      background: #fff;
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      overflow: hidden
    }

    .cert-lbl {
      text-align: center;
      font-family: var(--ff-s);
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: #ccc;
      margin-bottom: 28px
    }

    .cert-wrap {
      overflow: hidden;
      position: relative;
      mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
      -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);
      cursor: grab
    }

    .cert-wrap:active {
      cursor: grabbing
    }

    .cert-track {
      display: flex;
      align-items: center;
      width: max-content;
      gap: 20px
    }

    .cert-slide {
      flex: 0 0 195px
    }

    .cert-card {
      background: var(--cream);
      border: 1px solid var(--border);
      border-radius: 20px;
      width: 100%;
      height: 140px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 24px;
      position: relative;
      transition: .4s;
      overflow: hidden
    }

    .cert-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, var(--gold), var(--green))
    }

    .cert-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 25px 50px rgba(26, 60, 52, .12);
      border-color: var(--gold)
    }

    .cert-logo {
      height: 52px;
      width: auto;
      object-fit: contain;
      margin-bottom: 12px;
      max-width: 85%
    }

    .cert-name {
      font-family: var(--ff-s);
      font-size: .7rem;
      font-weight: 800;
      color: var(--navy);
      text-transform: uppercase;
      letter-spacing: 1px
    }

    .cert-check {
      position: absolute;
      top: 8px;
      right: 8px;
      font-size: .72rem;
      color: var(--green)
    }

    /* ─── IDENTITY TICKER ─── */
    .identity-section {
      background: var(--navy);
      overflow: hidden;
      padding: clamp(70px, 8vw, 115px) 0;
      position: relative
    }

    .identity-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(238, 191, 69, .04) 1px, transparent 1px);
      background-size: 32px 32px;
      pointer-events: none
    }

    /* Value Chain Card Grid */
    .vc-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 18px;
      margin-top: 55px;
      position: relative;
      z-index: 2
    }

    .vc-card {
      background: rgba(255, 255, 255, .05);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 20px;
      padding: 32px 24px;
      position: relative;
      overflow: hidden;
      transition: .45s;
      cursor: default
    }

    .vc-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 3px;
      background: var(--gold);
      transition: .5s
    }

    .vc-card:hover {
      background: rgba(255, 255, 255, .08);
      border-color: rgba(238, 191, 69, .4);
      transform: translateY(-7px);
      box-shadow: 0 25px 50px rgba(0, 0, 0, .25)
    }

    .vc-card:hover::after {
      width: 100%
    }

    .vc-num {
      font-family: var(--ff-s);
      font-size: .65rem;
      font-weight: 800;
      color: rgba(238, 191, 69, .5);
      letter-spacing: 3px;
      text-transform: uppercase;
      margin-bottom: 18px
    }

    .vc-icon-wrap {
      width: 52px;
      height: 52px;
      background: rgba(238, 191, 69, .1);
      border: 1px solid rgba(238, 191, 69, .2);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      transition: .4s
    }

    .vc-card:hover .vc-icon-wrap {
      background: var(--gold);
      border-color: var(--gold)
    }

    .vc-icon-wrap i {
      font-size: 1.4rem;
      color: var(--gold);
      transition: .4s
    }

    .vc-card:hover .vc-icon-wrap i {
      color: var(--navy)
    }

    .vc-title {
      font-family: var(--ff-h);
      font-size: 1.3rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 12px
    }

    .vc-desc {
      font-size: .84rem;
      color: rgba(255, 255, 255, .5);
      line-height: 1.65;
      margin-bottom: 20px
    }

    .vc-stat {
      font-family: var(--ff-s);
      font-size: 1.5rem;
      font-weight: 900;
      color: var(--gold);
      line-height: 1
    }

    .vc-stat span {
      font-size: .7rem;
      font-weight: 700;
      color: rgba(238, 191, 69, .55);
      display: block;
      margin-top: 4px;
      letter-spacing: 1px;
      text-transform: uppercase
    }

    @media(max-width:1100px) {
      .vc-grid {
        grid-template-columns: repeat(3, 1fr)
      }
    }

    @media(max-width:768px) {
      .vc-grid {
        grid-template-columns: 1fr 1fr
      }
    }

    .id-ticker-wrap {
      overflow: hidden;
      margin-top: 55px;
      mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
      -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent)
    }

    .id-ticker {
      display: flex;
      width: max-content;
      gap: 22px;
      animation: idRoll 35s linear infinite
    }

    .id-ticker:hover {
      animation-play-state: paused
    }

    @keyframes idRoll {
      from {
        transform: translateX(0)
      }

      to {
        transform: translateX(-50%)
      }
    }

    .id-pill {
      flex: 0 0 auto;
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 100px;
      padding: 22px 44px;
      display: flex;
      align-items: center;
      gap: 18px;
      transition: .4s;
      cursor: default;
      white-space: nowrap
    }

    .id-pill:hover {
      background: rgba(238, 191, 69, .1);
      border-color: rgba(238, 191, 69, .4);
      transform: scale(1.04)
    }

    .id-pill i {
      font-size: 1.5rem;
      color: var(--gold)
    }

    .id-num {
      font-family: var(--ff-s);
      font-size: .62rem;
      font-weight: 800;
      color: var(--gold);
      text-transform: uppercase;
      letter-spacing: 2px
    }

    .id-dot {
      width: 4px;
      height: 4px;
      background: rgba(255, 255, 255, .2);
      border-radius: 50%
    }

    .id-name {
      font-family: var(--ff-h);
      font-size: 1.4rem;
      font-weight: 700;
      color: #fff
    }

    .id-sub {
      font-family: var(--ff-s);
      font-size: .72rem;
      color: rgba(255, 255, 255, .42);
      text-transform: uppercase;
      letter-spacing: 1.5px
    }

    .id-sep {
      color: rgba(255, 255, 255, .1);
      font-size: 2.5rem;
      align-self: center;
      flex-shrink: 0
    }

    /* ─── MANUFACTURING ─── */
    .manu-section {
      background: var(--navy-dark);
      position: relative;
      overflow: hidden;
      padding: clamp(70px, 8vw, 125px) 0
    }

    .manu-section::before {
      content: 'MANUFACTURER';
      position: absolute;
      top: 50%;
      left: -30px;
      transform: translateY(-50%);
      font-family: var(--ff-s);
      font-size: clamp(6rem, 12vw, 14rem);
      font-weight: 900;
      color: rgba(255, 255, 255, .018);
      white-space: nowrap;
      pointer-events: none;
      letter-spacing: -5px;
      line-height: 1
    }

    .manu-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
      position: relative;
      z-index: 2
    }

    .manu-img-wrap {
      position: relative
    }

    .illustrative-image-note {
      position: absolute;
      top: 12px;
      left: 12px;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 6px 10px;
      border: 1px solid rgba(255, 255, 255, .28);
      border-radius: 999px;
      background: rgba(7, 18, 15, .78);
      color: rgba(255, 255, 255, .88);
      font-family: var(--ff-s);
      font-size: .58rem;
      font-weight: 800;
      letter-spacing: .75px;
      line-height: 1;
      text-transform: uppercase;
      backdrop-filter: blur(7px)
    }

    .manu-img {
      width: 100%;
      border-radius: 36px;
      object-fit: cover;
      height: 520px;
      border: 3px solid rgba(238, 191, 69, .18)
    }

    .manu-badge {
      position: absolute;
      bottom: -20px;
      right: 16px;
      background: var(--gold);
      color: var(--navy);
      border-radius: 20px;
      padding: 28px 32px;
      text-align: center;
      font-family: var(--ff-s);
      box-shadow: 0 25px 50px rgba(238, 191, 69, .3)
    }

    .manu-badge .bb {
      font-size: 2.8rem;
      font-weight: 900;
      line-height: 1;
      display: block
    }

    .manu-badge .bs {
      font-size: .68rem;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-top: 4px;
      display: block
    }

    .manu-section .section-title {
      color: #fff
    }

    .manu-section .section-title span::after {
      background: var(--gold);
      opacity: .4
    }

    .manu-body {
      color: rgba(255, 255, 255, .65);
      font-size: 1.05rem;
      line-height: 1.9;
      margin-bottom: 36px
    }

    .manu-specs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-bottom: 40px
    }

    .manu-spec {
      display: flex;
      align-items: center;
      gap: 12px;
      color: rgba(255, 255, 255, .82);
      font-family: var(--ff-s);
      font-size: .88rem;
      font-weight: 600
    }

    .manu-spec i {
      color: var(--gold);
      font-size: .95rem;
      flex-shrink: 0
    }

    /* ─── ORIGIN ─── */
    .origin-section {
      background: linear-gradient(180deg, #fdf9f0, #fff)
    }

    .origin-intro {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center;
      margin-bottom: 70px
    }

    .origin-img-wrap {
      position: relative
    }

    .origin-img-wrap img {
      width: 100%;
      height: clamp(280px, 45vh, 510px);
      object-fit: cover;
      border-radius: 36px
    }

    .origin-badge-overlay {
      position: absolute;
      bottom: 30px;
      left: 30px;
      background: rgba(26, 60, 52, .93);
      backdrop-filter: blur(10px);
      border-radius: 20px;
      padding: 22px 28px;
      color: #fff;
      max-width: 270px
    }

    .origin-badge-overlay .onum {
      font-family: var(--ff-s);
      font-size: 2.2rem;
      font-weight: 900;
      color: var(--gold)
    }

    .origin-badge-overlay .otxt {
      font-size: .85rem;
      color: rgba(255, 255, 255, .7);
      margin: 0;
      font-family: var(--ff-s);
      line-height: 1.5
    }

    .origin-text .section-title {
      margin: 20px 0 22px
    }

    .origin-stamps {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 36px
    }

    .o-stamp {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 22px;
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 50px;
      font-family: var(--ff-s);
      font-weight: 700;
      font-size: .82rem;
      color: var(--navy);
      transition: .3s
    }

    .o-stamp:hover {
      border-color: var(--green);
      color: var(--green)
    }

    .o-stamp i {
      color: var(--gold)
    }

    .region-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px
    }

    @media(max-width:768px) {
      .region-grid {
        grid-template-columns: 1fr 1fr
      }
    }

    @media(max-width:480px) {
      .region-grid {
        grid-template-columns: 1fr
      }
    }

    .region-card {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 20px;
      overflow: hidden;
      transition: .45s
    }

    .region-card:hover {
      transform: translateY(-9px);
      border-color: var(--gold);
      box-shadow: 0 25px 55px rgba(26, 60, 52, .1)
    }

    .region-color {
      height: 5px
    }

    .region-body {
      padding: 24px 22px
    }

    .region-prod {
      font-family: var(--ff-s);
      font-size: .63rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: var(--green);
      margin-bottom: 8px
    }

    .region-name {
      font-family: var(--ff-h);
      font-size: 1.18rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 8px;
      line-height: 1.3
    }

    .region-loc {
      display: flex;
      align-items: center;
      gap: 7px;
      font-family: var(--ff-s);
      font-size: .78rem;
      color: #999;
      font-weight: 600
    }

    .region-loc i {
      color: var(--green)
    }

    /* ─── PRODUCTS MAGAZINE GRID ─── */
    .products-section {
      background: var(--cream)
    }

    .prod-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px
    }

    .pc {
      cursor: pointer;
      border-radius: 20px;
      overflow: hidden;
      position: relative
    }

    .pc:first-child {
      grid-column: span 2;
      grid-row: span 2
    }

    .pc-inner {
      position: relative;
      width: 100%;
      height: 100%;
      min-height: 280px;
      overflow: hidden;
      border-radius: 20px
    }

    .pc:first-child .pc-inner {
      min-height: 580px
    }

    .pc-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .75s var(--ease);
      border-radius: 20px
    }

    .pc:hover .pc-img {
      transform: scale(1.09)
    }

    .pc-ov {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(7, 18, 15, .97) 0%, rgba(7, 18, 15, .3) 55%, transparent 100%);
      border-radius: 20px;
      transition: .5s
    }

    .pc:hover .pc-ov {
      background: linear-gradient(to top, rgba(7, 18, 15, 1) 0%, rgba(7, 18, 15, .65) 65%, rgba(7, 18, 15, .15) 100%)
    }

    .pc-body {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 24px;
      z-index: 2
    }

    .pc:first-child .pc-body {
      padding: 40px
    }

    .pc-cat {
      font-family: var(--ff-s);
      font-size: .63rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: var(--gold);
      margin-bottom: 8px
    }

    .pc-title {
      font-family: var(--ff-h);
      font-size: 1.4rem;
      font-weight: 700;
      color: #fff;
      line-height: 1.2
    }

    .pc:first-child .pc-title {
      font-size: 2.1rem
    }

    .pc-varieties {
      max-height: 0;
      overflow: hidden;
      transition: max-height .5s ease
    }

    .pc:hover .pc-varieties {
      max-height: 220px
    }

    .pc-varieties ul {
      margin-top: 14px
    }

    .pc-varieties li {
      color: rgba(255, 255, 255, .78);
      font-size: .84rem;
      margin-bottom: 5px;
      display: flex;
      align-items: center;
      gap: 8px
    }

    .pc-varieties li::before {
      content: '—';
      color: var(--gold);
      font-size: .68rem
    }

    .pc-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 14px;
      color: var(--gold);
      font-family: var(--ff-s);
      font-size: .76rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      opacity: 0;
      transform: translateY(10px);
      transition: .4s
    }

    .pc:hover .pc-link {
      opacity: 1;
      transform: translateY(0)
    }

    .pc-link i {
      transition: transform .3s
    }

    .pc:hover .pc-link i {
      transform: translateX(4px)
    }

    /* ─── LOGISTICS PARALLAX ─── */
    .logistics-banner {
      background-image: url('images/INFRASTRUCTURE/logistics.webp');
      background-attachment: fixed;
      background-size: cover;
      background-position: center;
      position: relative;
      color: #fff;
      overflow: hidden
    }

    .logistics-banner::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(7, 18, 15, .97), rgba(26, 60, 52, .88));
      z-index: 1
    }

    .log-inner {
      position: relative;
      z-index: 5;
      padding: clamp(70px, 10vw, 150px) 0
    }

    .log-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      align-items: center
    }

    .log-layout .section-title {
      color: #fff
    }

    .log-layout .section-title span {
      color: var(--gold)
    }

    .log-layout .section-title span::after {
      background: var(--green);
      opacity: .5
    }

    .log-layout p {
      color: rgba(255, 255, 255, .65)
    }

    .log-stats {
      display: flex;
      flex-direction: column;
      gap: 18px
    }

    .log-stat {
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 24px 28px;
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .07);
      border-radius: 20px;
      transition: .4s
    }

    .log-stat:hover {
      background: rgba(238, 191, 69, .07);
      border-color: rgba(238, 191, 69, .3);
      transform: translateX(8px)
    }

    .log-icon {
      width: 54px;
      height: 54px;
      background: rgba(238, 191, 69, .1);
      border: 1px solid rgba(238, 191, 69, .2);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      color: var(--gold);
      flex-shrink: 0
    }

    .log-stat h3 {
      color: #fff;
      font-family: var(--ff-s);
      font-size: 1.05rem;
      font-weight: 800;
      margin-bottom: 4px
    }

    .log-stat p {
      color: rgba(255, 255, 255, .48);
      font-size: .84rem;
      margin: 0
    }

    /* ─── AWARDS STRIP ─── */
    .awards-strip {
      background: linear-gradient(135deg, #f0f7ee, #e8f4e6);
      padding: clamp(50px, 6vw, 90px) 0;
      overflow: hidden;
      position: relative;
      border-top: 1px solid rgba(61, 112, 48, .12);
      border-bottom: 1px solid rgba(61, 112, 48, .12)
    }

    .awards-strip::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
      pointer-events: none
    }

    .awards-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      position: relative;
      z-index: 2
    }

    .award-item {
      background: #fff;
      border: 1px solid rgba(61, 112, 48, .15);
      border-radius: 20px;
      padding: 30px 22px;
      text-align: center;
      transition: .4s;
      box-shadow: 0 4px 20px rgba(26, 60, 52, .06)
    }

    .award-item:hover {
      background: #fff;
      border-color: var(--green);
      transform: translateY(-6px);
      box-shadow: 0 20px 50px rgba(26, 60, 52, .12)
    }

    .award-icon {
      font-size: 2.2rem;
      color: var(--green);
      margin-bottom: 14px;
      opacity: .9
    }

    .award-label {
      font-family: var(--ff-h);
      font-size: 1.05rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 6px
    }

    .award-body {
      font-size: .82rem;
      color: #6b6b6b;
      margin: 0;
      font-family: var(--ff-s)
    }

    /* ─── PROCESS TIMELINE ─── */
    .process-section {
      background: linear-gradient(135deg, var(--navy-dark), var(--navy));
      position: relative;
      overflow: hidden;
      padding: clamp(70px, 8vw, 125px) 0
    }

    .process-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
      pointer-events: none
    }

    .process-section .section-title {
      color: #fff
    }

    .process-section .section-title span::after {
      background: var(--green);
      opacity: .5
    }

    .process-grid {
      display: grid;
      grid-template-columns: 1fr 2fr;
      gap: 90px;
      align-items: start;
      position: relative;
      z-index: 2
    }

    .process-steps {
      position: relative
    }

    .proc-step {
      display: flex;
      gap: 28px;
      padding: 32px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .06);
      transition: .4s;
      cursor: default
    }

    .proc-step:last-child {
      border-bottom: none
    }

    .proc-step:hover {
      padding-left: 8px
    }

    .step-num {
      flex-shrink: 0;
      width: 48px;
      height: 48px;
      background: transparent;
      border: 2px solid rgba(238, 191, 69, .3);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--ff-s);
      font-size: .78rem;
      font-weight: 800;
      color: var(--gold);
      transition: .4s
    }

    .proc-step:hover .step-num {
      background: var(--gold);
      color: var(--navy);
      border-color: var(--gold);
      transform: scale(1.1)
    }

    .proc-step h3 {
      font-family: var(--ff-h);
      font-size: 1.22rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 8px
    }

    .proc-step p {
      color: rgba(255, 255, 255, .48);
      font-size: .88rem;
      margin: 0;
      line-height: 1.65
    }

    .process-visual {
      position: sticky;
      top: 120px;
    }

    @media(max-width:1100px) {
      .process-visual {
        position: relative;
        top: auto
      }
    }

    .proc-card {
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .09);
      border-radius: 36px;
      padding: 50px
    }

    .proc-card h3 {
      font-family: var(--ff-h);
      font-size: 2rem;
      color: #fff;
      margin-bottom: 18px
    }

    .proc-card h3 span {
      color: var(--gold)
    }

    .proc-card>p {
      color: rgba(255, 255, 255, .6);
      line-height: 1.88
    }

    .proc-guarantee {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      background: rgba(238, 191, 69, .07);
      border: 1px solid rgba(238, 191, 69, .18);
      border-radius: 20px;
      padding: 20px 24px;
      margin-top: 24px
    }

    .proc-guarantee i {
      font-size: 1.4rem;
      color: var(--gold);
      margin-top: 2px;
      flex-shrink: 0
    }

    .proc-guarantee p {
      color: rgba(255, 255, 255, .7);
      font-size: .88rem;
      margin: 0;
      line-height: 1.65
    }

    .proc-guarantee strong {
      color: #fff
    }

    /* ─── GLOBAL NETWORK ─── */
    .jft-network-section {
      position: relative;
      padding: clamp(70px, 8vw, 125px) 0;
      overflow: visible;
      width: 100vw;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      background: #fdfbf7
    }

    .jft-network-section::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 0
    }

    .network-header {
      text-align: center;
      margin-bottom: 65px;
      position: relative;
      z-index: 10;
      padding: 0 20px
    }

    .network-visual {
      position: relative;
      height: clamp(500px, 60vh, 760px);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .custom-india-map {
      position: absolute;
      top: 40%;
      left: 60%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 920px;
      z-index: 1;
      opacity: .07;
      filter: grayscale(100%);
      pointer-events: none
    }

    .trade-lines-svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 6;
      pointer-events: none
    }

    .trade-path {
      fill: none;
      stroke: var(--green);
      stroke-width: 2;
      stroke-dasharray: 6, 8;
      stroke-linecap: round;
      opacity: .4;
      animation: flowTrade 4s linear infinite
    }

    @keyframes flowTrade {
      from {
        stroke-dashoffset: 100
      }

      to {
        stroke-dashoffset: 0
      }
    }

    .central-hub {
      position: relative;
      z-index: 10;
      width: 140px;
      height: 140px;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .hub-circle {
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 50%;
      padding: 20px;
      box-shadow: 0 12px 50px rgba(61, 112, 48, .2);
      display: flex;
      align-items: center;
      justify-content: center;
      border: 3px solid var(--gold);
      position: relative;
      z-index: 12
    }

    .pulse-ring {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid var(--green);
      opacity: 0
    }

    .pr-1 {
      animation: hubPulse 4s infinite
    }

    .pr-2 {
      animation: hubPulse 4s infinite 2s
    }

    @keyframes hubPulse {
      0% {
        transform: scale(.9);
        opacity: .6
      }

      100% {
        transform: scale(2.6);
        opacity: 0
      }
    }

    .export-node {
      position: absolute;
      display: flex;
      align-items: center;
      gap: 20px;
      width: 300px;
      transition: .4s;
      cursor: pointer;
      z-index: 20
    }

    .export-node:hover {
      z-index: 100
    }

    .node-portal {
      width: 72px;
      height: 72px;
      background: #fff;
      border-radius: 50%;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 28px rgba(26, 60, 52, .1);
      border: 2px solid var(--border);
      transition: .5s
    }

    .node-portal i {
      font-size: 24px;
      color: var(--green);
      transition: .4s
    }

    .export-node:hover .node-portal {
      background: var(--green);
      border-color: var(--green);
      transform: scale(1.12)
    }

    .export-node:hover .node-portal i {
      color: #fff
    }

    .node-info h3 {
      margin: 0;
      font-family: var(--ff-h);
      font-size: 1.08rem;
      color: var(--navy);
      font-weight: 700
    }

    .node-info p {
      margin: 5px 0 0;
      font-size: .82rem;
      color: #999;
      line-height: 1.4
    }

    .country-reveal {
      position: absolute;
      width: 200px;
      display: flex;
      flex-direction: column;
      gap: 5px;
      opacity: 0;
      visibility: hidden;
      transition: .4s;
      transform: translateY(-8px);
      z-index: 30;
      padding-top: 10px
    }

    .export-node:hover .country-reveal {
      opacity: 1;
      visibility: visible;
      transform: translateY(0)
    }

    .country-item {
      background: #fff;
      color: var(--navy);
      padding: 8px 14px;
      border-radius: 8px;
      font-size: .78rem;
      font-weight: 600;
      box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
      border-left: 3px solid var(--gold);
      display: flex;
      justify-content: space-between;
      font-family: var(--ff-s);
      transition: .2s
    }

    .country-item:hover {
      transform: translateX(4px)
    }

    .country-item span {
      color: var(--green);
      font-size: .68rem;
      text-transform: uppercase;
      font-weight: 700
    }

    .node-0 {
      top: 5%;
      left: 5%
    }

    .node-2 {
      top: 40%;
      left: 0%
    }

    .node-4 {
      top: 75%;
      left: 5%
    }

    .node-1 {
      top: 5%;
      right: 5%;
      flex-direction: row-reverse;
      text-align: right
    }

    .node-3 {
      top: 40%;
      right: 0%;
      flex-direction: row-reverse;
      text-align: right
    }

    .node-5 {
      top: 75%;
      right: 5%;
      flex-direction: row-reverse;
      text-align: right
    }

    .node-0 .country-reveal,
    .node-2 .country-reveal,
    .node-4 .country-reveal {
      left: 88px;
      top: 100%
    }

    .node-1 .country-reveal,
    .node-3 .country-reveal,
    .node-5 .country-reveal {
      right: 88px;
      top: 100%
    }

    /* ─── PARTNERS ─── */
    .partners-section {
      background: linear-gradient(180deg, #fff, var(--cream))
    }

    .partners-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
      gap: 24px;
      margin-top: 65px
    }

    .pcard {
      background: #fff;
      border: 1px solid var(--border);
      border-radius: 36px;
      padding: 38px 28px;
      position: relative;
      transition: .5s cubic-bezier(.4, 0, .2, 1);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center
    }

    .pcard:hover {
      transform: translateY(-11px);
      border-color: var(--gold);
      box-shadow: 0 28px 65px rgba(26, 60, 52, .1)
    }

    .pstatus {
      position: absolute;
      top: 18px;
      right: 18px;
      display: flex;
      align-items: center;
      gap: 5px;
      background: rgba(46, 204, 113, .08);
      padding: 5px 12px;
      border-radius: 50px;
      font-family: var(--ff-s);
      font-size: .6rem;
      font-weight: 800;
      color: #27ae60;
      text-transform: uppercase;
      letter-spacing: 1px
    }

    .pdot {
      width: 5px;
      height: 5px;
      background: #2ecc71;
      border-radius: 50%;
      animation: gPulse 2s infinite
    }

    @keyframes gPulse {

      0%,
      100% {
        opacity: 1
      }

      50% {
        opacity: .3
      }
    }

    .pflag {
      width: 88px;
      height: 88px;
      border-radius: 50%;
      background: #f8f8f8;
      padding: 5px;
      margin-bottom: 18px;
      box-shadow: 0 8px 22px rgba(0, 0, 0, .06);
      transition: .5s;
      border: 2px solid #eee
    }

    .pflag-inner {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid #fff
    }

    .pcard:hover .pflag {
      transform: scale(1.1) rotate(5deg);
      border-color: var(--gold);
      box-shadow: 0 12px 32px rgba(238, 191, 69, .22)
    }

    .pflag-inner img {
      width: 100%;
      height: 100%;
      object-fit: cover
    }

    .pcountry {
      font-family: var(--ff-h);
      font-size: 1.35rem;
      font-weight: 800;
      color: var(--navy);
      margin-bottom: 5px
    }

    .prole {
      font-family: var(--ff-s);
      font-size: .72rem;
      color: var(--green);
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 700;
      margin-bottom: 11px;
      display: block
    }

    .pdesc {
      font-size: .86rem;
      color: #777;
      line-height: 1.6;
      margin-bottom: 16px
    }

    .ptag {
      display: inline-block;
      background: var(--cream);
      padding: 5px 14px;
      border-radius: 4px;
      font-family: var(--ff-s);
      font-size: .67rem;
      font-weight: 700;
      color: var(--navy);
      border: 1px solid var(--border)
    }

    /* ─── TESTIMONIALS ─── */
    .testi-section {
      background: linear-gradient(135deg, var(--navy-dark), var(--navy));
      position: relative;
      overflow: hidden;
      padding: clamp(70px, 8vw, 125px) 0
    }

    .testi-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");
      pointer-events: none
    }

    .testi-section .section-title {
      color: #fff
    }

    .testi-section .section-title span::after {
      background: var(--green);
      opacity: .5
    }

    .testi-scroll {
      overflow: hidden;
      position: relative;
      padding: 45px 0;
      mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
      -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent)
    }

    .testi-track {
      display: flex;
      gap: 24px;
      width: max-content;
      animation: tRoll 60s linear infinite
    }

    .testi-track:hover {
      animation-play-state: paused
    }

    @keyframes tRoll {
      0% {
        transform: translateX(0)
      }

      100% {
        transform: translateX(-50%)
      }
    }

    .tcard {
      width: 420px;
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .08);
      padding: 44px;
      border-radius: 36px;
      position: relative;
      overflow: hidden;
      flex-shrink: 0;
      transition: .5s
    }

    .tcard:hover {
      background: rgba(255, 255, 255, .07);
      border-color: rgba(238, 191, 69, .3);
      transform: translateY(-10px)
    }

    .tcard::before {
      content: '\201C';
      position: absolute;
      top: -25px;
      left: 15px;
      font-size: 13rem;
      color: rgba(238, 191, 69, .07);
      font-family: var(--ff-h);
      z-index: 0;
      line-height: 1
    }

    .tstars {
      color: var(--gold);
      font-size: .8rem;
      display: flex;
      gap: 3px;
      margin-bottom: 18px;
      position: relative;
      z-index: 1
    }

    .ttext {
      font-family: var(--ff-h);
      font-style: italic;
      color: rgba(255, 255, 255, .82);
      font-size: 1.05rem;
      position: relative;
      z-index: 1;
      line-height: 1.82;
      margin-bottom: 28px;
      font-weight: 300
    }

    .thead {
      display: flex;
      align-items: center;
      gap: 15px;
      position: relative;
      z-index: 1
    }

    .tavatar {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: var(--green);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 1rem;
      flex-shrink: 0;
      border: 2px solid rgba(238, 191, 69, .3)
    }

    .tauth h3 {
      font-size: 1rem;
      margin: 0;
      color: #fff;
      font-family: var(--ff-h);
      font-weight: 700
    }

    .tauth span {
      font-size: .72rem;
      color: rgba(255, 255, 255, .42);
      font-family: var(--ff-s);
      text-transform: uppercase;
      letter-spacing: 1.5px;
      display: flex;
      align-items: center;
      gap: 7px;
      margin-top: 4px
    }

    .flag-pill {
      background: rgba(255, 255, 255, .08);
      padding: 3px 10px;
      border-radius: 50px
    }

    /* ─── CTA SPLIT ─── */
    .cta-split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden
    }

    .cta-left {
      background: var(--gold);
      padding: clamp(55px, 8vw, 100px) clamp(45px, 7vw, 90px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      overflow: hidden;
      min-height: 380px
    }

    .cta-left::before {
      content: '';
      position: absolute;
      top: -120px;
      right: -120px;
      width: 450px;
      height: 450px;
      background: rgba(0, 0, 0, .07);
      border-radius: 50%;
      pointer-events: none
    }

    .cta-left::after {
      content: '';
      position: absolute;
      bottom: -80px;
      left: -80px;
      width: 280px;
      height: 280px;
      background: rgba(255, 255, 255, .12);
      border-radius: 50%;
      pointer-events: none
    }

    .cta-left h2 {
      font-family: var(--ff-h);
      font-size: clamp(1.8rem, 3.5vw, 2.9rem);
      font-weight: 900;
      color: var(--navy);
      line-height: 1.2;
      margin-bottom: 18px;
      position: relative;
      z-index: 1
    }

    .cta-left p {
      color: rgba(26, 60, 52, .72);
      font-size: 1.05rem;
      line-height: 1.75;
      margin-bottom: 32px;
      position: relative;
      z-index: 1
    }

    .cta-right {
      background: var(--navy);
      padding: clamp(55px, 8vw, 100px) clamp(45px, 7vw, 90px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      overflow: hidden
    }

    .cta-right::before {
      content: '';
      position: absolute;
      top: -120px;
      left: -120px;
      width: 380px;
      height: 380px;
      background: rgba(61, 112, 48, .08);
      border-radius: 50%;
      pointer-events: none
    }

    .cta-right h2 {
      font-family: var(--ff-h);
      font-size: clamp(1.8rem, 3.5vw, 2.9rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.2;
      margin-bottom: 18px;
      position: relative;
      z-index: 1
    }

    .cta-right h2 span {
      color: var(--gold)
    }

    .cta-right p {
      color: rgba(255, 255, 255, .6);
      font-size: 1.05rem;
      line-height: 1.75;
      margin-bottom: 32px;
      position: relative;
      z-index: 1
    }

    .cta-contacts {
      display: flex;
      flex-direction: column;
      gap: 15px;
      position: relative;
      z-index: 1
    }

    .cta-ci {
      display: flex;
      align-items: center;
      gap: 15px;
      color: rgba(255, 255, 255, .78);
      font-family: var(--ff-s);
      font-size: .88rem;
      font-weight: 600
    }

    .cta-ico {
      width: 38px;
      height: 38px;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--gold);
      font-size: .88rem;
      flex-shrink: 0
    }

    /* ─── RESPONSIVE ─── */
    @media(max-width:1100px) {
      .prod-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .pc:first-child {
        grid-column: span 2
      }

      .about-inner {
        grid-template-columns: 1fr
      }

      .about-left {
        min-height: 460px
      }

      .manu-layout {
        grid-template-columns: 1fr
      }

      .manu-badge {
        right: 10px;
        bottom: 10px
      }

      .origin-intro {
        grid-template-columns: 1fr
      }

      .origin-img-wrap img {
        height: 360px
      }

      .log-layout {
        grid-template-columns: 1fr
      }

      .process-grid {
        grid-template-columns: 1fr
      }

      .process-visual {
        position: relative;
        top: auto
      }

      .cta-split {
        grid-template-columns: 1fr
      }

      .stats-grid {
        grid-template-columns: repeat(2, 1fr)
      }

      .stat-item:nth-child(2) {
        border-right: none
      }

      .stat-item {
        border-bottom: 1px solid rgba(255, 255, 255, .07)
      }

      .awards-grid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:768px) {
      .hero-stats-bar {
        display: none
      }

      .hero-visual-card {
        display: none
      }

      .hero-text-box {
        text-align: center;
        width: 100%
      }

      .hero-actions {
        justify-content: center
      }

      .hero-content-wrapper {
        padding: 20px
      }

      .slider-controls {
        bottom: 28px
      }

      .prod-grid {
        grid-template-columns: 1fr
      }

      .pc:first-child {
        grid-column: span 1
      }

      .region-grid {
        grid-template-columns: 1fr 1fr
      }

      .feat-grid {
        grid-template-columns: 1fr
      }

      .jft-hero-banner {
        min-height: auto;
        padding-top: 80px !important;
        padding-bottom: 60px
      }
    }

    @media(max-width:560px) {
      .region-grid {
        grid-template-columns: 1fr
      }

      .stats-grid {
        grid-template-columns: 1fr
      }

      .stat-item {
        border-right: none
      }

      .id-pill {
        padding: 18px 28px
      }

      .id-name {
        font-size: 1.15rem
      }

      .manu-specs {
        grid-template-columns: 1fr
      }

      .awards-grid {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:1024px) {
      .logistics-banner {
        background-attachment: scroll !important
      }

      .desktop-only {
        display: none !important
      }

      .mobile-hint {
        display: block
      }

      /* ── SOUL OF INDIA: horizontal-only scroll ─────────────────────────────
     overflow-y:hidden prevents cards from jumping up/down during swipe.
     touch-action:pan-x tells browser: only handle horizontal touch here.  */
      .nodes-container {
        width: 100%;
        max-width: 100vw;
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        /* LOCK vertical — cards cannot jump up/down */
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 16px;
        padding: 16px 20px 24px;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x;
        /* Tell browser: ONLY horizontal gestures here */
        overscroll-behavior-x: contain;
        /* Prevent pull-to-refresh during swipe */
      }

      .nodes-container::-webkit-scrollbar {
        display: none
      }

      .nodes-container {
        scrollbar-width: none;
        -ms-overflow-style: none
      }

      .export-node {
        position: relative;
        flex: 0 0 82%;
        max-width: 320px;
        min-width: 260px;
        flex-direction: column !important;
        text-align: center !important;
        padding: 28px 20px;
        background: #fff;
        border-radius: 20px;
        border: 1px solid var(--border);
        scroll-snap-align: center;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        box-shadow: 0 4px 20px rgba(26, 60, 52, .06);
        /* Fixed height so cards don't collapse/expand vertically */
        align-self: stretch;
        height: auto;
      }

      .country-reveal {
        position: relative !important;
        width: 100% !important;
        max-height: 0;
        left: 0 !important;
        top: 0 !important;
        opacity: 0;
        visibility: hidden;
        right: auto !important
      }

      .export-node.active-mobile .country-reveal {
        max-height: 300px;
        opacity: 1;
        visibility: visible;
        margin-top: 15px;
        overflow-y: auto
      }

      .network-visual {
        height: auto;
        flex-direction: column;
        padding: 20px 0
      }

      /* SOUL OF INDIA: hub hidden, horizontal-only swipe cards */
      .central-hub {
        display: none !important;
      }

      .pulse-ring {
        display: none !important;
      }

      /* network-visual: don't clip the scroll container but do contain it */
      .network-visual {
        align-items: flex-start;
        gap: 0;
        overflow: hidden;
        /* prevent any child from causing page vertical shift */
        padding: 0;
      }

      /* origin-section: prevent any overflow from causing layout shift */
      .origin-section {
        overflow-x: hidden;
      }
    }

    /* ─── PARTNERS GRID ─── */
    /* duplicate partners CSS removed */
    @media (max-width: 768px) {
      .partners-grid {
        grid-template-columns: 1fr;
      }

      .vc-grid {
        grid-template-columns: 1fr;
      }

      .cert-wrap {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
      }

      .cert-wrap::-webkit-scrollbar {
        display: none;
      }

      .cert-slide {
        scroll-snap-align: start;
        flex: 0 0 240px;
      }
    }

    /* ═══════════════════════════════════════════════════════════════════════════
   JFT AGRO — COMPREHENSIVE RESPONSIVE FIXES  (index.html)
   Breakpoints: 1200px | 1024px | 900px | 768px | 600px | 480px | 380px
   ═══════════════════════════════════════════════════════════════════════════ */

    /* ── GLOBAL BASE ── */
    img {
      max-width: 100%;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    /* ── 1200px: Large laptop ────────────────────────────────────────────────── */
    @media (max-width: 1200px) {
      .hero-visual-card {
        flex: 0 0 340px;
      }

      .glass-card img {
        height: clamp(300px, 38vh, 420px);
      }

      .vc-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .stats-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

    /* ── 1100px: Tablet landscape  (additions to existing rules) ─────────────── */
    @media (max-width: 1100px) {
      .hero-visual-card {
        flex: 0 0 300px;
      }

      .manu-layout {
        grid-template-columns: 1fr;
        gap: 50px;
      }

      .manu-img {
        height: clamp(280px, 40vh, 420px);
      }

      .manu-badge {
        bottom: 12px;
        right: 12px;
        padding: 20px 24px;
      }

      .manu-badge .bb {
        font-size: 2.2rem;
      }

      .origin-intro {
        grid-template-columns: 1fr;
        gap: 40px;
      }

      .process-grid {
        grid-template-columns: 1fr;
        gap: 50px;
      }

      .process-visual {
        position: relative;
        top: auto;
      }

      .log-layout {
        grid-template-columns: 1fr;
        gap: 50px;
      }

      .proc-card {
        padding: 34px;
      }
    }

    /* ── 1024px: iPad landscape / small laptop ───────────────────────────────── */
    @media (max-width: 1024px) {
      .hero-content-slide {
        flex-direction: column;
        gap: 36px;
      }

      .hero-visual-card {
        flex: 0 0 auto;
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
      }

      .glass-card img {
        height: clamp(240px, 30vh, 360px);
      }

      .about-inner {
        grid-template-columns: 1fr;
      }

      .about-left,
      .about-right {
        min-height: auto;
      }

      .about-right {
        padding: clamp(36px, 5vw, 65px);
      }

      .feat-grid {
        grid-template-columns: 1fr 1fr;
      }

      .cta-split {
        grid-template-columns: 1fr;
      }

      .cta-left,
      .cta-right {
        min-height: auto;
        padding: clamp(40px, 5vw, 70px) clamp(30px, 5vw, 60px);
      }

      .origin-badge-overlay {
        bottom: 16px;
        left: 16px;
        padding: 16px 20px;
      }

      .origin-badge-overlay .onum {
        font-size: 1.7rem;
      }

      .id-pill {
        padding: 18px 32px;
      }

      .id-name {
        font-size: 1.2rem;
      }

      .tcard {
        width: 360px;
        padding: 32px;
      }

      .jft-network-section {
        overflow-x: hidden;
      }
    }

    /* ── 900px ───────────────────────────────────────────────────────────────── */
    @media (max-width: 900px) {
      .vc-grid {
        grid-template-columns: 1fr 1fr;
      }

      .awards-grid {
        grid-template-columns: 1fr 1fr;
      }

      .prod-grid {
        grid-template-columns: 1fr 1fr;
      }

      .pc:first-child {
        grid-column: span 2;
      }

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

      .stat-item {
        border-bottom: 1px solid rgba(255, 255, 255, .07);
      }

      .stat-item:nth-child(2) {
        border-right: none;
      }

      .stat-item:nth-child(even) {
        border-right: none;
      }

      .partners-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
      }
    }

    /* ── 768px: iPad portrait / large phones ────────────────────────────────── */
    @media (max-width: 768px) {

      /* Hero — 768px */
      .hero-visual-card {
        display: none;
      }

      .hero-text-box {
        text-align: center;
        max-width: 100%;
      }

      .hero-actions {
        justify-content: center;
      }

      .hero-tag-modern {
        font-size: .68rem;
        padding: 8px 16px;
      }

      .hero-title-modern {
        font-size: clamp(1.7rem, 7.5vw, 2.8rem);
      }

      .hero-desc-modern {
        font-size: 1rem;
        margin: 0 auto 28px;
        max-width: 95%;
      }

      .hero-content-slide.active {
        justify-content: center;
      }

      .jft-hero-banner {
        padding-top: 160px !important;
        padding-bottom: 50px;
        min-height: calc(100svh - 80px);
      }

      /* Stats */
      .stats-grid {
        grid-template-columns: 1fr 1fr;
      }

      .stat-item {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
        padding: clamp(30px, 5vw, 50px) 20px;
      }

      .stat-num {
        font-size: clamp(2.8rem, 10vw, 4.5rem);
      }

      /* About */
      .feat-grid {
        grid-template-columns: 1fr;
      }

      .cert-badges {
        justify-content: center;
      }

      .about-cta {
        justify-content: center;
        flex-wrap: wrap;
      }

      /* Identity section */
      .vc-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }

      .vc-card {
        padding: 22px 18px;
      }

      .id-pill {
        padding: 14px 22px;
        gap: 12px;
      }

      .id-name {
        font-size: 1.05rem;
      }

      .id-pill i {
        font-size: 1.15rem;
      }

      /* Manufacturing */
      .manu-img {
        height: clamp(220px, 45vw, 380px);
        border-radius: 24px;
      }

      .manu-badge {
        position: relative;
        bottom: auto;
        right: auto;
        margin: -24px auto 0;
        width: fit-content;
        border-radius: 16px;
        padding: 18px 24px;
      }

      .manu-specs {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      /* Products */
      .prod-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }

      .pc:first-child {
        grid-column: span 2;
      }

      .pc:first-child .pc-inner {
        min-height: 380px;
      }

      .pc-inner {
        min-height: 200px;
      }

      .pc:first-child .pc-title {
        font-size: 1.5rem;
      }

      /* Origin */
      .region-grid {
        grid-template-columns: 1fr 1fr;
      }

      .origin-stamps {
        justify-content: center;
      }

      /* Logistics */
      .log-layout {
        gap: 36px;
      }

      .log-stat {
        padding: 18px 20px;
        gap: 16px;
      }

      .log-icon {
        width: 44px;
        height: 44px;
        font-size: 1.1rem;
        flex-shrink: 0;
      }

      /* Awards */
      .awards-grid {
        grid-template-columns: 1fr 1fr;
      }

      /* Process */
      .proc-step {
        gap: 18px;
        padding: 24px 0;
      }

      .proc-card {
        padding: 26px;
        border-radius: 24px;
      }

      /* Partners */
      .partners-grid {
        grid-template-columns: 1fr 1fr;
      }

      .pcard {
        padding: 24px 18px;
        border-radius: 24px;
      }

      .pflag {
        width: 64px;
        height: 64px;
      }

      /* Testimonials */
      .tcard {
        width: clamp(280px, 85vw, 360px);
        padding: 28px 24px;
        border-radius: 24px;
      }

      .ttext {
        font-size: .94rem;
      }

      /* CTA Split */
      .cta-split {
        grid-template-columns: 1fr;
      }

      .cta-left h2,
      .cta-right h2 {
        font-size: clamp(1.5rem, 6vw, 2.2rem);
      }

      /* Network - already handled above 1024px */

      /* Misc */
      .section-padding {
        padding: clamp(50px, 8vw, 90px) 0;
      }

      .jft-wide-container {
        padding: 0 clamp(16px, 4vw, 40px);
      }
    }

    /* ── 600px: Medium phones ────────────────────────────────────────────────── */
    @media (max-width: 600px) {

      /* Stats single column */
      .stats-grid {
        grid-template-columns: 1fr;
      }

      .stat-item {
        border-right: none;
        padding: 30px 20px;
      }

      /* VC grid: 2 columns until 480px */
      .vc-grid {
        grid-template-columns: 1fr 1fr;
      }

      /* Products: single column  */
      .prod-grid {
        grid-template-columns: 1fr;
      }

      .pc:first-child,
      .pc {
        grid-column: span 1;
      }

      .pc:first-child .pc-inner {
        min-height: 300px;
      }

      .pc-inner {
        min-height: 200px;
      }

      .pc:first-child .pc-title {
        font-size: 1.35rem;
      }

      /* Region grid: 1 column */
      .region-grid {
        grid-template-columns: 1fr;
      }

      /* Awards: 1 column */
      .awards-grid {
        grid-template-columns: 1fr;
      }

      /* Partners: 1 column  */
      .partners-grid {
        grid-template-columns: 1fr;
      }

      /* Cert badges wrap */
      .cert-badges {
        flex-wrap: wrap;
        gap: 8px;
      }

      .cbadge {
        font-size: .65rem;
        padding: 7px 12px;
      }

      /* Process */
      .proc-card h3 {
        font-size: 1.5rem;
      }

      /* Testimonial cards narrower */
      .tcard {
        width: clamp(270px, 88vw, 340px);
        padding: 24px 20px;
      }

      /* Section headings */
      .section-title {
        font-size: clamp(1.6rem, 7vw, 2.6rem);
      }

      /* CTA */
      .cta-left,
      .cta-right {
        padding: 40px 24px;
      }

      /* Manu badge inline */
      .manu-badge {
        display: inline-block;
        text-align: center;
        padding: 16px 20px;
      }

      .manu-badge .bb {
        font-size: 1.8rem;
      }
    }

    /* ── 480px: Small phones ─────────────────────────────────────────────────── */
    @media (max-width: 480px) {

      /* Hero — 480px */
      .hero-title-modern {
        font-size: clamp(1.5rem, 8.5vw, 2rem);
      }

      .jft-hero-banner {
        padding-top: 152px !important;
        padding-bottom: 40px;
        min-height: calc(100svh - 80px);
      }

      .hero-actions {
        flex-direction: column;
        align-items: center;
        width: 100%;
      }

      .hero-actions a,
      .hero-actions button {
        width: 100%;
        max-width: 300px;
        justify-content: center;
        font-size: .78rem;
        padding: 14px 20px;
      }

      .hero-tag-modern {
        font-size: .62rem;
        padding: 7px 14px;
        gap: 7px;
      }

      .slider-controls {
        bottom: 20px;
        gap: 8px;
      }

      .control-dot {
        width: 8px;
        height: 8px;
      }

      /* Stats */
      .stat-num {
        font-size: clamp(2.5rem, 12vw, 4rem);
      }

      /* VC single column */
      .vc-grid {
        grid-template-columns: 1fr;
      }

      .vc-card {
        padding: 20px 16px;
      }

      .vc-stat {
        font-size: 1.3rem;
      }

      /* Identity pills smaller */
      .id-pill {
        padding: 12px 18px;
        gap: 10px;
      }

      .id-name {
        font-size: .95rem;
      }

      .id-sub {
        font-size: .62rem;
      }

      .id-pill i {
        font-size: 1rem;
      }

      /* About feat-grid single  */
      .feat-grid {
        grid-template-columns: 1fr;
      }

      .feat-card {
        padding: 22px 18px;
      }

      /* Manu */
      .manu-specs {
        grid-template-columns: 1fr;
      }

      /* Process  */
      .proc-step {
        gap: 14px;
      }

      .step-num {
        width: 40px;
        height: 40px;
        font-size: .7rem;
        flex-shrink: 0;
      }

      .proc-step h3 {
        font-size: 1.05rem;
      }

      .proc-card {
        padding: 22px 18px;
        border-radius: 20px;
      }

      .proc-card h3 {
        font-size: 1.35rem;
      }

      /* Partners 1 col */
      .partners-grid {
        grid-template-columns: 1fr;
      }

      /* Tcard full width */
      .tcard {
        width: calc(100vw - 48px);
        min-width: 0;
        padding: 22px 18px;
        border-radius: 20px;
      }

      .ttext {
        font-size: .88rem;
      }

      .tavatar {
        width: 42px;
        height: 42px;
        font-size: .85rem;
      }

      .tauth h3 {
        font-size: .9rem;
      }

      /* CTA */
      .cta-left,
      .cta-right {
        padding: 36px 20px;
      }

      .cta-left h2,
      .cta-right h2 {
        font-size: 1.5rem;
      }

      .cta-ci {
        font-size: .8rem;
      }

      .cta-ico {
        width: 32px;
        height: 32px;
        font-size: .8rem;
      }

      /* Origin */
      .origin-badge-overlay {
        left: 12px;
        bottom: 12px;
        padding: 14px 16px;
        max-width: 210px;
      }

      .origin-badge-overlay .onum {
        font-size: 1.5rem;
      }

      .o-stamp {
        font-size: .75rem;
        padding: 10px 16px;
      }

      /* Network section */
      .jft-network-section {
        overflow: hidden;
      }

      .network-visual {
        height: auto;
        min-height: 500px;
      }

      /* Logo float section */
      .pcard {
        padding: 20px 14px;
        border-radius: 18px;
      }

      .pflag {
        width: 56px;
        height: 56px;
        margin-bottom: 12px;
      }

      .pcountry {
        font-size: 1.05rem;
      }

      /* Logistics */
      .log-stat {
        padding: 16px;
        gap: 12px;
        flex-wrap: wrap;
      }

      .log-stat h3 {
        font-size: .92rem;
      }

      .log-icon {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
      }

      /* Section padding reduce */
      .section-padding {
        padding: clamp(42px, 8vw, 70px) 0;
      }

      .jft-wide-container {
        padding: 0 16px;
      }

      .cert-slide {
        flex: 0 0 180px;
      }
    }

    /* ── 380px: Very small phones (iPhone SE, Galaxy A02) ────────────────────── */
    @media (max-width: 380px) {
      .hero-title-modern {
        font-size: 1.4rem;
      }

      .jft-hero-banner {
        padding-top: 148px !important;
      }

      .hero-desc-modern {
        font-size: .9rem;
      }

      .hero-tag-modern {
        font-size: .58rem;
      }

      .section-title {
        font-size: 1.5rem;
      }

      .tcard {
        width: calc(100vw - 32px);
      }

      .stat-num {
        font-size: 2.5rem;
      }

      .id-pill {
        padding: 10px 14px;
      }

      .id-name {
        font-size: .88rem;
      }

      .jft-wide-container {
        padding: 0 14px;
      }

      .vc-card {
        padding: 16px 14px;
      }

      .vc-title {
        font-size: 1.1rem;
      }
    }

    /* ── OVERFLOW PREVENTION ─────────────────────────────────────────────────── */
    @media (max-width: 1024px) {

      /* Prevent any horizontal overflow */
      .jft-hero-banner,
      .stats-dramatic,
      .about-editorial,
      .cert-section,
      .identity-section,
      .manu-section,
      .origin-section,
      .products-section,
      .logistics-banner,
      .awards-strip,
      .process-section,
      .jft-network-section,
      .partners-section,
      .testi-section,
      .cta-split {
        overflow-x: hidden;
        max-width: 100vw;
      }

      /* Fix sticky process visual on tablet/mobile */
      .process-visual {
        position: relative !important;
        top: auto !important;
      }

      /* Fix manu-badge from going out of bounds */
      .manu-img-wrap {
        overflow: visible;
        padding-bottom: 10px;
      }

      .manu-badge {
        max-width: calc(100% - 32px);
      }
    }

    /* ── SCROLLING CAROUSELS: always safe on mobile ──────────────────────────── */
    @media (max-width: 768px) {
      .testi-scroll {
        mask-image: none;
        -webkit-mask-image: none;
        padding: 30px 0;
      }

      .id-ticker-wrap {
        mask-image: none;
        -webkit-mask-image: none;
      }

      .cert-wrap {
        mask-image: none;
        -webkit-mask-image: none;
      }
    }

    /* ── TOUCH TARGETS: min 44px for all interactive elements ───────────────── */
    @media (max-width: 768px) {

      a,
      button {
        min-height: 44px;
      }

      .control-dot {
        width: 12px;
        height: 12px;
      }

      .btn-primary,
      .btn-gold,
      .btn-outline,
      .btn-outline-navy {
        min-height: 48px;
        padding-top: 14px;
        padding-bottom: 14px;
      }
    }

    /* ── NETWORK NODES: mobile scroll view ──────────────────────────────────── */
    @media (max-width: 768px) {
      .network-header {
        margin-bottom: 40px;
      }

      .network-visual {
        height: auto;
        overflow: visible;
      }

      .nodes-container {
        padding: 16px;
        gap: 14px;
      }

      /* Hub hidden on mobile - no further overrides needed */
      .export-node {
        max-width: 300px;
        flex: 0 0 80%;
      }

      .mobile-hint {
        text-align: center;
        font-size: .8rem;
      }
    }

    /* ── LEAD MAGNETS SECTION (added dynamically) ────────────────────────────── */
    @media (max-width: 768px) {
      [style*="grid-template-columns:1fr 1fr 1fr"] {
        grid-template-columns: 1fr !important;
      }
    }

    /* ── IMPORTER TESTIMONIALS STATIC GRID (added dynamically) ──────────────── */
    @media (max-width: 900px) {
      [style*="grid-template-columns:repeat(3,1fr)"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
      }
    }

    @media (max-width: 600px) {
      [style*="grid-template-columns:repeat(3,1fr)"] {
        grid-template-columns: 1fr !important;
      }
    }

    /* Inline-style grids from lead magnets and other injected sections */
    @media (max-width: 768px) {

      section[style*="grid-template-columns:1fr 1fr 1fr"] .jft-wide-container>div,
      .jft-wide-container [style*="grid-template-columns:1fr 1fr 1fr"] {
        grid-template-columns: 1fr !important;
      }
    }


    /* Lead magnet grid responsive */
    @media (max-width: 900px) {
      .lead-magnet-grid {
        grid-template-columns: 1fr 1fr !important;
      }
    }

    @media (max-width: 600px) {
      .lead-magnet-grid {
        grid-template-columns: 1fr !important;
      }
    }

    /* Static testimonials grid responsive */
    @media (max-width: 900px) {
      .testi-static-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
      }
    }

    @media (max-width: 600px) {
      .testi-static-grid {
        grid-template-columns: 1fr !important;
      }
    }

    /* ─── AWARD ITEM ENHANCEMENTS ─── */
    .award-item {
      cursor: default;
    }

    .award-item:hover {
      border-color: var(--green);
    }

    .award-item:hover .award-icon {
      color: var(--navy);
      background: var(--green);
      border-radius: 50%;
      padding: 12px;
      transition: .4s;
    }

    .award-item:hover .award-icon i {
      color: #fff;
    }

    /* ─── SECTION CTA BUTTON HOVER EFFECTS ─── */
    a[href="products.html"][style*="linear-gradient"]:hover,
    a[href="contact.html#inquiry-form"][style*="var(--gold)"]:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 45px rgba(238, 191, 69, .5) !important;
    }

    a[href*="-trade.html"]:hover,
    a[href="infrastructure.html"]:hover,
    a[href="certificates.html"]:hover,
    a[href="quote-calculator.html"]:hover {
      transform: translateY(-4px);
      opacity: .9;
    }

    /* ─── PRODUCTS SECTION BROWSE CTA ─── */
    a[href="products.html"]:hover {
      filter: brightness(1.06);
    }

/* Homepage accessibility and responsive overrides. */
.feat-text,.region-loc,.node-info p,.pdesc,#global-reach>.reveal p{color:#5f6964}
    .cert-lbl{color:#53615a}
    #certifications>div:first-child p,#products>.reveal p{color:#5f6964!important}
    .manu-section .section-title span{color:#79bd68}
    .mobile-hint{color:#4b3a0b!important;animation:none!important}
    .pstatus{color:#176b3b}
    #global-reach>.reveal p{color:#5f6964!important}
    /* Skip layout and paint for sections that are far below the initial viewport. */
    .stats-dramatic,.cert-section,.products-section,.shipment-proof,.quick-rfq,
    .identity-section,.manu-section,.process-section,.jft-network-section,
    .partners-section,.about-editorial,.origin-section,.testi-section,.homepage-resources{
      content-visibility:auto;
      contain-intrinsic-size:auto 700px
    }
    .jft-hero-banner{height:clamp(720px,calc(100svh - 120px),760px);min-height:720px;padding-top:112px;cursor:default}
    .hero-content-slide{justify-content:flex-start}
    .hero-content-slide .hero-text-box{max-width:720px}
    .hero-slide--assurance{background-position:center}
    .hero-slide--rice{background-position:center 56%}
    .hero-slide--spices{background-position:center 48%}
    .hero-slide--logistics{background-position:center}
    .hero-slide--pulses{background-position:center}
    .hero-slide--packing{background-position:center}
    .hero-slide--rice::after{background:linear-gradient(105deg,rgba(7,18,15,.78) 0%,rgba(26,60,52,.32) 45%,rgba(7,18,15,.02) 100%)}
    .hero-slide--spices::after{background:linear-gradient(105deg,rgba(7,18,15,.8) 0%,rgba(26,60,52,.35) 45%,rgba(7,18,15,.02) 100%)}
    .hero-slide--pulses::after{background:linear-gradient(105deg,rgba(7,18,15,.8) 0%,rgba(26,60,52,.35) 45%,rgba(7,18,15,.02) 100%)}
    .hero-slide--packing::after{background:linear-gradient(105deg,rgba(7,18,15,.8) 0%,rgba(26,60,52,.3) 45%,rgba(7,18,15,.01) 100%)}
    .hero-navigation{position:absolute;left:50%;bottom:18px;z-index:25;display:flex;align-items:center;gap:4px;transform:translateX(-50%);padding:4px 6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(7,18,15,.58);backdrop-filter:blur(10px)}
    .slider-controls{position:static;display:flex;align-items:center;gap:2px;transform:none}
    .control-dot{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
    .control-dot::before{content:"";width:9px;height:9px;border:2px solid rgba(255,255,255,.68);border-radius:50%;background:transparent;transition:.25s}
    .control-dot.active{background:transparent;transform:none}
    .control-dot.active::before{border-color:var(--gold);background:var(--gold);transform:scale(1.2)}
    .hero-nav-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer;transition:.25s}
    .hero-nav-button:hover,.hero-nav-button:focus-visible{background:rgba(255,255,255,.14);color:var(--gold)}
    .hero-nav-button[aria-pressed="true"]{color:var(--gold)}
    .hero-in-view .wa-fab,.hero-in-view .smart-wa-widget{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
    .identity-section .section-title span,.process-section .section-title span,.testi-section .section-title span{color:var(--gold-light)!important}
    .tcard h3{position:relative;z-index:1;margin:0 0 16px;color:#fff;font-family:var(--ff-h);font-size:1.15rem;line-height:1.25}
    .id-ticker-wrap,.identity-cta,.process-cta{display:none!important}
    .identity-section{padding-bottom:52px}
    .manu-section{margin-top:0;padding-top:54px;border-top:1px solid rgba(238,191,69,.18);background:linear-gradient(135deg,#112c26,#0d1f1b)}
    .products-section .pc:nth-child(n+7),.partners-grid .pcard:nth-child(n+5){display:none}
    .process-section{padding:76px 0}
    .process-section .section-header{max-width:none!important;text-align:center;margin:0 auto 34px}
    .process-grid{display:block}
    .process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
    .proc-step{display:block;padding:22px 18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035)}
    .proc-step:hover{padding-left:18px;transform:translateY(-4px)}
    .proc-step .step-num{margin-bottom:18px}
    .proc-step h3{font-size:1.05rem}
    .proc-step p{font-size:.8rem;line-height:1.6}
    .process-visual{display:none}
    .partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .lead-magnet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .lead-magnet-grid>div:nth-child(3){display:none!important}
    .awards-strip,.cta-split{display:none!important}
    .trust-summary{max-width:1180px;margin:18px auto 0;padding:18px 24px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-top:1px solid rgba(26,60,52,.1)}
    .trust-summary a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(26,60,52,.1);border-radius:6px;background:#fff;color:var(--navy);font-family:var(--ff-s);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;transition:.25s}
    .trust-summary a:hover{border-color:var(--gold);transform:translateY(-2px)}
    .trust-summary i{color:var(--green);font-size:1rem}
    .quick-rfq{padding:72px 0;background:#fff;border-top:1px solid rgba(26,60,52,.08);scroll-margin-top:130px}
    .rfq-shell{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:42px;align-items:center}
    .rfq-copy .section-title{font-size:clamp(2rem,3.2vw,3.1rem);margin:16px 0}
    .rfq-copy p{color:#5f6964;line-height:1.75;max-width:520px}
    .rfq-points{display:grid;gap:10px;margin-top:22px}
    .rfq-points span{display:flex;align-items:center;gap:9px;color:var(--navy);font-family:var(--ff-s);font-size:.76rem;font-weight:700}
    .rfq-points i{color:var(--green)}
    .rfq-form{padding:28px;border:1px solid rgba(26,60,52,.12);border-radius:8px;background:var(--cream);box-shadow:0 18px 44px rgba(26,60,52,.08)}
    .rfq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .rfq-field{display:grid;gap:7px}
    .rfq-field label{color:var(--navy);font-family:var(--ff-s);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
    .rfq-field input,.rfq-field select{width:100%;min-height:48px;padding:0 13px;border:1px solid rgba(26,60,52,.18);border-radius:6px;background:#fff;color:var(--navy);font:400 .9rem var(--ff-b)}
    .rfq-field input:focus,.rfq-field select:focus{outline:3px solid rgba(238,191,69,.3);border-color:var(--gold)}
    .rfq-consent{display:flex;align-items:flex-start;gap:9px;margin:16px 0;color:#69736e;font-size:.72rem;line-height:1.5}
    .rfq-consent input{width:16px!important;height:16px!important;flex:0 0 16px;margin-top:3px;accent-color:var(--green)}
    .rfq-consent a{color:var(--green);font-weight:700}
    .rfq-submit{width:100%;min-height:50px;border:0;border-radius:6px;background:var(--green);color:#fff;font-family:var(--ff-s);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:.25s}
    .rfq-submit:hover{background:var(--navy);transform:translateY(-2px)}
    .rfq-submit:disabled{opacity:.65;cursor:wait;transform:none}
    .rfq-status{min-height:20px;margin-top:10px;color:#476057;font-size:.76rem;text-align:center}
    .shipment-proof{padding:76px 0;background:var(--navy-dark);color:#fff;scroll-margin-top:110px}
    .shipment-proof>.log-inner,.shipment-proof>div.reveal{display:none!important}
    .proof-head{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:end;margin-bottom:30px}
    .proof-head .section-title{color:#fff;margin:14px 0 0}
    .proof-head p{color:rgba(255,255,255,.66);line-height:1.75;margin:0}
    .proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
    .proof-figure{margin:0;position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#10251f}
    .proof-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.4s}
    .proof-figure:hover img{transform:scale(1.025)}
    .proof-figure figcaption{padding:16px 18px;color:rgba(255,255,255,.72);font-size:.78rem;line-height:1.55}
    .proof-figure strong{display:block;margin-bottom:4px;color:#fff;font-family:var(--ff-s);font-size:.76rem;text-transform:uppercase;letter-spacing:.7px}
    .shipment-case{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
    .shipment-case h3{margin:0;color:var(--gold);font-family:var(--ff-h);font-size:1.35rem}
    .shipment-case p{margin:0;color:rgba(255,255,255,.7);line-height:1.75}
    .case-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
    .case-links a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-family:var(--ff-s);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px}
    .case-links i{color:var(--gold)}
    .conversion-zone-in-view .smart-wa-widget{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
    @media(min-width:769px){
      .hero-content-wrapper{transform:translateY(-34px)}
      .hero-tag-modern{margin-bottom:22px}
      .hero-title-modern{font-size:clamp(2.4rem,4.2vw,3.7rem);line-height:1.08;margin-bottom:22px;letter-spacing:0}
      .hero-desc-modern{margin-bottom:30px;line-height:1.65}
    }
    @media(max-width:768px){
      .top-dashboard{height:38px!important}
      .top-dashboard .td-row-1{display:flex!important;height:38px!important}
      .top-dashboard .td-row-2{display:none!important}
      .ticker-label .market-text{display:inline!important}
      .jft-navbar,.jft-navbar.scrolled{top:38px!important;height:64px!important}
      .nav-logo-img{height:48px!important}
      .jft-hero-banner{height:calc(100svh - 130px);min-height:620px;padding-top:88px!important;padding-bottom:58px!important}
      .hero-slide::after{background:linear-gradient(180deg,rgba(7,18,15,.48),rgba(7,18,15,.82))}
      .hero-slide--assurance{background-position:61% center}
      .hero-slide--rice{background-position:64% center}
      .hero-slide--spices{background-position:52% center}
      .hero-slide--logistics{background-position:71% center}
      .hero-slide--pulses{background-position:74% center}
      .hero-slide--packing{background-position:69% center}
      .hero-content-wrapper{padding:0 20px}
      .hero-tag-modern{margin-bottom:18px}
      .hero-title-modern{margin-bottom:18px;line-height:1.1}
      .hero-title-modern strong{margin-top:7px}
      .hero-desc-modern{margin-bottom:22px;line-height:1.62}
      .hero-actions{gap:12px}
      .hero-navigation{bottom:12px}
      .hero-nav-button{width:38px;height:38px}
      .control-dot{width:34px;height:38px;min-height:38px}
      .top-dashboard,.jft-navbar{transition:transform .25s ease,top .25s ease!important}
      .mobile-header-condensed .top-dashboard{transform:translateY(-38px)!important;pointer-events:none}
      .mobile-header-condensed .jft-navbar,.mobile-header-condensed .jft-navbar.scrolled{top:0!important}
      #backToTop{display:none!important}
      .smart-wa-widget{right:12px!important;bottom:12px!important;width:44px!important;height:44px!important;font-size:22px!important}
      .identity-section{padding:56px 0 34px}
      .identity-section .section-header{margin-bottom:28px}
      .vc-grid{display:grid!important;grid-template-columns:repeat(5,minmax(260px,82vw))!important;gap:12px!important;overflow-x:auto;padding:0 20px 14px;margin-inline:-20px;scroll-snap-type:x proximity;scrollbar-width:none}
      .vc-grid::-webkit-scrollbar{display:none}
      .vc-card{min-height:360px;padding:24px 18px!important;border-radius:8px!important;scroll-snap-align:start}
      .manu-section{padding:34px 0 52px}
      .manu-layout{gap:28px!important}
      .manu-img{height:230px!important;object-fit:cover}
      .manu-body{font-size:.95rem;line-height:1.7}
      .manu-spec:nth-child(n+3){display:none}
      .products-section .prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
      .products-section .pc:first-child{grid-column:auto!important;grid-row:auto!important}
      .products-section .pc-inner{min-height:220px!important;height:220px!important;border-radius:8px!important}
      .products-section .pc-body{padding:16px!important}
      .products-section .pc-title{font-size:1.08rem!important;line-height:1.15}
      .products-section .pc-cat{font-size:.58rem!important}
      .products-section .pc-varieties,.products-section .pc-link{display:none!important}
      .awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
      .award-item{padding:20px 12px!important;border-radius:8px!important;min-height:180px}
      .award-icon{font-size:1.55rem;margin-bottom:8px}
      .award-body{display:none}
      .award-item>div:last-child{font-size:.56rem!important;padding:5px 7px!important}
      .process-section{padding:56px 0}
      .process-steps{grid-template-columns:1fr;gap:10px}
      .proc-step{display:flex;padding:16px!important;gap:14px;border-radius:8px}
      .proc-step .step-num{width:42px;height:42px;margin:0}
      .proc-step h3{font-size:1rem;margin-bottom:5px}
      .proc-step p{font-size:.78rem;line-height:1.5}
      .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
      .pcard{min-height:190px!important;padding:38px 10px 16px!important;border-radius:8px!important}
      .pstatus{top:9px!important;right:9px!important;padding:4px 8px!important;font-size:.5rem!important}
      .pflag{width:58px!important;height:58px!important;margin-bottom:10px!important}
      .pcountry{font-size:1rem!important}
      .prole{font-size:.58rem!important}
      .pdesc,.ptag{display:none!important}
      #buyer-due-diligence>div>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:24px!important}
      .tcard{width:auto!important;min-height:210px;padding:16px 12px!important;border-radius:8px!important}
      .tcard h3{font-size:.9rem;margin-bottom:10px}
      .ttext{font-size:.76rem!important;line-height:1.55!important;margin:0!important}
      .lead-magnet-grid{grid-template-columns:1fr!important}
      .trust-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px 0}
      .trust-summary a{padding:10px;font-size:.58rem}
      .quick-rfq,.shipment-proof{padding:54px 0}
      .rfq-shell,.proof-head,.shipment-case{grid-template-columns:1fr;gap:22px}
      .rfq-form{padding:18px}
      .rfq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .rfq-field:nth-child(-n+2){grid-column:1/-1}
      .rfq-field:nth-child(3),.rfq-field:nth-child(6){grid-column:1/-1}
      .proof-grid{display:grid;grid-template-columns:repeat(3,minmax(290px,82vw));gap:12px;overflow-x:auto;margin-inline:-20px;padding:0 20px 12px;scroll-snap-type:x proximity;scrollbar-width:none}
      .proof-grid::-webkit-scrollbar{display:none}
      .proof-figure{scroll-snap-align:start}
      .proof-figure img{aspect-ratio:16/10}
    }
    @media(max-width:359px){.rfq-grid{grid-template-columns:1fr}.rfq-field:nth-child(-n+2),.rfq-field:nth-child(3),.rfq-field:nth-child(6){grid-column:auto}}
    @media(min-width:381px) and (max-width:600px){
      body:has(#jft-cookie-bar.show) .hero-navigation{bottom:120px}
    }
    @media(max-width:380px){
      .jft-hero-banner{min-height:600px;padding-top:76px!important}
      .hero-navigation{gap:0}
      .hero-nav-button{width:34px}
      .control-dot{width:30px}
      body:has(#jft-cookie-bar.show) .hero-navigation{display:none}
    }

    /* Homepage rhythm and color audit refinements */
    .stats-dramatic{
      padding:30px 0;
      background:#f2f7f2;
      border-bottom:1px solid rgba(26,60,52,.1)
    }
    .stats-dramatic::before,.stats-dramatic::after{display:none}
    .stats-gold-line{height:3px;background:linear-gradient(90deg,var(--green),var(--gold),var(--green))}
    .stat-item{padding:24px 18px;border-right:1px solid rgba(26,60,52,.12)}
    .stat-item:hover{background:rgba(61,112,48,.045)}
    .stat-bg{color:rgba(61,112,48,.035);filter:none}
    .stat-num{font-size:clamp(2.25rem,4vw,3.7rem);color:var(--navy)}
    .stat-unit{font-size:clamp(1rem,1.7vw,1.35rem);color:var(--green)}
    .stat-lbl{color:#53615a;letter-spacing:1.4px}

    .cert-section{padding:52px 0;background:#f2f7f2;border-color:rgba(26,60,52,.1)}
    .cert-intro{max-width:760px;margin:0 auto 28px;padding:0 20px;text-align:center}
    .cert-intro .brand-tag{margin-bottom:14px}
    .cert-title{margin:0 0 12px;color:var(--navy);font-family:var(--ff-h);font-size:clamp(1.9rem,3vw,2.7rem);font-weight:900;line-height:1.12}
    .cert-title span{color:var(--green)}
    .cert-copy{max-width:650px;margin:0 auto;color:#5f6964;font-size:.92rem;line-height:1.7}
    .cert-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--green);font-family:var(--ff-s);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
    .cert-link i{color:var(--gold-dark);transition:transform .25s}
    .cert-link:hover i{transform:translateX(4px)}
    .cert-wrap{width:min(1360px,100%);margin:0 auto;padding:8px clamp(20px,4vw,54px);mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 4%,black 96%,transparent)}
    .cert-track{gap:14px}
    .cert-slide{flex-basis:180px}
    .cert-card{height:118px;padding:18px;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(26,60,52,.045)}
    .cert-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(26,60,52,.1)}
    .cert-logo{height:44px;margin-bottom:9px}
    .cert-section .trust-summary{display:none!important}

    .products-section{padding:76px 0;background:var(--cream)}
    .products-section .section-header{margin-bottom:36px}
    .products-section .prod-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
    .products-section .pc:first-child{grid-column:auto;grid-row:auto}
    .products-section .pc,.products-section .pc-inner,.products-section .pc-img,.products-section .pc-ov{border-radius:8px}
    .products-section .pc-inner,.products-section .pc:first-child .pc-inner{height:300px;min-height:300px}
    .products-section .pc:first-child .pc-body{padding:24px}
    .products-section .pc:first-child .pc-title{font-size:1.4rem}

    .shipment-proof{background:linear-gradient(135deg,#0d1f1b,#16372f)}
    .shipment-proof .section-title span{color:var(--gold-light)!important}

    .identity-section{padding:72px 0 50px}
    .identity-section .vc-grid{margin-top:40px}
    .identity-section .vc-card{border-radius:8px}

    .manu-section{
      padding:72px 0;
      border-top:0;
      background:#edf4ee
    }
    .manu-section::before{color:rgba(61,112,48,.035)}
    .manu-section .section-title{color:var(--navy)}
    .manu-section .section-title span{color:#7a5b00!important}
    .manu-body{color:#56645e}
    .manu-spec{color:var(--navy)}
    .manu-img{height:440px;border-radius:8px;border-color:rgba(61,112,48,.18)}
    .manu-badge{border-radius:8px;box-shadow:0 18px 36px rgba(26,60,52,.18)}

    .process-section{background:linear-gradient(135deg,#10251f,#183b32)}

    .jft-network-section{
      padding:72px 0 32px;
      background:#f7faf7
    }
    .network-header{margin-bottom:34px}
    .network-visual{height:clamp(430px,50vh,570px)}
    .jft-network-section>.reveal{margin-top:30px!important}
    .partners-section{
      padding:28px 0 72px;
      background:#f7faf7;
      border-top:1px solid rgba(26,60,52,.08)
    }
    .partners-section .section-header{display:none}
    .partners-grid{margin-top:0;gap:16px}
    .pcard{border-radius:8px;padding:30px 20px}

    .about-editorial{background:#fff}
    .about-inner{min-height:520px}
    .about-left,.about-right{padding:64px clamp(24px,5vw,72px)}
    .about-editorial .cert-badges{display:none}
    .feat-grid{gap:14px}
    .feat-card{padding:21px 19px;border-radius:8px}

    .origin-section{padding:78px 0;background:linear-gradient(180deg,#f3f7f2 0%,#fbfcfa 100%);border-top:1px solid rgba(26,60,52,.08)}
    .origin-intro{grid-template-columns:1.08fr .92fr;gap:0;margin-bottom:38px;border:1px solid rgba(26,60,52,.12);border-radius:8px;background:var(--navy);box-shadow:0 24px 60px rgba(26,60,52,.14);overflow:hidden}
    .origin-img-wrap{height:100%;min-height:470px;overflow:hidden}
    .origin-img-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,18,15,.42));pointer-events:none}
    .origin-img-wrap img{position:absolute;inset:0;width:100%;height:100%;min-height:470px;border-radius:0;object-fit:cover;object-position:center;transition:transform .8s var(--ease)}
    .origin-intro:hover .origin-img-wrap img{transform:scale(1.025)}
    .origin-badge-overlay{z-index:2;bottom:24px;left:24px;max-width:300px;padding:19px 22px;border:1px solid rgba(238,191,69,.42);border-radius:8px;background:rgba(13,31,27,.9);box-shadow:0 14px 34px rgba(0,0,0,.2)}
    .origin-badge-overlay .onum{font-size:1.75rem}
    .origin-badge-overlay .otxt{font-size:.78rem;color:rgba(255,255,255,.74)}
    .origin-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,70px)}
    .origin-text .section-title{margin:18px 0 20px;color:#fff;font-size:clamp(2.2rem,4vw,3.6rem)}
    .origin-text .section-title span{color:var(--gold-light)!important}
    .origin-text .section-desc{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.8}
    .origin-stamps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
    .o-stamp{min-height:48px;padding:11px 14px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:rgba(255,255,255,.06);color:#fff;font-size:.72rem}
    .o-stamp:last-child{grid-column:1/-1}
    .o-stamp:hover{border-color:rgba(238,191,69,.55);background:rgba(238,191,69,.08);color:#fff}
    .origin-regions-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 16px}
    .origin-regions-head h3{margin:0;color:var(--navy);font-family:var(--ff-h);font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.2}
    .region-slider-meta{display:flex;align-items:center;gap:18px}
    .origin-regions-head p{max-width:470px;margin:0;color:#65716b;font-size:.82rem;line-height:1.55;text-align:right}
    .region-slider-nav{display:flex;align-items:center;gap:7px;flex:0 0 auto}
    .region-slider-nav button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(26,60,52,.16);border-radius:50%;background:#fff;color:var(--navy);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
    @media(hover:hover){.region-slider-nav button:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}}
    .region-slider-nav button:focus-visible{outline:3px solid rgba(238,191,69,.55);outline-offset:2px}
    .region-slider-count{min-width:48px;color:var(--navy);font-family:var(--ff-s);font-size:.68rem;font-weight:800;text-align:center}
    .origin-assurance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
    .origin-assurance span{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 10px;border:1px solid rgba(26,60,52,.1);border-radius:6px;background:rgba(255,255,255,.72);color:#40564e;font-family:var(--ff-s);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.45px}
    .origin-assurance i{color:var(--gold-dark);font-size:.8rem}
    .region-slider{position:relative;overflow:hidden;padding:2px 1px 12px}
    .region-grid{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
    .region-grid::-webkit-scrollbar{display:none}
    .region-card{position:relative;display:block;flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start;border:1px solid rgba(26,60,52,.11);border-radius:6px;background:#fff;box-shadow:0 6px 18px rgba(26,60,52,.055);color:inherit;overflow:hidden}
    .region-card:hover{transform:translateY(-2px);border-color:rgba(61,112,48,.42);box-shadow:0 10px 22px rgba(26,60,52,.09)}
    .region-card:focus-visible{outline:3px solid rgba(238,191,69,.62);outline-offset:3px;border-color:var(--gold-dark)}
    .region-color{position:absolute;inset:0 auto 0 0;width:3px;height:auto;background:linear-gradient(180deg,var(--green),var(--gold))!important}
    .region-body{display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-rows:auto auto auto;column-gap:10px;height:132px;min-height:0;padding:15px 14px 13px 17px}
    .region-prod{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin-bottom:3px;letter-spacing:.85px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .region-prod i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f0f6f0;color:var(--green);font-size:.58rem;flex:0 0 21px}
    .region-name{grid-column:1/-1;align-self:center;min-height:0;margin:0;font-size:1.05rem;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .region-loc{grid-column:1;align-self:end;margin:0;padding:0;color:#65716b;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .region-action{grid-column:2;grid-row:3;align-self:end;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(61,112,48,.18);border-radius:50%;background:#f2f7f2;color:transparent;font-size:0}
    .region-action i{color:var(--green);font-size:.7rem;transition:transform .25s}
    .region-card:hover .region-action i{transform:translateX(4px)}
    .region-card:nth-child(1){order:1}.region-card:nth-child(4){order:2}.region-card:nth-child(8){order:3}.region-card:nth-child(12){order:4}
    .region-card:nth-child(2){order:5}.region-card:nth-child(3){order:6}.region-card:nth-child(6){order:7}.region-card:nth-child(7){order:8}
    .region-card:nth-child(5){order:9}.region-card:nth-child(9){order:10}.region-card:nth-child(10){order:11}.region-card:nth-child(11){order:12}
    .region-pagination{display:flex;justify-content:center;align-items:center;gap:7px;min-height:18px;margin-top:2px}
    .region-pagination button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(26,60,52,.2);cursor:pointer;transition:width .25s,background .25s}
    .region-pagination button.active{width:24px;border-radius:5px;background:var(--gold)}
    .region-pagination button:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
    .origin-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1250px;margin:32px auto 0;padding:22px 26px;border:1px solid rgba(26,60,52,.12);border-radius:8px;background:var(--navy);box-shadow:0 16px 34px rgba(26,60,52,.12);text-align:left}
    .origin-cta-copy strong{display:block;margin-bottom:4px;color:#fff;font-family:var(--ff-h);font-size:1.2rem}
    .origin-cta-copy span{color:rgba(255,255,255,.62);font-size:.8rem;line-height:1.5}
    .origin-cta-actions{display:flex;gap:10px;flex-shrink:0}
    .origin-cta-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:6px;font-family:var(--ff-s);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.65px}
    .origin-cta-primary{background:var(--gold);color:var(--navy)}
    .origin-cta-secondary{border:1px solid rgba(255,255,255,.28);color:#fff}

    @media(max-width:1100px){
      .origin-section .region-card{flex-basis:calc((100% - 28px)/3)}
    }

    .testi-section{padding:72px 0}
    .testi-section .tcard{border-radius:8px}

    .homepage-resources{
      padding:28px 0!important;
      background:#fff!important;
      border-top:1px solid rgba(26,60,52,.1)
    }
    .homepage-resources .resource-orb{display:none}
    .homepage-resources .lead-magnet-grid>div{
      padding:18px!important;
      border:1px solid rgba(26,60,52,.12)!important;
      border-radius:8px!important;
      background:#f7faf7!important
    }
    .homepage-resources .lead-magnet-grid>div>div>div{color:var(--navy)!important}
    .homepage-resources .lead-magnet-grid p{color:#5f6964!important}
    .homepage-resources .lead-magnet-grid a{color:var(--green)!important}

    /* Maintain WCAG contrast when the manufacturing section uses its light treatment. */
    .manu-section .brand-tag-gold,
    .manu-section .section-title span{color:#765900}
    .manu-section .manu-body strong{color:var(--navy)!important}

    @media(max-width:900px){
      .stat-item{border-color:rgba(26,60,52,.12)}
    }
    @media(max-width:768px){
      .stats-dramatic{padding:18px 0}
      .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .stat-item{padding:20px 10px}
      .stat-num{font-size:2.15rem}
      .stat-lbl{font-size:.6rem;letter-spacing:.8px}
      .cert-section{padding:42px 0}
      .cert-intro{margin-bottom:20px}
      .cert-copy{font-size:.84rem;line-height:1.6}
      .cert-wrap{padding-inline:16px;mask-image:none;-webkit-mask-image:none}
      .cert-slide{flex:0 0 170px}
      .products-section{padding:52px 0}
      .products-section .prod-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .products-section .pc-inner,.products-section .pc:first-child .pc-inner{height:220px;min-height:220px}
      .identity-section{padding:52px 0 34px}
      .manu-section{padding:52px 0}
      .manu-img{height:250px!important}
      .jft-network-section{padding:54px 0 18px}
      .network-header{margin-bottom:28px}
      .jft-network-section .network-visual{display:none}
      .jft-network-section>.reveal{margin-top:24px!important}
      .partners-section{padding:18px 0 54px}
      .about-inner{min-height:0}
      .about-left,.about-right{padding:48px 20px}
      .about-p{font-size:.94rem;line-height:1.7;margin-bottom:16px}
      .about-left .about-p:nth-of-type(2){display:none}
      .about-right .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
      .feat-card{padding:18px 12px}
      .feat-icon{font-size:1.35rem;margin-bottom:10px}
      .feat-title{font-size:.96rem}
      .feat-text{font-size:.76rem;line-height:1.5}
      .origin-section{padding:54px 0}
      .origin-intro{grid-template-columns:1fr;gap:0;margin-bottom:30px}
      .origin-img-wrap,.origin-img-wrap img{min-height:270px;height:270px}
      .origin-img-wrap img{object-position:58% center}
      .origin-badge-overlay{bottom:14px;left:14px;max-width:245px;padding:14px 16px}
      .origin-badge-overlay .onum{font-size:1.35rem}
      .origin-text{padding:34px 20px 38px}
      .origin-text .section-title{font-size:2rem}
      .origin-text .section-desc{font-size:.9rem;line-height:1.7}
      .origin-stamps{grid-template-columns:1fr;margin-top:20px}
      .o-stamp:last-child{grid-column:auto}
      .origin-regions-head{display:block;margin-bottom:16px}
      .origin-regions-head p{margin-top:8px;text-align:left;font-size:.8rem}
      .region-slider-meta{display:block}
      .region-slider-nav{justify-content:flex-start;margin-top:12px}
      .origin-assurance{display:flex;gap:8px;overflow-x:auto;margin-inline:-16px;padding:0 16px 8px;scrollbar-width:none}
      .origin-assurance::-webkit-scrollbar{display:none}
      .origin-assurance span{flex:0 0 auto;white-space:nowrap}
      .origin-section .region-grid{
        display:flex;
        gap:12px;
        overflow-x:auto;
        margin-inline:-16px;
        padding:2px 16px 12px;
        scroll-snap-type:x mandatory;
        scrollbar-width:none
      }
      .origin-section .region-grid::-webkit-scrollbar{display:none}
      .origin-section .region-card{flex:0 0 calc((100% - 12px)/2);scroll-snap-align:start}
      .origin-section .region-body{height:126px;min-height:0}
      .origin-cta-bar{display:block;margin:24px 16px 0;padding:20px;text-align:center}
      .origin-cta-actions{display:grid;grid-template-columns:1fr;margin-top:16px}
      .testi-section{padding:54px 0}
      .homepage-resources{padding:24px 0!important}
    }
    @media(max-width:560px){
      .origin-section .region-card{flex-basis:84vw}
      .origin-section .region-pagination{display:none}
    }