.method-flows{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;display:grid}.flow-card{background:linear-gradient(180deg, #fbfaf6 0%, var(--paper) 100%);border:1px solid var(--rule);border-radius:20px;padding:30px 24px 24px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e0e0d0a,0 16px 30px -18px #0e0e0d38}.flow-card:before{content:"";background:linear-gradient(90deg, var(--yellow), var(--margin));height:4px;position:absolute;top:0;left:0;right:0}.flow-tag{letter-spacing:.1em;color:var(--ink);background:var(--yellow);border-radius:999px;align-items:center;margin-bottom:12px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;display:inline-flex}.flow-title{letter-spacing:-.01em;color:var(--ink);margin-bottom:22px;font-size:20px;font-weight:700}.flow-steps{flex-direction:column;gap:0;display:flex;position:relative}.flow-step{border-radius:12px;align-items:flex-start;gap:14px;padding:11px 10px;transition:background .4s;display:flex;position:relative}.flow-step:not(:last-child):after{content:"";background:var(--rule);width:1.5px;position:absolute;top:42px;bottom:-3px;left:25px}.flow-step.is-active{background:#f2e84a1f}.flow-step-icon{background:var(--ink);width:30px;height:30px;color:var(--paper);z-index:1;border-radius:9px;flex:none;justify-content:center;align-items:center;transition:background .4s,color .4s,transform .4s,box-shadow .4s;display:flex;position:relative}.flow-step.is-active .flow-step-icon{background:var(--yellow);color:var(--ink);transform:scale(1.08);box-shadow:0 0 0 4px #f2e84a33}.flow-step-body{flex:auto;min-width:0;padding-top:2px}.flow-step-label{letter-spacing:.09em;color:var(--ink-soft);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;transition:color .4s}.flow-step.is-active .flow-step-label{color:var(--margin)}.flow-step-text{color:var(--ink-soft);font-size:13.5px;line-height:1.45;transition:color .4s}.flow-step.is-active .flow-step-text{color:var(--ink)}.flow-step-tools{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tool-chip{border:1px solid var(--rule);background:#fff;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;padding:3px;display:inline-flex;box-shadow:0 1px 1px #0e0e0d08}.tool-logo{object-fit:contain;width:100%;height:100%}@media (max-width:900px){.method-flows{grid-template-columns:1fr}}