/* rb product: the product and acquisition pages on rb-page (/reseller-automations/, /crosslisting/,
   /archive/, /poshmark-bot/, /poshmark-tools/, /poshmark-inventory-management/, /connect/,
   /terapeak-alternative/). Built only on rb.css tokens, next to rb-sections.css (hero, tiles, notes).
   Markup: those pages and src/_includes/product-*.liquid. Loaded via pageStyles; replaces the
   legacy product-page.css, product-suite.css and marketing-components.css on these pages.
   Parts: hero sizing (.rbm-hero), icon tiles (.rbm-ic), snapshot rows (.rbm-rows), data tiles
   (.rbm-metrics), proof strip (.rbm-proof), cards (.rbm-cards), numbered steps (.rbm-steps),
   screenshot frame (.rbm-shot), plan section (.rbm-plan), comparison (.rbm-compare), marketplace
   grid (.rbm-markets), link row (.rbm-more), trust note (.rbm-note) and the automation demo (.rbm-demo). */

/* Hero */
.rbm-hero{padding-bottom:clamp(56px,7vw,104px)}
.rbm-h1{font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.046em}
.rbm-h1--long{font-size:clamp(40px,4.3vw,60px);line-height:1.02;letter-spacing:-.042em}
.rbm-hero .rb-hero__lede{margin-top:28px}
.rbm-hero .rb-hero__art>*{width:100%;max-width:540px;margin-left:auto}
.rbm-marks{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}
.rbm-marks li{display:flex;align-items:center;gap:8px}

/* Icon tiles: quiet (paper, hairline) and ink (the rb tile look) */
.rbm-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.rbm-ic--ink{width:40px;height:40px;border-radius:11px;background:var(--ink);box-shadow:none;color:#fff}
.rbm-mono{font-size:15px;font-weight:800;letter-spacing:-.02em}

/* Snapshot cards: title with a quiet second line, route label, switch, rows */
.rb-card__title small{display:block;margin-top:1px;font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.rbm-route{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:700;color:var(--ink-2);white-space:nowrap}
.rbm-route .rb-icon{color:var(--ink-4)}
.rbm-switch{position:relative;width:34px;height:20px;border-radius:99px;background:#dedad3}
.rbm-switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(28,27,25,.25)}
.rbm-switch.is-on{background:var(--green)}
.rbm-switch.is-on::after{translate:14px 0}
.rbm-routes{display:grid;gap:6px;padding:8px}
.rbm-routes li{display:grid;justify-items:start;gap:6px;padding:20px 22px;border-radius:var(--r2)}
.rbm-routes .is-live{background:var(--tint);box-shadow:inset 0 0 0 1px var(--line-2)}
.rbm-routes__top{display:flex;justify-content:space-between;align-items:center;gap:12px;justify-self:stretch;margin-bottom:8px}
.rbm-routes h3{font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.3}
.rbm-routes p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.rbm-routes .is-next{padding-block:14px;box-shadow:inset 0 0 0 1px var(--line);background-image:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(28,27,25,.025) 6px 12px)}

/* Snapshot card rows */
.rbm-rows li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 20px}
.rbm-rows li+li{border-top:1px solid var(--line-2)}
.rbm-rows__t{display:grid;gap:1px;min-width:0;line-height:1.4}
.rbm-rows__t b{font-size:15px;font-weight:700;letter-spacing:-.01em}
.rbm-rows__t span{font-size:12.5px;color:var(--ink-3)}
.rbm-card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:13px 20px;border-top:1px solid var(--line);background:var(--tint);font-size:var(--fs-xs);color:var(--ink-3)}
.rbm-card-foot a{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--ink);text-decoration:none}
.rbm-card-foot a:hover{text-decoration:underline;text-underline-offset:3px}
.rbm-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 20px 0;font-size:var(--fs-xs);font-weight:600;color:var(--ink-2)}
.rbm-status time,.rbm-status small{margin-left:auto;font-weight:500;color:var(--ink-3)}

