@media(max-width:991px){

.hero h1{
font-size:3.5rem;
}

.hero-logo{
max-width:300px;
}

}

@media(max-width:768px){

.hero h1{
font-size:2.6rem;
}

.hero-buttons{

display:flex;
flex-direction:column;

gap:12px;

}

.feature-card{
padding:25px;
}

}
@media (max-width: 768px) {
    .hero {
        min-height: auto;
        padding: 115px 16px 60px;
        background-position: center center;
    }

    .hero-content {
        width: 100%;
        padding: 0;
    }

    .hero-logo {
        width: min(280px, 78vw);
        max-width: 280px;
        margin-bottom: 20px;
    }

    .hero h1 {
        font-size: 2.6rem;
        line-height: 1.15;
        margin-bottom: 22px;
    }

    .hero-text {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 28px;
    }
}

@media (max-width: 768px) and (max-height: 700px) {
    .hero {
        padding: 105px 16px 50px;
    }

    .hero-logo {
        max-width: 240px;
    }

    .hero h1 {
        font-size: 2.35rem;
    }
}