.flow__steps{counter-reset:none;grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:640px){.flow__steps{grid-template-columns:repeat(4,1fr)}}@media (min-width:1100px){.flow__steps{grid-template-columns:repeat(7,1fr);gap:0}}.flow__steps li{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.flow__steps li.is-last{background:var(--gradient-brand);color:var(--color-ink-950);border-color:#0000}.flow__num{color:var(--color-orange-ink);font-size:12px;font-weight:700}.flow__steps li.is-last .flow__num{color:var(--color-ink-950)}.flow__label{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.2}@media (min-width:1100px){.flow__steps li{border-right:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:104px;padding:20px 18px 20px 26px}.flow__steps li:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);padding-left:20px}.flow__steps li.is-last{border-radius:0 var(--radius-md) var(--radius-md) 0}.flow__steps li:not(.is-last):after{content:"";z-index:1;border-top:1px solid var(--color-line);border-right:1px solid var(--color-line);background:#fff;width:20px;height:20px;position:absolute;top:50%;right:-11px;transform:translateY(-50%)rotate(45deg)}.flow__steps li:nth-last-child(2):after{background:#fff}}.flow__loop{color:var(--color-muted);align-items:center;gap:10px;margin-top:18px;font-size:15px;display:flex}.flow__loop svg{width:20px;height:20px;color:var(--color-orange-ink);flex-shrink:0}
