.raft-ammonia-outcomes-figma {
  --ao-navy: #000026;
  --ao-purple: #4f0657;
  --ao-coral: #f05252;
  --ao-gold: #f6d586;
  background:
    radial-gradient(circle at 100% 8%, rgba(240, 82, 82, 0.34) 0, rgba(246, 213, 134, 0.12) 17%, transparent 36%),
    radial-gradient(circle at 0% 82%, rgba(240, 82, 82, 0.24) 0, rgba(246, 213, 134, 0.16) 21%, transparent 42%),
    #fff;
  color: var(--ao-navy);
  font-family: "Neue Einstellung", "NeueEinstellung", "Avenir Next", Avenir, Arial, sans-serif;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.raft-ammonia-outcomes-figma,
.raft-ammonia-outcomes-figma * {
  box-sizing: border-box;
}

.raft-ammonia-outcomes-figma__wash {
  background:
    radial-gradient(circle at 16% 92%, rgba(240, 82, 82, 0.5), rgba(243, 148, 108, 0.25) 16%, transparent 36%),
    radial-gradient(circle at 68% 38%, rgba(246, 213, 134, 0.28), transparent 17%);
  filter: blur(118px);
  height: 452%;
  left: -109%;
  pointer-events: none;
  position: absolute;
  top: -285%;
  width: 419%;
}

.raft-ammonia-outcomes-figma img {
  display: block;
  max-width: none;
}

.raft-ammonia-outcomes-figma h2,
.raft-ammonia-outcomes-figma h3,
.raft-ammonia-outcomes-figma p {
  margin: 0;
}

.raft-ammonia-outcomes-figma__main {
  display: flex;
  flex-direction: column;
  gap: clamp(68px, 4.6875vw, 90px);
  margin: 0 auto;
  max-width: 1536px;
  padding: clamp(112px, 7.8125vw, 150px) 0 clamp(56px, 3.6458vw, 70px);
  position: relative;
  width: min(84vw, 1536px);
}

.raft-ammonia-outcomes-figma__heading {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 20px 0 20px clamp(32px, 2.03125vw, 39px);
  text-align: center;
}

.raft-ammonia-outcomes-figma__heading > p {
  color: var(--ao-coral);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.98px;
  line-height: 1.6;
}

.raft-ammonia-outcomes-figma__heading > h2 {
  color: var(--ao-navy);
  font-size: clamp(42px, 2.9167vw, 56px);
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.25;
}

.raft-ammonia-outcomes-figma__map {
  aspect-ratio: 1536 / 853;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid var(--ao-purple);
  border-radius: 24px;
  box-shadow: inset 0 4px 71.9px rgba(243, 125, 125, 0.3);
  container-type: inline-size;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.raft-ammonia-outcomes-figma__wave {
  height: 162.9543%;
  left: -30.46875%;
  object-fit: cover;
  opacity: 0.5;
  pointer-events: none;
  position: absolute;
  top: -57.9179%;
  width: 160.8073%;
}

.raft-ammonia-outcomes-figma__routes,
.raft-ammonia-outcomes-figma__routes .ao-line {
  pointer-events: none;
  position: absolute;
}

.raft-ammonia-outcomes-figma__routes {
  inset: 0;
  z-index: 1;
}

.raft-ammonia-outcomes-figma__routes .ao-line {
  border-color: rgba(0, 0, 38, 0.76);
  border-style: dotted;
  border-width: 0;
}

.raft-ammonia-outcomes-figma__routes .ao-line::after {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.raft-ammonia-outcomes-figma__routes .ao-arrow-right::after {
  border-bottom: clamp(4px, 0.39cqi, 6px) solid transparent;
  border-left: clamp(7px, 0.59cqi, 9px) solid var(--ao-navy);
  border-top: clamp(4px, 0.39cqi, 6px) solid transparent;
  right: clamp(-9px, -0.59cqi, -7px);
  top: 50%;
  transform: translateY(-50%);
}

.raft-ammonia-outcomes-figma__routes .ao-arrow-left::after {
  border-bottom: clamp(4px, 0.39cqi, 6px) solid transparent;
  border-right: clamp(7px, 0.59cqi, 9px) solid var(--ao-navy);
  border-top: clamp(4px, 0.39cqi, 6px) solid transparent;
  left: clamp(-9px, -0.59cqi, -7px);
  top: 50%;
  transform: translateY(-50%);
}

.raft-ammonia-outcomes-figma__routes .ao-arrow-down::after {
  border-left: clamp(4px, 0.39cqi, 6px) solid transparent;
  border-right: clamp(4px, 0.39cqi, 6px) solid transparent;
  border-top: clamp(7px, 0.59cqi, 9px) solid var(--ao-navy);
  bottom: clamp(-9px, -0.59cqi, -7px);
  left: 50%;
  transform: translateX(-50%);
}

.raft-ammonia-outcomes-figma__routes .ao-arrow-up::after {
  border-bottom: clamp(7px, 0.59cqi, 9px) solid var(--ao-navy);
  border-left: clamp(4px, 0.39cqi, 6px) solid transparent;
  border-right: clamp(4px, 0.39cqi, 6px) solid transparent;
  left: 50%;
  top: clamp(-9px, -0.59cqi, -7px);
  transform: translateX(-50%);
}

/* Flow rails, traced from the signed-off Figma composition. */
.raft-ammonia-outcomes-figma .ao-line--air-up { border-left-width: 2px !important; height: 5.86cqi; left: 14.52cqi; top: 9.44cqi; }
.raft-ammonia-outcomes-figma .ao-line--air-across { border-top-width: 2px !important; left: 14.52cqi; top: 9.44cqi; width: 18.03cqi; }
.raft-ammonia-outcomes-figma .ao-line--air-down { border-left-width: 2px !important; height: 4.95cqi; left: 32.55cqi; top: 9.44cqi; }
.raft-ammonia-outcomes-figma .ao-line--air-in { border-top-width: 2px !important; left: 32.55cqi; top: 14.39cqi; width: 4.1cqi; }
.raft-ammonia-outcomes-figma .ao-line--housing-up { border-left-width: 2px !important; height: 3.39cqi; left: 41.54cqi; top: 10.81cqi; }
.raft-ammonia-outcomes-figma .ao-line--housing-across { border-top-width: 2px !important; left: 41.54cqi; top: 10.81cqi; width: 23.7cqi; }
.raft-ammonia-outcomes-figma .ao-line--housing-down { border-left-width: 2px !important; height: 0.98cqi; left: 65.24cqi; top: 10.81cqi; }
.raft-ammonia-outcomes-figma .ao-line--housing-in { border-top-width: 2px !important; left: 65.24cqi; top: 11.79cqi; width: 3.25cqi; }
.raft-ammonia-outcomes-figma .ao-line--load-down { border-left-width: 2px !important; height: 4.75cqi; left: 73.31cqi; top: 16.44cqi; }
.raft-ammonia-outcomes-figma .ao-line--load-across { border-top-width: 2px !important; left: 73.31cqi; top: 21.19cqi; width: 1.65cqi; }
.raft-ammonia-outcomes-figma .ao-line--load-to-biogas { border-left-width: 2px !important; height: 5.75cqi; left: 74.96cqi; top: 21.19cqi; }
.raft-ammonia-outcomes-figma .ao-line--biogas-down { border-left-width: 2px !important; height: 3.49cqi; left: 74.87cqi; top: 36.26cqi; }
.raft-ammonia-outcomes-figma .ao-line--biogas-across { border-top-width: 2px !important; left: 62.43cqi; top: 39.75cqi; width: 12.44cqi; }
.raft-ammonia-outcomes-figma .ao-line--animals-across { border-top-width: 2px !important; left: 9.765625cqi; top: 39.22cqi; width: 23.1771cqi; }
.raft-ammonia-outcomes-figma .ao-line--animals-up { border-left-width: 2px !important; height: 4.46cqi; left: 9.765625cqi; top: 34.76cqi; }
.raft-ammonia-outcomes-figma .ao-line--control-up { border-left-width: 2px !important; height: 3.52cqi; left: 9.765625cqi; top: 21.48cqi; }
.raft-ammonia-outcomes-figma .ao-line--control-across { border-top-width: 2px !important; left: 9.765625cqi; top: 21.48cqi; width: 4.752604cqi; }
.raft-ammonia-outcomes-figma .ao-line--control-to-air { border-left-width: 2px !important; height: 2.28cqi; left: 14.518229cqi; top: 19.2cqi; }

.raft-ammonia-outcomes-figma__node,
.raft-ammonia-outcomes-figma__animals {
  position: absolute;
  z-index: 2;
}

.raft-ammonia-outcomes-figma__node {
  align-items: center;
  display: flex;
  gap: 1.302083cqi;
  padding: 1.171875cqi 0.520833cqi;
}

.raft-ammonia-outcomes-figma__node--load { height: 22.626%; left: 67.9036%; top: 8.905%; width: 30.46875%; }
.raft-ammonia-outcomes-figma__node--biogas { height: 23.212%; left: 69.4661%; top: 45.599%; width: 30.46875%; }
.raft-ammonia-outcomes-figma__node--control { height: 22.86%; left: 4.362%; top: 42.902%; width: 30.5339%; }
.raft-ammonia-outcomes-figma__node--housing { height: 21.336%; left: 36.1328%; top: 17.346%; width: 30.5339%; }
.raft-ammonia-outcomes-figma__node--air { height: 20.281%; left: 9.1146%; top: 14.884%; width: 32.7474%; }

.raft-ammonia-outcomes-figma .ao-photo,
.raft-ammonia-outcomes-figma .ao-animal {
  align-items: center;
  border: 1px solid rgba(79, 6, 87, 0.25);
  border-radius: 999px;
  display: flex;
  flex: 0 0 9.765625cqi;
  height: 9.765625cqi;
  padding: 0.520833cqi;
  width: 9.765625cqi;
}

.raft-ammonia-outcomes-figma .ao-photo > img,
.raft-ammonia-outcomes-figma .ao-animal > img {
  border-radius: inherit;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

.raft-ammonia-outcomes-figma .ao-copy {
  align-items: flex-start;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 0.78125cqi;
  min-width: 0;
}

.raft-ammonia-outcomes-figma .ao-icon {
  align-items: center;
  background: var(--ao-navy);
  border-radius: 999px;
  display: flex;
  flex: 0 0 4.557292cqi;
  height: 4.557292cqi;
  justify-content: center;
  padding: 0.78125cqi;
  position: relative;
  width: 4.557292cqi;
}

.raft-ammonia-outcomes-figma .ao-icon > img {
  height: 2.994792cqi;
  width: 3.059896cqi;
}

.raft-ammonia-outcomes-figma .ao-icon > img[src*="droplet"] {
  width: 2.994792cqi;
}

.raft-ammonia-outcomes-figma__node h3,
.raft-ammonia-outcomes-figma__animals h3 {
  color: var(--ao-navy);
  font-size: clamp(17px, 1.5625cqi, 24px);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6;
}

.raft-ammonia-outcomes-figma__animals {
  display: flex;
  flex-direction: column;
  gap: 1.302083cqi;
  justify-content: center;
  left: 32.421875%;
  padding: 1.171875cqi 0.520833cqi;
  top: 59.784%;
  width: 30.5339%;
}

.raft-ammonia-outcomes-figma .ao-animal-photos {
  height: 9.765625cqi;
  position: relative;
  width: 100%;
}

.raft-ammonia-outcomes-figma .ao-animal {
  position: absolute;
}

.raft-ammonia-outcomes-figma .ao-animal--poultry { left: 0; top: -0.032552cqi; }
.raft-ammonia-outcomes-figma .ao-animal--dairy { left: 6.184896cqi; top: 1.009115cqi; }
.raft-ammonia-outcomes-figma .ao-animal--equine { left: 12.695313cqi; top: -0.553385cqi; }
.raft-ammonia-outcomes-figma .ao-animal--swine { left: 19.726563cqi; top: 0.488281cqi; }

.raft-ammonia-outcomes-figma .ao-animal-label {
  align-items: center;
  display: flex;
  gap: 0.78125cqi;
  width: 100%;
}

.raft-ammonia-outcomes-figma .ao-icon--sprout {
  overflow: hidden;
}

.raft-ammonia-outcomes-figma .ao-icon--sprout > .ao-sprout-main {
  height: 68.55%;
  left: 6.85%;
  position: absolute;
  top: 15.22%;
  width: 86.44%;
}

.raft-ammonia-outcomes-figma .ao-icon--sprout > .ao-sprout-detail {
  height: 6.84%;
  left: 59.59%;
  position: absolute;
  top: 39.95%;
  width: 14.83%;
}

.raft-ammonia-outcomes-figma__notes-wrap {
  margin: 0 auto;
  max-width: 1536px;
  padding-bottom: clamp(112px, 7.8125vw, 150px);
  position: relative;
  width: min(84vw, 1536px);
}

.raft-ammonia-outcomes-figma__notes {
  align-items: center;
  background:
    radial-gradient(circle at 113% 40%, var(--ao-gold) 0, var(--ao-coral) 28%, var(--ao-purple) 67%, transparent 84%),
    var(--ao-navy);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 24px;
  box-shadow: 0 4px 6.3px rgba(0, 0, 0, 0.05), 0 4px 33.3px rgba(0, 0, 0, 0.12);
  color: #fff;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  height: clamp(166px, 10.9896vw, 211px);
  overflow: hidden;
  position: relative;
}

.raft-ammonia-outcomes-figma__notes article {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 2px 4px 4.3px rgba(0, 0, 38, 0.13);
  display: flex;
  flex-direction: column;
  gap: clamp(6px, 0.4167vw, 8px);
  height: 100%;
  padding: clamp(24px, 1.6667vw, 32px);
}

.raft-ammonia-outcomes-figma__notes article:last-child {
  border-right: 0;
}

.raft-ammonia-outcomes-figma__notes article > img {
  height: clamp(54px, 3.5417vw, 68px);
  width: clamp(55px, 3.6125vw, 69.36px);
}

.raft-ammonia-outcomes-figma__notes article > div {
  padding-top: 4px;
}

.raft-ammonia-outcomes-figma__notes h3 {
  color: #fff;
  font-size: clamp(17.5px, 1.1458vw, 22px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
}

.raft-ammonia-outcomes-figma__notes p {
  color: #fff;
  font-size: clamp(16px, 1.0417vw, 20px);
  font-weight: 400;
  line-height: 1.6;
}