/* Process block refresh v9 */
.raf-process{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(32,149,233,.12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f3f8fd 100%);
}
.raf-process::before,
.raf-process::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  pointer-events:none;
  filter:blur(10px);
}
.raf-process::before{
  top:-180px;
  left:-120px;
  background:radial-gradient(circle, rgba(57,171,255,.14) 0%, rgba(57,171,255,0) 70%);
}
.raf-process::after{
  right:-160px;
  bottom:-220px;
  background:radial-gradient(circle, rgba(11,95,154,.14) 0%, rgba(11,95,154,0) 72%);
}
.raf-process .container{position:relative;z-index:1;}
.raf-process__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
.raf-process__head .raf-section__head{margin-bottom:0;max-width:760px;}
.raf-process__head-btn{
  flex:0 0 auto;
  min-height:54px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  padding:0 28px;
  background:linear-gradient(135deg, #26a7f2 0%, #1687c7 48%, #0b5f9a 100%);
  box-shadow:0 24px 60px rgba(14, 111, 177, .26), inset 0 1px 0 rgba(255,255,255,.35);
  color:#fff;
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.raf-process__head-btn:hover,
.raf-process__footer-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 28px 70px rgba(14, 111, 177, .32), inset 0 1px 0 rgba(255,255,255,.42);
  filter:saturate(1.08);
}
.raf-process__timeline{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:14px;
  position:relative;
}
.raf-process__timeline::before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:66px;
  height:1px;
  background:linear-gradient(90deg, rgba(22,135,199,0), rgba(22,135,199,.36), rgba(22,135,199,0));
}
.raf-process-card{
  position:relative;
  z-index:1;
  min-height:216px;
  padding:18px 16px 18px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.34));
  border:1px solid rgba(255,255,255,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 24px 55px rgba(7, 30, 52, .08),
    0 8px 24px rgba(14, 111, 177, .06);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.raf-process-card:hover{
  transform:translateY(-6px);
  border-color:rgba(71,180,255,.4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 34px 68px rgba(7, 30, 52, .12),
    0 12px 32px rgba(14, 111, 177, .12);
}
.raf-process-card__glow{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 44%),
    radial-gradient(circle at top right, rgba(50,170,255,.18), rgba(50,170,255,0) 38%);
  pointer-events:none;
}
.raf-process-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.raf-process-card__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:46px;
  padding:0 12px;
  border-radius:16px;
  background:linear-gradient(135deg, #29aff5 0%, #1687c7 52%, #0b5f9a 100%);
  box-shadow:0 18px 36px rgba(22,135,199,.24), inset 0 1px 0 rgba(255,255,255,.4);
  color:#fff;
  font-size:15px;
  font-weight:950;
}
.raf-process-card__icon{
  width:50px;
  height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  color:#0f6eb1;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(225,242,252,.72));
  border:1px solid rgba(155,214,247,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 12px 26px rgba(17,106,170,.12);
}
.raf-process-card__icon svg{
  width:24px;
  height:24px;
}
.raf-process-card h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.15;
  font-weight:950;
  color:#081728;
}
.raf-process-card p{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:rgba(8,23,40,.74);
}
.raf-process__footer{
  margin-top:24px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.52));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), 0 20px 48px rgba(8,23,40,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.raf-process__footer strong{
  display:block;
  margin-bottom:6px;
  font-size:18px;
  line-height:1.2;
  color:#081728;
}
.raf-process__footer p{
  margin:0;
  max-width:760px;
  color:rgba(8,23,40,.74);
}
.raf-process__footer-btn{
  flex:0 0 auto;
}
@media (max-width: 1360px){
  .raf-process__timeline{grid-template-columns:repeat(3,minmax(0,1fr));}
  .raf-process__timeline::before{display:none;}
}
@media (max-width: 960px){
  .raf-process__head,
  .raf-process__footer{
    flex-direction:column;
    align-items:flex-start;
  }
  .raf-process__timeline{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .raf-process-card{min-height:200px;}
}
@media (max-width: 640px){
  .raf-process__head-btn,
  .raf-process__footer-btn{
    width:100%;
  }
  .raf-process__timeline{
    grid-template-columns:1fr;
  }
  .raf-process-card{
    min-height:auto;
    padding:18px;
  }
  .raf-process__footer{
    padding:18px;
  }
}