/* Rivalry Commerce — Overview page spacing + card-intent polish
   Surgical override only. Preserves existing HTML hierarchy/content. */

.page-overview .deployment-pillars {
  gap: 12px;
  border: 0;
  background: transparent;
  margin-top: 18px;
  margin-bottom: 0;
}

.page-overview .deployment-pillar,
.page-overview .deployment-pillar:first-child,
.page-overview .deployment-pillar:nth-child(3),
.page-overview .deployment-pillar:nth-child(4) {
  min-height: 112px;
  padding: 22px 22px;
  border: 1px solid rgba(212,175,106,.30) !important;
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(212,175,106,.045),rgba(9,9,9,.96) 46%,#070707);
  transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .35s ease, background .35s ease;
}

.page-overview .deployment-pillar:hover {
  transform: translateY(-2px);
  border-color: rgba(212,175,106,.58) !important;
  background: linear-gradient(145deg,rgba(212,175,106,.075),rgba(10,10,10,.98) 46%,#070707);
}

.page-overview .pillar-icon {
  flex-basis: 42px;
  width: 42px;
  height: 42px;
  font-size: 1.65rem;
}

.page-overview .deployment-pillar h2 {
  margin-bottom: 7px;
  line-height: 1.38;
}

.page-overview .deployment-pillar p {
  line-height: 1.55;
}

.page-overview .deployment-process {
  padding: 44px 0 50px;
}

.page-overview .deployment-process .deployment-section-title {
  margin-bottom: 24px;
}

.page-overview .deployment-steps {
  gap: 12px;
  border: 0;
  background: transparent;
}

.page-overview .deployment-step {
  min-height: 214px;
  padding: 24px 18px 26px;
  border: 1px solid rgba(212,175,106,.30) !important;
  border-radius: 12px;
  background: linear-gradient(180deg,#0b0b0b 0%,#070707 100%);
  transition: transform .35s cubic-bezier(.16,1,.3,1), border-color .35s ease, background .35s ease;
}

.page-overview .deployment-step:hover {
  transform: translateY(-3px);
  border-color: rgba(212,175,106,.62) !important;
  background: linear-gradient(180deg,#0d0d0d 0%,#080808 100%);
}

.page-overview .deployment-step:after {
  display: none;
}

.page-overview .deployment-step .step-number {
  top: 14px;
  left: 14px;
  width: 26px;
  height: 26px;
  border-color: rgba(212,175,106,.42);
  color: #d8d2c8;
  background: #090909;
}

.page-overview .deployment-step img {
  width: 104px;
  height: 70px;
  margin-bottom: 14px;
  border-radius: 7px;
}

.page-overview .deployment-step h3 {
  margin-bottom: 9px;
  line-height: 1.35;
}

.page-overview .deployment-step p {
  line-height: 1.58;
}

.page-overview .event-types {
  padding: 0 0 42px;
}

.page-overview .event-types .deployment-section-title {
  margin-bottom: 20px;
}

@media (max-width: 1100px) {
  .page-overview .deployment-pillars {
    gap: 12px;
  }
}

@media (max-width: 1050px) {
  .page-overview .deployment-steps {
    gap: 12px;
    padding-bottom: 10px;
  }

  .page-overview .deployment-step {
    flex: 0 0 210px;
    min-height: 210px;
  }
}

@media (max-width: 700px) {
  .page-overview .deployment-pillars {
    gap: 10px;
    margin-top: 14px;
  }

  .page-overview .deployment-pillar,
  .page-overview .deployment-pillar:first-child,
  .page-overview .deployment-pillar:nth-child(3),
  .page-overview .deployment-pillar:nth-child(4) {
    min-height: 92px;
    padding: 16px 17px;
    border-radius: 10px;
  }

  .page-overview .deployment-process {
    padding: 34px 0 42px;
  }

  .page-overview .deployment-process .deployment-section-title {
    margin-bottom: 18px;
  }

  .page-overview .deployment-step {
    flex-basis: min(68vw,240px);
    padding: 22px 16px 24px;
    border-radius: 10px;
  }
}