.process-modern{max-width:1172px;padding:120px 24px 110px}
.process-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:50px}.process-heading h2{font-size:clamp(38px,4.5vw,56px);line-height:1.05;letter-spacing:-2.8px;margin:14px 0 0}.process-heading>p{max-width:390px;margin:0 0 7px;color:var(--muted);font-size:15px;line-height:1.7}
.process-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-track:before{content:"";position:absolute;left:15%;right:15%;top:39px;height:2px;background:linear-gradient(90deg,#1767ff,#7657ff,#20d49a);z-index:0}
.process-card{position:relative;z-index:1;min-height:320px;padding:28px;border:1px solid #e2e8f2;border-radius:22px;background:linear-gradient(145deg,#fff,#f8faff);box-shadow:0 12px 38px rgba(20,38,82,.07);transition:transform .3s,box-shadow .3s;overflow:hidden}.process-card:hover{transform:translateY(-7px);box-shadow:0 25px 58px rgba(20,38,82,.14)}.process-card:after{content:"";position:absolute;width:160px;height:160px;right:-90px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(21,101,255,.12),transparent 70%)}.process-card:nth-child(2):after{background:radial-gradient(circle,rgba(118,87,255,.14),transparent 70%)}.process-card:nth-child(3):after{background:radial-gradient(circle,rgba(32,212,154,.16),transparent 70%)}
.process-number{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#1767ff;color:#fff;font:800 14px Manrope;box-shadow:0 11px 25px rgba(21,101,255,.28);margin-bottom:30px}.process-card:nth-child(2) .process-number{background:#7657ff;box-shadow:0 11px 25px rgba(118,87,255,.28)}.process-card:nth-child(3) .process-number{background:#18bb84;box-shadow:0 11px 25px rgba(24,187,132,.28)}
.process-label{display:block;color:#1767ff;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}.process-card:nth-child(2) .process-label{color:#7657ff}.process-card:nth-child(3) .process-label{color:#15966c}.process-card h3{font-size:21px;line-height:1.25;letter-spacing:-.6px;margin:0 0 12px}.process-card>p{min-height:69px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.process-status{position:absolute;left:28px;bottom:25px;display:flex;align-items:center;gap:8px;color:#56647b;font-size:11px;font-weight:700}.process-status i{width:7px;height:7px;border-radius:50%;background:#1767ff;box-shadow:0 0 0 5px rgba(21,101,255,.1)}.process-card:nth-child(2) .process-status i{background:#7657ff;box-shadow:0 0 0 5px rgba(118,87,255,.1)}.process-card:nth-child(3) .process-status i{background:#18bb84;box-shadow:0 0 0 5px rgba(24,187,132,.1)}
.process-footer{margin-top:28px;padding:20px 23px 20px 27px;border-radius:16px;background:#11172a;color:#fff;display:flex;align-items:center;justify-content:space-between}.process-footer p{margin:0;font:700 16px Manrope}.process-button{border:0;border-radius:999px;background:#fff;color:#11172a;padding:7px 7px 7px 17px;display:flex;align-items:center;gap:16px;font-weight:800}.process-button b{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--green);font-size:17px}
@media(max-width:850px){.process-modern{width:100%;height:auto;overflow:visible}.process-heading{grid-template-columns:minmax(0,1fr);gap:20px}.process-heading>p{max-width:600px}.process-track{display:flex;flex-direction:column;width:100%;height:auto;gap:18px;overflow:visible}.process-track:before{left:53px;right:auto;top:40px;bottom:40px;width:2px;height:auto}.process-card{flex:0 0 auto;width:100%;min-width:0;min-height:250px;height:auto;padding-left:95px}.process-number{position:absolute;left:24px;top:27px}.process-status{left:95px}.process-card>p{min-height:auto;max-width:540px}}
@media(max-width:560px){.process-modern{padding:80px 18px 75px}.process-heading{margin-bottom:34px}.process-heading h2{font-size:clamp(32px,10vw,38px);letter-spacing:-2px}.process-track{gap:16px}.process-track:before{display:none}.process-card{display:block;min-height:285px;padding:24px}.process-card:hover{transform:none}.process-number{position:static;width:48px;height:48px;margin-bottom:25px}.process-status{left:24px;bottom:23px}.process-footer{align-items:flex-start;flex-direction:column;gap:16px;padding:22px}.process-button{width:100%;justify-content:space-between}}
