/* ===== Mobile First ===== */
@media (max-width: 768px) {
    body {
        padding-top: 64px;
    }
    .hero {
        padding: 40px 0;
        border-radius: 0 0 24px 24px;
    }
    .hero h1 {
        font-size: 2rem;
    }
    .hero .lead {
        font-size: 1rem;
    }
    .tracking-form {
        padding: 20px;
    }
    .tracking-form .form-control,
    .tracking-form .btn {
        border-radius: 50px !important;
        margin-bottom: 10px;
    }
    .tracking-form .input-group {
        flex-direction: column;
        border-radius: 50px;
    }
    .section-title {
        font-size: 1.5rem;
    }
    .navbar-brand {
        font-size: 1.2rem;
    }
    footer {
        text-align: center;
    }
    footer .social-icons {
        margin-top: 16px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .hero h1 {
        font-size: 2.4rem;
    }
}

@media (min-width: 993px) {
    .hero {
        padding: 80px 0;
    }
}