/* === FRAMER COMPONENT STYLES ===
 * Base styles for Framer Motion components
 */

[data-framer-name] {
  position: relative;
}

.framer-text {
  font-family: 'Inter', sans-serif;
  color: #ffffff;
}

/* Framer containers */
.framer-1bvqhm0,
.framer-1662loh {
  width: 100%;
  position: relative;
}

/* Prevent flash of unstyled content */
[style*="opacity:0"] {
  animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}