.billing-cycle{display:flex;flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;border:1px solid #c8d8cc;border-radius:14px;padding:5px;margin:0 0 24px;background:#fff}
.billing-cycle legend{float:left;width:100%;padding:0 10px 8px;font-size:13px;color:var(--muted)}
.billing-cycle label{position:relative;cursor:pointer;flex:1;white-space:nowrap}
.billing-cycle input{position:absolute;opacity:0;width:1px;height:1px}
.billing-cycle label>span{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border-radius:10px;font-size:14px;font-weight:650;color:var(--ink)}
.billing-cycle input:checked+span{background:var(--ink);color:#fff}
.billing-cycle input:focus-visible+span{outline:3px solid var(--teal);outline-offset:2px}
.billing-cycle small{font-size:11px;line-height:1.4;padding:4px 7px;border-radius:6px;background:#e5f1d9;color:#345127}
.billing-cycle input:disabled+span{opacity:.5;cursor:not-allowed}
.billing-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 24px}
.checkout-identity{margin:28px 0 18px;padding:24px;border:1px solid #c8d8cc;border-radius:14px;background:#f7faf5}
.checkout-identity h2{font-size:21px;margin:7px 0 9px}.checkout-identity .muted{max-width:620px;margin-bottom:18px}
.checkout-step{color:var(--teal);font-size:11px;letter-spacing:1.2px;font-weight:750}
.checkout-identity label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}
.checkout-email-row{display:flex;gap:10px}.checkout-email-row input{flex:1;min-width:0;min-height:49px;padding:11px 13px;border:1px solid #b7c9be;border-radius:8px;background:#fff;color:var(--ink)}
.checkout-identity .inline-status{margin-top:13px}.checkout-identity .privacy-note{margin-top:14px}
@media(max-width:620px){.checkout-identity{padding:20px}.checkout-email-row{flex-direction:column}.checkout-email-row .button{width:100%}}
@media(max-width:420px){.billing-cycle label>span{padding:10px;gap:6px;font-size:13px}.billing-cycle small{font-size:10px}}