/* alt-bright-data: Bright Data alternatives. Layout and the signpost illustration only; type, colour, cards, tables and FAQ come from landing-system.css. */
.bespoke-alt-bright-data :is(h1,h2,h3){margin-bottom:.5em}
.bespoke-alt-bright-data a.ls-btn{color:#fff;text-decoration:none}
.bespoke-alt-bright-data a.ls-btn--ghost{color:var(--ls-ink)}
.bespoke-alt-bright-data .ls-table{margin:0}
.bespoke-alt-bright-data .ls-table-wrap > .table-wrap{margin:0;border:0;border-radius:0;background:none;overflow:visible}
.bespoke-alt-bright-data .ba-note{margin-top:12px}

/* hero: a signpost */
.bespoke-alt-bright-data .ba-hero-illo{margin:0}
.bespoke-alt-bright-data .ba-o *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-alt-bright-data .ba-o .f-blue{fill:var(--ls-blue)}
.bespoke-alt-bright-data .ba-o .f-peach{fill:var(--ls-peach)}
.bespoke-alt-bright-data .ba-o .f-mint{fill:var(--ls-mint)}
.bespoke-alt-bright-data .ba-o .f-lav{fill:var(--ls-lavender)}
.bespoke-alt-bright-data .ba-o .f-yellow{fill:var(--ls-yellow)}
.bespoke-alt-bright-data .ba-o .ba-thick{stroke-width:6}
.bespoke-alt-bright-data .ba-o .ba-faint{stroke-dasharray:2 8;stroke-width:3}
.bespoke-alt-bright-data .ba-figcap{text-align:center}

/* short answer: a band split by a vertical rule */
.bespoke-alt-bright-data .ba-answer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;border:2px solid var(--ls-ink);border-radius:var(--ls-radius);background:var(--ls-paper);overflow:hidden}
.bespoke-alt-bright-data .ba-answer-us{padding:28px 32px;background:var(--ls-blue-tint)}
.bespoke-alt-bright-data .ba-answer-us .ls-tag{margin-bottom:12px}
.bespoke-alt-bright-data .ba-answer-us h2{font-size:clamp(24px,2.4vw,32px)}
.bespoke-alt-bright-data .ba-answer-us p,.bespoke-alt-bright-data .ba-answer-them p{margin:0;font-size:17px}
.bespoke-alt-bright-data .ba-answer-them{padding:28px 32px;border-left:2px solid var(--ls-ink);align-self:stretch;display:flex;flex-direction:column;justify-content:center}

/* ranking: #1 spans the row, the rest sit two by two */
.bespoke-alt-bright-data .ba-rank{list-style:none;margin:32px 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bespoke-alt-bright-data .ba-item{display:flex;flex-direction:column;gap:10px}
.bespoke-alt-bright-data .ba-item.is-us{grid-column:1/-1}
.bespoke-alt-bright-data .ba-item .ls-source{margin-top:auto}
.bespoke-alt-bright-data .ba-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bespoke-alt-bright-data .ba-top h3{margin:0;font-size:22px}
.bespoke-alt-bright-data .ba-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--ls-ink);background:var(--ls-paper);font-weight:800;color:var(--ls-ink)}
.bespoke-alt-bright-data .is-us .ba-num{background:var(--ls-yellow)}
.bespoke-alt-bright-data .ba-chip{margin-left:auto;font-size:14px;font-weight:700;color:var(--ls-ink);background:var(--ls-cream);border:1.5px solid var(--ls-ink);border-radius:999px;padding:3px 12px}
.bespoke-alt-bright-data .ba-best{margin:0;font-size:16px}
.bespoke-alt-bright-data .ba-facts{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bespoke-alt-bright-data .is-us .ba-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bespoke-alt-bright-data .ba-facts li{font-size:15px;line-height:1.45;color:var(--ls-text)}
.bespoke-alt-bright-data .ba-facts span{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ls-muted)}

