.gradient-bg {
  background: linear-gradient(135deg, #f97316 0%, #fdba74 100%);
}

.hero-bg {
  position: relative;
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
  overflow: hidden;
}

.hero-bg::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -20%;
  width: 50%;
  height: 50%;
  background: rgba(249, 115, 22, 0.1);
  border-radius: 50%;
  z-index: 0;
}

.hero-bg::after {
  content: "";
  position: absolute;
  bottom: -30%;
  right: -30%;
  width: 70%;
  height: 70%;
  background: rgba(249, 115, 22, 0.2);
  border-radius: 50%;
  z-index: 0;
}

.typewriter {
  border-right: 2px solid #f97316;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%,
  50% {
    border-color: #f97316;
  }
  51%,
  100% {
    border-color: transparent;
  }
}

.billing-bg {
  position: relative;
  background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
  overflow: hidden;
}

.billing-bg::before {
  content: "";
  position: absolute;
  top: -15%;
  left: -15%;
  width: 40%;
  height: 40%;
  background: rgba(249, 115, 22, 0.15);
  border-radius: 50%;
  z-index: 0;
}

.billing-bg::after {
  content: "";
  position: absolute;
  bottom: -25%;
  right: -25%;
  width: 60%;
  height: 60%;
  background: rgba(249, 115, 22, 0.25);
  border-radius: 50%;
  z-index: 0;
}

.testimonials-bg {
  position: relative;
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  overflow: hidden;
}

.cta-bg {
  position: relative;
  background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
  overflow: hidden;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 4;
  display: -moz-box;
  -moz-box-orient: vertical;
}

.footer-bg {
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
  }

  .footer-bottom-bg {
    background: linear-gradient(135deg, #f97316 0%, #f59e0b 100%);
  }