.why{

    padding:140px 0;

    background:#111111;

    color:#ffffff;

}

.why-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.why-left h2{

    font-size:52px;

    line-height:1.15;

    margin:24px 0;

}

.why-left p{

    color:rgba(255,255,255,.75);

    font-size:18px;

    margin-bottom:40px;

}

.why-right{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

}

.why-card{

    padding:36px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    transition:.3s;

}

.why-card:hover{

    transform:translateY(-6px);

    background:rgba(255,255,255,.08);

}

.why-card span{

    display:block;

    margin-bottom:18px;

    font-size:14px;

    color:#999;

}

.why-card h3{

    font-size:24px;

    margin-bottom:16px;

}

.why-card p{

    color:rgba(255,255,255,.72);

    line-height:1.7;

}