const Exclusividade = () => (
  <section id="exclusividade" className="section-pad" style={{borderTop:"1px solid var(--line)", background:"var(--bg-2)"}}>
    <div className="wrap" style={{maxWidth:820, textAlign:"center"}}>
      <p data-reveal style={{fontSize:"clamp(20px,2.4vw,30px)", fontWeight:700, letterSpacing:"-0.01em", lineHeight:1.35, color:"var(--ink)"}}>
        Não implantamos sistemas para todas as clínicas.
      </p>
      <p data-reveal data-reveal-delay="1" style={{color:"var(--ink-dim)", fontSize:17, lineHeight:1.65, marginTop:18, maxWidth:640, marginLeft:"auto", marginRight:"auto"}}>
        Cada projeto passa por uma avaliação para verificar se nossa metodologia é adequada para a operação da sua clínica.
        Trabalhamos com um número limitado de parceiras — cada implantação exige treinamento, personalização e acompanhamento da equipe.
      </p>
      <p data-reveal data-reveal-delay="2" style={{color:"var(--ink-dim)", fontSize:17, lineHeight:1.65, marginTop:14, maxWidth:640, marginLeft:"auto", marginRight:"auto"}}>
        Se identificarmos que nossa metodologia faz sentido para sua clínica, um especialista entrará em contato para apresentar a solução.
      </p>
      <div data-reveal data-reveal-delay="3" style={{marginTop:30}}>
        <a href="#contato" className="btn btn-primary" style={{padding:"15px 26px", fontSize:15}}>
          Solicitar uma avaliação da clínica <Icon name="arrow" size={17}/>
        </a>
      </div>
    </div>
  </section>
);
window.Exclusividade = Exclusividade;