/* ==========================================================================
   AssedioNet — Perícias Médicas · Assistência Técnica Multidisciplinar
   ========================================================================== */

const WA_URL = "https://wa.me/5511917675286?text=Ol%C3%A1%2C%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20Per%C3%ADcia%20M%C3%A9dica";

function I({ d }) {
  return <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" d={d}/></svg>;
}

function Nav() {
  return (
    <header className="nav">
      <div className="wrap inner">
        <a href="#top" className="nav-logo">
          <img src="assets/logo-transparent.png" alt="AssedioNet" />
        </a>
        <nav className="nav-links">
          <a href="#estrategia">Estratégia</a>
          <a href="#servicos">Serviços</a>
          <a href="#time">Time</a>
          <a href="#blog">Blog</a>
          <a href="#faq">FAQ</a>
        </nav>
        <a href={WA_URL} target="_blank" rel="noopener" className="btn btn-wa">
          <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347"/></svg>
          Falar agora
        </a>
      </div>
    </header>
  );
}

function Hero() {
  return (
    <section id="top" className="hero">
      <div className="wrap hero-grid">
        <div>
          <span className="eyebrow">Assistência técnica em perícias médicas</span>
          <h1>
            <span className="hl">A clareza médica</span>
            <em>que faltava para o seu processo ser vitorioso.</em>
          </h1>
          <p className="lead">
            Da análise documental à impugnação de laudos: nossa equipe
            multidisciplinar de médicos peritos entrega o suporte técnico
            necessário para que <strong>juízes decidam a seu favor</strong>.
            A parceria definitiva entre Medicina e Direito.
          </p>
          <div className="hero-actions">
            <a href={WA_URL} target="_blank" rel="noopener" className="btn btn-wa btn-lg">
              <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347"/></svg>
              Conversa estratégica gratuita
            </a>
            <a href="#servicos" className="btn btn-ghost btn-lg">Ver serviços</a>
          </div>
          <div className="hero-meta">
            <span><strong>Time multidisciplinar</strong></span>
            <span className="dot"></span>
            <span>Atendimento em todo o Brasil</span>
            <span className="dot"></span>
            <span>Resposta em 24h</span>
          </div>
        </div>

        <div className="hero-visual">
          <div className="grid-bg"></div>
          <div className="stamp-card">
            <div className="label">Parecer técnico</div>
            <strong>Prova robusta</strong>
            <p>Embasamento científico claro, didático e profundo.</p>
          </div>
          <div className="seal">
            <div className="seal-inner">
              <svg fill="none" stroke="currentColor" strokeWidth="1.6" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z"/></svg>
              <h4>Autoridade<br/>Técnica</h4>
              <p>Multidisciplinar</p>
            </div>
          </div>
          <div className="laudo-card">
            <div className="label">Laudo · Caso 2025/0048</div>
            <div className="num">Anexo XII · 36 pgs</div>
            <div className="verdict">Procedente</div>
          </div>
        </div>
      </div>
    </section>
  );
}

function Strip() {
  const items = [
    { n: "Multi", l: "especialidades médicas no time" },
    { n: "24h", l: "tempo médio de resposta inicial" },
    { n: "100%", l: "atendimento em todo o Brasil" },
    { n: "USP+", l: "formação em instituições de excelência" },
  ];
  return (
    <section className="strip">
      <div className="wrap">
        {items.map((it, i) => (
          <div className="strip-stat" key={i}>
            <strong>{it.n}</strong>
            <span>{it.l}</span>
          </div>
        ))}
      </div>
    </section>
  );
}

