html {
    scroll-behavior: smooth;
  }
  
  /* Fix white-on-white by creating visual hierarchy */
  body {
    background-color: #F9FAFB; /* Subtle gray instead of pure white */
  }
  
  section {
    background-color: #FFFFFF; /* Pure white sections */
    border: 1px solid #E5E7EB; /* Visible border for definition */
    margin-bottom: 2rem; /* Breathing room between sections */
  }
  
  /* Card components get extra definition */
  .card,
  .testimonial-card,
  .package-card,
  .pricing-card {
    background-color: #FFFFFF;
    border: 2px solid #E5E7EB;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle depth */
  }
  
  /* Hover states for interactive cards */
  .card:hover,
  .package-card:hover {
    border-color: #D1D5DB;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
    transition: all 0.2s ease;
  }