/**
 * NumeraIQ CTA Section Styles
 * Matching React CTA.tsx exactly
 */

/* CTA section uses section-dark from global.css */

/* Text styling within dark section */
.section-dark .body-large {
  color: hsl(var(--text-light) / 0.6);
}

.section-dark .text-text-light\/60 {
  color: hsl(var(--text-light) / 0.6);
}

.section-dark .text-text-light\/40 {
  color: hsl(var(--text-light) / 0.4);
}

/* Button positioning */
.section-dark .flex.justify-center {
  display: flex;
  justify-content: center;
}

/* Responsive button layout */
@media (max-width: 640px) {
  .section-dark .flex.flex-col.sm\:flex-row {
    flex-direction: column;
  }

  .section-dark .btn-lime,
  .section-dark .btn-outline-light {
    width: 100%;
    justify-content: center;
  }
}