/* TikTok for app marketing agencies. Arranges the shared landing system; the concept is one research
   desk serving several client apps, drawn as the hero illustration, not as page chrome. */
.bespoke-for-app-marketing-agencies figure{margin:0}
.bespoke-for-app-marketing-agencies .ag-hero-copy{display:flex;flex-direction:column}
.bespoke-for-app-marketing-agencies .ag-hero-copy .ls-eyebrow{align-self:flex-start}
.bespoke-for-app-marketing-agencies .ag-hero-copy .ls-actions{margin-top:18px}
.bespoke-for-app-marketing-agencies .ag-agenda{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bespoke-for-app-marketing-agencies .ag-agenda li{display:flex;align-items:baseline;gap:6px;background:var(--ls-paper);border:1.5px solid var(--ls-ink);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--ls-muted)}
.bespoke-for-app-marketing-agencies .ag-agenda b{color:var(--ls-ink);font-weight:800}

/* hero illustration */
.bespoke-for-app-marketing-agencies .ag-o *{stroke:var(--ls-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.bespoke-for-app-marketing-agencies .ag-o .f-paper{fill:var(--ls-paper)}
.bespoke-for-app-marketing-agencies .ag-o .f-blue{fill:var(--ls-blue)}
.bespoke-for-app-marketing-agencies .ag-o .f-peach{fill:var(--ls-peach)}
.bespoke-for-app-marketing-agencies .ag-o .f-yellow{fill:var(--ls-yellow)}
.bespoke-for-app-marketing-agencies .ag-o .f-mint{fill:var(--ls-mint)}
.bespoke-for-app-marketing-agencies .ag-o .f-lavender{fill:var(--ls-lavender)}
.bespoke-for-app-marketing-agencies .ag-o .f-ink{fill:var(--ls-ink)}

.bespoke-for-app-marketing-agencies .ls-prompt{margin-top:26px}
.bespoke-for-app-marketing-agencies .ls-prompt p{margin:0 0 14px}
.bespoke-for-app-marketing-agencies .ag-no{display:inline-block;margin-bottom:10px;font:800 14px/1 var(--ls-mono);letter-spacing:.08em;color:var(--ls-muted)}
.bespoke-for-app-marketing-agencies .ag-cap{caption-side:top;text-align:left;font-weight:800;color:var(--ls-ink);padding:14px 16px 10px}
.bespoke-for-app-marketing-agencies .ag-gap{background:var(--ls-peach-tint)}

/* 01 in-house vs agency */
.bespoke-for-app-marketing-agencies .ag-diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.bespoke-for-app-marketing-agencies .ag-vs td:first-child{font-weight:700;color:var(--ls-ink)}

/* 02 audit timeline */
.bespoke-for-app-marketing-agencies .ag-timeline{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:ag}
.bespoke-for-app-marketing-agencies .ag-timeline li{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border:2px solid var(--ls-ink)}
.bespoke-for-app-marketing-agencies .ag-timeline h3{margin:0}
.bespoke-for-app-marketing-agencies .ag-timeline p{margin:0;font-size:15px;line-height:1.45}
.bespoke-for-app-marketing-agencies .ag-min{align-self:flex-start;font:800 12px/1 var(--ls-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ls-yellow);border-radius:999px;padding:5px 10px;color:var(--ls-ink)}
.bespoke-for-app-marketing-agencies .ag-out{margin-top:6px!important;padding-top:10px;border-top:1px solid var(--ls-line);color:var(--ls-text)}
.bespoke-for-app-marketing-agencies .ag-out b{font-size:20px;color:var(--ls-ink)}
.bespoke-for-app-marketing-agencies .ag-split-score{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;margin:40px 0 30px}
.bespoke-for-app-marketing-agencies .ag-bars{background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:22px;display:grid;gap:20px}
.bespoke-for-app-marketing-agencies .ag-bar-h{margin:0 0 10px;font-weight:800;color:var(--ls-ink);font-size:15px}
.bespoke-for-app-marketing-agencies .ag-bar{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:14px;margin-bottom:8px}
.bespoke-for-app-marketing-agencies .ag-bar span{color:var(--ls-muted)}
.bespoke-for-app-marketing-agencies .ag-bar i{display:block;height:20px;width:var(--w);border-radius:6px;background:var(--ls-blue-deep)}
.bespoke-for-app-marketing-agencies .ag-bar--b i{background:var(--ls-blue)}
.bespoke-for-app-marketing-agencies .ag-bar b{font-variant-numeric:tabular-nums;color:var(--ls-ink);min-width:4.5em;text-align:right}

/* content images */
.bespoke-for-app-marketing-agencies .ag-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,200px));gap:20px;align-items:start}
.bespoke-for-app-marketing-agencies .ag-shot{margin:0;display:flex;flex-direction:column;gap:8px;max-width:220px}
.bespoke-for-app-marketing-agencies .ag-shot img{display:block;width:100%;height:auto;border:2px solid var(--ls-ink);border-radius:var(--ls-radius-sm);background:var(--ls-paper)}
.bespoke-for-app-marketing-agencies .ag-shot figcaption{font-size:13px;line-height:1.45;color:var(--ls-muted)}
.bespoke-for-app-marketing-agencies .ag-shot figcaption strong{color:var(--ls-ink)}

