.billing-choice { display:flex; justify-content:center; margin:0 0 3rem; }
.billing-choice[hidden], .billing-detail[hidden], .billing-footnote[hidden] { display:none; }
.billing-toggle { display:inline-flex; gap:4px; padding:5px; border:1px solid #cbd0df; border-radius:999px; background:#fff; box-shadow:0 2px 8px #27345c08; }
.billing-toggle button { display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:999px; background:transparent; color:#566078; font-family:inherit; font-size:14px; font-weight:600; line-height:1.4; padding:12px 23px; cursor:pointer; }
.billing-toggle button[aria-pressed="true"] { background:var(--color-primary, #3d4e8c); color:#fff; box-shadow:0 2px 5px #26356324; }
.billing-toggle button:focus-visible { outline:3px solid #ed977b; outline-offset:3px; }
.billing-saving { font-size:10px; padding:3px 8px; border-radius:999px; background:#edf5ed; color:#376044; white-space:nowrap; }
.billing-toggle button[aria-pressed="true"] .billing-saving { background:#ffffff24; color:#fff; }
.billing-benefit { display:inline-flex; vertical-align:middle; align-self:center; margin-left:7px; padding:4px 7px; border:1px solid #cce5d4; border-radius:6px; background:#edf7ef; color:#2e6940; font:600 10px/1.4 sans-serif; white-space:nowrap; }
.billing-period { font-size:1rem; font-weight:400; margin-left:4px; }
.billing-detail, .billing-footnote { color:var(--color-text-muted, #697184); font-size:12px; line-height:1.6; }
.pricing-tier .billing-detail, .plan .billing-detail, .pricing-preview-card .billing-detail { margin:6px 0 14px; font-size:12px; line-height:1.6; }
.marketing-page .billing-footnote, .billing-footnote { text-align:center; margin:40px auto 18px; font-size:12px; line-height:1.6; }
.plan__price .billing-amount, .pricing-preview-card__price .billing-amount { font-size:inherit; font-weight:inherit; color:inherit; }
.plan__price .billing-benefit, .pricing-preview-card__price .billing-benefit { font:600 10px/1.4 sans-serif; color:#2e6940; }
@media(max-width:480px) { .billing-toggle button { padding:11px 16px; gap:7px; } .billing-choice { margin-bottom:2rem; } }