/* ============================================================
   Thryve PH — Custom Styles
   Stack: Tailwind CSS (CDN) + custom overrides
============================================================ */

html { scroll-behavior: smooth; }

/* Hero gradient background */
.hero-gradient {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 40%, #2563eb 70%, #3b82f6 100%);
}

/* Frosted-glass card */
.glass-card {
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Feature card icon zoom on hover */
.feature-card:hover .feature-icon {
  transform: scale(1.15) rotate(-5deg);
  transition: transform 0.3s ease;
}

/* Nav link animated underline */
.nav-link::after {
  content: '';
  display: block;
  height: 2px;
  background: #3b82f6;
  transform: scaleX(0);
  transition: transform 0.25s ease;
}
.nav-link:hover::after { transform: scaleX(1); }

/* Step number badge */
.count-badge {
  background: linear-gradient(135deg, #2563eb, #1e40af);
}