/* Pricing page extras, ported from design/flow-b-pricing-checkout.html */
.how4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:900px){.how4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.how4{grid-template-columns:1fr}}
.how4 div{display:grid;gap:4px;font-size:15px}
.how4 b{font-family:var(--rc-font-display);font-size:17px}
.how4 .n{width:28px;height:28px;border-radius:50%;background:var(--rc-accent-tint);color:var(--rc-accent-ink);display:grid;place-items:center;font-weight:700;font-size:13px}
.badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid}
.badge.gold{color:var(--rc-gold);border-color:var(--rc-gold)}
.badge.plat{color:var(--rc-platinum);border-color:var(--rc-platinum)}
.feat{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;font-size:15px}
.feat li{padding-left:1.5em;position:relative}
.feat li::before{content:"\2713";position:absolute;left:0;color:var(--rc-success);font-weight:700}
.feat li.no{color:var(--rc-text-muted)}
.feat li.no::before{content:"\2013";color:var(--rc-text-subtle)}
.card.price h3{margin-top:8px}
.calc{background:var(--rc-surface-2);border-radius:var(--rc-radius-lg);padding:20px;display:grid;gap:14px}
.calc .row,.calc .out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:700px){.calc .row,.calc .out{grid-template-columns:1fr}}
.calc .field{display:grid;gap:5px}
.calc label{font-size:14px;font-weight:500}
.calc input,.calc select{width:100%;font:inherit;font-size:16px;color:var(--rc-text);background:var(--rc-surface);border:1px solid var(--rc-border-strong);border-radius:8px;padding:10px 12px;min-height:44px}
.calc .stat{background:var(--rc-surface);border:1px solid var(--rc-border);border-radius:8px;padding:12px;display:grid;gap:2px}
.calc .stat b{font-family:var(--rc-font-display);font-size:26px;font-variant-numeric:tabular-nums}
.calc .stat span{font-size:13px;color:var(--rc-text-muted)}
.trustline{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--rc-text-muted);list-style:none;padding:0;margin:12px 0 0}
.trustline li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rc-accent-bright);margin-right:6px;vertical-align:middle}
.hero.band.pricing{background:var(--rc-band);color:var(--rc-band-fg);padding-block:clamp(40px,6vw,72px);border-bottom:0}
.hero.band.pricing .lede{color:var(--rc-band-muted)}
.hero.band.pricing .trustline{color:var(--rc-band-muted)}