.agri-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: stretch;
  color: #fff;
  background: var(--ink);
  overflow: hidden;
}

.agri-hero-media,
.agri-hero-shade {
  position: absolute;
  inset: 0;
}

.agri-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.agri-hero-shade {
  background:
    linear-gradient(90deg, rgba(3, 15, 34, .97) 0%, rgba(3, 15, 34, .86) 35%, rgba(3, 15, 34, .2) 67%, rgba(3, 15, 34, .08) 100%),
    linear-gradient(0deg, rgba(3, 15, 34, .82) 0%, transparent 36%);
}

.agri-hero-inner {
  position: relative;
  z-index: 2;
  min-height: 660px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding-block: 90px 150px;
}

.agri-hero-copy {
  max-width: 690px;
}

.agri-kicker,
.agri-label {
  margin: 0 0 20px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.agri-kicker {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #74d4ff;
}

.agri-kicker span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: #02132c;
  background: var(--blue-bright);
  border-radius: 50%;
}

.agri-hero h1 {
  max-width: 680px;
  margin: 0;
  font-size: clamp(54px, 6.2vw, 94px);
  line-height: .92;
  letter-spacing: -.07em;
}

.agri-hero h1 em {
  color: var(--blue-bright);
  font-style: normal;
}

.agri-hero-copy > p:not(.agri-kicker) {
  max-width: 600px;
  margin: 30px 0 0;
  color: rgba(255, 255, 255, .74);
  font-size: 20px;
}

.agri-actions {
  display: flex;
  align-items: center;
  gap: 28px;
  margin-top: 36px;
}

.agri-text-link {
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

.agri-text-link span {
  margin-left: 8px;
  color: var(--blue-bright);
}

.agri-hero-note {
  align-self: flex-end;
  margin: 0 4px 96px auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 17px 22px;
  background: rgba(3, 15, 34, .68);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  backdrop-filter: blur(12px);
}

.agri-hero-note small,
.agri-hero-note strong {
  display: block;
}

.agri-hero-note small {
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.agri-live-dot {
  width: 10px;
  height: 10px;
  background: #ff6a28;
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(255, 106, 40, .14), 0 0 24px #ff6a28;
}

.agri-proof {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.agri-proof div {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 100px;
  padding: 20px 28px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  background: rgba(3, 15, 34, .55);
  backdrop-filter: blur(12px);
}

.agri-proof div:last-child { border-right: 0; }
.agri-proof b { color: var(--blue-bright); font-size: 12px; letter-spacing: .12em; }
.agri-proof span { font-size: 17px; font-weight: 800; }

.agri-overview,
.agri-scenarios,
.agri-faq {
  padding: 120px 0;
}

.agri-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .75fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 58px;
}

.agri-heading h2,
.agri-feature h2,
.agri-solar h2,
.agri-faq h2,
.agri-cta h2 {
  margin: 0;
  font-size: clamp(40px, 4.5vw, 66px);
  line-height: .98;
  letter-spacing: -.055em;
}

.agri-heading > p {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: 19px;
}

.agri-pillar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.agri-pillar {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  padding: 34px;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  text-decoration: none;
  transition: transform .3s ease, color .3s ease, background .3s ease;
}

.agri-pillar > span {
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .15em;
}

.agri-pillar h3 { margin: 70px 0 14px; font-size: 30px; letter-spacing: -.04em; }
.agri-pillar p { margin: 0; color: var(--muted); }
.agri-pillar b { margin-top: auto; padding-top: 28px; color: var(--blue); font-size: 13px; }
.agri-pillar:hover { color: #fff; background: var(--blue-deep); transform: translateY(-6px); }
.agri-pillar:hover p { color: rgba(255,255,255,.68); }
.agri-pillar:hover b, .agri-pillar:hover > span { color: var(--blue-bright); }

.agri-feature {
  padding: 120px 0;
}

.agri-feature-dark {
  color: #fff;
  background: var(--ink);
}

.agri-feature-light {
  background: var(--paper);
}

.agri-feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 54px;
}

.agri-feature-grid-reverse {
  grid-template-columns: 1fr;
}

.agri-feature-grid-reverse .agri-feature-media {
  order: 1;
}

.agri-feature-grid-reverse .agri-feature-copy {
  order: 2;
}

.agri-feature-media {
  position: relative;
}

.agri-feature-media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: contain;
  border-radius: 18px;
  box-shadow: 0 36px 90px rgba(0, 0, 0, .2);
}

.agri-feature-copy {
  max-width: 920px;
}

.agri-image-tag {
  position: absolute;
  right: 24px;
  bottom: 24px;
  min-width: 190px;
  padding: 16px 20px;
  color: #fff;
  background: rgba(0, 58, 110, .84);
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 10px;
  backdrop-filter: blur(12px);
}

.agri-image-tag span,
.agri-image-tag b { display: block; }
.agri-image-tag span { color: var(--blue-bright); font-size: 10px; font-weight: 900; letter-spacing: .17em; }
.agri-image-tag-red { background: rgba(74, 11, 16, .84); }
.agri-image-tag-red span { color: #ff8e78; }

.agri-feature-copy .agri-label,
.agri-solar .agri-label { color: var(--blue-bright); }
.agri-feature-light .agri-label { color: var(--blue); }

.agri-lead {
  margin: 28px 0 0;
  color: rgba(255,255,255,.66);
  font-size: 19px;
}

.agri-feature-light .agri-lead { color: var(--muted); }

.agri-checks {
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}

.agri-checks li {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,.14);
}

.agri-checks li > span { color: var(--blue-bright); font-size: 11px; font-weight: 900; }
.agri-checks strong { display: block; margin-bottom: 4px; }
.agri-checks p { margin: 0; color: rgba(255,255,255,.58); font-size: 14px; }

.agri-safety-note {
  margin-top: 26px;
  padding: 20px 22px;
  color: #d8efff;
  background: rgba(25,181,255,.08);
  border-left: 3px solid var(--blue-bright);
}

.agri-safety-note p { margin: 5px 0 0; color: rgba(255,255,255,.62); font-size: 13px; }

.agri-component-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 34px;
}

