/* Custom styles that complement Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Selection color */
::selection {
  background: #5ebfa7;
  color: #0a1640;
}

/* Ensure all images have consistent behavior */
img {
  max-width: 100%;
  height: auto;
}

/* Print styles */
@media print {
  header, footer, .cta-btn, #contactForm { display: none; }
  body { color: #000; background: #fff; }
}

/* Small-screen adjustments */
@media (max-width: 640px) {
  #hero h1 {
    font-size: 2.75rem;
  }
  .service-card {
    padding: 1.5rem;
  }
}

/* Large-screen refinements */
@media (min-width: 1280px) {
  #hero h1 {
    font-size: 4.5rem;
  }
}