.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:16px;counter-reset:flow}.flow__step{position:relative;padding:24px 20px;border-radius:var(--radius-card);background:var(--k-card);border:1px solid var(--k-line);transition:border-color .35s ease-out,box-shadow .35s ease-out,transform .35s ease-out}.bg-surface .flow__step{border-color:transparent}.flow__step:not(:last-child)::after{content:"→";position:absolute;top:34px;right:-14px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--k-bg);color:var(--k-accent);font-weight:700;font-size:.95rem;line-height:1}.flow__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border-radius:12px;background:var(--k-surface);color:var(--k-accent);font:400 .8rem/1 var(--k-mono)}.bg-surface .flow__icon{background:var(--k-bg)}.flow__icon svg{width:24px;height:24px}.flow__title{font-size:1.15rem;font-weight:700;margin-bottom:.35em}.flow__text{margin:0;font-size:.95rem;color:var(--k-muted)}.flow__step.is-lit{border-color:var(--k-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--k-accent) 18%,transparent)}@media (max-width:760px){.flow__step:not(:last-child)::after{content:"↓";top:auto;right:auto;left:50%;bottom:-20px;transform:translateX(-50%)}}