/* =========================================================
   HireNow — Responsive Fine-Tuning
   Breakpoints: 1920 / 1440 / 1200 / 1024 / 768 / 480 / 390 / 360
   ========================================================= */

@media (max-width: 1440px) {
    .container-hn { max-width: 1140px; }
}

@media (max-width: 1200px) {
    .hn-mega { grid-template-columns: repeat(2, 200px); }
}

@media (max-width: 1024px) {
    .hn-hero { padding-top: 150px; }
    .grid-3, .grid-4 { gap: 18px; }
}

@media (max-width: 768px) {
    .cta-banner h3 { font-size: 1.4rem; }
    .page-hero { padding-top: 130px; }
    .feature-block { padding: 26px; }
}

@media (max-width: 480px) {
    .container-hn { padding: 0 18px; }
    .hn-form-card { padding: 26px 20px; }
    .value-card, .service-card { padding: 22px 18px; }
    .btn-hn { padding: 12px 22px; font-size: 0.9rem; }
    .hn-hero h1 { font-size: 2rem; }
}

@media (max-width: 390px) {
    .footer-bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 360px) {
    .hn-hero-actions .btn-hn { width: 100%; justify-content: center; }
}

/* Ensure no horizontal scroll anywhere */
html, body { overflow-x: hidden; }