.container{
max-width:1200px;
margin:0 auto;
padding:0 20px;
}

.section{
padding:80px 0;
}

.grid{
display:grid;
gap:30px;
}

.grid-3{
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}


/* HERO */

.hero{
padding:80px 0;
background:#ffffff;
}

.hero-grid{
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:60px;
align-items:center;
}

.hero-text{
text-align:left;
}

.hero-text h1{
font-size:2.6rem;
margin-bottom:20px;
position:relative;
}

.hero-text h1::after{
content:"";
display:block;
width:60px;
height:4px;
background:var(--orange);
margin-top:12px;
}

.hero-subtitle{
font-size:1.1rem;
margin-bottom:20px;
color:var(--muted);
}

.hero-points{
margin:20px 0 25px;
padding-left:18px;
}

.hero-points li{
margin-bottom:6px;
}

.hero-buttons{
display:flex;
gap:14px;
}

.hero-image img{
width:100%;
max-height:420px;
object-fit:cover;
border-radius:12px;
}


/* MOBILE */

@media (max-width:900px){

.hero-grid{
grid-template-columns:1fr;
gap:30px;
}

.hero-text{
order:2;
}

.hero-image{
order:1;
}

}