html {
    scroll-behavior: smooth;
}
/* Images are sized by height utilities (h-16, h-18, h-72, etc.). Tailwind Preflight
   only sets img { height: auto }, which the h-* utilities override - leaving the
   width="" attribute (kept for CLS) to pin the width and squish the logo. Letting
   width follow the attribute-derived aspect ratio fixes this while preserving CLS. */
img {
    width: auto;
}
body {
    font-family: 'Inter', sans-serif;
    color: #333;
}
.nav-link {
    transition: all 0.3s ease;
}
.nav-link:hover {
    color: #4F46E5;
}
.hero-section {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url('/img/office.webp');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    padding-top: 80px;
}