.hero{

    padding:100px 0;

}

.hero-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:60px;

    align-items:center;

}

.hero-tag{

    display:inline-block;

    color:#2563eb;

    font-weight:600;

    margin-bottom:20px;

}

.hero h1{

    font-size:60px;

    line-height:1.1;

    margin-bottom:30px;

}

.hero-text{

    font-size:20px;

    color:#555;

    line-height:1.8;

    margin-bottom:40px;

}

.hero-buttons{

    display:flex;

    gap:20px;

}

.hero-image{

    text-align:center;

}

.hero-image img{

    width:380px;

    border-radius:24px;

    box-shadow:0 30px 60px rgba(0,0,0,.15);

}

@media(max-width:900px){

.hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero-image{

margin-top:40px;

}

.hero-image img{

width:280px;

}

}