.trading-page{background:#fff;color:#14243a}
.trade-breadcrumb{background:#fff;border-top:1px solid #eef2ef}.trade-breadcrumb .shell{display:flex;gap:8px;align-items:center;padding:12px 0;font-size:12px;color:#315b41}.trade-breadcrumb a{color:#315b41}.trade-breadcrumb b{font-weight:800}
.trade-hero{background:#fff;overflow:hidden}.trade-hero-grid{display:grid;grid-template-columns:36% 64%;align-items:stretch}.trade-hero-copy{padding:29px 26px 22px 0;display:flex;flex-direction:column;justify-content:center}.trade-hero h1{margin:0 0 9px;line-height:.98;letter-spacing:-1.4px}.trade-hero h1 span{display:block;font-size:37px;color:#171e26;font-weight:800;margin-bottom:7px}.trade-hero h1 strong{display:block;font-size:49px;color:#0c6338;font-weight:900}.trade-hero h2{font-size:19px;line-height:1.24;color:#1c2736;margin:0 0 13px}.trade-hero-copy>p{font-size:12.5px;line-height:1.55;color:#3f4c5f;margin:0 0 11px;max-width:510px}.trade-checks{list-style:none;padding:0;margin:0 0 17px;display:grid;gap:7px}.trade-checks li{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;color:#213246}.trade-checks li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#0c713e;color:#fff;font-size:11px}.trade-actions{display:flex;gap:12px;flex-wrap:wrap}.trade-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:11px 17px;font-size:10.5px;font-weight:800;border:1px solid transparent;transition:.2s}.trade-btn:hover{transform:translateY(-1px)}.trade-btn-primary{background:#ff4c12;color:#fff}.trade-btn-outline{background:#fff;color:#134f31;border-color:#0d6a3d}.trade-hero-visual{min-height:335px;position:relative;overflow:hidden}.trade-hero-visual:before{content:"";position:absolute;left:0;top:0;bottom:0;width:105px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.02));z-index:1}.trade-hero-visual img{width:100%;height:100%;min-height:335px;object-fit:cover;display:block}
.trade-proof{border-top:1px solid #e0e8e3;border-bottom:1px solid #e0e8e3;background:linear-gradient(90deg,#fff,#f8fbf8,#fff)}.trade-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trade-proof-item{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;padding:17px 15px;border-right:1px solid #dfe7e2}.trade-proof-item:last-child{border-right:0}.trade-proof-icon{width:47px;height:47px;border-radius:9px;background:#f8fbf8;border:1px solid #dbe8df;color:#0e703d;display:grid;place-items:center}.trade-proof-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}.trade-proof-item h3{font-size:12px;line-height:1.2;color:#17452f;margin:0 0 3px}.trade-proof-item p{font-size:9.8px;line-height:1.35;color:#42534a;margin:0}
.trade-section{padding:14px 0}.trade-heading.left{max-width:760px;margin-bottom:10px}.trade-heading.centered{text-align:center;margin-bottom:9px}.trade-heading h2{font-size:22px;color:#174f32;margin:0 0 4px}.trade-heading p{font-size:11.2px;line-height:1.44;color:#49576a;margin:0}
.trade-visibility-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.trade-visibility-card{border:1px solid #dfe8e2;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#fff,#f7faf8);position:relative}.trade-card-photo{height:84px;overflow:hidden}.trade-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.trade-card-icon{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #afd0ba;color:#0d6b3d;display:grid;place-items:center;margin:-22px auto 6px;position:relative;z-index:2}.trade-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.trade-visibility-card h3{text-align:center;color:#164d31;font-size:11.5px;line-height:1.2;margin:0 8px 7px}.trade-visibility-card ul{padding:0 12px 10px 22px;margin:0;color:#36453c}.trade-visibility-card li{font-size:8.8px;line-height:1.32;margin-bottom:3px}
.trade-process-panel{border:1px solid #dfe8e2;border-radius:9px;background:#fafcfb;padding:11px 15px 10px}.trade-process-flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:start}.trade-flow-step{text-align:center}.trade-flow-icon{width:50px;height:50px;border:1px solid #b5d3bf;border-radius:50%;background:#fff;color:#0d6b3d;display:grid;place-items:center;margin:0 auto 6px}.trade-flow-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7}.trade-flow-step h3{font-size:9px;line-height:1.2;color:#24364e;margin:0 0 4px}.trade-flow-step p{font-size:8.1px;line-height:1.28;color:#4c5868;margin:0}.trade-flow-arrow{font-size:22px;color:#14723f;text-align:center;padding-top:16px}
.trade-capability-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.trade-capability-card{border:1px solid #dfe8e2;border-radius:7px;padding:9px;background:#fff;min-height:145px}.trade-capability-title{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.trade-capability-title span{color:#0d6c3c}.trade-capability-title svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.trade-capability-title h3{font-size:10.2px;line-height:1.2;color:#174c31;margin:0 0 5px}.trade-capability-card ul{margin:0;padding:0 0 0 18px;color:#3a4a40}.trade-capability-card li{font-size:8.5px;line-height:1.3;margin-bottom:3px}.trade-capability-card a{display:inline-block;margin-top:5px;color:#0c6c3b;font-size:8.7px;font-weight:800}
.trade-lower-grid{display:grid;grid-template-columns:40% 31% 29%;gap:8px;align-items:stretch}.trade-landscape-panel,.trade-model-panel,.trade-proven-panel{border:1px solid #dfe8e2;border-radius:8px;background:#fff;padding:11px}.trade-lower-grid h2{font-size:13.5px;color:#174c31;margin:0 0 9px}.trade-landscape{display:grid;grid-template-columns:1fr 104px 1fr;gap:7px;align-items:center;min-height:172px}.trade-landscape-center{display:grid;place-items:center}.trade-core{width:94px;height:94px;border-radius:50%;background:linear-gradient(145deg,#0f6b3d,#064124);color:#fff;display:grid;place-items:center;text-align:center;font-weight:900;font-size:20px;line-height:1}.trade-landscape-list{display:grid;gap:7px}.trade-landscape-list span{font-size:8.6px;color:#34473c;padding:6px 7px;border:1px solid #e1e9e4;border-radius:14px;background:#fbfdfb;text-align:center}.trade-model-list{display:grid;gap:7px}.trade-model-list div{display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:start;font-size:9.1px;color:#3f5046}.trade-model-list span{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#f1f8f3;color:#0b6c3b;border:1px solid #c9dfd0;font-size:9px}.trade-proven-panel{background:linear-gradient(180deg,#f9fcfa,#f1f8f3)}.trade-proven-list{display:grid;gap:9px}.trade-proven-list>div{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.trade-proven-list>div>span{color:#0d6c3c}.trade-proven-list svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.trade-proven-list p{margin:0}.trade-proven-list strong{display:block;font-size:9.8px;color:#174b31}.trade-proven-list small{display:block;font-size:8.5px;line-height:1.28;color:#43544a;margin-top:2px}
.trade-customer-cta-grid{display:grid;grid-template-columns:54% 46%;gap:8px}.trade-customer-panel,.trade-final-cta{border:1px solid #dfe8e2;border-radius:8px;background:#fff}.trade-customer-panel{padding:10px 11px}.trade-customer-panel h2{font-size:13px;color:#174c31;margin:0 0 7px}.trade-customer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.trade-customer-logo{border:1px solid #e3e9e5;border-radius:6px;background:#fff;min-height:50px;display:grid;place-items:center;padding:4px}.trade-customer-logo img{width:100%;height:38px;object-fit:contain;display:block}.trade-final-cta{display:grid;grid-template-columns:1fr 135px;overflow:hidden}.trade-final-copy{padding:12px;display:flex;flex-direction:column;justify-content:center}.trade-final-copy h2{font-size:14.5px;line-height:1.22;color:#174c31;margin:0 0 9px}.trade-final-actions{display:flex;gap:7px;flex-wrap:wrap}.trade-final-cta>img{width:100%;height:100%;object-fit:cover;min-height:115px}.customer-cta-section{padding-bottom:10px}
@media(max-width:1100px){.trade-visibility-grid{grid-template-columns:repeat(3,1fr)}.trade-process-flow{grid-template-columns:repeat(4,1fr);gap:12px}.trade-flow-arrow{display:none}.trade-capability-grid{grid-template-columns:repeat(2,1fr)}.trade-lower-grid{grid-template-columns:1fr 1fr}.trade-proven-panel{grid-column:1/-1}}
@media(max-width:900px){.trade-hero-grid{grid-template-columns:1fr}.trade-hero-copy{padding-right:0}.trade-hero-visual,.trade-hero-visual img{min-height:300px}.trade-proof-grid{grid-template-columns:1fr 1fr}.trade-proof-item:nth-child(even){border-right:0}.trade-proof-item:nth-child(-n+2){border-bottom:1px solid #dfe7e2}.trade-customer-cta-grid{grid-template-columns:1fr}}
@media(max-width:650px){.trade-hero h1 span{font-size:31px}.trade-hero h1 strong{font-size:41px}.trade-visibility-grid{grid-template-columns:1fr 1fr}.trade-process-flow{grid-template-columns:1fr 1fr}.trade-capability-grid{grid-template-columns:1fr}.trade-lower-grid{grid-template-columns:1fr}.trade-proven-panel{grid-column:auto}.trade-customer-grid{grid-template-columns:repeat(3,1fr)}.trade-final-cta{grid-template-columns:1fr}.trade-final-cta>img{max-height:180px}}
@media(max-width:440px){.trade-actions{flex-direction:column}.trade-proof-grid,.trade-visibility-grid{grid-template-columns:1fr}.trade-proof-item{border-right:0;border-bottom:1px solid #dfe7e2}.trade-proof-item:last-child{border-bottom:0}.trade-process-flow{grid-template-columns:1fr}.trade-customer-grid{grid-template-columns:1fr 1fr}}


/* v13: approved Integrated Trading Landscape graphic */
.trade-landscape-image-panel{
  padding:0 !important;
  overflow:hidden;
  display:flex;
  align-items:stretch;
  background:#fff;
}
.trade-landscape-image-panel img{
  display:block;
  width:100%;
  height:100%;
  min-height:172px;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
}
@media(max-width:1100px){
  .trade-landscape-image-panel img{min-height:300px}
}
@media(max-width:650px){
  .trade-landscape-image-panel img{
    height:auto;
    min-height:0;
    object-fit:contain;
  }
}


/* v14 final visual refinement */
.trade-hero-visual img{
  object-position:center center;
}

.trade-lower-grid{
  grid-template-columns:40% 35% 25%;
  gap:8px;
}

/* Integrated Trading Landscape remains the approved image */
.trade-landscape-image-panel img{
  object-fit:cover;
  object-position:center;
}

/* Built Around Your Trading Model: text + image, not a flattened section */
.trade-model-panel-v14{
  padding:0 !important;
  overflow:hidden;
  display:grid;
  grid-template-columns:55% 45%;
  min-height:100%;
}
.trade-model-copy{
  padding:11px 10px 10px 11px;
  background:#fff;
}
.trade-model-visual{
  min-height:100%;
  overflow:hidden;
  background:#eef7f3;
}
.trade-model-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:cover;
  object-position:center;
}
.trade-model-panel-v14 .trade-model-list{
  gap:6px;
}
.trade-model-panel-v14 .trade-model-list div{
  font-size:8.8px;
  line-height:1.25;
}

/* Keep the final row compact and visually balanced */
.trade-customer-cta-grid{
  align-items:stretch;
}
.trade-final-cta>img{
  min-height:110px;
}

@media(max-width:1100px){
  .trade-lower-grid{
    grid-template-columns:1fr 1fr;
  }
  .trade-proven-panel{
    grid-column:1/-1;
  }
}
@media(max-width:780px){
  .trade-model-panel-v14{
    grid-template-columns:1fr;
  }
  .trade-model-visual img{
    min-height:210px;
  }
}
@media(max-width:650px){
  .trade-lower-grid{
    grid-template-columns:1fr;
  }
  .trade-proven-panel{
    grid-column:auto;
  }
}


/* v15 — approved full-width Trading Model flow infographic */
.trade-lower-grid-v15{
  display:grid;
  grid-template-columns:74% 26%;
  gap:8px;
  align-items:stretch;
}
.trade-lower-grid-v15 .trade-landscape-image-panel{
  min-height:235px;
}
.trade-lower-grid-v15 .trade-landscape-image-panel img{
  width:100%;
  height:100%;
  min-height:235px;
  object-fit:cover;
  object-position:center;
  border-radius:8px;
}
.trade-lower-grid-v15 .trade-proven-panel{
  height:100%;
}
.model-flow-section{
  padding-top:6px !important;
  padding-bottom:10px !important;
}
.trade-model-flow-panel{
  border:1px solid #dfe8e2;
  border-radius:9px;
  overflow:hidden;
  background:#fff;
  line-height:0;
}
.trade-model-flow-panel img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.trade-section{
  padding:12px 0;
}
@media(max-width:900px){
  .trade-lower-grid-v15{
    grid-template-columns:1fr;
  }
}


/* v17 correction:
   KEEP Integrated Trading Landscape image and Proven in Trading section.
   Use the exact approved Built Around Your Trading Model flow image below it.
*/
.trade-model-flow-panel{
  border:1px solid #dfe8e2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  line-height:0;
}
.trade-model-flow-panel img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.model-flow-section{
  padding-top:8px !important;
  padding-bottom:10px !important;
}


/* v19 — clean the approved Trading Model image itself.
   The previous source contained an unwanted artifact strip at the top
   and unused white canvas below the benefit strip. */
.model-flow-section{
  padding:5px 0 7px !important;
  margin:0 !important;
}
.trade-model-flow-panel{
  margin:0 !important;
  border:1px solid #dfe8e2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  line-height:0;
}
.trade-model-flow-panel img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  object-fit:contain;
}
.customer-cta-section{
  padding-top:7px !important;
}


/* v20 — readability refinement: preserve design, raise small-text floor */
.page-shell p,
.page-shell li,
.page-content p,
.page-content li,
main p,
main li{
  line-height:1.55;
}

/* Descriptive text inside cards/panels */
[class*="card"] p,
[class*="card"] li,
[class*="panel"] p,
[class*="panel"] li{
  font-size:max(15px, .9375rem);
  line-height:1.52;
}

/* Avoid undersized supporting labels */
[class*="eyebrow"],
[class*="label"],
[class*="caption"],
[class*="meta"]{
  font-size:max(14px, .875rem);
}


/* v20 — Trading card readability */
.trade-capability-card li,
.trade-capability-card p,
.trade-proven-list small,
.trade-process-card p{
  font-size:15px !important;
  line-height:1.5 !important;
}
.trade-capability-card h3,
.trade-process-card h3{
  font-size:17px !important;
  line-height:1.35 !important;
}


/* v21 — explicit readable typography for .trading-page */
.trading-page p,
.trading-page li{
  font-size:16px !important;
  line-height:1.58 !important;
}
.trading-page h3{
  font-size:17px !important;
  line-height:1.35 !important;
}
.trading-page small,
.trading-page figcaption,
.trading-page [class*="label"],
.trading-page [class*="caption"],
.trading-page [class*="meta"]{
  font-size:14px !important;
  line-height:1.45 !important;
}
.trading-page a:not(.trade-btn):not(.mfg-btn):not(.agri-btn):not(.contact-btn){
  font-size:max(14px, inherit);
}

.trading-page .trade-btn{font-size:14px !important;}


/* =========================================================
   v48 — OLAX Trading Capabilities visual refinement only
   Inspired by the approved colorful capability-card concept.
   No other Trading section is changed.
   ========================================================= */

/* Stronger section heading */
.trading-page .trade-capability-grid{
  gap:12px !important;
}

.trading-page .trade-section:has(.trade-capability-grid) .trade-heading{
  margin-bottom:16px !important;
}

.trading-page .trade-section:has(.trade-capability-grid) .trade-heading h2{
  position:relative;
  display:inline-block;
  padding:0 34px 10px;
  font-size:27px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#075f3c !important;
  letter-spacing:-.015em;
}

.trading-page .trade-section:has(.trade-capability-grid) .trade-heading h2:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:74px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#16924f,#4cae57);
}

/* Capability cards */
.trading-page .trade-capability-card{
  position:relative;
  overflow:hidden;
  min-height:220px !important;
  padding:16px 16px 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(11,104,59,.14) !important;
  background:#fff;
  box-shadow:0 7px 20px rgba(19,77,52,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.trading-page .trade-capability-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 32px rgba(19,77,52,.12);
}

/* Decorative corner accent */
.trading-page .trade-capability-card:after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-34px;
  width:100px;
  height:100px;
  border-radius:28px;
  transform:rotate(45deg);
  opacity:.15;
  background:currentColor;
  pointer-events:none;
}

/* Soft coordinated card backgrounds */
.trading-page .trade-capability-card:nth-child(1){
  color:#1f9f46;
  background:linear-gradient(145deg,#f2fff3 0%,#ffffff 68%);
  border-color:#cdebd4 !important;
}
.trading-page .trade-capability-card:nth-child(2){
  color:#2479e6;
  background:linear-gradient(145deg,#f2f8ff 0%,#ffffff 68%);
  border-color:#cfe2fa !important;
}
.trading-page .trade-capability-card:nth-child(3){
  color:#f07a1f;
  background:linear-gradient(145deg,#fff7ef 0%,#ffffff 68%);
  border-color:#f6dac4 !important;
}
.trading-page .trade-capability-card:nth-child(4){
  color:#7c3ed8;
  background:linear-gradient(145deg,#faf5ff 0%,#ffffff 68%);
  border-color:#dfd1f6 !important;
}
.trading-page .trade-capability-card:nth-child(5){
  color:#169da7;
  background:linear-gradient(145deg,#f1fcfd 0%,#ffffff 68%);
  border-color:#caeaed !important;
}
.trading-page .trade-capability-card:nth-child(6){
  color:#e64454;
  background:linear-gradient(145deg,#fff4f5 0%,#ffffff 68%);
  border-color:#f6d0d4 !important;
}
.trading-page .trade-capability-card:nth-child(7){
  color:#496de3;
  background:linear-gradient(145deg,#f4f6ff 0%,#ffffff 68%);
  border-color:#d5dcf7 !important;
}
.trading-page .trade-capability-card:nth-child(8){
  color:#3da64a;
  background:linear-gradient(145deg,#f3fbf3 0%,#ffffff 68%);
  border-color:#d1ead4 !important;
}
.trading-page .trade-capability-card:nth-child(9){
  color:#7f44d8;
  background:linear-gradient(145deg,#faf6ff 0%,#ffffff 68%);
  border-color:#ded1f2 !important;
}
.trading-page .trade-capability-card:nth-child(10){
  color:#178dd6;
  background:linear-gradient(145deg,#f3faff 0%,#ffffff 68%);
  border-color:#cde7f5 !important;
}

/* Icon blocks */
.trading-page .trade-capability-title{
  grid-template-columns:54px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  margin-bottom:12px;
}

.trading-page .trade-capability-title > span{
  width:54px;
  height:54px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:inherit !important;
  background:currentColor;
  box-shadow:0 6px 14px rgba(20,70,50,.10);
}

.trading-page .trade-capability-title > span svg{
  width:27px !important;
  height:27px !important;
  stroke:#fff !important;
}

.trading-page .trade-capability-title h3{
  margin:0 !important;
  color:#173c6f !important;
  font-size:17px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
}

/* Replace ordinary bullets visually with positive check markers */
.trading-page .trade-capability-card ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#40536a !important;
}

.trading-page .trade-capability-card li{
  position:relative;
  padding-left:22px;
  margin-bottom:7px !important;
  font-size:14.5px !important;
  line-height:1.38 !important;
  color:#40536a !important;
}

.trading-page .trade-capability-card li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#12924d;
  font-weight:900;
  font-size:15px;
}

/* Learn More treatment */
.trading-page .trade-capability-card a{
  position:relative;
  z-index:2;
  display:inline-flex !important;
  align-items:center;
  margin-top:10px !important;
  color:currentColor !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

/* Responsive behavior retains the existing page grid breakpoints */
@media(max-width:650px){
  .trading-page .trade-section:has(.trade-capability-grid) .trade-heading h2{
    font-size:24px !important;
  }
  .trading-page .trade-capability-card{
    min-height:0 !important;
  }
}


/* v52 — Trusted organizations panel removed; CTA fills available width */
.trading-page .trade-customer-cta-grid-single{
  display:block !important;
}
.trading-page .trade-customer-cta-grid-single .trade-final-cta{
  width:100%;
  grid-template-columns:1fr 210px !important;
}
.trading-page .trade-customer-cta-grid-single .trade-final-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 22px !important;
}
.trading-page .trade-customer-cta-grid-single .trade-final-copy h2{
  margin:0 !important;
  max-width:650px;
  font-size:19px !important;
}
.trading-page .trade-customer-cta-grid-single .trade-final-actions{
  flex:0 0 auto;
}
.trading-page .trade-customer-cta-grid-single .trade-final-cta img{
  min-height:125px !important;
}
@media(max-width:850px){
  .trading-page .trade-customer-cta-grid-single .trade-final-cta{
    grid-template-columns:1fr !important;
  }
  .trading-page .trade-customer-cta-grid-single .trade-final-copy{
    flex-direction:column;
    align-items:flex-start;
  }
}
