/* Online payments page and the Cashfree partner badge (2026-10-22). Loaded by online-payments and fees-and-billing.
   Uses the tokens from site.css. No inline styles (CSP: style-src self). */
.cf-badge{display:inline-block;line-height:0;border-radius:14px;transition:transform .2s,box-shadow .2s}
.cf-badge:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(76,50,30,.5)}
.cf-badge img{width:min(280px,100%);height:auto;display:block;border-radius:14px}
.cf-partner{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:28px}
.cf-partner p{margin:0;color:var(--muted);font-size:15px;max-width:56ch}
.cf-partner .cf-line{color:var(--fg);font-weight:600}
.cf-partner .cf-id{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0;color:var(--muted);font-size:14px}
.cf-id span{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.cf-id code{font:500 15px var(--f-mono);letter-spacing:.06em;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:4px 10px;user-select:all}
.cf-strip{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:40px;border:1px solid var(--line);background:var(--card);border-radius:24px;padding:22px 26px}
.cf-strip p{margin:0;flex:1 1 280px;color:var(--muted)}.cf-strip b{color:var(--fg)}
.flow3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch;margin-top:34px}
.flow3 .st{border:1px solid var(--line);background:var(--card);border-radius:24px;padding:22px;min-width:0}
.flow3 .st .k{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}
.flow3 .st h3{margin:6px 0 6px;font-size:20px}.flow3 .st p{margin:0;color:var(--muted);font-size:15px}
.flow3 .ar{align-self:center;color:var(--accent-ink);font:800 26px var(--f-display)}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.steps4 .card{min-width:0}.steps4 .n{font:500 12px var(--f-mono);letter-spacing:.1em;color:var(--accent-ink)}
.trustline{display:flex;flex-direction:column;gap:6px;margin-top:30px;color:var(--muted);font-size:14px}
.status-note{margin-top:18px;border-left:3px solid var(--teal);padding:6px 0 6px 14px;color:var(--muted);max-width:60ch;font-size:15px}
@media(max-width:900px){.flow3{grid-template-columns:1fr}.flow3 .ar{transform:rotate(90deg)}.steps4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps4{grid-template-columns:1fr}.cf-strip{padding:18px}}
@media(prefers-reduced-motion:reduce){.cf-badge{transition:none}}