/* DTA result system: four clear pillars instead of a generic card grid. */
.home-page .why-dta {
  position: relative;
  padding: 100px max(28px, calc((100% - 1144px) / 2)) 108px;
  overflow: hidden;
  background: #f4f0e7;
}

.home-page .why-dta::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #171918 0 33.33%, #d5202d 33.33% 66.66%, #d7b54a 66.66%);
}

.home-page .why-heading {
  max-width: 1144px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 34px;
  align-items: end;
  text-align: left;
}

.home-page .why-heading .eyebrow {
  margin: 0 0 8px;
  color: #9b3a41;
}

.home-page .why-heading h2 {
  max-width: 720px;
  color: #102c33;
}

.home-page .why-heading h2 em {
  color: #d5202d;
}

.home-page .why-orbit {
  max-width: 1144px;
  margin: 54px auto 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border: 1px solid #d8d0c1;
  background: #d8d0c1;
  box-shadow: 10px 10px 0 #e4dccd;
}

.home-page .why-orbit article {
  position: relative;
  min-height: 278px;
  padding: 27px 26px 29px;
  border: 0;
  background: #fbf8f1;
}

.home-page .why-orbit article::after {
  content: "";
  position: absolute;
  right: 26px;
  bottom: 25px;
  width: 27px;
  height: 2px;
  background: #d5202d;
}

.home-page .why-orbit article span {
  display: inline-block;
  color: #d5202d;
  font-size: 12px;
  letter-spacing: .06em;
}

.home-page .why-orbit article h3 {
  margin: 67px 0 10px;
  color: #102c33;
  font-size: 23px;
  line-height: 1.06;
}

.home-page .why-orbit article p {
  color: #45595b;
  font-size: 13px;
  line-height: 1.55;
}

.home-page .why-orbit article:nth-child(1) {
  background: #102c33;
}

.home-page .why-orbit article:nth-child(1) span {
  color: #d7b54a;
}

.home-page .why-orbit article:nth-child(1) h3,
.home-page .why-orbit article:nth-child(1) p {
  color: #f7f3e9;
}

.home-page .why-orbit article:nth-child(1)::after {
  background: #d7b54a;
}

.home-page .why-orbit article:nth-child(3) {
  background: #ede3c8;
}

.home-page .why-orbit article:nth-child(4) {
  background: #c71f2c;
}

.home-page .why-orbit article:nth-child(4) span {
  color: #f3d779;
}

.home-page .why-orbit article:nth-child(4) h3,
.home-page .why-orbit article:nth-child(4) p {
  color: #fff9ed;
}

.home-page .why-orbit article:nth-child(4)::after {
  background: #f3d779;
}

@media (max-width: 960px) {
  .home-page .why-heading {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .home-page .why-orbit {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .home-page .why-dta {
    padding: 72px 20px 78px;
  }

  .home-page .why-orbit {
    margin-top: 38px;
  }

  .home-page .why-orbit article {
    min-height: 220px;
  }

  .home-page .why-orbit article h3 {
    margin-top: 48px;
  }
}

@media (max-width: 520px) {
  .home-page .why-orbit {
    grid-template-columns: 1fr;
  }
}

/* Refined palette: keep the system calm and let the copy lead. */
.home-page .why-dta {
  background: #f7f3e9;
}

.home-page .why-orbit {
  border-color: #ded6c8;
  background: #ded6c8;
  box-shadow: 7px 7px 0 #e8e1d4;
}

.home-page .why-orbit article:nth-child(1),
.home-page .why-orbit article:nth-child(2),
.home-page .why-orbit article:nth-child(3),
.home-page .why-orbit article:nth-child(4) {
  background: #fbf9f3;
}

.home-page .why-orbit article:nth-child(1) span,
.home-page .why-orbit article:nth-child(2) span,
.home-page .why-orbit article:nth-child(3) span,
.home-page .why-orbit article:nth-child(4) span {
  color: #d5202d;
}

.home-page .why-orbit article:nth-child(1) h3,
.home-page .why-orbit article:nth-child(2) h3,
.home-page .why-orbit article:nth-child(3) h3,
.home-page .why-orbit article:nth-child(4) h3 {
  color: #102c33;
}

.home-page .why-orbit article:nth-child(1) p,
.home-page .why-orbit article:nth-child(2) p,
.home-page .why-orbit article:nth-child(3) p,
.home-page .why-orbit article:nth-child(4) p {
  color: #45595b;
}

.home-page .why-orbit article:nth-child(1)::after,
.home-page .why-orbit article:nth-child(2)::after,
.home-page .why-orbit article:nth-child(3)::after,
.home-page .why-orbit article:nth-child(4)::after {
  background: #d5202d;
}

/* Smoky teal, deep petrol and aged copper: a quieter, less common palette. */
.home-page .why-dta {
  background: #a7bab5;
}

.home-page .why-dta::before {
  height: 5px;
  background: #c2785d;
}

.home-page .why-heading .eyebrow {
  color: #31585b;
}

.home-page .why-heading h2 {
  color: #15343b;
}

.home-page .why-heading h2 em {
  color: #a84f42;
}

.home-page .why-orbit {
  gap: 12px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.home-page .why-orbit article:nth-child(1),
.home-page .why-orbit article:nth-child(2),
.home-page .why-orbit article:nth-child(3),
.home-page .why-orbit article:nth-child(4) {
  border: 1px solid rgba(19, 52, 59, .18);
  background: #23454b;
  box-shadow: 0 10px 22px rgba(27, 57, 61, .13);
}

.home-page .why-orbit article:nth-child(2),
.home-page .why-orbit article:nth-child(4) {
  background: #294c50;
}

.home-page .why-orbit article:nth-child(1) span,
.home-page .why-orbit article:nth-child(2) span,
.home-page .why-orbit article:nth-child(3) span,
.home-page .why-orbit article:nth-child(4) span {
  color: #d7aa82;
}

.home-page .why-orbit article:nth-child(1) h3,
.home-page .why-orbit article:nth-child(2) h3,
.home-page .why-orbit article:nth-child(3) h3,
.home-page .why-orbit article:nth-child(4) h3 {
  color: #e1ebe1;
}

.home-page .why-orbit article:nth-child(1) p,
.home-page .why-orbit article:nth-child(2) p,
.home-page .why-orbit article:nth-child(3) p,
.home-page .why-orbit article:nth-child(4) p {
  color: #c3d4ca;
}

.home-page .why-orbit article:nth-child(1)::after,
.home-page .why-orbit article:nth-child(2)::after,
.home-page .why-orbit article:nth-child(3)::after,
.home-page .why-orbit article:nth-child(4)::after {
  background: #c2785d;
}