.flow{border-top:1px solid rgba(0,243,255,.16);padding:100px 0}.flow .content-wrapper,.flow .wrap{margin:0 auto;max-width:1200px;padding:0 28px}.flow .head{margin-bottom:60px;max-width:620px}.flow .head .eyebrow{align-items:center;color:#00f3ff;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.72rem;gap:9px;letter-spacing:2px;text-transform:uppercase}.flow .head .eyebrow:before{background:#00f3ff;content:"";height:1px;width:22px}.flow .head p{color:#85a9ad}.flow .steps{border:1px solid rgba(0,243,255,.16);border-radius:14px;display:grid;gap:0;grid-template-columns:repeat(4,1fr);overflow:hidden}.flow .step{border-right:1px solid rgba(0,243,255,.16);padding:32px 26px;position:relative;transition:.35s}.flow .step:last-child{border-right:none}.flow .step:hover{background:linear-gradient(180deg,rgba(0,243,255,.4),transparent)}.flow .step .idx{color:#00f3ff;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:1px}.flow .step h3{color:#fff;font-family:Syne,sans-serif;font-size:1.15rem;font-weight:800;margin:16px 0 10px}.flow .step p{color:#85a9ad;font-size:.9rem}.flow .step .t{color:#52716f;display:block;font-family:JetBrains Mono,monospace;font-size:.7rem;margin-top:16px}@media(max-width:920px){.flow{padding:70px 0}.flow .steps{grid-template-columns:1fr}.flow .step{border-bottom:1px solid rgba(0,243,255,.16);border-right:none}.flow .step:last-child{border-bottom:none}}