.billing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.billing-plan-card{position:relative;display:flex;flex-direction:column;padding:1.25rem;border:1px solid var(--bp-slate-200);border-radius:.75rem;background:#fafbfc;transition:border-color .2s ease,box-shadow .2s ease}.billing-plan-card:hover{box-shadow:0 2px 8px #0000000f}.billing-plan-card--highlighted{border-color:#c7d2fe;background:#fafaff;box-shadow:0 2px 12px #6366f114}.billing-plan-card--current{border-color:#bbf7d0;background:#f0fdf4}.billing-plan-card-ribbon{position:absolute;top:-.5rem;right:1rem;padding:.125rem .625rem;background:linear-gradient(135deg,var(--bp-indigo-500),#a855f7);color:#fff;font-size:.6875rem;font-weight:700;border-radius:9999px;box-shadow:0 2px 6px #6366f14d}.billing-plan-card-top{margin-bottom:1rem}.billing-plan-card-tier{display:inline-block;font-size:1.125rem;font-weight:800;letter-spacing:.02em;color:#6d28d9;margin-bottom:.5rem}.billing-plan-card--highlighted .billing-plan-card-tier{color:#7c3aed}.billing-plan-card-price{display:flex;align-items:baseline;gap:.125rem;margin-bottom:.375rem}.billing-plan-card-amount{font-size:1.5rem;font-weight:800;color:var(--bp-slate-900)}.billing-plan-card-period{font-size:.8125rem;color:var(--bp-slate-400);font-weight:400}.billing-plan-card-desc{font-size:.75rem;color:var(--bp-slate-500);line-height:1.45;margin:0}.billing-plan-card-features{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.billing-plan-card-feature{display:flex;align-items:flex-start;gap:.375rem;font-size:.8125rem;color:var(--bp-slate-600);line-height:1.4}.billing-plan-card-feature svg{color:#22c55e;flex-shrink:0;margin-top:1px}.billing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.billing-btn--sm{padding:.375rem .625rem;font-size:.75rem}.billing-btn--upgrade{background:linear-gradient(135deg,var(--bp-indigo-500),#a855f7);color:#fff;border:none;box-shadow:0 2px 8px #6366f14d}.billing-btn--upgrade:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.billing-btn--outline{background:#fff;color:var(--bp-slate-600);border:1px solid #d1d5db}.billing-btn--outline:hover{background:var(--bp-slate-50);border-color:var(--bp-slate-400)}.billing-btn--current{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;cursor:default}.billing-btn--included{background:var(--bp-slate-50);color:var(--bp-slate-400);border:1px solid var(--bp-slate-200);cursor:default}.billing-btn--ghost{background:transparent;color:var(--bp-slate-500);border:none;padding:.375rem}.billing-btn--ghost:hover{color:var(--bp-slate-700);background:var(--bp-slate-100);border-radius:.375rem}.billing-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.billing-plans-grid{grid-template-columns:1fr}}