@media (max-width:1024px){

.hero-grid{

grid-template-columns:1fr;

}

.hero-depth{

margin-top:60px;

}

}

@media (max-width:640px){

.hero-left h1{

font-size:2.2rem;

}

.hero-actions{

flex-direction:column;
align-items:flex-start;

}

.btn-primary{

width:100%;

}

}

.hero-logo{

height:60px;

}

@media (max-width:900px){

.demos-grid{

grid-template-columns:1fr;

}

}

@media (max-width:1000px){

.demos-grid{

grid-template-columns:1fr;

}

}

@media (max-width:900px){

.process-line{
display:none;
}

.process-step{

width:100%;
left:0;
padding:20px 0;

text-align:left;

}

.process-card{
max-width:100%;
}

}

@media (max-width:900px){

.process-system{

height:auto;

display:flex;
flex-direction:column;

gap:40px;

}

.process-line{
display:none;
}

.process-node{

position:relative;

left:auto;
right:auto;
top:auto;

transform:none;

flex-direction:column;

}

}

@media (max-width:900px){

.problem-grid{

grid-template-columns:1fr;

gap:30px;

}

}

@media (max-width:900px){

.problem-grid{

grid-template-columns:1fr;

}

.problem-connector{

display:none;

}

}

@media (max-width:900px){

.footer-container{

grid-template-columns:1fr;

gap:40px;

text-align:center;

}

.footer-brand p{

margin:auto;

}

}