function Scale(){
  return <Section id="reach" tone="dark">
    <div style={{display:'grid',gridTemplateColumns:'1fr 1fr',gap:56,alignItems:'center'}}>
      <div>
        <SectionHead dark eyebrow="Reach & Data" title="Built to scale"
          intro="Smart Store Network is launching with an initial network of independent convenience stores, creating a new route for advertisers into a traditionally fragmented market."/>
        <div style={{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:14,marginTop:32}}>
          <StatTile dark value="200" label="stores in the initial network test"/>
          <StatTile dark value="1m" label="potential social impressions per campaign"/>
          <StatTile dark value="10,000+" label="potential stores as the network expands nationally"/>
        </div>
        <p style={{font:'var(--text-body-md)',color:'var(--color-text-on-dark-muted)',margin:'28px 0 0',maxWidth:560,textWrap:'pretty'}}>As the network grows, so does the opportunity to reach convenience shoppers at scale, while retaining the relevance of local store advertising.</p>
      </div>
      <img src={window.__resources.mapImg} alt="Smart Store Network coverage across the UK"
        style={{width:'100%',background:'var(--white)',borderRadius:'var(--radius-card)',padding:16}}/>
    </div>
  </Section>;
}
Object.assign(window,{Scale});