/* grid table */
.bespoke-alt-bright-data .ba-grid{font-size:14px}
.bespoke-alt-bright-data .ba-grid th[scope=row]{font-weight:700;color:var(--ls-ink);text-align:left}
.bespoke-alt-bright-data .ba-grid thead .is-us{color:var(--ls-blue-deep)}

/* how Bright Data runs a call */
.bespoke-alt-bright-data .ba-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 14px}
.bespoke-alt-bright-data .ba-step p{margin:0;font-size:15px}
.bespoke-alt-bright-data .ba-sv{display:block;font-size:clamp(28px,2.8vw,36px);font-weight:800;letter-spacing:-.02em;color:var(--ls-ink);line-height:1.1;margin-bottom:6px}
.bespoke-alt-bright-data .ba-step h3{font-size:17px}

/* head-to-head */
.bespoke-alt-bright-data .ba-h2h{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin-top:24px;align-items:start}
.bespoke-alt-bright-data .ba-h2h-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bespoke-alt-bright-data .ba-h2h-kpis li{padding:18px}
.bespoke-alt-bright-data .ba-h2h-kpis b{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ls-ink)}
.bespoke-alt-bright-data .ba-h2h-kpis span{font-size:14px;color:var(--ls-text)}
.bespoke-alt-bright-data .ba-h2h-chart{margin:0}
.bespoke-alt-bright-data .ba-pairs{display:grid;gap:14px}
.bespoke-alt-bright-data .ba-pair-row{display:grid;grid-template-columns:104px minmax(0,1fr);row-gap:4px;column-gap:12px;align-items:center}
.bespoke-alt-bright-data .ba-pl{grid-row:1/3;font-size:14px;font-weight:700;color:var(--ls-ink)}
.bespoke-alt-bright-data .ba-pt{display:flex;align-items:center;gap:8px;min-width:0}
.bespoke-alt-bright-data .ba-pf{display:block;height:12px;border-radius:6px;min-width:5px;flex:0 1 auto}
.bespoke-alt-bright-data .is-tc{background:var(--ls-blue-deep)}
.bespoke-alt-bright-data .is-bd{background:var(--ls-peach-deep)}
.bespoke-alt-bright-data .ba-pv{flex:none;font-size:13px;font-weight:700;color:var(--ls-ink);font-variant-numeric:tabular-nums}
.bespoke-alt-bright-data .ba-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--ls-muted);margin:14px 0 0}
.bespoke-alt-bright-data .ba-key{display:inline-block;width:20px;height:10px;border-radius:5px}
.bespoke-alt-bright-data .ba-h2h-read{max-width:860px;margin:20px 0 8px}

/* live check */
.bespoke-alt-bright-data .ba-live{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:28px}
.bespoke-alt-bright-data .ba-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bespoke-alt-bright-data .ba-kpi{padding:18px}
.bespoke-alt-bright-data .ba-kpi b{display:block;font-size:clamp(24px,2.4vw,32px);font-weight:800;color:var(--ls-ink);line-height:1.1}
.bespoke-alt-bright-data .ba-kpi span{font-size:14px;color:var(--ls-text)}
.bespoke-alt-bright-data .ba-shots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;justify-items:start}
.bespoke-alt-bright-data .ba-shot{margin:0;max-width:200px}
.bespoke-alt-bright-data .ba-shot img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:var(--ls-radius-sm);outline:2px solid var(--ls-ink);outline-offset:-1px;background:var(--ls-cream)}
.bespoke-alt-bright-data .ba-shot figcaption{font-size:12.5px;line-height:1.4;color:var(--ls-muted);margin-top:8px}
.bespoke-alt-bright-data .ba-shot figcaption strong{color:var(--ls-ink)}
.bespoke-alt-bright-data .ba-findings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 14px}
.bespoke-alt-bright-data .ba-findings p{margin:6px 0 0;font-size:15px}
.bespoke-alt-bright-data .ba-tool{display:block;font-size:13px;color:var(--ls-muted);margin-bottom:8px}
.bespoke-alt-bright-data .ba-big{display:block;font-size:clamp(28px,2.8vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--ls-ink)}
.bespoke-alt-bright-data .ba-mini{display:grid;gap:4px}
.bespoke-alt-bright-data .ba-mini .ls-stat{display:flex;align-items:baseline;gap:8px}
.bespoke-alt-bright-data .ba-mini .ls-stat b{font-size:24px}
.bespoke-alt-bright-data .ba-mini .ls-stat span{font-size:14px}
.bespoke-alt-bright-data .ba-prompt{margin-top:24px;max-width:860px}

