
.j7-conversion-journey{
  background:#0b0b0b;
  color:#fff;
  padding:clamp(72px,8vw,118px) 0;
  border-top:1px solid #262626;
}
.j7-conversion-journey__head{
  max-width:900px;
  margin:0 auto 42px;
  text-align:center;
}
.j7-conversion-journey__eyebrow{
  display:block;
  margin-bottom:16px;
  color:#d98a16;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.j7-conversion-journey h2{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(42px,5.6vw,76px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.045em;
}
.j7-conversion-journey__head p{
  max-width:720px;
  margin:22px auto 0;
  color:#b9b9b9;
  font-size:17px;
  line-height:1.7;
}
.j7-conversion-journey__steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.j7-conversion-step{
  min-height:205px;
  padding:28px;
  display:flex;
  flex-direction:column;
  border:1px solid #333;
  background:#151515;
  color:#fff;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.j7-conversion-step:hover,
.j7-conversion-step:focus-visible{
  transform:translateY(-2px);
  border-color:#666;
}
.j7-conversion-step>span{
  color:#d98a16;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.j7-conversion-step strong{
  margin-top:auto;
  font-family:Georgia,'Times New Roman',serif;
  font-size:28px;
  font-weight:400;
}
.j7-conversion-step small{
  margin-top:9px;
  color:#aaa;
  font-size:13px;
  line-height:1.5;
}
.j7-conversion-step.is-primary{
  background:#d98a16;
  border-color:#d98a16;
  color:#0b0b0b;
}
.j7-conversion-step.is-primary>span,
.j7-conversion-step.is-primary small{
  color:#241708;
}
@media(max-width:820px){
  .j7-conversion-journey__steps{grid-template-columns:1fr}
  .j7-conversion-step{min-height:150px}
}
