.brand {
  display: block;
  width: 190px;
  height: auto;
  line-height: 0;
}

.brand img {
  width: 100%;
  height: auto;
  display: block;
  transform: none;
}

.service-card.ai-card {
  grid-column: span 2;
  color: #fff;
  border-color: #9b7429;
  background: linear-gradient(135deg, #15120b, #28200f);
}

.service-card.ai-card p {
  color: #bbb;
}

.package.ai-package {
  border-color: #72551e;
  background: radial-gradient(circle at 90% 0, #473111, #11100d 50%);
}

.packages {
  grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1150px) {
  .packages {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .brand {
    width: 164px;
    height: auto;
  }

  .brand img {
    width: 100%;
    transform: none;
  }

  .packages {
    grid-template-columns: 1fr;
  }

  .service-card.ai-card {
    grid-column: auto;
  }
}