/* TikTok for product teams. Arranges the shared landing system as five checks a product team
   runs on one idea (demand, staying power, buyer, wishes, shelf), closing on a scorecard. The hero
   draws the concept as a blank snack bag beside a half-ticked checklist. */
.bespoke-for-product-teams .pt-hero-copy{display:flex;flex-direction:column;gap:14px}
.bespoke-for-product-teams .pt-hero-copy .ls-eyebrow{align-self:flex-start;margin-bottom:8px}
.bespoke-for-product-teams .pt-hero-copy .ls-actions{margin-top:10px}
.bespoke-for-product-teams .pt-gates{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:pt}
.bespoke-for-product-teams .pt-gates li{counter-increment:pt}
.bespoke-for-product-teams .pt-gates a{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:1.5px solid var(--ls-line);border-radius:999px;background:var(--ls-paper);color:var(--ls-ink);font-size:14px;font-weight:700;text-decoration:none}
.bespoke-for-product-teams .pt-gates a::before{content:counter(pt);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ls-mint);border:1.5px solid var(--ls-ink);font-size:12px;font-weight:800}
.bespoke-for-product-teams .pt-gates a:hover{border-color:var(--ls-ink)}

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

.bespoke-for-product-teams .ls-prompt{margin-top:28px}
.bespoke-for-product-teams .ls-prompt p{margin:0 0 14px}

/* section labels */
.bespoke-for-product-teams .pt-no{display:inline-block;margin-bottom:10px;font:800 14px/1 var(--ls-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ls-muted)}

/* 01 demand: copy beside three kind cards, chart full width below */
.bespoke-for-product-teams .pt-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:28px}
.bespoke-for-product-teams .pt-kinds{display:grid;gap:12px}
.bespoke-for-product-teams .pt-kinds .ls-card{padding:18px 20px}
.bespoke-for-product-teams .pt-kinds .ls-tag{margin-bottom:8px}
.bespoke-for-product-teams .pt-kinds p{font-size:16px;line-height:1.5;margin:0}
.bespoke-for-product-teams .pt-chart{margin:0;background:var(--ls-paper);border:2px solid var(--ls-ink);border-radius:var(--ls-radius);padding:24px 24px 16px}
.bespoke-for-product-teams .pt-chart h3{margin:0 0 16px}
.bespoke-for-product-teams .pt-bars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 36px}
.bespoke-for-product-teams .pt-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;gap:6px 12px;font-size:14px}
.bespoke-for-product-teams .pt-bar-label{color:var(--ls-text);line-height:1.3}
.bespoke-for-product-teams .pt-bar-track{grid-column:1/-1;grid-row:2;height:14px;border-radius:6px;background:var(--ls-blue-tint)}
.bespoke-for-product-teams .pt-bar-fill{display:block;height:100%;border-radius:6px;background:var(--ls-blue-deep)}
.bespoke-for-product-teams .pt-bar--gap .pt-bar-fill{background:var(--ls-peach-deep)}
.bespoke-for-product-teams .pt-bar-val{grid-column:2;grid-row:1;font-weight:800;text-align:right;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}
.bespoke-for-product-teams .pt-bar-val small{margin-left:6px;font-weight:500;font-size:12px;color:var(--ls-muted)}
.bespoke-for-product-teams .pt-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 4px;font-size:13px;color:var(--ls-muted)}
.bespoke-for-product-teams .pt-key{display:inline-block;width:14px;height:14px;border-radius:4px;margin-left:8px}
.bespoke-for-product-teams .pt-key:first-child{margin-left:0}
.bespoke-for-product-teams .pt-key--deep{background:var(--ls-blue-deep)}
.bespoke-for-product-teams .pt-key--gap{background:var(--ls-peach-deep)}

