/* ==========================================================
   Workflow
========================================================== */

.workflow-grid{

    display:flex;

    justify-content:center;

    align-items:stretch;

    gap:20px;

    margin:40px auto 0;

    width:100%;

}

.workflow-card{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    width:190px;

    min-height:260px;

    padding:22px;

}

.workflow-card:hover{

    transform:translateY(-8px);

    border-color:var(--card-border-hover);

    box-shadow:
        0 18px 45px rgba(0,180,255,.12);

}

.workflow-step{

    width:34px;

    height:34px;

    font-size:.9rem;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:var(--accent-primary);

    color:var(--text);

    font-weight:700;

    margin-bottom:18px;

}

.workflow-icon{

    font-size:1.8rem;

    color:var(--accent-primary);

    margin-bottom:20px;

}

.workflow-card h3{

    margin-bottom:16px;

    font-size:1.15rem;

    color:var(--text);

}

.workflow-card p{

    flex:1;

    color:var(--text-soft);

    line-height:1.6;

    font-size:.90rem;

}

.workflow-duration{

    margin-top:24px;

    padding-top:16px;

    width:100%;

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

    color:var(--accent-primary);

    font-size:.9rem;

    font-weight:600;

}

.workflow-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--accent-primary);

    font-size:1.4rem;

    opacity:.75;

    flex-shrink:0;

    transition:all .3s ease;

}