// SLIDE 02 — MONTHLY INSIGHT
// White slide, thin black rounded outline card, lime pill label that bleeds off the
// LEFT edge of the slide and crosses the card border. Body copy is the focus: large,
// left-aligned, Montserrat.
function QuarterlyInsightSlide() {
  return (
    <Slide eyebrow={null} logo={null} bg="#fff" style={{label:"02 Monthly Insight", color: R.ink}}>
      {/* Outline card */}
      <div style={{position:'absolute', inset:'38px 48px', border:`2px solid ${R.ink}`, borderRadius:28}}/>

      {/* Client logo, inside the card top-right */}
      <div style={{position:'absolute', top:78, right:96}}>
        <img src="../assets/logo-horizontal-blackpink.png" alt="Client logo placeholder" style={{height:22, display:'block'}}/>
      </div>

      {/* Lime pill — bleeds off the left slide edge, rounded on the right only */}
      <div style={{
        position:'absolute', left:0, top:124, background:R.lime,
        borderRadius:'0 999px 999px 0', padding:'14px 52px 16px 122px',
        fontFamily:'var(--font-sans)', fontWeight:700, fontSize:48,
        lineHeight:1.1, letterSpacing:'-.015em', color:R.ink,
      }}>Monthly Insight</div>

      {/* Body */}
      <div style={{position:'absolute', left:122, right:120, top:296, fontSize:44, lineHeight:1.28, letterSpacing:'-.015em', color:R.ink, textWrap:'pretty'}}>
        Data from paid campaigns suggests this audience will require more trust-building before they are willing to make any moves. AI and search strategies are helping to increase trust signals, but email and COI outreach can help to speed up the process.
      </div>
    </Slide>
  );
}

window.QuarterlyInsightSlide = QuarterlyInsightSlide;