/* TikTok for consumer insights. Arranges the shared landing system around five lenses an
   insights team uses (type, demand, who, voice, rival). The hero draws the category as a
   still life: a search bar, a deodorant stick, a lime, a comment bubble and a small chart. */
.bespoke-for-consumer-insights .ci-hero-copy{display:flex;flex-direction:column;gap:14px}
.bespoke-for-consumer-insights .ci-hero-copy .ls-eyebrow{align-self:flex-start;margin-bottom:8px}
.bespoke-for-consumer-insights .ci-hero-copy .ls-actions{margin-top:10px}
.bespoke-for-consumer-insights .ci-hero-note{margin:4px 0 0;max-width:520px}

/* hero illustration */
.bespoke-for-consumer-insights .ci-hero-illo{margin:0}
.bespoke-for-consumer-insights .ci-o *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-for-consumer-insights .ci-o .f-paper{fill:var(--ls-paper)}
.bespoke-for-consumer-insights .ci-o .f-blue{fill:var(--ls-blue)}
.bespoke-for-consumer-insights .ci-o .f-peach{fill:var(--ls-peach)}
.bespoke-for-consumer-insights .ci-o .f-mint{fill:var(--ls-mint)}
.bespoke-for-consumer-insights .ci-o .f-lavender{fill:var(--ls-lavender)}
.bespoke-for-consumer-insights .ci-o .f-yellow{fill:var(--ls-yellow)}
.bespoke-for-consumer-insights .ci-t text{font-family:var(--ls-font);fill:var(--ls-ink)}
.bespoke-for-consumer-insights .ci-t .ci-t-q{font-size:21px;font-weight:700}
.bespoke-for-consumer-insights .ci-t .ci-t-n{font-size:21px;font-weight:800}

.bespoke-for-consumer-insights .ls-prompt{margin-top:26px}
.bespoke-for-consumer-insights .ls-prompt p{margin:0 0 14px}

/* section numbers */
.bespoke-for-consumer-insights .ci-no{display:inline-block;margin-bottom:10px;font:800 14px/1 var(--ls-mono);letter-spacing:.08em;color:var(--ls-muted)}

/* lens index strip */
.bespoke-for-consumer-insights .ci-lenses{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.bespoke-for-consumer-insights .ci-lenses a{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 18px 16px;border:1.5px solid var(--ls-line);border-radius:var(--ls-radius-sm);background:var(--ls-cream);color:var(--ls-text);text-decoration:none;transition:border-color .18s ease}
.bespoke-for-consumer-insights .ci-lenses a:hover{border-color:var(--ls-ink)}
.bespoke-for-consumer-insights .ci-lenses .ci-no{margin:0 0 4px}
.bespoke-for-consumer-insights .ci-lenses b{font-size:16px;color:var(--ls-ink);line-height:1.3}
.bespoke-for-consumer-insights .ci-lens-fig{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ls-blue-deep);margin-top:6px}
.bespoke-for-consumer-insights .ci-lenses .ls-small{font-size:13px;line-height:1.4}

/* 01 typed searches: table beside a reading card */
.bespoke-for-consumer-insights .ci-typed{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:32px;align-items:start}
.bespoke-for-consumer-insights .ci-intro{max-width:680px}
.bespoke-for-consumer-insights .ci-q{font-weight:600;color:var(--ls-ink)}
.bespoke-for-consumer-insights .ci-table .ci-gap{background:var(--ls-peach-tint)}
.bespoke-for-consumer-insights .ci-code{display:inline-block;font:700 12px/1.2 var(--ls-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ls-muted);border:1px solid var(--ls-line);border-radius:6px;padding:3px 6px;background:var(--ls-paper);margin:2px 0 0 4px;vertical-align:1px}
.bespoke-for-consumer-insights .ci-table .ls-tag{padding:2px 10px}
.bespoke-for-consumer-insights .ci-read{margin-top:4px}
.bespoke-for-consumer-insights .ci-read p{font-size:16px;line-height:1.5}

/* 02 demand: copy beside a column chart */
.bespoke-for-consumer-insights .ci-demand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.bespoke-for-consumer-insights .ci-colchart{margin:0;background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:22px 22px 16px}
.bespoke-for-consumer-insights .ci-colchart h3{margin:0 0 18px}
.bespoke-for-consumer-insights .ci-cols{list-style:none;margin:0;padding:0 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;align-items:end;border-bottom:1.5px solid var(--ls-line)}
.bespoke-for-consumer-insights .ci-col{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}
.bespoke-for-consumer-insights .ci-col-val{font-size:13px;font-weight:700;text-align:center;color:var(--ls-text);font-variant-numeric:tabular-nums;white-space:nowrap}
.bespoke-for-consumer-insights .ci-col-track{position:relative;height:220px;display:flex;align-items:flex-end}
.bespoke-for-consumer-insights .ci-col-fill{display:block;width:100%;border-radius:8px 8px 0 0;background:var(--ls-blue)}
.bespoke-for-consumer-insights .ci-col--peak .ci-col-fill{background:var(--ls-blue-deep)}
.bespoke-for-consumer-insights .ci-col--peak .ci-col-val{color:var(--ls-blue-deep);font-weight:800}
.bespoke-for-consumer-insights .ci-col-label{font-size:13px;color:var(--ls-muted);text-align:center;padding:6px 0 4px}
.bespoke-for-consumer-insights .ci-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 03 who: copy beside stacked share bars */
.bespoke-for-consumer-insights .ci-who{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.bespoke-for-consumer-insights .ci-stacks{display:grid;gap:24px}
.bespoke-for-consumer-insights .ci-stack-row h3{margin:0 0 10px;font-size:18px}
.bespoke-for-consumer-insights .ci-stack{display:flex;height:26px;border-radius:8px;overflow:hidden;border:1.5px solid var(--ls-ink)}
.bespoke-for-consumer-insights .ci-seg{display:block;height:100%}
.bespoke-for-consumer-insights .ci-seg + .ci-seg{border-left:1.5px solid var(--ls-paper)}
.bespoke-for-consumer-insights .ci-seg--a{background:var(--ls-blue-deep)}
.bespoke-for-consumer-insights .ci-seg--b{background:var(--ls-blue)}
.bespoke-for-consumer-insights .ci-seg--c{background:var(--ls-lavender-deep)}
.bespoke-for-consumer-insights .ci-seg--d{background:var(--ls-lavender)}
.bespoke-for-consumer-insights .ci-seg--e{background:var(--ls-yellow)}
.bespoke-for-consumer-insights .ci-seg--z{background:var(--ls-line)}
.bespoke-for-consumer-insights .ci-stack-legend{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--ls-muted)}
.bespoke-for-consumer-insights .ci-stack-legend li{display:inline-flex;align-items:center;gap:6px}
.bespoke-for-consumer-insights .ci-stack-legend b{color:var(--ls-ink);font-variant-numeric:tabular-nums}
.bespoke-for-consumer-insights .ci-sw{display:inline-block;width:12px;height:12px;border-radius:3px}
.bespoke-for-consumer-insights .ci-stacks .ls-source{margin:0}