.agri-component-grid div {
  min-height: 150px;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.agri-component-grid span,
.agri-component-grid strong { display: block; }
.agri-component-grid span { margin-bottom: 26px; color: var(--blue); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .13em; }
.agri-component-grid strong { line-height: 1.3; }
.agri-detail { margin: 24px 0 0; color: var(--muted); font-size: 13px; }

.agri-solar {
  position: relative;
  min-height: 0;
  display: grid;
  grid-template-columns: 1fr;
  color: #fff;
  background: var(--ink);
  overflow: hidden;
}

.agri-solar-media { position: relative; inset: auto; }
.agri-solar-media img { display: block; width: 100%; height: auto; object-fit: contain; }
.agri-solar-shade { display: none; }
.agri-solar-inner { position: relative; z-index: 2; padding-block: 100px; }
.agri-solar-copy { max-width: 920px; }
.agri-solar-copy > p:not(.agri-label):not(.agri-condition) { max-width: 580px; margin: 26px 0 0; color: rgba(255,255,255,.72); font-size: 19px; }

.agri-solar-specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  margin: 38px 0 0;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.16);
}

.agri-solar-specs div { padding: 21px; background: rgba(3,15,34,.74); backdrop-filter: blur(10px); }
.agri-solar-specs span, .agri-solar-specs strong { display: block; }
.agri-solar-specs span { color: var(--blue-bright); font-size: 10px; font-weight: 900; }
.agri-solar-specs strong { margin: 8px 0 2px; }
.agri-solar-specs p { margin: 0; color: rgba(255,255,255,.55); font-size: 13px; }
.agri-condition { margin: 20px 0 28px; color: rgba(255,255,255,.54); font-size: 12px; }

.agri-scenarios { background: #fff; }

.agri-flow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--line);
}

.agri-flow li {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  padding: 28px;
  border-right: 1px solid var(--line);
}

.agri-flow li:last-child { border-right: 0; }
.agri-flow li > span { color: var(--blue); font-size: 12px; font-weight: 900; }
.agri-flow li div { margin-top: auto; }
.agri-flow strong { font-size: 21px; }
.agri-flow p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }

.agri-sites {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 34px;
}

.agri-sites span { padding: 9px 16px; color: var(--ink-soft); background: var(--paper); border: 1px solid var(--line); border-radius: 999px; font-size: 13px; font-weight: 700; }

