/* rb pricing: components for /pricing/ built on rb.css tokens, to merge into rb-sections.css.
   Hero with the title left and the lede + trial line right (.rbp-hero, .rbp-trial), and the one
   Resellbot plan card (rb/plan-card: .rbp-plan, one row per included product). Loaded via pageStyles. */

/* Hero */
.rbp-hero{padding-block:clamp(24px,2.8vw,40px) clamp(32px,3vw,44px)}
.rbp-hero__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:24px 48px}
.rbp-hero .rb-hero__lede{max-width:30em;margin:0}
.rbp-hero .rb-crumbs ol{justify-content:flex-start;margin-bottom:20px}
.rbp-hero__copy{padding-bottom:.35em}
.rbp-trial{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}

/* The plan */
.rbp-plans-sec{padding-bottom:var(--section)}
.rbp-plan{max-width:720px;margin-inline:auto;padding:32px 36px;border-radius:var(--r4);background:var(--paper);box-shadow:var(--sh2);font-variant-numeric:tabular-nums}
.rbp-plan__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.rbp-plan__name{font-size:26px;letter-spacing:-.03em;line-height:1.2}
.rbp-plan__for{margin-top:4px;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-3)}
.rbp-plan__price{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.rbp-plan__price b{font-size:clamp(48px,4.4vw,60px);font-weight:800;letter-spacing:-.05em;line-height:1}
.rbp-plan__price span{font-size:15px;font-weight:500;color:var(--ink-3)}
.rbp-plan__trial{margin-top:20px}
.rbp-plan__inc{margin-top:16px;border-radius:var(--r2);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.rbp-plan__row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:16px;padding:16px 20px}
.rbp-plan__row+.rbp-plan__row{border-top:1px solid var(--line)}
.rbp-plan__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.rbp-plan__t{min-width:0}
.rbp-plan__t b{display:block;font-size:16px;font-weight:700;letter-spacing:-.01em}
.rbp-plan__t a{text-decoration:none}
.rbp-plan__t a:hover{text-decoration:underline;text-underline-offset:3px}
.rbp-plan__t>span{display:block;margin-top:2px;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-2)}
.rbp-plan__cta{width:100%;margin-top:24px}
.rbp-plan__note{margin-top:12px;font-size:var(--fs-xs);text-align:center;color:var(--ink-3)}

@media (min-width:901px) and (max-width:1100px){
.rbp-hero .rb-display--md{--fs-d:clamp(44px,6.1vw,88px)}
}
@media (max-width:900px){
.rbp-hero__grid{grid-template-columns:minmax(0,1fr)}
.rbp-hero .rb-hero__lede{max-width:34em;margin:0}
}
@media (max-width:640px){
.rbp-plan{padding:24px 20px 20px}
.rbp-plan__row{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 16px}
.rbp-plan__ic{align-self:start;width:32px;height:32px}
}