/* 04 voice: quote card beside copy, then theme cards */
.bespoke-for-consumer-insights .ci-voice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;margin:8px 0 28px}
.bespoke-for-consumer-insights .ci-big-quote{margin:0}
.bespoke-for-consumer-insights .ci-big-quote p{font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ls-ink);margin:0 0 16px}
.bespoke-for-consumer-insights .ci-big-quote footer{font-size:15px;color:var(--ls-text)}
.bespoke-for-consumer-insights .ci-themes .ls-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px}
.bespoke-for-consumer-insights .ci-themes .ls-tag{margin-bottom:8px}
.bespoke-for-consumer-insights .ci-theme-n{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ls-ink)}
.bespoke-for-consumer-insights .ci-theme-l{font-size:14px;color:var(--ls-muted)}
.bespoke-for-consumer-insights .ci-themes p{font-size:15px;line-height:1.45;margin:8px 0 0}

/* 05 rivals: table beside a reading card */
.bespoke-for-consumer-insights .ci-vs{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start;margin:22px 0 0}
.bespoke-for-consumer-insights .ci-named{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 16px}
.bespoke-for-consumer-insights .ci-named .ls-card{padding:18px 20px}
.bespoke-for-consumer-insights .ci-named .ls-tag{margin-bottom:10px}
.bespoke-for-consumer-insights .ci-named p{font-size:15px;line-height:1.45;margin:0 0 6px}
.bespoke-for-consumer-insights .ci-named b{color:var(--ls-ink);font-variant-numeric:tabular-nums}
.bespoke-for-consumer-insights .ci-vs .ls-table td:first-child{color:var(--ls-muted);font-size:15px}
.bespoke-for-consumer-insights .ci-vs-note p{font-size:16px;line-height:1.5}

/* 06 fit */
.bespoke-for-consumer-insights .ci-fit{margin:20px 0 22px;align-items:stretch}
.bespoke-for-consumer-insights .ci-fit ul{margin:14px 0 0;padding-left:20px;display:grid;gap:8px;font-size:16px;line-height:1.5}

@media(max-width:960px){
 .bespoke-for-consumer-insights .ci-lenses{grid-template-columns:repeat(3,minmax(0,1fr))}
 .bespoke-for-consumer-insights .ci-typed,
 .bespoke-for-consumer-insights .ci-demand,
 .bespoke-for-consumer-insights .ci-who,
 .bespoke-for-consumer-insights .ci-voice,
 .bespoke-for-consumer-insights .ci-vs{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
 .bespoke-for-consumer-insights .ci-lenses{grid-template-columns:minmax(0,1fr)}
 .bespoke-for-consumer-insights .ci-lens-fig{font-size:26px}
 .bespoke-for-consumer-insights .ci-hero-illo{padding:12px}
 .bespoke-for-consumer-insights .ci-colchart{padding:16px 12px 12px}
 .bespoke-for-consumer-insights .ci-cols{gap:5px}
 .bespoke-for-consumer-insights .ci-col-track{height:170px}
 .bespoke-for-consumer-insights .ci-col-val{font-size:11px}
 .bespoke-for-consumer-insights .ci-col-label{font-size:12px}
 .bespoke-for-consumer-insights .ci-table th,
 .bespoke-for-consumer-insights .ci-table td{padding:12px 10px}
 .bespoke-for-consumer-insights .ci-code{font-size:11px}
 .bespoke-for-consumer-insights .ci-table th.num{white-space:normal}
 .bespoke-for-consumer-insights .ci-named{grid-template-columns:minmax(0,1fr)}
 .bespoke-for-consumer-insights .ci-vs .ls-table th,
 .bespoke-for-consumer-insights .ci-vs .ls-table td{padding:12px 10px;font-size:14px}
 .bespoke-for-consumer-insights .ci-lenses a{padding:14px 16px}
 .bespoke-for-consumer-insights .ci-stack-legend{font-size:13px}
 .bespoke-for-consumer-insights .ci-themes .ls-card{padding:18px}
}
@media (prefers-reduced-motion:reduce){.bespoke-for-consumer-insights .ci-lenses a{transition:none}}