:root{
  --agro-deep:#092c25;
  --agro-green:#247a4a;
  --agro-growth:#55b86a;
  --agro-water:#2ab9b1;
  --agro-blue:#2586c7;
  --agro-yellow:#e4c34b;
  --agro-earth:#8a6344;
  --agro-white:#f4f7f0;
  --agro-ink:#20302b;
  --agro-muted:#68776f;
  --agro-line:rgba(9,44,37,.12);
  --agro-radius:22px;
}

.agro-page{
  overflow:hidden;
  background:var(--agro-white);
  color:var(--agro-ink);
}

.agro-page *{
  box-sizing:border-box;
}

.agro-shell{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}

.agro-section{
  position:relative;
  padding:112px 0;
}

.agro-section--light{
  background:linear-gradient(180deg,#f8faf4,#eef4ea);
}

.agro-section--dark{
  color:#fff;
  background:
    radial-gradient(circle at 82% 10%,rgba(42,185,177,.12),transparent 30%),
    linear-gradient(135deg,#071f1a,#102f27);
}

.agro-section--green{
  color:#fff;
  background:
    radial-gradient(circle at 15% 5%,rgba(228,195,75,.13),transparent 26%),
    linear-gradient(135deg,#0b392d,#247a4a);
}

.agro-section--water{
  color:#fff;
  background:
    radial-gradient(circle at 80% 15%,rgba(37,134,199,.18),transparent 30%),
    linear-gradient(135deg,#0d3941,#126578);
}

.agro-section--control{
  color:#fff;
  background:linear-gradient(135deg,#17372d,#245f48);
}

.agro-section--energy{
  color:#fff;
  background:
    radial-gradient(circle at 20% 20%,rgba(228,195,75,.18),transparent 28%),
    linear-gradient(135deg,#26351d,#4a5222);
}

.agro-section--predict{
  color:#fff;
  background:
    radial-gradient(circle at 82% 20%,rgba(42,185,177,.16),transparent 28%),
    linear-gradient(135deg,#0a2c25,#174c42);
}

.agro-section--engineering{
  color:#fff;
  background:
    radial-gradient(circle at 15% 10%,rgba(228,195,75,.12),transparent 25%),
    linear-gradient(135deg,#0b241e,#1d4034);
}

.agro-section--ecosystem{
  color:#fff;
  background:
    radial-gradient(circle at 50% 40%,rgba(42,185,177,.13),transparent 35%),
    linear-gradient(135deg,#071e19,#183c31);
}

.agro-section--value{
  background:linear-gradient(135deg,#eef8ef,#f7f2e8);
}

.agro-kicker,
.agro-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--agro-green);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.agro-section--dark .agro-kicker,
.agro-section--green .agro-kicker,
.agro-section--water .agro-kicker,
.agro-section--control .agro-kicker,
.agro-section--energy .agro-kicker,
.agro-section--predict .agro-kicker,
.agro-section--engineering .agro-kicker,
.agro-section--ecosystem .agro-kicker,
.agro-cta .agro-kicker{
  color:var(--agro-yellow);
}

.agro-kicker::before,
.agro-eyebrow::before{
  content:"";
  width:34px;
  height:2px;
  background:currentColor;
}

.agro-hero{
  display:flex;
  min-height:92vh;
  align-items:center;
  padding:150px 0 100px;
  color:#fff;
  background:
    radial-gradient(circle at 76% 45%,rgba(42,185,177,.18),transparent 25%),
    radial-gradient(circle at 66% 70%,rgba(228,195,75,.11),transparent 32%),
    linear-gradient(135deg,#061f19,#0c3a2d);
}

.agro-hero__grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  align-items:center;
  gap:68px;
}

.agro-hero h1{
  max-width:900px;
  margin:24px 0 28px;
  font-size:clamp(3rem,6vw,6.15rem);
  line-height:.94;
  letter-spacing:-.05em;
}

.agro-hero p{
  max-width:760px;
  color:rgba(255,255,255,.76);
  font-size:1.07rem;
  line-height:1.75;
}

.agro-manifesto{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}

.agro-manifesto strong{
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  font-size:.8rem;
}

.agro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:34px;
}

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

.agro-btn{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  transition:.25s ease;
}

.agro-btn--primary{
  color:#092419;
  background:linear-gradient(135deg,var(--agro-yellow),var(--agro-growth));
  box-shadow:0 14px 38px rgba(85,184,106,.22);
}

.agro-btn--primary:hover{
  transform:translateY(-3px);
}

.agro-btn--ghost{
  color:#fff;
  border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.04);
}

.agro-hero__visual{
  position:relative;
  min-height:560px;
  transition:transform .25s ease;
}

.agro-field-grid{
  position:absolute;
  inset:5%;
  border-radius:28px;
  transform:rotate(-8deg);
  background:
    repeating-linear-gradient(0deg,rgba(85,184,106,.10) 0 1px,transparent 2px 38px),
    repeating-linear-gradient(90deg,rgba(42,185,177,.09) 0 1px,transparent 2px 44px);
  mask-image:radial-gradient(circle,#000 30%,transparent 75%);
}

.agro-core{
  position:absolute;
  left:50%;
  top:50%;
  z-index:5;
  display:grid;
  width:168px;
  height:168px;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.14),rgba(36,122,74,.15));
  box-shadow:0 0 80px rgba(42,185,177,.20);
}

.agro-core img{
  width:120px;
}

.agro-reservoir{
  position:absolute;
  left:10%;
  top:18%;
  width:110px;
  height:70px;
  border:2px solid rgba(42,185,177,.7);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(42,185,177,.15),rgba(37,134,199,.35));
  box-shadow:0 0 24px rgba(42,185,177,.20);
}

.agro-pivot{
  position:absolute;
  right:8%;
  bottom:12%;
  width:190px;
  height:190px;
  border:1px solid rgba(228,195,75,.28);
  border-radius:50%;
  animation:agroPivot 12s linear infinite;
}

.agro-pivot span{
  position:absolute;
  left:50%;
  top:50%;
  width:85px;
  height:2px;
  transform-origin:left;
  background:linear-gradient(90deg,var(--agro-yellow),transparent);
}

.agro-pivot span:nth-child(1){transform:rotate(0deg)}
.agro-pivot span:nth-child(2){transform:rotate(90deg)}
.agro-pivot span:nth-child(3){transform:rotate(180deg)}
.agro-pivot span:nth-child(4){transform:rotate(270deg)}

.agro-flow{
  position:absolute;
  left:50%;
  top:50%;
  width:190px;
  height:2px;
  transform-origin:left;
  background:linear-gradient(90deg,transparent,currentColor,transparent);
  animation:agroFlow 2.8s linear infinite;
}

.agro-flow--water{
  color:var(--agro-water);
  transform:rotate(210deg);
}

.agro-flow--energy{
  color:var(--agro-yellow);
  transform:rotate(34deg);
  animation-delay:.9s;
}

.agro-flow--data{
  color:var(--agro-blue);
  transform:rotate(320deg);
  animation-delay:1.8s;
}

.agro-sensor{
  position:absolute;
  z-index:6;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--agro-growth);
  box-shadow:0 0 18px currentColor;
  animation:agroSensor 2.2s ease-in-out infinite;
}

.agro-sensor--1{left:17%;bottom:21%;color:var(--agro-growth)}
.agro-sensor--2{right:16%;top:18%;color:var(--agro-water);animation-delay:.5s}
.agro-sensor--3{left:35%;top:8%;color:var(--agro-yellow);animation-delay:1s}
.agro-sensor--4{right:35%;bottom:5%;color:var(--agro-blue);animation-delay:1.5s}

.agro-editorial{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:70px;
}

.agro-editorial h2,
.agro-heading h2,
.agro-cta h2{
  margin:20px 0 0;
  font-size:clamp(2.2rem,4.5vw,4.8rem);
  line-height:1.02;
  letter-spacing:-.045em;
}

.agro-editorial__text p,
.agro-heading>p,
.agro-cta p{
  color:var(--agro-muted);
  font-size:1.06rem;
  line-height:1.8;
}

.agro-section--dark .agro-heading>p,
.agro-section--green .agro-heading>p,
.agro-section--water .agro-heading>p,
.agro-cta p{
  color:rgba(255,255,255,.72);
}

.agro-heading{
  max-width:940px;
  margin-bottom:50px;
}

.agro-heading--center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.agro-grid{
  display:grid;
  gap:22px;
}

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

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

.agro-card{
  padding:28px;
  border:1px solid rgba(9,44,37,.09);
  border-radius:var(--agro-radius);
  background:rgba(255,255,255,.88);
  box-shadow:0 20px 60px rgba(9,44,37,.08);
  transition:.3s ease;
}

.agro-card:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 74px rgba(9,44,37,.13);
}

.agro-card h3{
  margin:0 0 12px;
  font-size:1.16rem;
}

.agro-card p{
  margin:0;
  color:var(--agro-muted);
  line-height:1.66;
}

.agro-card--accent{
  border-top:4px solid var(--agro-growth);
}

.agro-card--dark{
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  box-shadow:none;
}

.agro-card--dark>span{
  color:var(--agro-yellow);
  font-size:.75rem;
  font-weight:900;
}

.agro-card--dark p{
  color:rgba(255,255,255,.67);
}

.agro-card--glass{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.065);
  box-shadow:none;
}

.agro-card--glass i{
  display:block;
  width:34px;
  height:34px;
  margin-bottom:24px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--agro-water),var(--agro-growth));
}

