/* ROASORA_CHECKOUT_OFFER_V1 -- checkout page (dark document identity, see brand/roasora-doc.css) */
main.co{margin:0 auto}
.co h2{margin-top:26px}
.co-what{margin-top:0}
.co-notice{background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.35);color:#fde68a;border-radius:14px;padding:12px 14px;margin:14px 0 4px}
.co-notice strong{color:#fde68a}
.co-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.co-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid rgba(128,148,255,.22);border-radius:14px;cursor:pointer;background:rgba(10,16,44,.45)}
.co-plan input{position:absolute;opacity:0;pointer-events:none}
.co-plan:has(input:checked){border-color:#6e8bff;box-shadow:0 0 0 2px rgba(110,139,255,.35)}
.co-plan:has(input:focus-visible){outline:2px solid #8fb4ff;outline-offset:2px}
.co-pname{font-weight:700;color:#fff}
.co-price{font-size:22px;font-weight:700;color:#fff}
.co-price small{font-size:13px;font-weight:400;color:#c3cbea}
.co-pdesc{font-size:13px;color:#c3cbea}
.co-small{font-size:13px;margin:8px 0 0}
.co-accept{display:flex;gap:10px;align-items:flex-start;color:#dfe5ff;cursor:pointer}
.co-accept input{width:18px;height:18px;margin-top:3px;flex:none}
.co-accept.off{opacity:.55;cursor:not-allowed}
.co-receipt{margin-top:10px;padding:12px 14px;border:1px solid rgba(74,222,128,.35);background:rgba(74,222,128,.08);border-radius:12px;color:#bbf7d0;font-size:14px}
.co-pay{appearance:none;border:0;border-radius:12px;padding:13px 22px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b6cff,#7c5cff);cursor:pointer}
.co-pay:disabled{background:#2a3358;color:#8a93b8;cursor:not-allowed}
.co-methods{margin-top:22px;padding-top:16px;border-top:1px solid rgba(128,148,255,.18)}
.co-mtitle{font-weight:700;color:#fff;margin-bottom:8px}
.co-chips{display:flex;flex-wrap:wrap;gap:8px}
.co-chips span{border:1px solid rgba(128,148,255,.3);border-radius:8px;padding:5px 12px;font-size:13px;font-weight:700;color:#dfe5ff;letter-spacing:.02em}
@media (max-width:700px){.co-plans{grid-template-columns:1fr}}