/* Native billing-frequency choice, shared by pricing and checkout. */
.billing-cycle { display: inline-flex; flex: none; align-items: center; padding: var(--space-1); gap: var(--space-1); border: 1px solid var(--border-soft); border-radius: var(--radius-md); background: var(--paper); font-size: var(--fs-sm); }
.billing-cycle label { position: relative; margin: 0; cursor: pointer; }
.billing-cycle input { position: absolute; opacity: 0; inline-size: 1px; block-size: 1px; }
.billing-cycle span { display: block; padding: var(--space-1) var(--space-3); border-radius: var(--radius-sm); color: var(--text-muted); font-weight: 500; }
.billing-cycle input:checked + span { background: var(--ink); color: var(--paper); }
.billing-cycle input:focus-visible + span { box-shadow: var(--focus-ring); }