/* Offers page rich UI extensions */
.hero-banner {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}
.hero-banner .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(29,78,216,0.75), rgba(14,165,233,0.5));
}
.hero-banner .content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
}

.testimonial-card {
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  padding: 1.25rem;
  background: var(--surface-color);
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}
.testimonial-card .stars { color: #fbbf24; }

.cta-banner {
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  color: #fff;
  padding: 2rem;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}