/* custom.css */

/* Layout & Utility Overrides */
body { margin: 0; padding: 0; }
a { text-decoration: none; }
img { max-width: 100%; }

/* Navbar */
nav { backdrop-filter: blur(10px); }

/* Hero */
/* Background fallback colors + images */
#home {
  background: #333 url('../assets/compressed-bg-home.jpg') center/cover no-repeat;
}
#why {
  background: #222 url('../assets/compressed-bg-why.jpg') center/cover no-repeat;
}

/* Ensure all sections, typography, spacing remain identical to the inline Tailwind setup */
/* You can add any overrides or extra classes here for future maintenance */#home .overlay {
  position: absolute; inset: 0; background: rgba(0,0,0,0.6);
}

/* Section Headings */
h2 { margin-bottom: 1rem; }

/* Cards */
.card {
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform .2s;
}
.card:hover { transform: translateY(-4px); }

/* Footer Links */
footer a { color: #E2E8F0; }
footer a:hover { text-decoration: underline; }

/* Blog */
.blog-article { margin-bottom: 3rem; }
.blog-article h2 { font-size: 1.875rem; }

/* Responsive */
@media (max-width: 768px) {
  nav .md\\:hidden { display: block; }
  nav .hidden.md\\:flex { display: none; }
}