/* ------------------------------------
   Landing Page Specific Styles
------------------------------------ */
.hero {
  min-height: 70vh;
  padding-top: var(--space-2xl);
}

.hero-title {
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}

.text-gradient {
  background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.logo-icon svg {
  color: var(--accent-blue);
  filter: drop-shadow(0 0 8px var(--accent-blue-glow));
}

/* Feature specific icon colors */
.text-purple { color: #a855f7; }
.text-green { color: #10b981; }

.mb-6 { margin-bottom: 1.5rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-4 { margin-top: 1rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-8 { margin-bottom: 2rem; }
.ml-2 { margin-left: 0.5rem; }

.py-2xl { padding-top: 4rem; padding-bottom: 4rem; }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }

.max-w-2xl { max-width: 42rem; margin-left: auto; margin-right: auto; }

.border-top {
  border-top: 1px solid var(--border-subtle);
}

/* Live dot animation */
.pulse-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--status-normal);
  margin-right: 6px;
  box-shadow: 0 0 8px var(--status-normal);
  animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* Feature Cards Grid tweaks */
.feature-card {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.4) 0%, rgba(15, 23, 42, 0) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}