.billing-guarantee{display:flex;align-items:center;gap:16px;padding:22px 26px;background:#e8f8ef;border:1px solid #bfe7ce;border-radius:16px;margin:24px 0;color:#174735}.billing-guarantee>span{font-size:28px}.billing-guarantee p{margin:5px 0 0}.billing-current,.billing-connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.billing-plan-grid,.billing-total-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.billing-plan{min-width:0}.billing-plan h3{font-size:26px;margin:12px 0}.billing-provider{margin:28px 0 38px}.billing-amount{font-size:24px;font-weight:700;letter-spacing:-.7px}.billing-amount small{font-size:13px;font-weight:400}.billing-year{min-height:72px;line-height:1.8}.billing-year span{font-size:12px;color:#267a57}.billing-fine{font-size:12px;color:#68756e;line-height:1.7}.billing-plan .check,.billing-connection .check{align-items:flex-start;font-size:12px;line-height:1.6}.billing-subscription,.billing-payment{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid #e4ebe6}.billing-payment>div,.billing-payment>form{min-width:0;flex:1}.billing-payment small{overflow-wrap:anywhere}.billing-actions{display:flex;gap:12px;flex-wrap:wrap}.billing-connection{padding:24px;border:1px solid #e0e9e2;border-radius:14px}.billing-connection h3{margin:0}.billing-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.billing-filters label{flex:1;min-width:160px}.billing-table-wrap{overflow-x:auto}.billing-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.billing-table-wrap th,.billing-table-wrap td{padding:16px;border-bottom:1px solid #e3eae5;font-size:13px}.billing-table-wrap th{background:#f4f7f4}.billing-table-wrap small{overflow-wrap:anywhere}.billing-plan .btn{width:100%}button:disabled{cursor:not-allowed;opacity:.55}.pricing-period{border:1px solid #dce7e0;padding:6px;margin:30px auto 36px;display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;background:#f1f6f3;border-radius:18px;box-shadow:0 5px 18px #173e2f08}.pricing-period label{position:relative;display:flex;justify-content:center;gap:10px;align-items:center;cursor:pointer;padding:15px 24px;border:0;border-radius:12px;font-size:14px;font-weight:600;line-height:1.2;color:#587064;transition:background .18s ease,color .18s ease,box-shadow .18s ease;white-space:nowrap}.pricing-period label:hover{background:#e4eee8;color:#173e2f}.pricing-period label:has(input:checked){background:#173e2f;color:#fff;box-shadow:0 4px 10px #173e2f26}.pricing-period label:has(input:focus-visible){outline:3px solid #83b9a2;outline-offset:3px}.pricing-period input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pricing-period b{font-size:10px;font-weight:700;letter-spacing:.15px;background:#d5f5b9;color:#204733;border-radius:6px;padding:5px 7px}.pricing-period label:has(input:checked) b{background:#d5f5b9;color:#173e2f}.price-yearly{display:none}#pricing:has(#pricing-yearly:checked) .price-monthly{display:none}#pricing:has(#pricing-yearly:checked) .price-yearly{display:block}.yearly-total{font-size:13px;margin:4px 0 20px;color:#496757}.pricing-guarantee{text-align:center;margin:24px auto;color:#246346;font-size:15px}.price-card .price{white-space:normal}@media(max-width:1100px){.billing-plan-grid{grid-template-columns:1fr}.billing-year{min-height:0}.billing-current,.billing-connection-grid{grid-template-columns:1fr}}@media(max-width:650px){.billing-subscription,.billing-payment{flex-direction:column;align-items:stretch}.billing-total-grid{grid-template-columns:1fr}.pricing-period{flex-wrap:nowrap}.billing-guarantee{padding:18px}.billing-connection{padding:16px}}

.pricing-period legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:800px){#pricing .price-grid{grid-template-columns:1fr}#pricing .price-card{padding:28px}.pricing-period label{padding:14px 18px}}

@media(max-width:380px){.pricing-period label{padding:14px 12px;gap:6px;font-size:13px}.pricing-period b{font-size:9px;padding:4px 5px}}@media(prefers-reduced-motion:reduce){.pricing-period label{transition:none}}

.billing-plan-grid>.panel{margin:0}.billing-plan>.panel-body{height:100%;display:flex;flex-direction:column}.billing-plan-form{flex:1;display:flex;flex-direction:column;gap:16px}.billing-plan-form .billing-year{margin:8px 0 0;min-height:62px}.billing-plan-form>.btn{margin-top:auto}.billing-plan-form>.check{min-height:42px}.billing-period{width:max-content;box-sizing:border-box;margin:24px auto 30px;padding:5px;border-radius:14px;gap:3px}.billing-period label{flex:1;padding:15px 24px;font-size:13px;gap:7px;border-radius:9px}.billing-period b{font-size:9px;padding:4px 5px}.billing-price-monthly{display:none}.billing-catalog:has(#billing-monthly:checked) .billing-price-monthly{display:block}.billing-catalog:has(#billing-monthly:checked) .billing-price-yearly{display:none}.billing-plan .billing-amount{font-size:30px}.billing-plan .billing-amount small{white-space:nowrap}@media(max-width:380px){.billing-period label{padding:12px 6px;font-size:12px;gap:5px}.billing-period b{font-size:8px}}

.billing-catalog-controls{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 16px}.billing-catalog-controls .pricing-period{margin:0}.billing-provider-switch{padding:5px;border-radius:14px;gap:4px}.billing-provider-switch label{padding:12px 22px;border-radius:9px;min-width:124px;box-sizing:border-box}.billing-provider-switch img{display:block;width:102px;height:28px;object-fit:contain}.billing-provider-switch label:has(input:checked){background:white;color:#173e2f;box-shadow:0 2px 8px #173e2f20;outline:1px solid #b7d5c4}.billing-provider-note{text-align:center;font-size:12px;color:#68756e;margin:0 0 28px}.billing-catalog:has(#provider-paypal:checked) [data-price-provider="payfast"],.billing-catalog:has(#provider-payfast:checked) [data-price-provider="paypal"]{display:none}.billing-plan-grid.billing-four-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.billing-four-plans .billing-amount{font-size:28px}.billing-four-plans .panel-body{padding:24px}.billing-four-plans .billing-year{min-height:82px;font-size:12px}.billing-plan-featured{border-color:#7ebfa1;box-shadow:0 0 0 1px #7ebfa1}.billing-free-content{display:flex;flex-direction:column;flex:1;gap:16px}.billing-free-content .billing-year{margin:8px 0 0}.billing-free-content>.btn{margin-top:auto}.billing-plan-features{padding-left:18px;line-height:1.9;font-size:12px;color:#68756e}.billing-four-plans .billing-plan-form>.check{min-height:64px}@media(max-width:1250px){.billing-plan-grid.billing-four-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.billing-plan-grid.billing-four-plans{grid-template-columns:1fr}.billing-catalog-controls{gap:12px}.billing-provider-switch label{padding:12px 16px}.billing-four-plans .billing-year{min-height:62px}}

.billing-currency-form{display:flex;align-items:center;gap:10px}.billing-currency-form label{font-size:12px;font-weight:600;color:#567064}.billing-currency-form select{min-width:104px;padding:12px 36px 12px 14px;margin-top:4px;background-color:white}.billing-provider-note{max-width:900px;margin:0 auto 28px;line-height:1.7}.billing-provider-status{display:block;color:#278064;font-size:11px;margin-top:4px}.billing-rate-note{margin:20px auto;max-width:900px;text-align:center}.billing-rate-note a{color:inherit;text-decoration:underline}.billing-catalog[data-period="monthly"] .billing-price-monthly{display:block}.billing-catalog[data-period="monthly"] .billing-price-yearly{display:none}.billing-four-plans .billing-amount{font-size:25px;letter-spacing:-.6px}.billing-four-plans .billing-year{min-height:92px}

.billing-currency-form button[hidden]{display:none}

.billing-trial-status{font-size:12px;line-height:1.75;color:#68756e;padding:14px 0}.billing-trial-status strong{display:block;color:#284e3e;font-weight:600}.billing-trial-status p{margin:7px 0 0;font-size:12px;line-height:1.75}

.billing-plan-grid>.billing-plan-current{border:3px solid #0a805e;background:#e4f5eb;box-shadow:0 0 0 4px #0a805e12}.billing-plan-current>.panel-body{padding:22px}.billing-current-badge{align-self:flex-start;display:inline-block;background:#0a805e;color:white;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:600;margin:0 0 10px}.billing-account-panel{margin-top:32px;border-color:#ecd5cf}.billing-account-panel h3{margin:0 0 10px}.billing-account-panel p{max-width:900px;line-height:1.7}.billing-danger-button{background:#a53e32;color:white;border:1px solid #a53e32}.billing-cancel-dialog{border:0;border-radius:18px;max-width:650px;width:calc(100% - 32px);padding:8px;box-shadow:0 20px 80px #0003;color:#183a37}.billing-cancel-dialog::backdrop{background:#142d2a99}.billing-cancel-dialog p{font-size:14px;line-height:1.7}.billing-cancel-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.billing-upgrade-summary{max-width:700px;margin:0 0 24px}.billing-upgrade-summary>div{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #e1e9e5}.billing-upgrade-summary dd{font-weight:700;margin:0}.billing-due-now{font-size:22px;color:#08755a}

.billing-provider-switch{gap:8px;padding:7px}.pricing-period.billing-provider-switch label{min-width:166px;min-height:66px;padding:14px 22px;background:#fff;border:2px solid #dce7e0;box-shadow:none;position:relative;transition:border-color .15s,box-shadow .15s}.billing-provider-brand{display:flex;justify-content:center;align-items:center;gap:8px}.billing-provider-switch .billing-provider-wordmark{width:104px;height:34px;object-fit:contain}.billing-provider-switch .billing-paypal-mark{width:24px;height:30px;object-fit:contain}.pricing-period.billing-provider-switch label:hover{background:#fff;border-color:#86b8a6}.pricing-period.billing-provider-switch label:has(input:checked){background:#fff;border-color:#007e77;outline:0;box-shadow:0 0 0 2px #007e7725}.pricing-period.billing-provider-switch label:has(input:checked)::after{content:'✓';position:absolute;top:3px;right:5px;font-size:11px;font-weight:700;color:#007e77}@media(max-width:650px){.pricing-period.billing-provider-switch label{min-width:142px;padding:12px 14px}.billing-provider-switch .billing-provider-wordmark{width:94px}.billing-provider-switch .billing-paypal-mark{width:20px}}

.pricing-period.billing-provider-switch label:has(input:checked){border-width:7px;border-color:#078bd3;padding:9px 17px;box-shadow:0 0 0 4px #078bd340}.pricing-period.billing-provider-switch label:has(input:checked)::after{content:"Selected";position:absolute;top:-13px;right:auto;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:5px;background:#0879b4;color:#fff;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.3px;white-space:nowrap}@media(max-width:650px){.pricing-period.billing-provider-switch label:has(input:checked){padding:7px 9px}}

.billing-catalog-controls{align-items:stretch}.billing-catalog-controls .billing-period{padding:7px;align-items:stretch}.billing-catalog-controls .billing-period label{min-height:66px;display:flex;align-items:center;justify-content:center}

.billing-period-explanation{text-align:center;font-size:13px;line-height:1.7;color:var(--muted);margin:12px auto 22px;max-width:760px}
