/* ==========================================================================
   AI REVIEW KIT BETA — PREMIUM CORPORATE MODERN / "GLASS-TECH" STYLING
   ========================================================================== */

/* 1. Custom Smooth Scrolling & Selection styling */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}

/* 2. Custom Radial Gradient for Hero Section Background */
.hero-gradient {
  background: radial-gradient(circle at 85% 20%, rgba(0, 51, 255, 0.12) 0%, rgba(247, 249, 251, 0) 60%);
}

/* 3. Floating CTA Bar Active State & Smooth Transitions */
#floatBar {
  transform: translate(-50%, 40px) scale(0.95);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

#floatBar.active {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0) scale(1);
}

/* 4. Details / Summary Accordion Styling & Animation */
details summary::-webkit-details-marker {
  display: none;
}

details summary {
  list-style: none;
}

details[open] .arrow-icon {
  transform: rotate(180deg);
}

details {
  transition: all 0.3s ease;
}

details[open] {
  border-color: rgba(0, 51, 255, 0.3);
  box-shadow: 0 10px 25px -5px rgba(0, 51, 255, 0.04);
}

/* 5. Pricing Card Premium Transition and Ambient Blue Shadow */
.pricing-card {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.pricing-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -15px rgba(0, 51, 255, 0.08);
  border-color: rgba(0, 51, 255, 0.2);
}

/* 6. Timeline Vertical Connection Line */
.timeline-line::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background-color: #d8dadc;
}

/* 7. Webkit Custom Scrollbar (Premium Grey & Blue) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f7f9fb;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
  border: 2px solid #f7f9fb;
}

::-webkit-scrollbar-thumb:hover {
  background: #0033ff;
}

/* 8. Text selection customization */
::selection {
  background-color: rgba(0, 51, 255, 0.1);
  color: #0033ff;
}