.sai-page{background:#fff;color:#132219}.sai-page .shell{width:min(1480px,94vw)}
.sai-breadcrumb{border-bottom:1px solid #edf1ee}.sai-breadcrumb .shell{height:46px;display:flex;align-items:center;gap:8px;font-size:11px;color:#5d6d63}.sai-breadcrumb a:hover{color:#087139}

.sai-hero{position:relative;overflow:hidden;min-height:430px;background:#f7fbf8}.sai-hero-bg{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 28%,rgba(255,255,255,.28) 50%,rgba(3,45,21,.08) 100%),
url('/assets/images/agriculture/agriculture-hero-v8.jpg') center 55%/cover no-repeat}
.sai-hero-grid{position:relative;z-index:2;min-height:430px;display:grid;grid-template-columns:41% 59%;align-items:center}.sai-hero-copy{padding:28px 0 25px 12px}.sai-hero h1{font-size:44px;line-height:1.02;margin:0 0 12px;color:#0c482a;letter-spacing:-1.4px;font-weight:900}.sai-hero h1 span{color:#f05d17}.sai-hero h2{font-size:20px;margin:0 0 10px;color:#12552f}.sai-hero-copy>p{font-size:13.5px;line-height:1.55;max-width:560px;color:#36473c;margin:0 0 17px}.sai-hero-points{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:620px}.sai-hero-points>div{display:flex;align-items:center;gap:7px}.sai-hero-points .icon{width:28px;height:28px;color:#0d7138;flex:0 0 auto}.sai-hero-points span{font-size:9.5px;line-height:1.2;font-weight:700}

.sai-hero-visual{height:390px;position:relative}.sai-olax-core{position:absolute;left:47%;top:52%;transform:translate(-50%,-50%);width:180px;height:88px;border-radius:15px;background:rgba(4,73,34,.93);color:#fff;display:grid;place-items:center;text-align:center;z-index:4;box-shadow:0 9px 22px rgba(4,67,33,.22)}.sai-olax-core strong{font-size:25px}.sai-olax-core small{font-size:9px;margin-top:-18px}.sai-cloud,.sai-station,.sai-sensor,.sai-mobile{position:absolute;z-index:4;color:#0b6c35}.sai-cloud{right:28%;top:18px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.68);border:2px solid rgba(255,255,255,.8)}.sai-cloud .icon{width:46px;height:46px}.sai-station{left:10%;top:42px}.sai-sensor{left:29%;top:145px}.sai-mobile{right:1%;top:170px}.sai-station,.sai-sensor,.sai-mobile{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.88);border-radius:5px;padding:6px 8px;font-size:9px}.sai-station .icon,.sai-sensor .icon,.sai-mobile .icon{width:22px;height:22px}.sai-line{position:absolute;height:2px;background:rgba(255,255,255,.85);transform-origin:left center;z-index:3}.l1{left:25%;top:116px;width:160px;transform:rotate(31deg)}.l2{left:38%;top:190px;width:150px;transform:rotate(18deg)}.l3{left:56%;top:196px;width:190px;transform:rotate(-28deg)}.l4{left:52%;top:225px;width:280px;transform:rotate(12deg)}

.sai-overview{padding:12px 0}.sai-overview-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:12px}.sai-transition-panel,.sai-ecosystem-panel,.sai-loop-panel,.sai-loop-note,.sai-action-panel,.sai-tech-panel,.sai-scale-panel{border:1px solid #dfe7e2;border-radius:9px;background:#fff;padding:14px;box-shadow:0 3px 10px rgba(8,56,30,.025)}.sai-overview h2,.sai-loop h2,.sai-action-tech h2,.sai-scale h2,.sai-customers h2{font-size:14px;color:#154b2d;margin:0 0 12px;letter-spacing:.2px}.sai-transition-flow,.sai-ecosystem-flow{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sai-transition-flow>div,.sai-ecosystem-flow>div{text-align:center;flex:1}.sai-transition-flow>div>span,.sai-ecosystem-flow>div>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;border:1px solid #cbdccf;color:#176f3b;background:#f9fcfa}.sai-transition-flow .icon,.sai-ecosystem-flow .icon{width:25px;height:25px}.sai-transition-flow h3,.sai-ecosystem-flow h3{font-size:9.7px;margin:0 0 6px;color:#1b3425}.sai-transition-flow ul{list-style:none;padding:0;margin:0;text-align:left;display:inline-block}.sai-transition-flow li{font-size:8.5px;line-height:1.5}.sai-transition-flow li:before{content:"•";margin-right:4px}.sai-ecosystem-flow small{font-size:8.3px;line-height:1.4;color:#4f5d54}.sai-arrow{align-self:center;color:#176d3a;font-size:20px}

.sai-capabilities{padding:0 0 12px}.sai-cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sai-cap-card{border:1px solid #dfe7e2;border-radius:8px;background:#fff;padding:10px;display:flex;flex-direction:column;min-height:278px}.sai-cap-card header{display:flex;align-items:center;gap:7px;margin-bottom:8px}.sai-cap-card header .icon{width:19px;height:19px;color:#15723a}.sai-cap-card h3{font-size:10.4px;line-height:1.2;margin:0;color:#163b29}.sai-cap-photo{height:92px;border-radius:6px;overflow:hidden;background:#eff5f0}.sai-cap-photo img{width:100%;height:100%;object-fit:cover}.sai-cap-card:nth-child(3) .sai-cap-photo img{object-fit:contain;padding:8px}.sai-cap-card ul{padding-left:14px;margin:9px 0 8px;display:grid;gap:3px;flex:1}.sai-cap-card li{font-size:9px;line-height:1.25}.sai-status{align-self:flex-start;border-radius:10px;padding:3px 8px;font-size:7.5px;font-weight:800}.sai-status.tone-green{background:#e9f6e9;color:#1a6a35}.sai-status.tone-blue{background:#eaf0ff;color:#245ec5}.sai-status.tone-purple{background:#f1ebff;color:#6840b6}

.sai-loop{padding:0 0 11px}.sai-loop-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.sai-loop-flow{display:flex;align-items:flex-start;justify-content:space-between}.sai-loop-flow>div{text-align:center;flex:1}.sai-loop-flow>div>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#f1f8f3;color:#176f3b;border:1px solid #d1e2d5}.sai-loop-flow .icon{width:20px;height:20px}.sai-loop-flow h3{font-size:8.4px;margin:0 0 4px}.sai-loop-flow p{font-size:7.7px;line-height:1.3;color:#58665d;margin:0 4px}.sai-loop-note{display:flex;align-items:center;gap:15px}.sai-loop-note>span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;border:1px solid #c9ddcf;color:#17713a}.sai-loop-note .icon{width:37px;height:37px}.sai-loop-note h3{font-size:11px;color:#174b2d;margin:0 0 5px}.sai-loop-note p{font-size:9px;line-height:1.45;color:#526158;margin:0}

.sai-action-tech{padding:0 0 11px}.sai-action-tech-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:10px}.sai-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sai-action-grid article{border:1px solid #e2e8e4;border-radius:7px;padding:7px}.sai-action-grid img{height:82px;width:100%;object-fit:cover;border-radius:5px;background:#eef5f0}.sai-action-grid article:nth-child(3) img{object-fit:contain;padding:8px}.sai-action-grid h3{font-size:8.8px;line-height:1.2;margin:7px 0 4px;color:#17372a}.sai-action-grid p{font-size:7.8px;line-height:1.35;color:#58655d;margin:0 0 7px}.sai-action-grid span{font-size:7px;font-weight:800;color:#5b3ca8}.sai-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sai-tech-grid div{border:1px solid #e1e7e3;border-radius:6px;padding:10px}.sai-tech-grid h3{font-size:8px;color:#305044;margin:0 0 6px}.sai-tech-grid p{font-size:9px;font-weight:700;line-height:1.45;margin:0;color:#21382a}.sai-tech-note{font-size:8.5px;line-height:1.45;color:#56645b;margin:10px 0 0}

.sai-scale{padding:0 0 11px}.sai-scale-panel{padding:14px}.sai-scale-row{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.sai-scale-flow{display:flex;align-items:flex-start}.sai-scale-flow>div{text-align:center;flex:1}.sai-scale-flow>div>span{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;background:#f1f8f2;color:#176f3b;border:1px solid #cfe0d3}.sai-scale-flow .icon{width:22px;height:22px}.sai-scale-flow h3{font-size:8.6px;margin:0 0 3px}.sai-scale-flow p{font-size:7.6px;line-height:1.3;color:#59665e;margin:0}.sai-scale-cta{display:grid;grid-template-columns:1fr;gap:10px}.sai-scale-cta>div:first-child{display:flex;gap:10px;align-items:center}.sai-scale-cta>div:first-child .icon{width:36px;height:36px;color:#14723a}.sai-scale-cta p{font-size:9px;line-height:1.45;margin:0}.sai-scale-cta>div:last-child{display:flex;gap:10px}.sai-scale-cta a{flex:1;text-align:center;background:#f15f18;color:#fff;border-radius:5px;padding:10px;font-size:8.5px;font-weight:800}.sai-scale-cta a.outline{background:#fff;color:#175a32;border:1px solid #719e80}.sai-scale-cta small{font-size:7px}

.sai-benefits{padding:0 0 10px}.sai-benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #e1e7e3;border-bottom:1px solid #e1e7e3;padding:9px 0}.sai-benefit-grid article{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid #e1e7e3;padding:0 8px}.sai-benefit-grid article:last-child{border-right:0}.sai-benefit-grid .icon{width:24px;height:24px;color:#176f3b}.sai-benefit-grid span{font-size:8.5px;font-weight:700;line-height:1.2}

.sai-customers{padding:0 0 14px}.sai-customers h2{font-size:10px;color:#253c94}.sai-customer-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.sai-customer-track{display:flex;width:max-content;animation:saiMarquee 38s linear infinite}.sai-customer-item{width:125px;height:58px;display:grid;place-items:center;padding:6px 12px}.sai-customer-item img{max-width:100%;max-height:47px;object-fit:contain}@keyframes saiMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.sai-customer-marquee:hover .sai-customer-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.sai-customer-track{animation:none}}

@media(max-width:1200px){.sai-cap-grid{grid-template-columns:repeat(3,1fr)}.sai-overview-grid,.sai-action-tech-grid{grid-template-columns:1fr}.sai-hero-grid{grid-template-columns:45% 55%}.sai-benefit-grid{grid-template-columns:repeat(3,1fr);gap:10px 0}.sai-benefit-grid article:nth-child(3){border-right:0}}
@media(max-width:900px){.sai-hero-grid{grid-template-columns:1fr}.sai-hero-copy{padding-bottom:0}.sai-hero-visual{height:360px}.sai-cap-grid{grid-template-columns:repeat(2,1fr)}.sai-loop-grid,.sai-scale-row{grid-template-columns:1fr}.sai-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.sai-hero h1{font-size:37px}.sai-hero-points{grid-template-columns:1fr 1fr}.sai-transition-flow,.sai-ecosystem-flow,.sai-loop-flow,.sai-scale-flow{flex-wrap:wrap;gap:12px}.sai-arrow{display:none}.sai-transition-flow>div,.sai-ecosystem-flow>div,.sai-loop-flow>div,.sai-scale-flow>div{flex:1 1 42%}.sai-cap-grid{grid-template-columns:1fr}.sai-action-grid{grid-template-columns:1fr 1fr}.sai-benefit-grid{grid-template-columns:1fr 1fr}.sai-benefit-grid article{border-right:0}.sai-scale-cta>div:last-child{flex-direction:column}}


/* =========================================================
   v77 — Smart Agriculture refinement pass
   ========================================================= */

/* Hero: approved field intelligence visual. */
.sai77-hero-visual{
  height:430px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  position:relative;
  margin-left:-35px;
}
.sai77-hero-visual:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0 auto 0 0;
  width:120px;
  background:linear-gradient(90deg,#f8fbf9 0%,rgba(248,251,249,.72) 42%,transparent 100%);
  pointer-events:none;
}
.sai77-hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* Stronger restrained color progression. */
.sai-transition-panel,
.sai-ecosystem-panel{
  background:linear-gradient(180deg,#fff,#fbfdfb);
}
.sai-transition-flow .sai-stage,
.sai-ecosystem-flow .sai-stage{
  border-radius:8px;
  padding:9px 7px 10px;
  min-height:150px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.sai-transition-flow .sai-stage:hover,
.sai-ecosystem-flow .sai-stage:hover{
  transform:translateY(-3px);
  box-shadow:0 7px 18px rgba(8,55,30,.07);
}
.sai-transition-flow .sai-stage-1{background:#f5f6f1;color:#66715f}
.sai-transition-flow .sai-stage-2{background:#eef5ff;color:#276cc8}
.sai-transition-flow .sai-stage-3{background:#eef8ef;color:#14733a}

.sai-ecosystem-flow .sai-stage-1{background:#f1f8ef;color:#17723b}
.sai-ecosystem-flow .sai-stage-2{background:#eef5ff;color:#286dcc}
.sai-ecosystem-flow .sai-stage-3{background:#eef8ef;color:#075f2d}
.sai-ecosystem-flow .sai-stage-4{background:#f5f0ff;color:#6c41bd}
.sai-ecosystem-flow .sai-stage-5{background:#eef9f7;color:#127a70}

.sai-transition-flow .sai-stage>span,
.sai-ecosystem-flow .sai-stage>span{
  color:currentColor;
  border-color:currentColor;
  background:rgba(255,255,255,.80);
}
.sai-transition-flow .sai-stage h3,
.sai-ecosystem-flow .sai-stage h3{
  color:currentColor;
}
.sai-transition-flow>.sai-arrow,
.sai-ecosystem-flow>.sai-arrow{
  font-size:24px;
  font-weight:700;
}

/* Branded technology ecosystem provider tiles. */
.sai77-tech-grid{
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.sai77-tech-group{
  border:1px solid #dfe7e2!important;
  background:linear-gradient(180deg,#fff,#f8fbf9);
  padding:10px!important;
}
.sai77-tech-group h3{
  font-size:8.5px!important;
  letter-spacing:.3px;
}
.sai77-provider-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.sai77-provider{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid #e1e7e3;
  border-radius:5px;
  background:#fff;
  box-shadow:0 2px 5px rgba(8,55,30,.025);
}
.sai77-provider i{
  width:18px;
  height:18px;
  display:block;
  border-radius:4px;
  position:relative;
  background:linear-gradient(135deg,#0b7439,#4fb56c);
}
.sai77-provider b{
  font-size:8.6px;
  color:#24372c;
  white-space:nowrap;
}
.provider-aws i{background:linear-gradient(135deg,#232f3e,#ff9900)}
.provider-azure-iot-hub i,
.provider-azure-ai i{background:linear-gradient(135deg,#0078d4,#50e6ff)}
.provider-power-bi i{background:linear-gradient(135deg,#f2c811,#e0a500)}
.provider-openweather i{background:linear-gradient(135deg,#f39c12,#4aa3df)}
.provider-lorawan i{background:linear-gradient(135deg,#0052a5,#00a6d6)}
.provider-u-blox i{background:linear-gradient(135deg,#e12726,#222)}
.provider-sankhya-farms i{background:linear-gradient(135deg,#18844c,#8bc34a)}

/* Closing the Loop — stronger process visual. */
.sai-loop-panel{
  background:linear-gradient(180deg,#fff,#f8fbf9);
}
.sai-loop-flow{
  gap:6px;
}
.sai77-loop-stage{
  border-radius:8px;
  padding:10px 7px;
  min-height:120px;
  transition:transform .18s ease,box-shadow .18s ease;
}
.sai77-loop-stage:hover{
  transform:translateY(-3px);
  box-shadow:0 7px 16px rgba(8,55,30,.07);
}
.loop-1{background:#eef8f0}
.loop-2{background:#eef5ff}
.loop-3{background:#f3f7ec}
.loop-4{background:#eef9f7}
.loop-5{background:#fff7e9}
.loop-6{background:#f5f0ff}
.sai-loop-flow .sai77-loop-stage>span{
  width:46px;
  height:46px;
  color:#fff;
  border:0;
}
.loop-1>span{background:#16743b!important}
.loop-2>span{background:#2d6fca!important}
.loop-3>span{background:#5b9b35!important}
.loop-4>span{background:#137d70!important}
.loop-5>span{background:#e18b19!important}
.loop-6>span{background:#6840b6!important}
.sai-loop-note{
  background:linear-gradient(135deg,#eef8ef,#eef6ff);
  border-color:#cfe0d4;
  position:relative;
  overflow:hidden;
}
.sai-loop-note:after{
  content:"";
  position:absolute;
  right:-35px;
  bottom:-45px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(74,154,87,.17),transparent 67%);
}
.sai-loop-note>span{
  background:#fff;
  box-shadow:0 4px 12px rgba(8,67,34,.08);
}
.sai-loop-note h3{
  font-size:13px;
  line-height:1.25;
}

/* More dynamic benefit strip. */
.sai-benefit-grid{
  gap:8px;
  border:0;
  padding:6px 0 10px;
}
.sai-benefit-grid article{
  border:1px solid #dfe7e2;
  border-radius:8px;
  padding:10px 9px;
  justify-content:flex-start;
  background:#fff;
  transition:transform .18s ease,box-shadow .18s ease;
}
.sai-benefit-grid article:hover{
  transform:translateY(-3px);
  box-shadow:0 7px 16px rgba(8,55,30,.07);
}
.sai77-benefit-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.sai77-benefit-icon .icon{width:21px;height:21px}
.benefit-1 .sai77-benefit-icon{background:#eaf7ed;color:#15723b}
.benefit-2 .sai77-benefit-icon{background:#eef5ff;color:#2d6fc9}
.benefit-3 .sai77-benefit-icon{background:#f5f0ff;color:#6941b8}
.benefit-4 .sai77-benefit-icon{background:#eef9f7;color:#147b70}
.benefit-5 .sai77-benefit-icon{background:#fff5e7;color:#d97f14}
.benefit-6 .sai77-benefit-icon{background:#edf8ef;color:#278740}
.sai-benefit-grid span:last-child{
  font-size:9.7px;
  line-height:1.25;
  font-weight:800;
}

/* Larger CTA typography. */
.sai-scale-cta a{
  font-size:11.5px;
  line-height:1.25;
  padding:14px 12px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sai-scale-cta a.outline{
  font-size:11px;
}
.sai-scale-cta small{
  font-size:8.5px;
  line-height:1.2;
}

/* Slightly stronger text overall in this page's core content blocks. */
.sai-transition-flow li,
.sai-ecosystem-flow small,
.sai-cap-card li,
.sai-loop-flow p,
.sai-action-grid p,
.sai-tech-note,
.sai-scale-flow p{
  font-size:max(8.3px, .58vw);
}

@media(max-width:1200px){
  .sai77-hero-visual{margin-left:-15px}
  .sai-transition-flow .sai-stage,
  .sai-ecosystem-flow .sai-stage{min-height:140px}
}
@media(max-width:900px){
  .sai77-hero-visual{
    margin-left:0;
    height:360px;
    border-radius:10px;
    overflow:hidden;
  }
  .sai77-hero-visual:before{display:none}
}
@media(max-width:680px){
  .sai-transition-flow .sai-stage,
  .sai-ecosystem-flow .sai-stage{
    min-height:0;
  }
  .sai77-tech-grid{
    grid-template-columns:1fr;
  }
  .sai-benefit-grid{
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   v79 — Final alignment/readability pass
   Traditional → Digital → Smart Agriculture
   Connected Agriculture Ecosystem
   ========================================================= */

.sai-overview{
  padding:12px 0 10px;
}
.sai-overview-grid{
  grid-template-columns:.92fr 1.42fr;
  gap:12px;
  align-items:stretch;
}
.sai79-transition-panel,
.sai79-ecosystem-panel{
  min-height:0;
  height:auto;
  display:flex;
  flex-direction:column;
  padding:15px 16px 14px;
}
.sai79-transition-panel h2,
.sai79-ecosystem-panel h2{
  font-size:15px;
  line-height:1.25;
  margin:0 0 13px;
}

/* ---- Left transformation flow ---- */
.sai79-transition-panel .sai-transition-flow{
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr;
  gap:8px;
  align-items:stretch;
  flex:1;
}
.sai79-transition-panel .sai-transition-flow>.sai-stage{
  min-width:0;
  min-height:245px;
  height:100%;
  padding:13px 12px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  border:1px solid transparent;
}
.sai79-transition-panel .sai-transition-flow>.sai-arrow{
  align-self:center;
  justify-self:center;
  font-size:25px;
  line-height:1;
  color:#17703a;
}
.sai79-transition-panel .sai-stage>span{
  width:56px;
  height:56px;
  flex:0 0 56px;
  margin:0 auto 10px;
  border-width:1.5px;
}
.sai79-transition-panel .sai-stage .icon{
  width:28px;
  height:28px;
}
.sai79-transition-panel .sai-stage h3{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:12.4px;
  line-height:1.23;
  margin:0 0 9px;
  width:100%;
}
.sai79-transition-panel .sai-stage ul{
  width:100%;
  margin:0;
  padding-left:0;
  list-style:none;
}
.sai79-transition-panel .sai-stage li{
  font-size:11.2px!important;
  line-height:1.38;
  margin:0 0 6px;
  color:currentColor;
  text-align:left;
  word-break:normal;
  overflow-wrap:normal;
}
.sai79-transition-panel .sai-stage li:before{
  content:"•";
  margin-right:6px;
  font-weight:900;
}

/* Ensure all three left cards have equal visual weight. */
.sai79-transition-panel .sai-stage-1{
  background:#f5f5f1;
  border-color:#e3e4dd;
}
.sai79-transition-panel .sai-stage-2{
  background:#eef5ff;
  border-color:#dbe7f8;
}
.sai79-transition-panel .sai-stage-3{
  background:#eef8ef;
  border-color:#d8eadb;
}

/* Repair Digital Transformation icon visually even if the original icon source is weak. */
.sai79-transition-panel .sai-stage-2>span{
  position:relative;
}
.sai79-transition-panel .sai-stage-2>span:before,
.sai79-transition-panel .sai-stage-2>span:after{
  content:"";
  position:absolute;
  bottom:15px;
  width:7px;
  border-radius:2px 2px 0 0;
  background:#286dcc;
}
.sai79-transition-panel .sai-stage-2>span:before{
  left:15px;
  height:14px;
  box-shadow:10px -6px 0 #286dcc,20px -12px 0 #286dcc;
}
.sai79-transition-panel .sai-stage-2>span:after{
  left:12px;
  right:12px;
  bottom:12px;
  width:auto;
  height:2px;
  background:#286dcc;
}
.sai79-transition-panel .sai-stage-2>span .icon{
  opacity:0;
}

/* ---- Connected Agriculture Ecosystem ---- */
.sai79-ecosystem-panel .sai-ecosystem-flow{
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr 34px 1fr;
  gap:7px;
  align-items:stretch;
  flex:1;
}
.sai79-ecosystem-panel .sai-ecosystem-flow>.sai-stage{
  min-width:0;
  min-height:214px;
  height:100%;
  padding:12px 10px 11px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  border:1px solid transparent;
}
.sai79-ecosystem-panel .sai-ecosystem-flow>.sai-arrow{
  align-self:center;
  justify-self:center;
  font-size:24px;
  line-height:1;
  color:#17703a;
}
.sai79-ecosystem-panel .sai-stage>span{
  width:58px;
  height:58px;
  flex:0 0 58px;
  margin:0 auto 10px;
  border-width:1.5px;
}
.sai79-ecosystem-panel .sai-stage .icon{
  width:29px;
  height:29px;
}
.sai79-ecosystem-panel .sai-stage h3{
  min-height:50px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:12.2px;
  line-height:1.22;
  margin:0 0 8px;
}
.sai79-ecosystem-panel .sai-stage small{
  display:block;
  width:100%;
  text-align:center;
  font-size:9.5px!important;
  line-height:1.38;
  color:#4d5d54;
  margin-top:1px;
}

/* Equalize all ecosystem cards */
.sai79-ecosystem-panel .sai-stage-1{background:#f1f8ef;border-color:#dbe9d8}
.sai79-ecosystem-panel .sai-stage-2{background:#eef5ff;border-color:#dbe7fa}
.sai79-ecosystem-panel .sai-stage-3{background:#eef8ef;border-color:#d7eadb}
.sai79-ecosystem-panel .sai-stage-4{background:#f5f0ff;border-color:#e6ddf8}
.sai79-ecosystem-panel .sai-stage-5{background:#eef9f7;border-color:#d9ece8}

/* Remove excessive blank panel height. */
.sai79-transition-panel .sai-transition-flow,
.sai79-ecosystem-panel .sai-ecosystem-flow{
  margin-bottom:0;
}

/* Slight hover lift, still corporate. */
.sai79-transition-panel .sai-stage:hover,
.sai79-ecosystem-panel .sai-stage:hover{
  transform:translateY(-2px);
  box-shadow:0 7px 16px rgba(8,55,30,.06);
}

/* Tablet */
@media(max-width:1200px){
  .sai-overview-grid{
    grid-template-columns:1fr;
  }
  .sai79-transition-panel .sai-transition-flow{
    grid-template-columns:1fr 32px 1fr 32px 1fr;
  }
  .sai79-ecosystem-panel .sai-ecosystem-flow{
    grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;
  }
}

/* Narrow tablets / mobile: preserve readability over forced tiny cards. */
@media(max-width:820px){
  .sai79-transition-panel .sai-transition-flow,
  .sai79-ecosystem-panel .sai-ecosystem-flow{
    display:flex;
    flex-direction:column;
    gap:9px;
  }
  .sai79-transition-panel .sai-transition-flow>.sai-stage,
  .sai79-ecosystem-panel .sai-ecosystem-flow>.sai-stage{
    min-height:0;
    width:100%;
  }
  .sai79-transition-panel .sai-transition-flow>.sai-arrow,
  .sai79-ecosystem-panel .sai-ecosystem-flow>.sai-arrow{
    transform:rotate(90deg);
    margin:0 auto;
  }
  .sai79-transition-panel .sai-stage h3,
  .sai79-ecosystem-panel .sai-stage h3{
    min-height:0;
  }
}


/* v80 final requested refinements */
.sai79-transition-panel .sai-stage h3,.sai79-ecosystem-panel .sai-stage h3{font-size:13.6px;line-height:1.22}
.sai79-transition-panel .sai-stage li{font-size:12px!important;line-height:1.43}
.sai79-ecosystem-panel .sai-stage small{font-size:10.7px!important;line-height:1.43}
.sai79-transition-panel h2,.sai79-ecosystem-panel h2{font-size:16px}

/* Nine remaining capabilities: balanced 3 x 3 desktop grid, no empty slot */
.sai-cap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.sai-cap-card header h3{font-size:12.2px;line-height:1.22}
.sai-cap-card li{font-size:10.8px!important;line-height:1.4}
.sai-cap-photo{height:118px}

/* AI technical conclusion panel */
.sai80-loop-note{display:grid;grid-template-columns:.95fr 1.05fr;gap:15px;align-items:center;padding:15px 16px;min-height:154px}
.sai80-loop-copy{display:flex;align-items:center;gap:11px}
.sai80-loop-copy>span{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #cfe0d4;color:#08713a}
.sai80-loop-copy h3{font-size:13.2px;line-height:1.28;margin:0 0 5px}
.sai80-loop-copy p{font-size:10.8px;line-height:1.45;margin:0}
.sai80-ai-visual{min-height:112px;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px;border:1px solid #d7e7df;border-radius:11px;background:linear-gradient(135deg,#f1faf4,#edf6ff);position:relative;overflow:hidden}
.sai80-ai-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(25,108,63,.15) 1px,transparent 1px);background-size:14px 14px;opacity:.45}
.sai80-ai-visual>i{position:relative;z-index:1;font-style:normal;font-size:17px;color:#08713a;font-weight:800}
.sai80-ai-visual .ai-step,.sai80-ai-visual .ai-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px}
.sai80-ai-visual .ai-step span,.sai80-ai-visual .ai-core span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #c7dfd0;color:#16753e;box-shadow:0 3px 9px rgba(8,55,30,.06)}
.sai80-ai-visual .ai-core span{width:54px;height:54px;background:#096535;color:#fff;border:4px solid rgba(255,255,255,.9)}
.sai80-ai-visual .icon{width:20px;height:20px}
.sai80-ai-visual b{font-size:7.7px;color:#244c37}
.sai80-ai-visual .ai-core b{color:#075f31}

/* Benefits: larger readable cards/icons and repair visibility icon */
.sai-benefit-grid{gap:9px}
.sai-benefit-grid article{min-height:80px;padding:12px 13px}
.sai77-benefit-icon{width:44px;height:44px;flex:0 0 44px}
.sai77-benefit-icon .icon{width:24px;height:24px}
.sai-benefit-grid span:last-child{font-size:10.8px;line-height:1.3;font-weight:800}
.sai-benefit-grid .benefit-4 .sai77-benefit-icon{position:relative;background:#eaf7f5}
.sai-benefit-grid .benefit-4 .sai77-benefit-icon:before{content:"";width:24px;height:15px;border:2px solid #127a70;border-radius:50%/60%;position:absolute}
.sai-benefit-grid .benefit-4 .sai77-benefit-icon:after{content:"";width:6px;height:6px;border-radius:50%;background:#127a70;position:absolute}
.sai-benefit-grid .benefit-4 .sai77-benefit-icon .icon{opacity:0}

@media(max-width:1100px){.sai-cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sai80-loop-note{grid-template-columns:1fr}}
@media(max-width:700px){.sai-cap-grid{grid-template-columns:1fr}.sai-benefit-grid{grid-template-columns:1fr 1fr}.sai80-ai-visual{flex-wrap:wrap}}
@media(max-width:480px){.sai-benefit-grid{grid-template-columns:1fr}}


/* =========================================================
   v81 — Image-quality pass only
   ========================================================= */
.sai-cap-photo{
  height:120px;
  background:#f2f6f3;
}
.sai-cap-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  image-rendering:auto;
}
.sai-action-grid img{
  height:90px;
  object-fit:cover;
  object-position:center;
  image-rendering:auto;
}