.rbm-rows__n{display:grid;justify-items:end;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.rbm-rows__n b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.rbm-rows__n small{font-size:var(--fs-2xs);color:var(--ink-3)}
.rbm-stepcard .rbm-steps>li{padding-inline:20px}
.rbm-stepcard .rbm-steps>li:first-child{border-top:0}

/* Data tiles (2 × 2) */
.rbm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 20px 20px;border-radius:var(--r2);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums}
.rbm-metrics>div{min-width:0;padding:14px 16px}
.rbm-metrics>div:nth-child(even){border-left:1px solid var(--line)}
.rbm-metrics>div:nth-child(n+3){border-top:1px solid var(--line)}
.rbm-metrics dt{font-size:var(--fs-2xs);font-weight:500;color:var(--ink-3)}
.rbm-metrics dd{margin-top:2px;overflow:hidden;font-size:clamp(20px,1.9vw,26px);font-weight:800;letter-spacing:-.035em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.rbm-metrics .is-lead dd{color:var(--ink)}

/* Proof strip (after the hero) */
.rbm-proof__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.rbm-proof__row>li{display:flex;align-items:center;gap:16px;min-width:0;padding:26px 28px 26px 0}
.rbm-proof__row>li+li{padding-left:28px;border-left:1px solid var(--line)}
.rbm-proof__row b{flex:none;font-size:clamp(36px,3.6vw,48px);font-weight:800;letter-spacing:-.05em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.rbm-proof__row p,.rbm-proof__row b+span{font-size:var(--fs-sm);line-height:1.45;color:var(--ink-3)}
.rbm-proof__row b+span{max-width:18ch}
.rbm-proof__row strong{display:block;font-size:15px;color:var(--ink)}

/* Cards */
.rbm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.rbm-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbm-card{display:flex;flex-direction:column;min-width:0;padding:28px;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh1)}
.rbm-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rbm-card__n{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;color:var(--ink-4);font-variant-numeric:tabular-nums}
.rbm-card h3{margin-top:22px;font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.3}
.rbm-card p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rbm-card .rb-link{margin-top:auto;padding-top:20px;align-self:flex-start;font-size:15px}
.rbm-card--row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:start;column-gap:18px;padding:24px 28px}
.rbm-card--row h3{margin-top:2px}
.rbm-card--row .rb-tag{margin-top:2px}

/* Numbered steps (the rb-notes rhythm, with numbers) */
.rbm-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;counter-reset:rbm-step}
.rbm-steps>li{padding-top:26px;border-top:1px solid var(--line)}
.rbm-steps>li::before{counter-increment:rbm-step;content:counter(rbm-step);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);font-size:var(--fs-xs);font-weight:800;color:var(--bg)}
.rbm-steps h3{margin-top:18px;font-size:17px;letter-spacing:-.015em;line-height:1.35}
.rbm-steps p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rbm-steps--stack{grid-template-columns:minmax(0,1fr);gap:0}
.rbm-steps--stack>li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:18px;padding-block:22px}
.rbm-steps--stack>li::before{grid-row:span 2}
.rbm-steps--stack h3{margin-top:4px}
.rbm-steps--stack p{grid-column:2}

/* Screenshot in an app window */
.rbm-shot{overflow:hidden;margin:0;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh3)}
.rbm-shot img{display:block;width:100%}

/* Product plan (product-plan-section) */
.rbm-plan{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:32px 56px;padding:clamp(28px,4.6vw,60px);border-radius:var(--r4);background:var(--paper);box-shadow:var(--sh2)}
.rbm-plan .rb-lede{max-width:44ch;margin-top:16px}
.rbm-plan__list{display:grid;gap:12px;margin-top:28px;font-size:15px;font-weight:600;line-height:1.45}
.rbm-plan__list li{display:flex;gap:10px;align-items:flex-start}
.rbm-plan__list .rb-ok{margin-top:1px}
.rbm-plan__buy{display:grid;padding:28px;border-radius:var(--r3);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums}
.rbm-plan__buy .rb-tag{justify-self:start}
.rbm-plan__price{display:flex;align-items:baseline;gap:6px;margin-top:16px}
.rbm-plan__price b{font-size:clamp(52px,4.8vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1}
.rbm-plan__price span{font-size:15px;font-weight:500;color:var(--ink-3)}
.rbm-plan__proof{margin-top:14px;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-3)}
.rbm-plan__proof b{color:var(--ink)}
.rbm-plan__buy .rb-btn{width:100%;margin-top:24px}
.rbm-plan__buy .rb-link{justify-self:center;margin-top:16px;font-size:15px}
.rbm-plan__note{margin-top:16px;font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3)}

/* Side-by-side comparison */
.rbm-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh1)}
.rbm-compare>div{padding:28px}
.rbm-compare>div+div{box-shadow:inset 1px 0 0 var(--line-2)}
.rbm-compare h3{margin-top:18px;font-size:var(--fs-h3);letter-spacing:-.025em;line-height:1.3}
.rbm-compare p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rbm-compare .is-us{background:var(--tint)}

