/* Página Ascend Pay */
.apay { max-width: var(--maxw); margin-inline: auto; padding: 0 var(--gutter); }
.pay-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 4vw, 64px); align-items: center; padding-top: clamp(32px, 5vw, 72px); }
.pay-hero h1 { font-size: clamp(38px, 5.6vw, 68px); margin-top: 16px; }
.pay-hero .lead { margin-top: 18px; color: var(--muted); font-size: clamp(16px, 1.5vw, 19px); max-width: 52ch; }
.pay-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.btn.ghost { background: var(--surface); color: var(--fg); border: 1px solid var(--line); box-shadow: none; }
.pay-img { border-radius: var(--radius); overflow: hidden; background: #F5F5F7; border: 1px solid var(--line); box-shadow: var(--shadow); }
.pay-img img { display: block; width: 100%; height: auto; }
.pay-img figcaption { padding: 12px 18px; font-size: 13px; color: #5B6679; background: #fff; border-top: 1px solid #E4E7EC; }
.pay-sec { padding-top: clamp(48px, 7vw, 96px); }
.pay-sec h2 { font-size: clamp(28px, 3.6vw, 44px); margin-top: 12px; }
.pay-sec > .lead { margin-top: 12px; color: var(--muted); max-width: 62ch; }
.pay-grid { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.pay-grid li { padding: 22px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.pay-grid b { display: block; font-size: 17px; letter-spacing: -.01em; }
.pay-grid span { display: block; margin-top: 6px; color: var(--muted); font-size: 14.5px; }
.pay-grid .ci { margin-bottom: 14px; width: 40px; height: 40px; border-radius: 13px; }
.pay-two { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 28px; }
.pay-tbl { margin-top: 28px; overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow); }
.pay-tbl table { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 15px; }
.pay-tbl th, .pay-tbl td { padding: 14px 16px; text-align: center; border-bottom: 1px solid var(--line); }
.pay-tbl th:first-child, .pay-tbl td:first-child { text-align: left; font-weight: 600; }
.pay-tbl thead th { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.pay-tbl tr:last-child td { border-bottom: 0; }
.pay-tbl .y { color: var(--blue); font-weight: 800; }
.pay-tbl .n { color: var(--muted); opacity: .5; }
.tiers { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }
.tiers li { padding: 20px; border-radius: 22px; background: var(--navy-900); color: var(--on-navy); border: 1px solid rgba(255,255,255,.08); }
.tiers b { font-size: 18px; display: block; }
.tiers span { display: block; margin-top: 6px; color: var(--on-navy-muted); font-size: 14px; }
.chips { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.chips li { padding: 9px 16px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); font-size: 14px; font-weight: 600; }
.pay-note { margin-top: 28px; padding: 22px 24px; border-radius: 22px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.pay-note ol { margin: 10px 0 0; padding-left: 22px; color: var(--muted); }
.pay-note li { margin: 6px 0; }
.pay-note a { color: var(--blue); font-weight: 600; }
.pay-note p { margin: 12px 0 0; color: var(--muted); font-size: 14px; }
.pay-end { padding-bottom: 72px; }
@media (max-width: 860px) { .pay-hero, .pay-two { grid-template-columns: 1fr; } }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pay-hero .pay-img { width: 100%; }
@media (max-width: 860px) { .pay-hero .pay-img { max-width: 560px; margin-inline: auto; } .pay-cta .btn { flex: 1 1 auto; } }