.index-container{min-height:100vh;background:#fbfbf7;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.index-header{text-align:center;margin-bottom:4rem}.index-header h1{font-size:2.5rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em;color:#1d2b34}.index-subtitle{font-size:1rem;color:#6f8797;margin:0;font-weight:400}.flows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem;max-width:900px;width:100%}.flow-card{background:#fff;border-radius:8px;padding:0;text-decoration:none;color:inherit;border:1px solid #e5e7eb;transition:all .2s ease;overflow:hidden}.flow-card:hover{border-color:#6f8797;box-shadow:0 2px 8px rgba(111,135,151,.12)}.flow-card-content{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.flow-card h2{margin:0;font-size:1rem;font-weight:500;color:#1d2b34;flex:1 1}.flow-card-arrow{font-size:1.25rem;color:#6f8797;transition:transform .2s ease;margin-left:1rem;opacity:.5}.flow-card:hover .flow-card-arrow{transform:translateX(3px);opacity:1}