/**
 * Homepage-specific CSS
 * Additional styles for the front page only
 * 
 * @package Astra Child
 * @since 1.0.0
 * 
 * CSS Version: 202412251050
 * Last Updated: 2024-12-25 10:50
 */

/* ============================================
   HOMEPAGE HERO SECTION
   ============================================ */

/* Hero section container */
#home {
  position: relative;
}

/* Hero badge */
#home .inline-flex.items-center {
  display: inline-flex;
  align-items: center;
}

/* Hero heading */
#home h1 {
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* Hero CTA buttons */
#home a.inline-flex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#home a.inline-flex:active {
  transform: scale(0.98);
}

/* Trust badges */
#home .flex.items-center {
  display: flex;
  align-items: center;
}

/* ============================================
   HOMEPAGE SECTIONS
   ============================================ */

/* Section spacing */
section {
  position: relative;
}

/* Section headings */
section h2 {
  font-weight: 900;
  letter-spacing: -0.01em;
}

/* Card containers */
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

/* Card hover effects (only for cards, not text) */
.bg-gradient-to-br.from-slate-50 {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bg-gradient-to-br.from-slate-50:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}