:root {
  --ink: #00143f;
  --muted: #5b6b86;
  --brand: #075bff;
  --brand2: #08dce9;
  --green: #00a98f;
  --soft: #f3f8ff;
  --line: #dce8f5;
}

.brand img {
  width: 145px;
}

.btn {
  background: linear-gradient(135deg, #075bff, #02bed9);
  color: #fff;
}

.btn.ghost,
.btn.darkghost,
.btn.white {
  background: linear-gradient(135deg, #075bff, #02bed9);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 16px 34px rgba(7, 91, 255, .22);
}

.btn.ghost:hover,
.btn.darkghost:hover,
.btn.white:hover {
  color: #fff;
  box-shadow: 0 20px 40px rgba(7, 91, 255, .28);
}

.hero h1 span {
  background: linear-gradient(90deg, #075bff, #05cfe2);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.price-card.popular {
  border-color: #075bff;
}

.ribbon,
.step-dots i.active,
.form-progress i.active {
  background: linear-gradient(90deg, #075bff, #03bfd8);
}

.offerbar {
  background: linear-gradient(90deg, #006b63, #00a98f);
}

@media (max-width: 600px) {
  .brand img {
    width: 118px;
  }
}