/* Use-case offer page, 390px first */
.uc{max-width:44rem}
.uc .lead{font-size:1.125rem;line-height:1.6;margin:0 0 1.5rem}
.uc ul.pts,.uc ul.bill{margin:0 0 1.5rem;padding-left:1.25rem}
.uc ul.pts li,.uc ul.bill li{margin:0 0 .5rem}
.uc ol.steps{margin:0 0 1.5rem;padding-left:1.5rem}
.uc ol.steps li{margin:0 0 .75rem}
.uc .soon{display:inline-block;margin-left:.5rem;padding:0 .4rem;border:1px solid currentColor;border-radius:3px;font-size:.8125rem;line-height:1.5}
.uc .acts,.uc .topups{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 2rem}
.uc .acts .btn,.uc .topups .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:.5rem 1.25rem;border:1px solid #002855;border-radius:4px;font:600 16px/1.4 system-ui,sans-serif;text-decoration:none;box-sizing:border-box;max-width:100%}
.uc .acts .btn[aria-disabled="true"],.uc .topups .btn[aria-disabled="true"]{background:#f2f2f2;color:#5a5a56;border-color:#cfcdc5;cursor:not-allowed}
.uc .acts .btn.sec{background:#fff;color:#002855}
.uc .stat{color:#5a5a56;margin:0 0 1.5rem}
.uc .topups .note{flex-basis:100%;margin:0;color:#5a5a56}
@media (max-width:720px){.uc .acts{flex-direction:column}.uc .acts .btn{width:100%}.uc .topups .btn{flex:1 1 40%}}