function Problem() {
  return (
    <section id="estrategia" className="sect problem">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">Por que isso importa</span>
          <h2>Sua estratégia jurídica precisa do <em>olhar técnico</em> da ciência.</h2>
          <p>Em disputas que envolvem saúde e bem-estar, a precisão da prova técnica pode ser o ponto de virada do processo.</p>
        </div>
        <div className="problem-grid">
          <div className="problem-card">
            <div className="ico"><I d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z"/></div>
            <h3>O laudo oficial nem sempre conta a sua história.</h3>
            <p>O perito judicial é imparcial — e tem que ser. Mas isso significa que a sua versão técnica nem sempre aparece com a profundidade necessária. O assistente técnico cobre essa lacuna.</p>
          </div>
          <div className="problem-card purple">
            <div className="ico"><I d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-6.75c-.621 0-1.125.504-1.125 1.125v3.375M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.625c.621 0 1.125.504 1.125 1.125v.375m0 0V21A2.25 2.25 0 0 1 19.5 23.25h-15A2.25 2.25 0 0 1 2.25 21V5.625m18 0V12"/></div>
            <h3>Suporte científico robusto aumenta suas chances de êxito.</h3>
            <p>Embasamento claro, profundo e didático. Nosso time de peritos e assistentes técnicos está pronto para oferecer a autoridade técnica que sua causa precisa para vencer.</p>
          </div>
        </div>
      </div>
    </section>
  );
}

function Compare() {
  return (
    <section className="sect compare">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">Perito judicial × Assistente técnico</span>
          <h2>Mais que um documento: <em>uma estratégia fundamentada.</em></h2>
          <p>Entenda a diferença essencial entre os dois papéis — e por que você precisa do assistente técnico ao seu lado.</p>
        </div>
        <div className="compare-grid">
          <div className="compare-col judicial">
            <span className="role">Perito Judicial · Oficial</span>
            <h3>Nomeado pelo juiz</h3>
            <p className="intro">Cumpre seu papel de forma imparcial. Atende às demandas jurídicas a pedido do juiz.</p>
            <ul className="compare-list">
              <li>Profissional escolhido pelo juízo</li>
              <li>Dever de imparcialidade absoluta</li>
              <li>Responde aos quesitos das partes</li>
              <li>Produz UM laudo único para o processo</li>
              <li>Não defende lado algum — por dever legal</li>
            </ul>
          </div>
          <div className="compare-col assist">
            <span className="role">Assistente Técnico · Particular</span>
            <h3>Contratado por você</h3>
            <p className="intro">Defende sua parte com rigor científico. Garante que a verdade técnica do seu lado seja apresentada com profundidade.</p>
            <ul className="compare-list">
              <li>Profissional contratado por você ou seu advogado</li>
              <li>Zela pelos seus interesses dentro da técnica</li>
              <li>Elabora quesitos estratégicos para o perito oficial</li>
              <li>Acompanha a perícia judicial e impugna laudos</li>
              <li>Produz Pareceres Técnicos (PAT) que convencem</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
  );
}