/* 03 category searches */
.bespoke-for-app-marketing-agencies .ag-cat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.bespoke-for-app-marketing-agencies .ag-months{margin-top:22px;background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:20px 20px 14px}
.bespoke-for-app-marketing-agencies .ag-months h3{margin:0 0 14px}
.bespoke-for-app-marketing-agencies .ag-months ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end}
.bespoke-for-app-marketing-agencies .ag-months li{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:var(--ls-muted)}
.bespoke-for-app-marketing-agencies .ag-months li b{font-size:12px;font-weight:800;color:var(--ls-ink);font-variant-numeric:tabular-nums}
.bespoke-for-app-marketing-agencies .ag-col{display:flex;align-items:flex-end;width:100%;height:130px;border-bottom:1.5px solid var(--ls-line)}
.bespoke-for-app-marketing-agencies .ag-col i{display:block;width:100%;height:var(--f);background:var(--ls-blue);border-radius:8px 8px 0 0}
.bespoke-for-app-marketing-agencies .ag-months li.hi .ag-col i{background:var(--ls-blue-deep)}
.bespoke-for-app-marketing-agencies .ag-months li.lo .ag-col i{background:var(--ls-peach-deep)}

/* 04 comment themes */
.bespoke-for-app-marketing-agencies .ag-themes{margin:22px 0 0}
.bespoke-for-app-marketing-agencies .ag-themes .ls-card{display:flex;flex-direction:column;gap:10px;padding:22px}
.bespoke-for-app-marketing-agencies .ag-themes .ls-tag{align-self:flex-start}
.bespoke-for-app-marketing-agencies .ag-themes p{margin:0;font-size:15px;line-height:1.5}

/* 05 pitch slide */
.bespoke-for-app-marketing-agencies .ag-slide{margin:24px 0;background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:26px 28px}
.bespoke-for-app-marketing-agencies .ag-slide-h{margin:0 0 18px;font:800 13px/1 var(--ls-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ls-muted)}
.bespoke-for-app-marketing-agencies .ag-cmp-wrap{margin-top:6px}
.bespoke-for-app-marketing-agencies .ag-flag{margin:22px 0}
.bespoke-for-app-marketing-agencies .ag-flag h3{margin-bottom:8px}
.bespoke-for-app-marketing-agencies .ag-flag p{margin:0;font-size:16px}
.bespoke-for-app-marketing-agencies .ag-pitch-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:22px}
.bespoke-for-app-marketing-agencies .ag-shots--two{grid-template-columns:repeat(2,minmax(0,200px))}

/* 06 UGC */
.bespoke-for-app-marketing-agencies .ag-ugc{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:48px;align-items:start}
.bespoke-for-app-marketing-agencies .ag-ugc-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;align-items:start}
.bespoke-for-app-marketing-agencies .ag-ugc-side .ls-stat b{font-size:34px}
.bespoke-for-app-marketing-agencies .ag-shot--solo{grid-column:1/-1}
.bespoke-for-app-marketing-agencies #ugc-research ~ .ls-prompt{margin-top:22px}

/* 07 plans */
.bespoke-for-app-marketing-agencies .ag-plans{margin:22px 0 0}
.bespoke-for-app-marketing-agencies .ag-plans .ls-card{display:flex;flex-direction:column;gap:6px}
.bespoke-for-app-marketing-agencies .ag-plans .ls-tag{align-self:flex-start;margin-bottom:6px}
.bespoke-for-app-marketing-agencies .ag-price{font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ls-ink)}
.bespoke-for-app-marketing-agencies .ag-plans p{margin:10px 0 0;font-size:15px;line-height:1.5}

@media(max-width:960px){
 .bespoke-for-app-marketing-agencies .ag-diff,.bespoke-for-app-marketing-agencies .ag-split-score,.bespoke-for-app-marketing-agencies .ag-cat,.bespoke-for-app-marketing-agencies .ag-pitch-row,.bespoke-for-app-marketing-agencies .ag-ugc{grid-template-columns:minmax(0,1fr);gap:28px}
 .bespoke-for-app-marketing-agencies .ag-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .bespoke-for-app-marketing-agencies .ag-hero-illo{padding:12px}
 .bespoke-for-app-marketing-agencies .ag-timeline{grid-template-columns:minmax(0,1fr)}
 .bespoke-for-app-marketing-agencies .ag-bars{padding:16px 14px}
 .bespoke-for-app-marketing-agencies .ag-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}
 .bespoke-for-app-marketing-agencies .ag-bar i{grid-column:1/-1;grid-row:2}
 .bespoke-for-app-marketing-agencies .ag-months{padding:16px 10px 12px}
 .bespoke-for-app-marketing-agencies .ag-months ol{gap:3px}
 .bespoke-for-app-marketing-agencies .ag-months li b{font-size:10px}
 .bespoke-for-app-marketing-agencies .ag-slide{padding:20px 18px}
 .bespoke-for-app-marketing-agencies .ag-shots,.bespoke-for-app-marketing-agencies .ag-shots--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .bespoke-for-app-marketing-agencies .ag-ugc-side .ls-stat b{font-size:28px}
 .bespoke-for-app-marketing-agencies .ag-price{font-size:34px}
}
@media(max-width:600px){
 .bespoke-for-app-marketing-agencies .ag-cmp th:nth-child(3),.bespoke-for-app-marketing-agencies .ag-cmp td:nth-child(3){display:none}
}