.agro-card--glass p{
  color:rgba(255,255,255,.68);
}

.agro-architecture{
  display:grid;
  grid-template-columns:repeat(9,1fr);
  gap:10px;
}

.agro-architecture__item{
  min-height:246px;
  padding:20px 14px;
  border:1px solid var(--agro-line);
  border-radius:18px;
  background:#fff;
  transition:.3s ease;
}

.agro-architecture__item span{
  color:var(--agro-green);
  font-weight:900;
}

.agro-architecture__item h3{
  margin:18px 0 10px;
  font-size:1rem;
}

.agro-architecture__item p{
  color:var(--agro-muted);
  font-size:.82rem;
  line-height:1.55;
}

.agro-architecture__item.is-active{
  color:#fff;
  transform:translateY(-10px);
  background:linear-gradient(155deg,var(--agro-green),var(--agro-water));
  box-shadow:0 18px 44px rgba(36,122,74,.22);
}

.agro-architecture__item.is-active span,
.agro-architecture__item.is-active p{
  color:#fff;
}

.agro-lead,
.agro-tagline{
  margin-top:42px;
  font-size:1.12rem;
  font-weight:800;
  line-height:1.6;
  text-align:center;
}

.agro-water-flow{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:12px;
  position:relative;
}

.agro-water-flow::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:32px;
  height:3px;
  background:linear-gradient(90deg,var(--agro-water),var(--agro-blue),var(--agro-water));
}

