.hero{

    padding-top:160px;
    padding-bottom:185px;


}

.hero-content{

    display:flex;
    flex-direction:column;
    gap:24px;

}

.hero-badge{

    display:inline-flex;
    align-items:center;

    width:max-content;

    padding:10px 18px;

    border-radius:999px;

    background:#EFF6FF;

    color:var(--secondary);

    font-size:.9rem;

    font-weight:700;

}

.hero h1{

    font-size:clamp(2.6rem,8vw,5rem);

    line-height:1.05;

    font-weight:900;

    color:var(--primary);

    letter-spacing:-.05em;

    max-width:700px;

}

.hero p{

    max-width:650px;

    font-size:1.1rem;

    line-height:1.8;

    color:#475569;

}

.hero-buttons{

    display:flex;

    gap:16px;

    margin-top:10px;

}
.hero-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    align-items:center;

    gap:80px;

}

.hero-image{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.hero-image img{

    width:100%;

    max-width:820px;

    height:auto;

    display:block;

}