/* ===== HOME PAGE ===== 
   Extracted from index.php so the markup stays cacheable. */

body {
  background: #09090b !important;
  /* Force dark theme background */
  color: #fff;
}

/* Remove default section backgrounds to let the dark theme show */
section {
  background: transparent !important;
  border: none !important;
}

/* Hero specific overrides */
.hero {
  position: relative;
  padding: 6rem 0 4rem;
  overflow: hidden;
}

/* Feature cards override */
.card-feature {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(10px);
}

.card-feature:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-5px);
}

.type-caret {
  display: inline-block;
  width: 0.06em;
  height: 0.85em;
  margin-left: 0.06em;
  vertical-align: -0.06em;
  background: var(--accent-primary, #1db954);
  animation: caretBlink 1s steps(1) infinite;
}

@keyframes caretBlink {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .type-caret {
    display: none;
  }
}