.agri-faq { background: var(--paper); }
.agri-faq-grid { display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.1fr); gap: 90px; }
.agri-faq-list { border-top: 1px solid var(--line); }
.agri-faq details { border-bottom: 1px solid var(--line); }
.agri-faq summary { display: flex; justify-content: space-between; gap: 24px; padding: 25px 0; font-weight: 800; cursor: pointer; list-style: none; }
.agri-faq summary::-webkit-details-marker { display: none; }
.agri-faq summary span { color: var(--blue); font-size: 22px; font-weight: 400; transition: transform .2s ease; }
.agri-faq details[open] summary span { transform: rotate(45deg); }
.agri-faq details p { max-width: 690px; margin: -5px 44px 24px 0; color: var(--muted); }

.agri-cta {
  padding: 100px 0;
  color: #fff;
  background: linear-gradient(135deg, #083e91, #06162f 70%);
}

.agri-cta-inner { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.agri-cta-inner > div { max-width: 760px; }
.agri-cta p:not(.agri-label) { max-width: 650px; margin: 22px 0 0; color: rgba(255,255,255,.67); font-size: 18px; }
.agri-cta .button { flex: none; }

@media (max-width: 1050px) {
  .agri-hero { min-height: 700px; }
  .agri-hero-inner { min-height: 600px; }
  .agri-feature-grid,
  .agri-feature-grid-reverse { grid-template-columns: 1fr; gap: 54px; }
  .agri-feature-grid-reverse .agri-feature-copy { order: 2; }
  .agri-feature-grid-reverse .agri-feature-media { order: 1; }
  .agri-feature-media img { min-height: 0; }
  .agri-flow { grid-template-columns: repeat(2, 1fr); }
  .agri-flow li:nth-child(2) { border-right: 0; }
  .agri-flow li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (max-width: 820px) {
  .agri-hero-media img { object-position: 64% center; }
  .agri-hero-shade { background: linear-gradient(90deg, rgba(3,15,34,.96), rgba(3,15,34,.68)), linear-gradient(0deg, rgba(3,15,34,.9), transparent 55%); }
  .agri-hero-note { display: none; }
  .agri-hero-copy { max-width: 620px; }
  .agri-heading { grid-template-columns: 1fr; align-items: start; gap: 25px; }
  .agri-pillar-grid { grid-template-columns: 1fr; }
  .agri-pillar { min-height: 260px; }
  .agri-pillar h3 { margin-top: 42px; }
  .agri-solar-shade { background: linear-gradient(90deg, rgba(3,15,34,.94), rgba(3,15,34,.55)); }
  .agri-faq-grid { grid-template-columns: 1fr; gap: 42px; }
  .agri-cta-inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 600px) {
  .agri-hero { min-height: 760px; }
  .agri-hero-inner { align-items: flex-start; min-height: 650px; padding-block: 70px 160px; }
  .agri-hero h1 { font-size: clamp(47px, 15vw, 66px); }
  .agri-hero-copy > p:not(.agri-kicker) { font-size: 17px; }
  .agri-actions { align-items: flex-start; flex-direction: column; gap: 20px; }
  .agri-proof div { min-height: 92px; display: block; padding: 16px 11px; }
  .agri-proof b, .agri-proof span { display: block; }
  .agri-proof span { margin-top: 7px; font-size: 12px; line-height: 1.25; }
  .agri-overview,
  .agri-feature,
  .agri-scenarios,
  .agri-faq { padding: 82px 0; }
  .agri-heading { margin-bottom: 38px; }
  .agri-heading h2,
  .agri-feature h2,
  .agri-solar h2,
  .agri-faq h2,
  .agri-cta h2 { font-size: 42px; }
  .agri-pillar { padding: 27px; }
  .agri-feature-media img { min-height: 0; }
  .agri-image-tag { right: 14px; bottom: 14px; min-width: 165px; }
  .agri-checks li { grid-template-columns: 32px 1fr; }
  .agri-component-grid,
  .agri-solar-specs { grid-template-columns: 1fr; }
  .agri-component-grid div { min-height: 130px; }
  .agri-solar { min-height: 0; }
  .agri-solar-shade { background: linear-gradient(90deg, rgba(3,15,34,.94), rgba(3,15,34,.7)); }
  .agri-solar-copy > p:not(.agri-label):not(.agri-condition) { font-size: 17px; }
  .agri-flow { grid-template-columns: 1fr; }
  .agri-flow li { min-height: 190px; border-right: 0; border-bottom: 1px solid var(--line); }
  .agri-flow li:last-child { border-bottom: 0; }
  .agri-faq summary { font-size: 15px; }
  .agri-cta { padding: 80px 0; }
}