.p1 .p1-flow{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.p1 .p1-flow-step{border:1px solid color-mix(in srgb, var(--border) 68%, transparent);background:color-mix(in srgb, var(--background) 92%, transparent);box-shadow:0 24px 52px -30px color-mix(in srgb, var(--foreground) 36%, transparent);border-radius:20px;grid-template-rows:auto auto 1fr auto;align-content:start;padding:28px 26px 26px;display:grid}.p1 .p1-flow-top{align-items:center;gap:14px;display:flex}.p1 .p1-flow-num{letter-spacing:-.03em;color:color-mix(in srgb, var(--foreground) 22%, transparent);font-variant-numeric:tabular-nums;font-size:40px;font-weight:300;line-height:1}.p1 .p1-flow-icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--foreground) 6%, transparent);width:40px;height:40px;color:var(--foreground);place-items:center;display:grid}.p1 .p1-flow-icon svg{width:18px;height:18px}.p1 .p1-flow-step h3{letter-spacing:-.015em;margin:22px 0 0;font-size:19px;font-weight:500}.p1 .p1-flow-step p{color:var(--muted-foreground);margin:8px 0 0}.p1 .p1-flow-link{border-bottom:1px solid color-mix(in srgb, var(--foreground) 30%, transparent);color:var(--foreground);justify-self:start;margin-top:22px;padding-bottom:2px;font-weight:500;text-decoration:none;transition:border-color .15s}.p1 .p1-flow-link:hover{border-bottom-color:var(--foreground)}@media (max-width:860px){.p1 .p1-flow{grid-template-columns:1fr;gap:14px}.p1 .p1-flow-step{border-radius:18px;padding:22px 20px 20px}.p1 .p1-flow-num{font-size:34px}.p1 .p1-flow-step h3,.p1 .p1-flow-link{margin-top:16px}}@media (max-width:780px){.p1 .p1-flow-link{margin-top:0;padding-top:20px}}