function Services() {
  const cards = [
    { color: "#5F205F", soft: "rgba(95,32,95,.08)", num: "01", title: "Pareceres de Assistência Técnica (PAT)", desc: "Documentos científicos robustos, didáticos e estratégicos — prontos para embasar sua sustentação. Cada parecer é construído para explicar e, sobretudo, convencer." },
    { color: "#CC5515", soft: "rgba(204,85,21,.08)", num: "02", title: "Análise crítica de laudos oficiais", desc: "Avaliação preliminar do seu caso sob ótica técnica e científica. Identificamos pontos fortes, fracos e inconsistências para otimizar sua estratégia jurídica." },
    { color: "#9E4B97", soft: "rgba(158,75,151,.08)", num: "03", title: "Elaboração de quesitos técnicos", desc: "Quesitos que direcionam o perito judicial aos aspectos mais relevantes para sua defesa. Perguntas certas geram respostas decisivas no laudo final." },
    { color: "#7D65A9", soft: "rgba(125,101,169,.1)", num: "04", title: "Análise de viabilidade técnica", desc: "Avaliação preliminar da documentação médica e jurídica. Identificamos se há elementos científicos sólidos para sustentar sua tese antes do trabalho pericial completo." },
    { color: "#82377F", soft: "rgba(130,55,127,.08)", num: "05", title: "Laudos para tratamento multiprofissional", desc: "Laudos detalhados para condições neurodivergentes (TEA, TDAH), home care e diagnósticos diversos. Base sólida para planos de intervenção e solicitações administrativas." },
    { color: "#DB6412", soft: "rgba(219,100,18,.08)", num: "06", title: "Perícias em conflitos familiares", desc: "Análise técnica em casos que envolvam saúde da criança ou alegações de alienação parental. Identificamos falhas metodológicas e contestamos laudos com rigor." },
  ];
  return (
    <section id="servicos" className="sect services">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">O que entregamos</span>
          <h2>O que o <em>assistente técnico</em> especializado faz por você.</h2>
          <p>Nossos especialistas atuam como apoio técnico estratégico, fortalecendo a argumentação jurídica em múltiplas frentes.</p>
        </div>
        <div className="services-grid">
          {cards.map((c, i) => (
            <div className="service-card" key={i} style={{"--accent": c.color, "--accent-soft": c.soft}}>
              <span className="num">{c.num}</span>
              <h4>{c.title}</h4>
              <p>{c.desc}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

function Pillars() {
  const items = [
    { icon: "M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z", title: "Verdade e transparência", desc: "Laudos e pareceres construídos com base na ciência médica e nas evidências científicas mais atualizadas." },
    { icon: "M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5", title: "Rigor ético", desc: "Atuação guiada por princípios morais sólidos e compromisso inegociável com a ética profissional." },
    { icon: "M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25", title: "Compromisso com o cliente", desc: "Lutamos tecnicamente para que a verdade do cliente prevaleça, buscando as melhores decisões judiciais." },
    { icon: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z", title: "Escuta ativa e empatia", desc: "Análise científica rigorosa aliada a avaliação humanizada — escuta ativa para garantir máxima fidelidade dos fatos." },
    { icon: "M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z", title: "Clareza na comunicação", desc: "Transformamos complexidade médica em linguagem concisa e acessível — o juiz e as partes entendem perfeitamente o laudo." },
    { icon: "M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-6.375", title: "Diligência e responsabilidade", desc: "Cumprimento estrito dos prazos processuais com celeridade. Responsabilidade técnica e legal pelo laudo, com foco na verdade e blindagem jurídica." },
  ];
  return (
    <section className="sect pillars">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow" style={{color:"var(--an-yellow-500)"}}>Como atuamos</span>
          <h2>Ciência, ética e <em>compromisso</em>.</h2>
          <p>Os 6 pilares que guiam todo trabalho do nosso time multidisciplinar.</p>
        </div>
        <div className="pillars-grid">
          {items.map((it, i) => (
            <div className="pillar" key={i}>
              <div className="ico"><I d={it.icon}/></div>
              <h4>{it.title}</h4>
              <p>{it.desc}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

function Team() {
  return (
    <section id="time" className="sect team">
      <div className="wrap team-grid">
        <div className="team-visual">
          <div className="silhouettes">
            <div className="silh">M</div>
            <div className="silh yellow">Pp</div>
            <div className="silh orange">Cl</div>
            <div className="silh">Or</div>
            <div className="silh yellow">N</div>
          </div>
          <h3>Time multidisciplinar de <em>peritos médicos</em></h3>
          <div className="specs">
            <span className="spec">Psiquiatria</span>
            <span className="spec">Medicina do Trabalho</span>
            <span className="spec">Clínica Médica</span>
            <span className="spec">Ortopedia</span>
            <span className="spec">Neurologia</span>
            <span className="spec">Pediatria</span>
          </div>
        </div>
        <div>
          <span className="eyebrow">Sobre o time</span>
          <h2>A <em>autoridade técnica</em> que fortalece a sua tese.</h2>
          <p>
            Reunimos um grupo multidisciplinar de <strong>médicos peritos
            e assistentes técnicos particulares</strong> com formação em
            instituições de excelência e atuação consolidada em casos
            complexos.
          </p>
          <p>
            Quando o seu caso envolve saúde mental no trabalho, nexo causal
            ocupacional ou riscos psicossociais, ele cai diretamente em uma
            das nossas áreas mais aprofundadas — somos referência nacional
            no tema.
          </p>
          <p>
            Todos os profissionais atuam sob a mesma missão: <strong>oferecer
            suporte técnico de excelência à sua causa</strong>, com rigor
            científico, ética e compromisso com a verdade.
          </p>
          <ul className="team-creds">
            <li>Médicos com CRM ativo e formação especializada</li>
            <li>Pós-graduação em Perícia Médica</li>
            <li>Atuação em todas as instâncias judiciais</li>
            <li>Especialização em riscos psicossociais</li>
            <li>Doutorado em Direito do Trabalho na coordenação</li>
            <li>Experiência em causas previdenciárias e cíveis</li>
            <li>Articulação direta com escritórios de advocacia</li>
            <li>Atendimento sigiloso e confidencial</li>
          </ul>
        </div>
      </div>
    </section>
  );
}

function Audience() {
  const items = [
    { icon: "M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-6.75c-.621 0-1.125.504-1.125 1.125v3.375M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.625c.621 0 1.125.504 1.125 1.125v.375m0 0V21A2.25 2.25 0 0 1 19.5 23.25h-15A2.25 2.25 0 0 1 2.25 21V5.625", h: "Advogados e escritórios", p: "Que buscam fortalecer a prova técnica em causas complexas envolvendo saúde, perícia médica ou nexo ocupacional." },
    { icon: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z", h: "Cidadãos em causas previdenciárias", p: "Pessoas com pedidos de aposentadoria por invalidez, auxílio-doença, BPC ou benefícios negados pelo INSS que precisam de prova médica robusta." },
    { icon: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z", h: "Médicos em processos por erro", p: "Profissionais da saúde que precisam de defesa técnica robusta em ações de responsabilidade civil ou processos no CRM." },
    { icon: "M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z", h: "Empresários e gestores de RH", p: "Empresas que enfrentam ações trabalhistas com alegação de adoecimento ocupacional, assédio ou nexo causal contestado." },
  ];
  return (
    <section className="sect audience">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">Para quem é</span>
          <h2>Quem se beneficia da <em>assistência técnica</em>.</h2>
          <p>Se você precisa fortalecer a prova técnica em qualquer processo que envolva saúde, nosso time pode ajudar.</p>
        </div>
        <div className="aud-grid">
          {items.map((it, i) => (
            <div className="aud-card" key={i}>
              <div className="ico"><I d={it.icon}/></div>
              <div>
                <h4>{it.h}</h4>
                <p>{it.p}</p>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

function Testimonials() {
  const items = [
    { initials: "MR", quote: "O parecer técnico produzido pela equipe foi decisivo na reversão do laudo oficial. Linguagem cristalina, fundamentação científica impecável. Virou prova de referência para o juiz.", who: "Dr. Marcelo R.", role: "Advogado Trabalhista · São Paulo", stars: 5 },
    { initials: "AC", quote: "Contratei a assistência técnica para uma ação previdenciária que vinha sendo negada há 2 anos. Em três meses, com o parecer especializado, tive o benefício deferido. Profissionalismo absoluto.", who: "Ana C.", role: "Cliente · Causa Previdenciária", stars: 5 },
    { initials: "JF", quote: "Atendimento humanizado e tecnicamente impecável. Os quesitos elaborados foram exatamente o que faltava para o perito judicial enxergar a real dimensão do nexo ocupacional do meu caso.", who: "Dr. José F.", role: "Advogado · Direito Médico", stars: 5 },
    { initials: "PM", quote: "Quem domina o tema dos riscos psicossociais como esse time, ninguém. Foi a articulação perfeita entre Medicina do Trabalho e Direito que precisei na minha causa de assédio moral.", who: "Patrícia M.", role: "Cliente · Ação Trabalhista", stars: 5 },
    { initials: "RT", quote: "Pela primeira vez vi um parecer técnico que o juiz citou diretamente na sentença. Didático, profundo e com referências científicas atuais. Ganhamos a causa por isso.", who: "Dra. Renata T.", role: "Sócia · Escritório de Advocacia", stars: 5 },
    { initials: "FC", quote: "A análise crítica do laudo oficial revelou inconsistências técnicas que ninguém tinha visto. Foi a virada completa do nosso processo. Recomendo sem reservas.", who: "Felipe C.", role: "Diretor Jurídico · Empresa", stars: 5 },
  ];
  return (
    <section className="sect testimonials">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">O que dizem nossos clientes</span>
          <h2>Resultados <em>concretos</em> em processos reais.</h2>
          <p>Advogados, empresários e cidadãos que tiveram suas teses fortalecidas pela nossa assistência técnica.</p>
        </div>
        <div className="test-grid">
          {items.map((t, i) => (
            <div className="test-card" key={i}>
              <div className="quote-mark">"</div>
              <div className="stars">{"★".repeat(t.stars)}</div>
              <p>{t.quote}</p>
              <div className="src">
                <div className="avatar">{t.initials}</div>
                <div>
                  <div className="src-name">{t.who}</div>
                  <div className="src-meta">{t.role}</div>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

function Journey() {
  const steps = [
    { n: 1, h: "Contato pelo WhatsApp", p: "Envie um resumo do caso e da fase processual. Em até 24h respondemos com a análise inicial." },
    { n: 2, h: "Conversa estratégica", p: "Reunião gratuita para entender objetivos, urgências e qual é a melhor estratégia técnica para seu processo." },
    { n: 3, h: "Análise documental", p: "Recebemos petição inicial, laudos, prontuários e exames. Avaliamos a viabilidade e definimos o escopo do trabalho." },
    { n: 4, h: "Entrega técnica", p: "Parecer, quesitos, impugnação ou laudo — tudo entregue dentro dos prazos processuais com rigor científico e didática." },
  ];
  return (
    <section className="sect journey">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">Como funciona</span>
          <h2>Da primeira mensagem ao <em>parecer entregue</em>.</h2>
          <p>Um processo simples e respeitoso, pensado para que você nunca tenha dúvidas sobre o andamento do trabalho.</p>
        </div>
        <div className="journey-grid">
          {steps.map((s, i) => (
            <div className="j-step" key={i}>
              <div className="num">{s.n}</div>
              <h5>{s.h}</h5>
              <p>{s.p}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

function Blog() {
  const posts = [
    {
      tone: "purple", glyph: "Riscos\npsicossociais",
      cat: "Saúde Mental", date: "Em breve",
      title: "Como provar o nexo causal entre trabalho e adoecimento mental",
      desc: "Caminhos técnicos para comprovar o vínculo entre função, ambiente e quadro psiquiátrico — e por que o laudo oficial muitas vezes falha nesse ponto.",
    },
    {
      tone: "orange", glyph: "Assédio\nmoral",
      cat: "Perícia Trabalhista", date: "Em breve",
      title: "5 inconsistências comuns em laudos sobre assédio moral",
      desc: "Erros metodológicos recorrentes em perícias oficiais sobre assédio moral — e como impugnar tecnicamente cada um deles.",
    },
    {
      tone: "lavender", glyph: "INSS &\nbenefícios",
      cat: "Previdenciário", date: "Em breve",
      title: "Burnout (CID-11) e auxílio-doença: o que muda na perícia",
      desc: "Desde a inclusão do Burnout na CID-11 como doença ocupacional, mudou o jogo nas perícias do INSS. Veja o que isso significa para você.",
    },
  ];
  return (
    <section id="blog" className="sect blog">
      <div className="wrap">
        <div className="blog-head-row">
          <div className="left">
            <span className="eyebrow">Conteúdo técnico</span>
            <h2>Blog · <em>aprofundando o tema</em></h2>
            <p>Artigos para advogados, médicos e cidadãos que querem entender melhor a interface entre Medicina e Direito. <strong>Conteúdo em construção.</strong></p>
          </div>
          <a href={WA_URL} target="_blank" rel="noopener" className="btn btn-brand">Sugerir um tema</a>
        </div>
        <div className="blog-grid">
          {posts.map((p, i) => (
            <article className="blog-card" key={i}>
              <div className={"img-frame " + p.tone}>
                <span style={{whiteSpace:"pre-line"}}>{p.glyph}</span>
              </div>
              <div className="body">
                <div className="meta">
                  <span className="cat">{p.cat}</span>
                  <span>·</span>
                  <span>{p.date}</span>
                </div>
                <h3>{p.title}</h3>
                <p>{p.desc}</p>
                <span className="read-more">Em breve</span>
              </div>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
}

function FAQ() {
  const items = [
    { q: "O que exatamente faz o assistente técnico médico no meu processo?", a: "O assistente técnico atua como um especialista contratado por você (ou pelo seu advogado) para fornecer suporte científico. Ele analisa criticamente o laudo do perito oficial, elabora quesitos estratégicos, acompanha a perícia judicial e produz pareceres técnicos que defendem o ponto de vista científico favorável à sua tese." },
    { q: "Qual a diferença entre o perito judicial (oficial) e o assistente técnico?", a: "O perito judicial é nomeado pelo juiz e tem o dever de ser imparcial. O assistente técnico é contratado pela parte (você) e tem o papel de zelar pelos seus interesses, garantindo que a verdade técnica do seu lado seja apresentada com o máximo de rigor e detalhe." },
    { q: "Quem pode contratar este serviço?", a: "O serviço é fundamental para advogados que buscam fortalecer a prova técnica. Também atendemos diretamente cidadãos leigos (em causas previdenciárias, cíveis, trabalhistas), médicos que precisam de defesa em processos de erro médico, empresários que lidam com ações trabalhistas e pessoas que precisam solicitar benefícios a planos de saúde ou seguros." },
    { q: "O assistente técnico precisa ser da mesma especialidade médica do caso?", a: "Legalmente, qualquer médico devidamente registrado no Conselho Regional de Medicina (CRM) está habilitado a atuar como assistente técnico. O Código de Processo Civil (Art. 156, §1º) exige apenas que o profissional seja 'legalmente habilitado'. Mesmo assim, sempre alocamos profissional com perfil técnico aderente ao caso." },
    { q: "Vocês atuam em casos de assédio moral, sexual e burnout?", a: "Sim. Esta é exatamente a área de maior aprofundamento do nosso time — temos referência nacional em saúde mental ocupacional, riscos psicossociais e nexo causal entre trabalho e adoecimento mental. É o tipo de caso em que nossa diferenciação técnica mais aparece." },
    { q: "Como funciona a análise de viabilidade do meu processo?", a: "É uma avaliação técnica preliminar onde analisamos a documentação médica e jurídica que você possui. Nosso objetivo é identificar se há elementos científicos sólidos para sustentar sua tese e qual a melhor estratégia de prova — antes de iniciar o trabalho pericial completo." },
    { q: "O que preciso fornecer para começar o trabalho?", a: "Geralmente: a petição inicial, documentos médicos relevantes (exames, relatórios, prontuários), o laudo do perito judicial (se já houver) e os quesitos já apresentados. No primeiro contato pelo WhatsApp orientamos exatamente o que enviar." },
    { q: "Vocês atendem em todo o Brasil?", a: "Sim. O atendimento é remoto, com plataforma segura para troca de documentação e reuniões. Nossos pareceres são aceitos em qualquer juízo do país, em todas as instâncias." },
    { q: "A contratação garante a vitória no processo?", a: "Nenhum serviço pode garantir vitória — a decisão final cabe ao juiz. O que garantimos é que a qualidade e a força da sua prova técnica aumentam significativamente, fazendo com que sua versão dos fatos, sob o prisma científico, seja apresentada de forma inquestionável." },
    { q: "Como é cobrado o serviço?", a: "Cada caso tem complexidade e prazos próprios. Após a análise inicial gratuita, apresentamos uma proposta clara com escopo, prazo e investimento. Sem surpresas, sem cobranças escondidas." },
  ];
  return (
    <section id="faq" className="faq">
      <div className="wrap">
        <div className="sect-head">
          <span className="eyebrow">Perguntas frequentes</span>
          <h2>Tudo o que você precisa <em style={{fontWeight:300, fontStyle:"normal"}}>saber</em> antes de contratar.</h2>
        </div>
        <div className="faq-grid">
          {items.map((it, i) => (
            <details className="faq-item" key={i}>
              <summary>{it.q}</summary>
              <p>{it.a}</p>
            </details>
          ))}
        </div>
      </div>
    </section>
  );
}

function CTAFinal() {
  return (
    <section className="cta-final">
      <div className="wrap">
        <span className="eyebrow" style={{color:"var(--an-yellow-500)"}}>Não deixe o fator técnico em segundo plano</span>
        <h2>Agende uma <em>conversa estratégica</em> hoje mesmo.</h2>
        <p>Vamos entender seu caso e mostrar como a ciência pode estar a seu favor. Análise inicial gratuita.</p>
        <div className="cta-final-actions">
          <a href={WA_URL} target="_blank" rel="noopener" className="btn btn-wa btn-lg">
            <svg width="18" height="18" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347"/></svg>
            Falar com o time · (11) 91767-5286
          </a>
        </div>
        <div className="cta-note">
          Atendimento sigiloso · Análise inicial gratuita · Resposta em até 24h
        </div>
      </div>
    </section>
  );
}

function Footer() {
  return (
    <footer className="footer">
      <div className="wrap">
        <div className="footer-grid">
          <div className="brand-col">
            <img src="assets/logo-transparent.png" alt="AssedioNet" />
            <p>Assistência técnica em perícias médicas. Time multidisciplinar com expertise em saúde mental ocupacional, riscos psicossociais e nexo causal.</p>
          </div>
          <div>
            <h5>Serviços</h5>
            <a href="#servicos">Pareceres técnicos</a>
            <a href="#servicos">Quesitos estratégicos</a>
            <a href="#servicos">Impugnação de laudos</a>
            <a href="#servicos">Análise de viabilidade</a>
          </div>
          <div>
            <h5>AssedioNet</h5>
            <a href="/landing/">Palestras</a>
            <a href="/livro-landing/">Livro</a>
            <a href="/consulta-landing/">Consulta médica</a>
            <a href="https://assed.io">assed.io</a>
          </div>
          <div>
            <h5>Contato</h5>
            <a href={WA_URL} target="_blank" rel="noopener">WhatsApp</a>
            <a href="mailto:pericias@assedio.net">pericias@assedio.net</a>
            <a href="tel:+5511917675286">(11) 91767-5286</a>
          </div>
        </div>
        <div className="footer-bottom">
          <span>© 2026 AssedioNet · AN Negócios Sociais LTDA · Todos os direitos reservados</span>
          <span>Ciência, ética e compromisso.</span>
        </div>
      </div>
    </footer>
  );
}

function FAB() {
  return (
    <a href={WA_URL} target="_blank" rel="noopener" className="fab-wa" aria-label="Falar pelo WhatsApp">
      <svg fill="currentColor" viewBox="0 0 24 24">
        <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413"/>
      </svg>
    </a>
  );
}

function App() {
  return (
    <>
      <Nav />
      <Hero />
      <Strip />
      <Problem />
      <Compare />
      <Services />
      <Pillars />
      <Team />
      <Audience />
      <Testimonials />
      <Journey />
      <Blog />
      <FAQ />
      <CTAFinal />
      <Footer />
      <FAB />
    </>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<App />);
