/* PROCESO */ .process {
  background:var(--navy);
  color:var(--white)
}
.process-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:center
}
.process h2 {
  max-width:500px;
  margin:0 0 18px;
  font-size:clamp(38px,4.2vw,54px);
  line-height:1.14
}
.process-lede {
  max-width:460px;
  margin-bottom:27px;
  color:#bac8dd;
  font-size:15px
}
.steps {
  position:relative
}
.steps:before {
  content:"";
  position:absolute;
  left:20px;
  top:21px;
  bottom:24px;
  width:1px;
  background:rgba(16,200,223,.34)
}
.step {
  position:relative;
  display:flex;
  gap:22px;
  padding:0 0 32px
}
.step:last-child {
  padding-bottom:0
}
.step-index {
  position:relative;
  z-index:1;
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(16,200,223,.44);
  border-radius:50%;
  background:var(--navy);
  color:var(--cyan);
  font-size:11px;
  font-weight:800
}
.step h3 {
  margin:4px 0 5px;
  font-size:19px;
  letter-spacing:-.025em
}
.step p {
  max-width:400px;
  margin:0;
  color:#aebed5;
  font-size:13px
}