/* ==========================================================
   STEPS — "Как это работает" 5-step process.
   ========================================================== */
.steps{padding:0 48px 160px;}
.steps-head{max-width:640px;margin:0 auto;padding-bottom:56px;text-align:center;}
.steps-head h2{font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-weight:500;font-size:clamp(28px,4vw,42px);}
.steps-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:24px;
  max-width:1320px;margin:0 auto;
}
.step-card{padding:28px 20px 0;border-top:2px solid var(--line);}
.step-card .step-num{
  font-family:Georgia,"Noto Serif","Times New Roman",serif;font-style:italic;font-size:36px;color:var(--accent);
  display:block;margin-bottom:14px;
}
.step-card h3{font-size:16px;font-weight:600;margin-bottom:8px;}
.step-card p{font-size:13px;color:var(--taupe);line-height:1.6;}
.steps-cta{display:flex;justify-content:center;padding-top:48px;}

@media (max-width:1080px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px;}}
@media (max-width:640px){
  .steps{padding:0 20px 100px;}
  .steps-grid{grid-template-columns:1fr 1fr;gap:28px 20px;}
}