/* ============================================
   HOMEPAGE COMPLETE REDESIGN
   Professional Layout & Content Structure
   ============================================ */

/* Content Typography Enhancements */
.homepage-hero h1,
section[class*="min-h-screen"] h1 {
  font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 1.5rem !important;
}

.homepage-hero p,
section[class*="min-h-screen"] p {
  font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  max-width: 900px !important;
  margin: 0 auto 2rem !important;
}

/* Section Headings */
section h2 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
  color: #1e3a8a !important;
}

section p[class*="text-xl"] {
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
  line-height: 1.6 !important;
  color: #4b5563 !important;
}

/* Service Cards - Enhanced Layout */
div[class*="grid"][class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-4"] {
  gap: 2rem !important;
}

div[class*="hover:shadow-xl"] {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
}

div[class*="hover:shadow-xl"]:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 25px 50px rgba(37, 99, 235, 0.15) !important;
}

/* Service Card Content */
div[class*="hover:shadow-xl"] h3 {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
  color: #1e3a8a !important;
}

div[class*="hover:shadow-xl"] p {
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: #6b7280 !important;
  margin-bottom: 1.5rem !important;
}

/* Stats Section - Enhanced */
div[class*="grid"][class*="grid-cols-2"][class*="md:grid-cols-4"] {
  gap: 1.5rem !important;
}

div[class*="glass-effect"][class*="rounded-2xl"] {
  padding: 2rem !important;
  text-align: center !important;
  transition: all 0.3s ease !important;
}

div[class*="glass-effect"]:hover {
  transform: scale(1.05) !important;
  background: rgba(37, 99, 235, 0.25) !important;
}

div[class*="glass-effect"] div[class*="text-xl"] {
  font-size: 2.5rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.5rem !important;
}

div[class*="glass-effect"] div[class*="text-sm"] {
  font-size: 1rem !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
}

/* Why Choose Section - Enhanced */
div[class*="grid"][class*="grid-cols-1"][class*="md:grid-cols-2"][class*="lg:grid-cols-4"] {
  gap: 2rem !important;
}

div[class*="hover:shadow-xl"][class*="text-center"] h3 {
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  margin-bottom: 1rem !important;
  color: #1e3a8a !important;
}

div[class*="hover:shadow-xl"][class*="text-center"] p {
  font-size: 1rem !important;
  line-height: 1.7 !important;
  color: #6b7280 !important;
}

/* CTA Section - Enhanced */
section[class*="bg-gradient-to-br"] h2 {
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
}

section[class*="bg-gradient-to-br"] p {
  font-size: clamp(1.125rem, 2vw, 1.5rem) !important;
  line-height: 1.7 !important;
  margin-bottom: 2rem !important;
}

/* Button Enhancements */
button[class*="bg-gradient-to-r"],
a[class*="bg-gradient-to-r"] {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  padding: 1rem 2.5rem !important;
  border-radius: 0.75rem !important;
  letter-spacing: 0.025em !important;
  text-transform: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

button[class*="bg-gradient-to-r"]:hover,
a[class*="bg-gradient-to-r"]:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.4) !important;
}

/* Content Spacing */
section {
  padding: 4rem 0 !important;
}

@media (min-width: 768px) {
  section {
    padding: 6rem 0 !important;
  }
}

@media (min-width: 1024px) {
  section {
    padding: 8rem 0 !important;
  }
}

/* Text Content Improvements */
p[class*="text-gray-600"] {
  color: #4b5563 !important;
  line-height: 1.7 !important;
}

p[class*="text-gray-700"] {
  color: #374151 !important;
  line-height: 1.7 !important;
}

/* List Items - Enhanced */
div[class*="space-y-4"] div[class*="flex items-center"] {
  padding: 0.75rem 0 !important;
}

div[class*="space-y-4"] svg,
div[class*="space-y-4"] div[class*="text-green-500"] {
  margin-right: 1rem !important;
  flex-shrink: 0 !important;
}

div[class*="space-y-4"] span {
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
}

/* Badge/Label Enhancements */
span[class*="bg-blue-100"],
div[class*="bg-blue-100"] {
  padding: 0.5rem 1.25rem !important;
  border-radius: 2rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Section Containers */
div[class*="max-w-7xl"] {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 640px) {
  div[class*="max-w-7xl"] {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Content Readability */
div[class*="text-center"] {
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Image Optimization */
img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Link Enhancements */
a[class*="text-[#2563eb]"] {
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

a[class*="text-[#2563eb]"]:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* Content Hierarchy */
h1 {
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

h2 {
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

h3 {
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Readability Improvements */
p {
  max-width: 65ch !important;
  margin-bottom: 1.5rem !important;
}

/* Focus States for Accessibility */
button:focus,
a:focus {
  outline: 3px solid var(--yolopment-blue) !important;
  outline-offset: 2px !important;
  border-radius: 0.25rem !important;
}

/* Print Styles */
@media print {
  section[class*="bg-gradient-to-br"],
  section[class*="bg-gradient-to-br"] * {
    background: white !important;
    color: #000 !important;
  }
  
  button,
  a[class*="bg-gradient-to-r"] {
    border: 1px solid #000 !important;
    background: white !important;
    color: #000 !important;
  }
}

/* Content Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

section > div {
  animation: fadeInUp 0.6s ease-out !important;
}

/* Enhanced Spacing for Content Sections */
section[class*="py-16"] {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

@media (min-width: 768px) {
  section[class*="py-16"] {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

/* Content Width Optimization */
div[class*="max-w-3xl"],
div[class*="max-w-4xl"],
div[class*="max-w-5xl"] {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Improved Line Heights for Readability */
p, li, span {
  line-height: 1.7 !important;
}

/* Enhanced Button Text */
button,
a[class*="button"] {
  font-weight: 600 !important;
  letter-spacing: 0.025em !important;
}

/* Content Section Backgrounds */
section[class*="bg-gray-50"] {
  background: #f9fafb !important;
}

section[class*="bg-white"] {
  background: #ffffff !important;
}

/* Improved Contrast */
.text-gray-600 {
  color: #4b5563 !important;
}

.text-gray-700 {
  color: #374151 !important;
}

.text-gray-900 {
  color: #111827 !important;
}