/* ============ How We Work Section ============ */
.how-we-work{padding:6rem 8%;background:var(--white)}
.how-inner{max-width:760px;margin:0 auto}
.how-inner > h2{margin-bottom:2.5rem;text-align:center}

.work-steps{
  display:flex;
  flex-direction:column;
  gap:3rem;
}

.work-step{
  padding:2rem 1.75rem;
  border:1px solid rgba(58,18,201,0.12);
  border-radius:1.2rem;
  background:var(--card-bg);
  box-shadow:0 10px 30px rgba(58,18,201,0.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;
  cursor:default;
}

.work-step:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(58,18,201,0.12);
  border-color:rgba(58,18,201,0.24);
  background:linear-gradient(135deg,#fffef2 0%,#aad9e0 100%);
}

.work-step:first-child{
  border-top:none;
  padding-top:2rem;
}

.work-step-head{
  display:flex;
  align-items:center;
  gap:0.7rem;
  margin-bottom:0.5rem;
}

.work-icon{
  width:26px;
  height:26px;
  color:var(--blue);
  flex-shrink:0;
}

.work-icon svg{
  width:100%;
  height:100%;
  display:block;
}

.work-step h3{
  margin:0;
}

.work-sub{
  color:var(--body-text);
  opacity:0.7;
  font-weight:500;
  margin-bottom:1.3rem;
  font-size:1.05rem;
}