.payment-planner{background:white;border:1px solid #e3dbea;border-radius:16px;overflow:hidden}.planner-top{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #eee8f4}.step-label{font-size:9px;letter-spacing:1.4px;color:#927aa5;font-weight:600}.planner-top h3{font-size:18px;margin:9px 0 0;color:#3d2c4d;letter-spacing:-.3px}.content-switch{display:flex;background:#f4f0f8;padding:4px;border:1px solid #e9e0f1;border-radius:10px;gap:3px}.content-switch button{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:7px;min-height:43px;font-size:12px;padding:10px 16px;color:#8a759c}.content-switch svg{width:17px;height:17px}.content-switch button.active{background:white;color:#624087;box-shadow:0 2px 7px #3b155512}.planner-model-heading{display:flex;justify-content:space-between;padding:23px 25px 13px;gap:10px}.planner-demo{font-size:8px;letter-spacing:1px;color:#a490af}.payment-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:0 25px 24px}.payment-model{padding:19px;text-align:left;border-radius:11px;border:1px solid #e4dce9;background:#fff;display:flex;flex-direction:column;gap:9px;transition:border-color .2s,background .2s,box-shadow .2s}.payment-model:hover{border-color:#b296cb;background:#fcfaff}.payment-model.active{background:#f5effe;border-color:#a584d0;box-shadow:0 0 0 1px #a584d0}.model-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2px}.model-symbol{font-size:24px;color:#9170b4;height:26px;line-height:26px}.model-top i{width:14px;height:14px;border:1px solid #c3b4d0;border-radius:50%}.active .model-top i{border:4px solid #8155b8;background:white}.payment-model strong{font-size:17px;color:#463252;font-weight:600;letter-spacing:-.3px}.payment-model small{font-size:12px;line-height:1.6;color:#887093;white-space:normal}.planner-detail{background:#faf7fe;border-top:1px solid #e7deef;padding:23px 25px}.period-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.period-heading b{display:block;font-size:13px;font-weight:500;color:#674a7e}.period-heading small{display:block;font-size:11px;color:#9881a7;margin-top:7px}.period-switch{display:flex;padding:4px;gap:3px;border-radius:10px;background:#eae1f3}.period-switch button{border:0;border-radius:7px;font-size:12px;min-height:43px;padding:10px 16px;color:#80698f;background:transparent;display:flex;align-items:center;gap:8px}.period-switch button.active{background:#7852ad;color:white;box-shadow:0 3px 7px #45275c15}.period-switch button>span{font-size:8px;border-radius:4px;padding:3px 5px;background:#d9ccE8;color:#6f4e8b}.period-switch button.active>span{background:#ffffff24;color:white}.planner-summary{display:flex;align-items:center;gap:28px;margin-top:20px}.planner-summary>div{flex-shrink:0;min-width:180px}.planner-summary>div>span{font-size:8px;letter-spacing:1.3px;color:#a18aaf;display:block;margin-bottom:5px}.planner-summary strong{font-size:28px;letter-spacing:-.8px;color:#4b2e65;display:block}.planner-summary strong small{font-size:12px;letter-spacing:0;font-weight:400;color:#9c81ae;margin-left:8px}.planner-summary p{font-size:12px;line-height:1.8;color:#8b729e;max-width:650px;margin:0}.planner-summary p b{font-weight:500;color:#6d4f81;display:block}.planner-detail>.planner-summary:first-child{margin-top:0}.planner-fine{font-size:11px;line-height:1.8;color:#947cA6;margin:16px 0 0}.credit-explainer{display:flex;gap:17px;align-items:center;margin-top:20px;font-size:11px;color:#856495}.credit-explainer span{background:#f0e8f8;border:1px solid #e4d8ee;border-radius:7px;padding:9px 12px}.credit-explainer i{font-style:normal;color:#b399c8}.credit-purchase-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;background:#f4eefb;border:1px solid #e6d9f2;border-radius:9px;font-size:12px;color:#725487}.credit-purchase-summary strong{color:#4d286b}.credit-wallets article{display:grid;grid-template-columns:1fr auto;gap:25px;padding:22px 0;border-top:1px solid #ece5f2}.credit-wallets h3{margin:9px 0;font-size:20px}.credit-wallets p{font-size:12px;color:#8b7398}.wallet-balance{font-size:35px;letter-spacing:-1px;color:#7650a2;display:block;margin:20px 0 12px}.wallet-balance small{font-size:12px;font-weight:400;color:#977faa;letter-spacing:0;margin-left:10px}.wallet-progress{height:6px;background:#efe7f7;border-radius:6px;max-width:420px;overflow:hidden;margin-bottom:10px}.wallet-progress i{height:100%;display:block;background:#aa83ce;border-radius:6px}.credit-wallets small{font-size:11px;color:#957fa2}.wallet-actions{align-self:center;min-width:220px}.wallet-actions>button{width:100%}.wallet-actions details{margin-top:15px;font-size:11px;color:#80678f}.wallet-actions summary{cursor:pointer;padding:10px 0}.wallet-actions label,.wallet-actions small{display:block;margin:9px 0}.wallet-actions select{display:block;max-width:220px;width:100%;margin-top:6px;font-size:11px}.wallet-actions details button{font-size:11px}.credit-wallets .eyebrow{font-size:9px}.storefront .bundle-savings.credit-tag{background:#f1eaf8;border-color:#e0d4ec;color:#846096;font-size:10px}.credit-rate-note{font-size:10px;color:#9b88a8;margin-top:7px}
@media(max-width:1150px){.planner-top,.planner-detail{padding:20px}.payment-models{padding:0 20px 20px;gap:10px}.planner-model-heading{padding:20px 20px 13px}.payment-model{padding:15px}.payment-model strong{font-size:15px}.payment-model small{font-size:11px}.period-switch button{padding:10px 13px;font-size:11px}.planner-summary{gap:20px}.planner-summary>div{min-width:150px}.planner-summary strong{font-size:25px}}
@media(max-width:700px){.planner-top{align-items:flex-start;flex-direction:column;gap:17px}.content-switch{width:100%}.content-switch button{flex:1;justify-content:center}.planner-demo{max-width:115px;text-align:right;font-size:7px}.payment-models{grid-template-columns:1fr;padding:0 17px 19px;gap:10px}.payment-model{padding:14px 16px;display:grid;grid-template-columns:27px 1fr;gap:4px 12px}.model-top{grid-row:1/3;height:100%;align-items:center}.model-top i{display:none}.payment-model strong{font-size:15px}.payment-model small{font-size:11px}.payment-model.active:after{content:'✓';position:absolute;right:16px;top:15px;color:#9a77bf}.payment-model{position:relative}.payment-model small{padding-right:5px}.period-heading{flex-direction:column;align-items:stretch;gap:17px}.period-switch{width:100%}.period-switch button{flex:1;justify-content:center;min-height:45px;padding:9px 7px;flex-direction:column;gap:4px}.period-switch button>span{font-size:7px}.planner-summary{gap:15px;align-items:flex-start;flex-direction:column}.planner-summary>div{min-width:0}.planner-summary strong{font-size:29px}.planner-summary p{font-size:12px}.planner-top h3{font-size:17px}.planner-top,.planner-detail{padding:20px 17px}.planner-model-heading{padding:20px 17px 13px}.step-label{font-size:8px;letter-spacing:1px}.credit-explainer{align-items:stretch;gap:7px;flex-direction:column}.credit-explainer i{display:none}.credit-explainer span{font-size:11px}.credit-wallets article{grid-template-columns:1fr}.wallet-actions{min-width:0}.wallet-actions select{max-width:none}.credit-purchase-summary{flex-wrap:wrap}.credit-purchase-summary strong{flex-basis:100%;margin-top:5px}.planner-fine{font-size:10px}}