/* 02 curves: three small column charts */
.bespoke-for-product-teams .pt-curves{margin:24px 0 0;align-items:stretch}
.bespoke-for-product-teams .pt-curve{margin:0;display:flex;flex-direction:column;gap:10px}
.bespoke-for-product-teams .pt-curve .ls-tag{align-self:flex-start}
.bespoke-for-product-teams .pt-curve h3{margin:0;font-size:20px}
.bespoke-for-product-teams .pt-curve p{font-size:15px;line-height:1.5;margin:4px 0 0}
.bespoke-for-product-teams .pt-cols{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;border-bottom:1.5px solid var(--ls-line)}
.bespoke-for-product-teams .pt-col{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0}
.bespoke-for-product-teams .pt-col-val{font-size:11px;font-weight:700;text-align:center;color:var(--ls-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.bespoke-for-product-teams .pt-col-track{height:130px;display:flex;align-items:flex-end}
.bespoke-for-product-teams .pt-col-fill{display:block;width:100%;min-height:2px;border-radius:6px 6px 0 0;background:var(--ls-blue)}
.bespoke-for-product-teams .pt-col--peak .pt-col-fill{background:var(--ls-blue-deep)}
.bespoke-for-product-teams .pt-col--peak .pt-col-val{color:var(--ls-blue-deep);font-weight:800}
.bespoke-for-product-teams .pt-col-label{font-size:13px;color:var(--ls-muted);text-align:center;padding:4px 0 2px}
.bespoke-for-product-teams .pt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bespoke-for-product-teams .pt-read{margin-top:20px}

/* 03 who: copy beside a mirrored age chart */
.bespoke-for-product-teams .pt-who{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.bespoke-for-product-teams .pt-mirror{margin:0}
.bespoke-for-product-teams .pt-mirror h3{margin:0 0 14px}
.bespoke-for-product-teams .pt-mirror-head,.bespoke-for-product-teams .pt-mirror-rows li{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:10px;align-items:center}
.bespoke-for-product-teams .pt-mirror-head{font-size:13px;font-weight:700;color:var(--ls-muted);margin-bottom:8px}
.bespoke-for-product-teams .pt-mirror-head span:first-child{text-align:right}
.bespoke-for-product-teams .pt-mirror-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bespoke-for-product-teams .pt-m{display:flex;align-items:center;gap:8px;min-width:0}
.bespoke-for-product-teams .pt-m-track{flex:1 1 auto;display:flex;height:20px;min-width:0}
.bespoke-for-product-teams .pt-m--l .pt-m-track{justify-content:flex-end}
.bespoke-for-product-teams .pt-m i{display:block;height:100%;border-radius:5px}
.bespoke-for-product-teams .pt-m--l i{background:var(--ls-blue-deep)}
.bespoke-for-product-teams .pt-m--r i{background:var(--ls-lavender-deep)}
.bespoke-for-product-teams .pt-m b{flex:0 0 46px;font-size:14px;font-weight:800;color:var(--ls-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.bespoke-for-product-teams .pt-m--l b{text-align:right}
.bespoke-for-product-teams .pt-m-age{font-size:13px;text-align:center;color:var(--ls-text);line-height:1.25}
.bespoke-for-product-teams .pt-m-unknown .pt-m i{background:var(--ls-line)}
.bespoke-for-product-teams .pt-mirror-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0}
.bespoke-for-product-teams .pt-mirror-facts div{border-top:2px solid var(--ls-ink);padding-top:8px}
.bespoke-for-product-teams .pt-mirror-facts dt{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ls-muted)}
.bespoke-for-product-teams .pt-mirror-facts dd{margin:4px 0 0;font-size:20px;font-weight:800;color:var(--ls-ink);font-variant-numeric:tabular-nums}
.bespoke-for-product-teams .pt-mirror-facts dd span{font-size:14px;font-weight:500;color:var(--ls-muted)}

/* 04 wishes: stat beside copy, then theme meter beside brief cards */
.bespoke-for-product-teams .pt-wish-top{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:start;margin:16px 0 28px}
.bespoke-for-product-teams .pt-wish-stat b{font-size:clamp(48px,6vw,72px)}
.bespoke-for-product-teams .pt-wish-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start;margin-bottom:24px}
.bespoke-for-product-teams .pt-themes h3{margin:0 0 16px}
.bespoke-for-product-teams .pt-theme-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.bespoke-for-product-teams .pt-theme-list li{display:grid;gap:6px}
.bespoke-for-product-teams .pt-theme-name{font-size:15px;font-weight:700;color:var(--ls-ink);line-height:1.3}
.bespoke-for-product-teams .pt-theme-track{height:16px;border-radius:6px;background:var(--ls-cream)}
.bespoke-for-product-teams .pt-theme-fill{display:block;height:100%;min-width:4px;border-radius:6px;background:var(--ls-blue-deep)}
.bespoke-for-product-teams .pt-theme-fill--b{background:var(--ls-blue)}
.bespoke-for-product-teams .pt-theme-fill--c{background:var(--ls-yellow)}
.bespoke-for-product-teams .pt-theme-val{font-size:13px;color:var(--ls-muted);font-variant-numeric:tabular-nums}
.bespoke-for-product-teams .pt-briefs{display:grid;gap:14px}
.bespoke-for-product-teams .pt-brief{padding:20px 22px}
.bespoke-for-product-teams .pt-brief p{margin:0 0 8px}
.bespoke-for-product-teams .pt-said{font-size:20px;font-weight:800;line-height:1.3;color:var(--ls-ink)}
.bespoke-for-product-teams .pt-line{font-size:16px;font-weight:600;color:var(--ls-ink);display:flex;flex-wrap:wrap;align-items:center;gap:8px}

/* 05 shelf: table beside notes */
.bespoke-for-product-teams .pt-shelf{display:grid;gap:20px;margin-top:22px}
.bespoke-for-product-teams .pt-shelf-notes{gap:14px}
.bespoke-for-product-teams .pt-shelf-notes .ls-card{padding:18px 20px}
.bespoke-for-product-teams .pt-shelf-notes .ls-tag{margin-bottom:8px}
.bespoke-for-product-teams .pt-shelf-notes p{font-size:15px;line-height:1.5;margin:0}

/* scorecard */
.bespoke-for-product-teams .pt-score{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:0;border:2px solid var(--ls-ink);border-radius:var(--ls-radius);background:var(--ls-cream);overflow:hidden}
.bespoke-for-product-teams .pt-score li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border-top:1.5px solid var(--ls-line)}
.bespoke-for-product-teams .pt-score li:first-child{border-top:0}
.bespoke-for-product-teams .pt-score-n{font:800 22px/1 var(--ls-mono);color:var(--ls-muted)}
.bespoke-for-product-teams .pt-score h3{margin:0 0 4px;font-size:19px}
.bespoke-for-product-teams .pt-score p{margin:0;font-size:16px;line-height:1.5}

@media(max-width:960px){
 .bespoke-for-product-teams .pt-head,.bespoke-for-product-teams .pt-who,.bespoke-for-product-teams .pt-wish-top,.bespoke-for-product-teams .pt-wish-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .bespoke-for-product-teams .pt-bars{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .bespoke-for-product-teams .pt-hero-illo{padding:12px}
 .bespoke-for-product-teams .pt-gates a{font-size:13px}
 .bespoke-for-product-teams .pt-chart{padding:16px 14px 12px}
 .bespoke-for-product-teams .pt-bar-val small{display:block;margin-left:0}
 .bespoke-for-product-teams .pt-col-val{font-size:10px}
 .bespoke-for-product-teams .pt-col-track{height:110px}
 .bespoke-for-product-teams .pt-mirror-head,.bespoke-for-product-teams .pt-mirror-rows li{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:6px}
 .bespoke-for-product-teams .pt-m b{font-size:12px}
 .bespoke-for-product-teams .pt-m-track{height:16px}
 .bespoke-for-product-teams .pt-m b{flex-basis:38px}
 .bespoke-for-product-teams .pt-m-age{font-size:12px}
 .bespoke-for-product-teams .pt-mirror-facts{grid-template-columns:minmax(0,1fr)}
 .bespoke-for-product-teams .pt-score li{grid-template-columns:minmax(0,1fr) auto;padding:16px}
 .bespoke-for-product-teams .pt-score-n{display:none}
 .bespoke-for-product-teams .pt-score .ls-tag{grid-column:1/-1;justify-self:start;grid-row:1}
}