.agro-water-flow article{
  position:relative;
  padding:22px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.06);
  transition:.3s ease;
}

.agro-water-flow article>span{
  display:block;
  margin-bottom:28px;
  color:var(--agro-yellow);
  font-weight:900;
}

.agro-water-flow article p{
  color:rgba(255,255,255,.68);
  font-size:.86rem;
  line-height:1.55;
}

.agro-water-flow article.is-active{
  transform:translateY(-9px);
  background:linear-gradient(150deg,rgba(42,185,177,.18),rgba(37,134,199,.12));
}

.agro-card--irrigation{
  border-left:4px solid var(--agro-water);
}

.agro-control-flow{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
}

.agro-control-flow article{
  padding:22px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.06);
  transition:.3s ease;
}

.agro-control-flow article>span{
  color:var(--agro-yellow);
  font-weight:900;
}

.agro-control-flow article p{
  color:rgba(255,255,255,.68);
  font-size:.86rem;
  line-height:1.55;
}

.agro-control-flow article.is-active{
  transform:translateY(-8px);
  background:linear-gradient(150deg,rgba(85,184,106,.17),rgba(228,195,75,.10));
}

.agro-card--telemetry{
  border-bottom:4px solid var(--agro-blue);
}

.agro-distributed{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:12px;
}

.agro-distributed article{
  min-height:190px;
  padding:20px 16px;
  border:1px solid var(--agro-line);
  border-radius:18px;
  background:#fff;
}

.agro-distributed article>span{
  color:var(--agro-green);
  font-weight:900;
}

