/* Give the final two About-page sections their own visual language: network and growth path, not orbits. */
.about-reach__visual {
  background: linear-gradient(145deg, #08377f, #0d66d3) !important;
}

.reach-globe {
  inset: 16% 9% 13%;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  transform: none;
  animation: none;
}

.reach-globe::before {
  position: absolute;
  top: 9%;
  bottom: 7%;
  left: 20%;
  width: 1px;
  background: linear-gradient(transparent, rgba(223, 245, 255, .72), transparent);
  content: "";
}

.reach-globe i {
  position: absolute;
  left: 0;
  width: 68%;
  height: 2px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(221, 244, 255, .95), transparent);
  transform: none;
}

.reach-globe i:nth-child(1) { top: 18%; }
.reach-globe i:nth-child(2) { top: 54%; left: 19%; width: 74%; border: 0; }
.reach-globe i:nth-child(3) { top: 83%; left: 5%; width: 58%; height: 2px; border: 0; background: linear-gradient(90deg, transparent, #ffe36b, transparent); box-shadow: 0 0 13px rgba(255, 227, 107, .72); }

.reach-globe b {
  top: 39%;
  left: 43%;
  display: grid;
  width: 8.2rem;
  height: 6.4rem;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(145deg, #57aaff, #0c49b4);
  box-shadow: 0 15px 28px rgba(1, 29, 85, .28), inset 0 1px 0 rgba(255, 255, 255, .35);
  transform: none;
  animation: network-card 4.5s ease-in-out infinite;
}

.reach-globe b::after {
  position: absolute;
  right: .7rem;
  bottom: .65rem;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: #ffe36b;
  box-shadow: 0 0 12px #ffe36b;
  content: "";
}

.reach-route { border-top-style: solid; border-top-color: rgba(232, 248, 255, .68); }
.reach-route--one { top: 34%; left: 47%; width: 31%; }
.reach-route--two { top: 68%; left: 20%; width: 27%; }
.reach-note--one { top: 24%; left: 8%; }
.reach-note--two { right: 8%; bottom: 10%; }

.about-closing__visual {
  background: linear-gradient(145deg, #082d72, #0b5dc5) !important;
}

.next-signal {
  width: 15.5rem;
  height: 12.5rem;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
  animation: none;
}

.next-signal::before {
  position: absolute;
  right: 4%;
  bottom: 7%;
  left: 4%;
  height: 1px;
  background: linear-gradient(90deg, rgba(220, 243, 255, .1), rgba(220, 243, 255, .78));
  content: "";
}

.next-signal i {
  position: absolute;
  width: 44%;
  height: .78rem;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(140, 210, 255, .25), #91d2ff);
  box-shadow: 0 0 18px rgba(112, 200, 255, .25);
  transform: none;
}

.next-signal i:nth-child(1) { top: 72%; left: 3%; }
.next-signal i:nth-child(2) { top: 48%; left: 20%; width: 49%; border: 0; }
.next-signal i:nth-child(3) { top: 24%; left: 39%; width: 47%; height: .78rem; border: 0; background: linear-gradient(90deg, #ffe36b, #fff1a7); box-shadow: 0 0 19px rgba(255, 227, 107, .72); }

.next-signal b {
  top: 1%;
  left: 61%;
  display: grid;
  width: 7.6rem;
  height: 5.8rem;
  place-items: center;
  border-radius: 17px;
  background: linear-gradient(145deg, #4fa8ff, #0b47b1);
  box-shadow: 0 15px 30px rgba(0, 24, 77, .3), inset 0 1px 0 rgba(255, 255, 255, .34);
  transform: none;
  animation: next-card-pulse 4.4s ease-in-out infinite;
}

.next-card--clarity { top: 22%; right: 7%; }
.next-card--momentum { bottom: 17%; left: 7%; }
.next-card--growth { right: 7%; bottom: 8%; }

@keyframes network-card { 50% { transform: translateY(-9px); box-shadow: 0 22px 34px rgba(1, 29, 85, .34), inset 0 1px 0 rgba(255, 255, 255, .35); } }
@keyframes next-card-pulse { 50% { transform: translateY(-8px); box-shadow: 0 23px 35px rgba(0, 24, 77, .36), inset 0 1px 0 rgba(255, 255, 255, .34); } }

@media (max-width: 700px) {
  .reach-globe { inset: 17% 7% 12%; }
  .reach-globe b { width: 6.8rem; height: 5.2rem; font-size: .92rem; }
  .next-signal { width: 12.4rem; height: 10rem; }
  .next-signal b { width: 6rem; height: 4.6rem; font-size: .9rem; }
  .next-signal i { height: .62rem; }
}

@media (prefers-reduced-motion: reduce) {
  .reach-globe b, .next-signal b { animation: none; }
}