/* plan, usage and time saved on the home page */
.planbox{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px 28px;margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
.pb-col{display:grid;gap:6px;align-content:start;min-width:0}
.pb-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pb-big{font-size:15px;color:var(--muted)}.pb-big b{font-size:30px;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px}
.pb-sub{font-size:13px;color:var(--ink)}.pb-sub.muted{color:var(--muted);font-size:12.5px}.pb-sub .bad{color:var(--bad);font-weight:600}
.pb-bar{height:8px;border-radius:99px;background:var(--sunk);overflow:hidden}
.pb-bar span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .4s}
.pb-bar.near span{background:var(--warn)}.pb-bar.over span{background:var(--bad)}