/* strengths and picks */
.bespoke-alt-bright-data .ba-strengths{list-style:none;padding:0;margin:28px 0 14px}
.bespoke-alt-bright-data .ba-strengths p{margin:0;font-size:15px}
.bespoke-alt-bright-data .ba-picks{list-style:none;margin:24px 0 16px;padding:0;border-top:2px solid var(--ls-ink)}
.bespoke-alt-bright-data .ba-picks li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 4px;border-bottom:1.5px solid var(--ls-line);align-items:center}
.bespoke-alt-bright-data .ba-picks li.is-us{background:var(--ls-blue-tint)}
.bespoke-alt-bright-data .ba-pk{font-size:16px}
.bespoke-alt-bright-data .ba-pv{font-weight:800;color:var(--ls-ink);text-align:right}

.bespoke-alt-bright-data .ba-narrow{max-width:820px;margin-left:auto;margin-right:auto}
.bespoke-alt-bright-data .ba-sources{padding-left:20px}

@media (max-width:960px){
  .bespoke-alt-bright-data .ba-shots{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bespoke-alt-bright-data .ba-h2h{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-bright-data .ba-steps,.bespoke-alt-bright-data .ba-findings{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bespoke-alt-bright-data .is-us .ba-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .bespoke-alt-bright-data .ba-answer{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-bright-data .ba-answer-them{border-left:0;border-top:2px solid var(--ls-ink)}
  .bespoke-alt-bright-data .ba-answer-us,.bespoke-alt-bright-data .ba-answer-them{padding:22px 20px}
  .bespoke-alt-bright-data .ba-rank,.bespoke-alt-bright-data .ba-steps,.bespoke-alt-bright-data .ba-findings,.bespoke-alt-bright-data .is-us .ba-facts{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-bright-data .ba-chip{margin-left:0}
  .bespoke-alt-bright-data .ba-pair-row{grid-template-columns:minmax(0,1fr)}
  .bespoke-alt-bright-data .ba-pl{grid-row:auto}
  .bespoke-alt-bright-data .ba-h2h-kpis li{padding:14px}
  .bespoke-alt-bright-data .ba-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bespoke-alt-bright-data .ba-shots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bespoke-alt-bright-data .ba-shot:first-child{grid-column:1/-1;justify-self:center}
  .bespoke-alt-bright-data .ls-table-wrap{border:0;background:none;overflow:visible}
  .bespoke-alt-bright-data .ba-grid,.bespoke-alt-bright-data .ba-grid tbody,.bespoke-alt-bright-data .ba-grid tr,.bespoke-alt-bright-data .ba-grid th,.bespoke-alt-bright-data .ba-grid td{display:block;width:auto}
  .bespoke-alt-bright-data .ba-grid thead{display:none}
  .bespoke-alt-bright-data .ba-grid tr{background:var(--ls-paper);border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm);margin-bottom:12px;overflow:hidden}
  .bespoke-alt-bright-data .ba-grid th[scope=row]{background:var(--ls-cream);padding:10px 12px}
  .bespoke-alt-bright-data .ba-grid td{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;padding:8px 12px}
  .bespoke-alt-bright-data .ba-grid td[data-label]::before{content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ls-muted)}
  .bespoke-alt-bright-data .ba-picks li{grid-template-columns:minmax(0,1fr);gap:4px}
  .bespoke-alt-bright-data .ba-pv{text-align:left}
}
@media (max-width:600px){
  .bespoke-alt-bright-data .ba-hero-illo{padding:12px}
}