.process-page .process-hero{
  padding-bottom:76px;
  background:
    radial-gradient(ellipse at 12% 20%,rgba(16,128,192,.22),transparent 36%),
    linear-gradient(145deg,#050F1A 0%,#082238 58%,#0A2E46 100%);
}
.process-page .process-hero .container{ max-width:var(--container); }
.process-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:14px;
  color:#9BD8F5;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.process-hero__eyebrow::before{
  content:"";
  width:24px;
  height:2px;
  border-radius:2px;
  background:#58BCEB;
}
.process-page .process-hero h1{ max-width:760px; }
.process-page .process-hero p{ max-width:680px; }
.process-hero__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px 24px;
  margin-top:26px;
}
.process-hero__link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#D8E8F3;
  font-size:14px;
  font-weight:600;
  transition:color var(--d-fast);
}
.process-hero__link:hover{ color:#fff; }
.process-hero__link svg{ width:17px; height:17px; }

.process-overview{
  position:relative;
  z-index:1;
  margin-top:-28px;
}
.process-overview__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  background:#fff;
  box-shadow:var(--sh-2);
}
.process-overview__item{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:120px;
  padding:22px 26px;
}
.process-overview__item + .process-overview__item{ border-inline-start:1px solid var(--border); }
.process-overview__number,.process-overview__icon{
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:15px;
  background:#EAF5FB;
  color:var(--sky);
}
.process-overview__number{ font-size:21px; font-weight:700; }
.process-overview__icon svg{ width:23px; height:23px; }
.process-overview__item h2{
  margin-bottom:3px;
  font-size:15px;
}
.process-overview__item p{ font-size:13px; line-height:1.6; }

.process-stages{ padding-top:76px; }
.process-stages__head{ max-width:690px; }
.process-stages__head h2{ margin-bottom:10px; }
.process-stages__head p{ font-size:16px; }
.process-steps{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.process-page .process-step{
  min-width:0;
  padding:30px 28px 24px;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  background:linear-gradient(155deg,#fff 0%,#FBFDFF 100%);
  box-shadow:var(--sh-1);
  transition:transform var(--d-med) var(--e-out),box-shadow var(--d-med) var(--e-out),border-color var(--d-med) var(--e-out);
}
.process-page .process-step:hover{
  transform:translateY(-4px);
  border-color:#B7D5E7;
  box-shadow:var(--sh-2);
}
.process-page .process-step::before{
  top:25px;
  inset-inline-start:auto;
  inset-inline-end:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #D3EAF6;
  background:#EFF8FC;
  color:#087EAA;
  font-size:14px;
}
.process-page .process-step::after{ display:none; }
.process-step__phase{
  display:block;
  min-height:20px;
  margin-bottom:10px;
  padding-inline-end:54px;
  color:var(--sky);
  font-size:11px;
  font-weight:700;
  letter-spacing:.07em;
}
.process-page .process-step h3{
  margin-bottom:8px;
  font-size:20px;
}
.process-page .process-step p{
  min-height:54px;
  font-size:14px;
  line-height:1.85;
}
.process-step__deliverable{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 9px;
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid #E8EEF4;
}
.process-step__deliverable span{
  color:#8493A5;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
}
.process-step__deliverable strong{
  color:#34465A;
  font-size:12px;
  font-weight:600;
}
.process-page .process-stages + .section--soft{ padding-top:84px; }

@media (max-width:900px){
  .process-overview__grid{ grid-template-columns:1fr; }
  .process-overview__item{ min-height:96px; }
  .process-overview__item + .process-overview__item{
    border-inline-start:0;
    border-top:1px solid var(--border);
  }
}
@media (max-width:639px){
  .process-page .process-hero{ padding-bottom:60px; }
  .process-hero__actions{ align-items:flex-start; flex-direction:column; gap:16px; }
  .process-overview{ margin-top:-20px; }
  .process-overview__item{ padding:18px 20px; }
  .process-stages{ padding-top:58px; }
  .process-steps{ grid-template-columns:1fr; gap:14px; }
  .process-page .process-step{ padding:26px 22px 21px; }
  .process-page .process-step::before{ top:21px; inset-inline-end:18px; }
  .process-page .process-step p{ min-height:0; }
  .process-page .process-stages + .section--soft{ padding-top:60px; }
}
@media (prefers-reduced-motion:reduce){
  .process-page .process-step,.process-hero__link{ transition:none; }
}