/* Marketplace grid (Connect) */
.rbm-markets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border-radius:var(--r3);background:var(--paper);box-shadow:var(--sh1)}
.rbm-markets li{display:grid;align-content:start;gap:4px;min-width:0;padding:24px;box-shadow:inset -1px 0 0 var(--line-2)}
.rbm-markets li:last-child{box-shadow:none}
.rbm-markets h3{margin-top:14px;font-size:18px;letter-spacing:-.025em}
.rbm-markets p{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3)}
.rbm-markets .is-oauth{background:var(--tint)}
.rbm-markets .is-oauth p{color:var(--green)}

/* Research upsell (terapeak-alternative) */
.rbm-upsell{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:40px 64px;padding:clamp(28px,4.6vw,60px);border-radius:var(--r4);background:var(--well)}
.rbm-upsell .rb-head{margin-bottom:0}
.rbm-upsell .rb-ctas{margin-top:32px}
.rbm-upsell__card{overflow:hidden;box-shadow:var(--sh3)}

/* Checks with a bold lead-in, lede after a section head */
.rbm-list{display:grid;gap:12px;margin-top:24px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rbm-list li{display:flex;gap:10px;align-items:flex-start}
.rbm-list .rb-ok{margin-top:2px}
.rbm-list strong{color:var(--ink)}
.rbm-lede{margin-top:20px}

/* Link row, trust note */
.rbm-more{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(40px,5vw,64px);padding-top:28px;border-top:1px solid var(--line)}
.rbm-more>p{font-size:var(--fs-sm);font-weight:700}
.rbm-note{display:flex;align-items:flex-start;gap:10px;max-width:78ch;margin-top:28px;font-size:var(--fs-sm);line-height:1.55;color:var(--ink-2)}
.rbm-note .rb-icon{margin-top:3px;color:var(--ink-3)}
.rbm-note a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(28,27,25,.28);text-underline-offset:3px}
.rbm-note a:hover{text-decoration-color:var(--ink)}
.rbm-note--center{display:block;margin-inline:auto;text-align:center}
.rbm-note--center .rb-icon{display:inline-block;margin:0 6px 0 0;vertical-align:-3px}

