.mk-hero{

    padding:80px 0;

    background:#F7F8FC;

}

.mk-hero__wrapper{

    display:grid;

    grid-template-columns:1fr 520px;

    gap:60px;

    align-items:center;

}

.mk-hero__badge{

    display:inline-flex;

    padding:8px 18px;

    border-radius:999px;

    background:#EEE8FF;

    color:var(--mk-primary);

    font-weight:600;

    margin-bottom:24px;

}

.mk-hero__title{

    font-size:56px;

    line-height:1.1;

    margin-bottom:24px;

}

.mk-hero__subtitle{

    font-size:20px;

    color:var(--mk-text-light);

    margin-bottom:40px;

    max-width:600px;

}

.mk-hero__buttons{

    display:flex;

    gap:16px;

}

.mk-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:0 36px;

    height:54px;

    border-radius:14px;

    font-weight:600;

}

.mk-btn-primary{

    background:var(--mk-primary);

    color:#FFF;

}

.mk-btn-primary:hover{

    background:var(--mk-primary-hover);

}

.mk-hero__image{

    display:flex;

    justify-content:flex-end;

}

.mk-hero__image img{

    width:100%;

    max-width:520px;

}