/* ---------- STEPS ---------- */
.steps--theme-white{background:var(--white);}
.steps--theme-light{background:var(--paper);}
.steps--theme-dark{background:var(--midnight);}
.steps--theme-dark .section-head h2,
.steps--theme-dark .step-item__title{color:var(--white);}
.steps--theme-dark .step-item__desc,
.steps--theme-dark .step-item__desc p{color:var(--navy-8);}
.steps--theme-dark .step-item{border-color:var(--border-dark);}
.steps--theme-dark .steps__grid--style-boxes .step-item,
.steps--theme-dark .steps__grid--style-boxes .step-item:last-child{
  background:rgba(255,255,255,0.04);
  border-color:var(--border-dark);
  border-top-color:var(--garnet);
}

.steps__grid{border-radius:var(--radius-card);margin:48px 28px 20px;}
.steps__grid--horizontal.steps__grid--cols-1{display:grid;grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto;}
.steps__grid--horizontal.steps__grid--cols-2{display:grid;grid-template-columns:repeat(2,1fr);}
.steps__grid--horizontal.steps__grid--cols-3{display:grid;grid-template-columns:repeat(3,1fr);}
.steps__grid--horizontal.steps__grid--cols-4{display:grid;grid-template-columns:repeat(4,1fr);}
.steps__grid--vertical{display:flex;flex-direction:column;gap:0;max-width:640px;margin-left:auto;margin-right:auto;}

.step-item{padding:28px 28px 38px;border-right:var(--hairline) solid var(--border-light);}
.steps__grid--vertical .step-item{border-right:none;border-bottom:var(--hairline) solid var(--border-light);}
.steps__grid--horizontal .step-item:last-child{border-right:none;}
.steps__grid--vertical .step-item:last-child{border-bottom:none;}

.step-item__icon{width:96px;height:96px;object-fit:contain;margin-bottom:18px;}
.step-item__number{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--garnet);margin-bottom:14px;display:block;}
.step-item__title{font-size:17px;margin-bottom:10px;}
.step-item__desc,
.step-item__desc p{font-size:14px;color:var(--slate);line-height:1.55;}
.step-item__cta{margin-top:14px;}

/* ---------- Boxes style ---------- */
.steps__grid--style-boxes{gap:24px;}
.steps__grid--style-boxes .step-item,
.steps__grid--style-boxes .step-item:last-child{
  border:var(--hairline) solid var(--border-light);
  border-top:3px solid var(--garnet);
  border-radius:var(--radius-card);
  background:var(--white);
  padding:28px 28px 32px;
}
.steps__grid--style-boxes .step-item--highlight,
.steps__grid--style-boxes .step-item--highlight:last-child{
  background:var(--midnight);
  border-color:var(--midnight);
  border-top-color:var(--garnet);
}
.steps__grid--style-boxes .step-item--highlight .step-item__number{color:var(--garnet-lt);}
.steps__grid--style-boxes .step-item--highlight .step-item__title{color:var(--white);}
.steps__grid--style-boxes .step-item--highlight .step-item__desc,
.steps__grid--style-boxes .step-item--highlight .step-item__desc p{color:var(--navy-8);}

.steps__cta{margin-top:40px;text-align:center;}

.stages-image{
  margin-top:0;
  min-height:440px;
  position:relative;
  display:flex;
  align-items:flex-end;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed;
}
.stages-image::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(6,24,47,0.06) 0%, rgba(6,24,47,0.12) 60%, rgba(6,24,47,0.55) 100%);
  pointer-events:none;
}
.stages-image-cap{
  position:relative;
  z-index:1;
  width:100%;
  background:rgba(6,24,47,0.88);
  color:var(--navy-8);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  padding:14px 32px;
  text-align:center;
}
