@media(max-width:768px){

section{
padding:70px 20px;
}

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

.card-grid{
grid-template-columns:1fr;
}

.flagship-container{
flex-direction:column;
gap:40px;
}

.button{
width:100%;
max-width:320px;
margin:auto;
display:block;
}

}

@media (max-width:900px){

.quick-spec-container{
grid-template-columns:repeat(2,1fr);
gap:14px;
}

}