.agro-distributed article h3{
  margin:18px 0 10px;
  font-size:1rem;
}

.agro-distributed article p{
  color:var(--agro-muted);
  font-size:.84rem;
  line-height:1.55;
}

.agro-predictability{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:12px;
}

.agro-predictability article{
  padding:20px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:17px;
  background:rgba(255,255,255,.055);
  transition:.3s ease;
}

.agro-predictability article span{
  color:var(--agro-yellow);
  font-weight:900;
}

.agro-predictability article h3{
  margin:16px 0 0;
  font-size:.92rem;
}

.agro-predictability article.is-active{
  transform:translateY(-8px);
  background:linear-gradient(150deg,rgba(42,185,177,.18),rgba(85,184,106,.12));
}

.agro-card--sustainable{
  border-top:4px solid var(--agro-growth);
}

.agro-engineering{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}

.agro-engineering article{
  padding:20px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:17px;
  background:rgba(255,255,255,.055);
  transition:.3s ease;
}

.agro-engineering article span{
  color:var(--agro-yellow);
  font-weight:900;
}

.agro-engineering article h3{
  margin:16px 0 0;
  font-size:.92rem;
}

.agro-engineering article.is-active{
  transform:translateY(-8px);
  background:linear-gradient(150deg,rgba(42,185,177,.16),rgba(228,195,75,.10));
}

.agro-ecosystem{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:18px;
}

.agro-ecosystem__node{
  padding:24px 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(255,255,255,.06);
  text-align:center;
}

.agro-ecosystem__logo{
  display:flex;
  height:58px;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
}

.agro-ecosystem__logo img{
  max-width:125px;
  max-height:42px;
}

.agro-ecosystem__node p{
  color:rgba(255,255,255,.68);
  font-size:.88rem;
  line-height:1.55;
}

.agro-card--value{
  border-bottom:4px solid var(--agro-yellow);
  background:linear-gradient(160deg,#fff,#f8f7ec);
}

.agro-cta{
  padding:130px 0;
  color:#fff;
  background:
    radial-gradient(circle at 15% 30%,rgba(42,185,177,.20),transparent 25%),
    radial-gradient(circle at 85% 60%,rgba(228,195,75,.17),transparent 28%),
    linear-gradient(135deg,#071f19,#28583f);
}

.agro-reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .75s ease,transform .75s ease;
}

.agro-reveal.is-visible{
  opacity:1;
  transform:none;
}

@keyframes agroPivot{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes agroFlow{
  0%{opacity:0;clip-path:inset(0 100% 0 0)}
  25%{opacity:1}
  100%{opacity:0;clip-path:inset(0 0 0 0)}
}

@keyframes agroSensor{
  0%,100%{transform:scale(.8);opacity:.6}
  50%{transform:scale(1.35);opacity:1}
}

@media(max-width:1060px){
  .agro-hero__grid,
  .agro-editorial{
    grid-template-columns:1fr;
  }

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

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

  .agro-water-flow,
  .agro-distributed{
    grid-template-columns:repeat(3,1fr);
  }

  .agro-water-flow::before{
    display:none;
  }

  .agro-control-flow,
  .agro-predictability{
    grid-template-columns:repeat(3,1fr);
  }

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

  .agro-ecosystem{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .agro-shell{
    width:min(100% - 24px,1180px);
  }

  .agro-section{
    padding:78px 0;
  }

  .agro-hero{
    padding:110px 0 72px;
  }

  .agro-hero__visual{
    min-height:410px;
  }

  .agro-core{
    width:132px;
    height:132px;
  }

  .agro-core img{
    width:92px;
  }

  .agro-grid--3,
  .agro-grid--4,
  .agro-architecture,
  .agro-water-flow,
  .agro-control-flow,
  .agro-distributed,
  .agro-predictability,
  .agro-engineering,
  .agro-ecosystem{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .agro-pivot,
  .agro-flow,
  .agro-sensor{
    animation:none;
  }

  .agro-reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* AW4_015_15_AGRIBUSINESS_CARDS_SPACING_START */
.agribusiness-editorial-cards{
    margin-top:56px;
}
/* AW4_015_15_AGRIBUSINESS_CARDS_SPACING_END */