/* Automation demo (data-automation-demo, driven by /assets/js/rb-automation-demo.js) */
.rbm-demo{overflow:hidden;box-shadow:var(--sh3)}
.rbm-demo__ctl{display:flex;gap:6px}
.rbm-demo__btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:0;border-radius:999px;background:var(--paper);box-shadow:var(--sh1);font:600 var(--fs-xs)/1 var(--font);color:var(--ink-2);cursor:pointer}
.rbm-demo__btn:hover{color:var(--ink);box-shadow:0 0 0 1px rgba(28,27,25,.16)}
.rbm-demo__btn[aria-pressed="true"] .rbm-demo__pause,.rbm-demo__btn[aria-pressed="false"] .rbm-demo__play{display:none}
.rbm-demo__sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums}
.rbm-demo__sum>div{display:grid;gap:2px;padding:16px 20px}
.rbm-demo__sum>div+div{border-left:1px solid var(--line-2)}
.rbm-demo__sum span,.rbm-demo__sum small{font-size:var(--fs-2xs);font-weight:500;color:var(--ink-3)}
.rbm-demo__sum strong{font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.2}
.rbm-demo__list{display:grid;gap:2px;padding:10px}
.rbm-demo__row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;border-radius:var(--r2);cursor:pointer;transition:background-color .15s}
.rbm-demo__row:hover{background:var(--tint)}
.rbm-demo__row[aria-selected="true"]{background:var(--bg)}
.rbm-demo__row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.rbm-demo__row .rbm-ic{width:34px;height:34px;background:var(--paper)}
.rbm-demo__copy{min-width:0;line-height:1.4}
.rbm-demo__copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.rbm-demo__copy h3{font-size:15px;font-weight:700;letter-spacing:-.01em}
.rbm-demo__copy p{margin-top:2px;font-size:12.5px;color:var(--ink-3)}
.rbm-demo__state{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-2xs);font-weight:700;color:var(--green)}
.rbm-demo__state::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--green-2)}
.rbm-demo__row.is-processing .rbm-demo__state{color:var(--ink-2)}
.rbm-demo__row.is-processing .rbm-demo__state::before{background:var(--signal);box-shadow:0 0 0 3px #fff3c4}
.rbm-demo__count{display:grid;justify-items:end;gap:1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.rbm-demo__count strong{font-size:17px;font-weight:800;letter-spacing:-.02em;transition:color .2s}
.rbm-demo__count strong small,.rbm-demo__count>span{font-size:var(--fs-2xs);font-weight:500;letter-spacing:0;color:var(--ink-3)}
.rbm-demo__count b{font-weight:700;color:var(--ink-2)}
.rbm-demo__row.is-incremented .rbm-demo__count strong{color:var(--green)}
.rbm-demo__note{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--line);background:var(--tint);font-size:var(--fs-xs);color:var(--ink-3)}

@media (max-width:1100px){
.rbm-h1{font-size:clamp(44px,7vw,72px)}
.rbm-h1--long{font-size:clamp(40px,6.2vw,60px)}
.rbm-hero .rb-hero__art>*{max-width:none}
.rbm-proof__row>li{padding-right:20px}
.rbm-proof__row>li+li{padding-left:20px}
.rbm-markets{grid-template-columns:repeat(6,minmax(0,1fr))}
.rbm-markets li{grid-column:span 2;box-shadow:inset -1px -1px 0 var(--line-2)}
.rbm-markets li:nth-child(n+4){grid-column:span 3}
}
@media (max-width:900px){
.rbm-cards,.rbm-cards--2,.rbm-plan,.rbm-compare,.rbm-upsell{grid-template-columns:minmax(0,1fr)}
.rbm-cards{gap:var(--s4)}
.rbm-compare>div+div{box-shadow:inset 0 1px 0 var(--line-2)}
.rbm-proof__row{grid-template-columns:minmax(0,1fr)}
.rbm-proof__row>li,.rbm-proof__row>li+li{padding:18px 0;border-left:0}
.rbm-proof__row>li+li{border-top:1px solid var(--line)}
.rbm-proof__row b+span{max-width:none}
.rbm-steps{grid-template-columns:minmax(0,1fr);gap:0}
.rbm-steps>li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:18px;padding-block:22px}
.rbm-steps>li::before{grid-row:span 2}
.rbm-steps h3{margin-top:4px}
.rbm-steps p{grid-column:2}
}
@media (max-width:640px){
.rbm-h1{font-size:clamp(40px,11.4vw,50px)}
.rbm-h1--long{font-size:clamp(34px,9.6vw,44px)}
.rbm-rows li{grid-template-columns:32px minmax(0,1fr) auto;gap:6px 12px;padding:13px 16px}
.rbm-rows .rbm-ic{align-self:start;width:32px;height:32px}
.rbm-rows li>.rb-tag,.rbm-rows li>.rbm-rows__n{grid-column:2/-1;justify-self:start}
.rbm-rows__n{display:flex;align-items:baseline;gap:6px}
.rbm-card-foot,.rbm-status{padding-inline:16px}
.rbm-metrics{margin-inline:16px}
.rbm-metrics>div{padding:12px}
.rbm-card{padding:24px 20px}
.rbm-card--row{grid-template-columns:40px minmax(0,1fr);row-gap:10px;padding:22px 20px}
.rbm-card--row .rb-tag{grid-column:2;justify-self:start}
.rbm-plan{padding:24px 20px 20px}
.rbm-plan__buy{padding:22px 20px}
.rbm-compare>div{padding:22px 20px}
.rbm-markets{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbm-markets li,.rbm-markets li:nth-child(n+4){grid-column:auto;padding:18px 16px}
.rbm-markets li:last-child{grid-column:1/-1}
.rbm-more{align-items:flex-start;flex-direction:column}
.rbm-demo__sum>div{padding:12px 16px}
.rbm-demo__sum strong{font-size:22px}
.rbm-demo__list{padding:6px}
.rbm-demo__row{grid-template-columns:34px minmax(0,1fr);gap:4px 12px}
.rbm-demo__count{grid-column:2;display:flex;align-items:baseline;justify-content:flex-start;gap:12px}
.rbm-demo__note{padding-inline:16px}
}

/* Comparison table (/zik-analytics-alternative/): a check sits inline before its cell text; the
   row label column stays narrow and the two product columns share the rest. */
.rbz-table td>.rb-ok{display:inline-grid;margin-right:8px;vertical-align:-4px}
.rbz-table tbody th{font-weight:700;color:var(--ink);white-space:normal;background:none;text-transform:none;letter-spacing:0;font-size:var(--fs-sm);padding:11px 16px;text-align:left;vertical-align:top;width:20%}
.rbz-table td{width:40%}
@media (max-width:640px){.rbz-table .rb-table{min-width:620px}.rbz-table tbody th{width:22%}}