.flow-container{max-width:1180px;margin:0 auto;padding:100px 24px}.flow-head{text-align:center;margin-bottom:72px}.flow-title{letter-spacing:-1.4px;margin:18px 0 0;font-size:46px;font-weight:500;line-height:1.02}.flow-title .grad{color:var(--brand)}.flow-rail{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.flow-step{background:var(--ui-bg-card);border:.5px solid var(--ui-line,var(--ui-line));border-radius:10px;padding:28px 24px 30px;position:relative}.flow-num{background:var(--ui-bg-card);border:.5px solid rgba(var(--ui-violet-rgb), .35);color:var(--ui-violet,var(--ui-violet));letter-spacing:1.5px;border-radius:4px;padding:4px 9px;font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:10.5px;position:absolute;top:-13px;left:22px}.flow-step h3{letter-spacing:-.2px;color:var(--text-primary);margin:10px 0 8px;font-size:16px;font-weight:500}.flow-step p{color:var(--ui-muted,var(--ui-muted));margin:0;font-size:13px;line-height:1.55}.flow-snippet{border:.5px solid var(--ui-line,var(--ui-line));color:rgba(var(--text-primary-rgb), .65);white-space:pre-wrap;background:#0006;border-radius:6px;margin-top:16px;padding:10px 12px;font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:10.5px;line-height:1.5;overflow-x:auto}.flow-snippet .sn-k{color:var(--ui-violet,var(--ui-violet))}.flow-snippet .sn-s{color:var(--success)}.flow-snippet .sn-c{color:var(--ui-dim,var(--ui-dim))}.flow-snippet .sn-t{color:inherit}@media (max-width:900px){.flow-rail{grid-template-columns:1fr}.flow-title{font-size:34px}}