.steps {display:grid; grid-template-columns:repeat(4, 1fr); gap:16px;}
.step {padding:28px 26px 24px; background:var(--cream); border:1px solid var(--line); border-radius:var(--radius); transition:background-color .25s ease, border-color .25s ease, transform .25s ease; position:relative; display:grid; grid-template-rows:auto auto auto 1fr auto; gap:14px; min-height:320px;}
.step:hover {background:white; border-color:var(--afm-green); transform:translateY(-2px);}
.step .glyph {width:56px; height:56px; border-radius:50%; background:var(--afm-green-tint); color:var(--afm-green-deep); display:grid; place-items:center; transition:background-color .25s ease, color .25s ease; margin-bottom:4px; justify-self:start;}
.step:hover .glyph {background:var(--afm-green); color:white;}
.step .glyph svg {width:26px; height:26px; display:block;}
.step .glyph svg line, .step .glyph svg path {stroke:var(--afm-green-deep);}
.step:hover .glyph svg line, .step:hover .glyph svg path {stroke:#fff;}
.step .num {font-family:'Geist Mono', monospace; font-size:11px; color:var(--afm-green); letter-spacing:0.12em; text-transform:uppercase;}
.step .title {font-size:20px !important; font-weight:500; letter-spacing:-0.015em; line-height:1.2; margin:0; color:var(--ink);}
.step .desc {color:var(--slate); font-size:14.5px; line-height:1.55; margin:0;padding-bottom: 0px;}
.step .duration {padding-top:14px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:4px;}
.step .duration .meta-row {display:flex; align-items:center;}
.step .duration .meta-v {font-size:13px; color:var(--ink-soft); letter-spacing:-0.005em; line-height:1.35;}


.list_step_box .fl-module-ws_module_step>div,
.list_step_box .fl-module-ws_module_step>div>div{
    height:100%;
}

@media (max-width: 960px) {
.steps {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width: 520px) {
.steps {grid-template-columns:1fr;}
.step {min-height:0;}
}