.j8-how-it-works{
    margin-top:28px;
    padding-top:22px;
    border-top:1px solid #475569;
    text-align:left;
}
.j8-how-it-works h2{color:#7dd3fc;font-size:24px}
.j8-step-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    list-style:none;
    margin:20px 0 0;
    padding:0;
}
.j8-step-grid li{
    min-width:0;
    padding:20px;
    border:1px solid #475569;
    border-radius:14px;
    background:#0b1120;
}
.j8-step-art{
    display:grid;
    place-items:center;
    min-height:145px;
    margin-bottom:16px;
    border-radius:12px;
    background:radial-gradient(ellipse at center,#164e63 0%,#0b1120 75%);
}
.j8-step-art img{display:block;width:112px;height:112px}
.j8-step-grid h3{font-size:19px;color:#e2e8f0}
.j8-step-grid p{font-size:16px;line-height:1.65;color:#cbd5e1;margin-bottom:0}
.j8-how-it-works .j8-art-credit{
    font-size:12px;
    color:#94a3b8;
    margin-top:14px;
}
.j8-art-credit a{color:#7dd3fc}
@media(max-width:700px){
    .j8-step-grid{grid-template-columns:minmax(0,1fr)}
    .j8-step-art{min-height:125px}
}