.process{

    padding-block:var(--section-padding);

    background:#F8FAFC;

}

.process-grid{

    display:grid;

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

    gap:28px;

}

.process-card{

    position:relative;

    padding:36px;

    background:var(--white);

    border:1px solid #E2E8F0;

    border-radius:22px;

    transition:all .35s ease;

}

.process-card:hover{

    transform:translateY(-8px);

    border-color:#CBD5E1;

    box-shadow:0 24px 60px rgba(15,23,42,.08);

}

.process-number{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:64px;

    height:64px;

    margin-bottom:28px;

    border-radius:18px;

    background:#EFF6FF;

    color:var(--secondary);

    font-size:1.35rem;

    font-weight:800;

}

.process-card h3{

    margin-bottom:16px;

    font-size:1.4rem;

    font-weight:800;

    color:var(--primary);

}

.process-card p{

    color:#64748B;

    line-height:1.8;

}