.hbpb-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:20px 0;align-items:stretch}
.hbpb-card,.hbpb-dash-card{background:#111827;color:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.hbpb-card h3,.hbpb-dash-card h3,.hbpb-dash-card h4{margin:0 0 10px;font-size:1.4rem}
.hbpb-card p,.hbpb-dash-card p{margin:0 0 16px;line-height:1.5;color:#d1d5db}
.hbpb-card--premium,.hbpb-dash-card--hero{background:linear-gradient(135deg,#0f172a,#1d4ed8)}
.hbpb-actions,.hbpb-manage-wrap{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.hbpb-btn{appearance:none;border:0;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:140px;max-width:100%;text-align:center}
.hbpb-btn--stripe{background:#fff;color:#111827}
.hbpb-btn--yearly{background:#facc15;color:#111827}
.hbpb-btn--manage{background:#2563eb;color:#fff}
.hbpb-btn:disabled{opacity:.7;cursor:wait}
.hbpb-note,.hbpb-inline-note,.hbpb-currency-note{font-size:.95rem;color:#4b5563}
.hbpb-note{grid-column:1/-1}
.hbpb-inline-note{padding:12px 14px;background:#f3f4f6;border-radius:12px}
.hbpb-currency-note{margin-top:12px;color:#dbeafe}

.hbpb-dashboard{display:grid;gap:20px;margin:20px 0}
.hbpb-dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hbpb-dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.hbpb-dash-head h3{margin:4px 0 6px;font-size:1.8rem;line-height:1.1}
.hbpb-eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe}
.hbpb-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;font-weight:700;white-space:nowrap}
.hbpb-status-badge.is-premium{background:#facc15;color:#111827}
.hbpb-status-badge.is-free{background:#e5e7eb;color:#111827}
.hbpb-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hbpb-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.hbpb-stat span{display:block;font-size:.82rem;color:#cbd5e1;margin-bottom:8px}
.hbpb-stat strong{display:block;font-size:1rem;line-height:1.35}
.hbpb-feature-list{margin:0;padding-left:18px;color:#d1d5db;display:grid;gap:10px}

@media (max-width: 900px){
  .hbpb-dash-grid,.hbpb-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .hbpb-pricing-grid,.hbpb-dash-grid,.hbpb-stat-grid{grid-template-columns:1fr}
  .hbpb-card,.hbpb-dash-card{padding:18px}
  .hbpb-dash-head{flex-direction:column;align-items:flex-start}
  .hbpb-dash-head h3{font-size:1.45rem}
  .hbpb-actions,.hbpb-manage-wrap{flex-direction:column}
  .hbpb-btn{width:100%;min-width:0}
}