.process{
    padding:105px 0 110px;
    background:#070808;
    border-top:1px solid rgba(255,255,255,.055);
}

.home-section-heading{
    text-align:center;
    margin:0 auto 64px;
}

.home-section-heading h2{
    margin:7px 0 0;
    color:#fff;
    font-size:clamp(34px,3.25vw,54px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1.8px;
}

.home-section-heading p{
    max-width:720px;
    margin:18px auto 0;
    color:#9ca3af;
    font-size:15px;
    line-height:1.75;
}

.home-eyebrow{
    display:inline-block;
    font-size:13px;
    line-height:1;
    font-weight:800;
    letter-spacing:1.6px;
}

.home-eyebrow--orange{color:#f3a315;}
.home-eyebrow--pink{color:#ff536f;}
.home-eyebrow--yellow{color:#ffc21a;}
.home-eyebrow--purple{color:#8f70ff;}

.process-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
}

.process-card{
    position:relative;
    min-height:245px;
    padding:34px 34px 32px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:18px;
    background:#0d0e0e;
    overflow:hidden;
    transition:transform .25s ease,border-color .25s ease,background .25s ease;
}

.process-card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.2);
    background:#101111;
}

.process-number{
    position:absolute;
    top:25px;
    right:28px;
    color:rgba(255,255,255,.055);
    font-size:54px;
    line-height:1;
    font-weight:900;
    letter-spacing:-3px;
}

.process-icon,
.feature-icon{
    width:46px;
    height:46px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    margin-bottom:20px;
}

.process-icon--pink{color:#ff6078;background:rgba(255,77,109,.11);border:1px solid rgba(255,77,109,.3);}
.process-icon--yellow{color:#ffc400;background:rgba(255,188,0,.09);border:1px solid rgba(255,188,0,.25);}
.process-icon--green{color:#66dfaa;background:rgba(64,203,145,.09);border:1px solid rgba(64,203,145,.24);}

.process-card h3{
    position:relative;
    margin:0 0 12px;
    color:#fff;
    font-size:19px;
    line-height:1.35;
    font-weight:800;
}

.process-card p{
    position:relative;
    margin:0;
    color:#a8acc0;
    font-size:14px;
    line-height:1.7;
}

@media (max-width:991px){
    .process-grid{grid-template-columns:1fr;}
    .process-card{min-height:auto;}
}

@media (max-width:575px){
    .process{padding:76px 0;}
    .home-section-heading{margin-bottom:40px;}
    .home-section-heading h2{font-size:32px;letter-spacing:-1px;}
    .process-card{padding:28px 24px;}
}