<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Qohen AI — empresa de IA aplicada. Reunimos dados, contexto e linguagem em sistemas que respondem por empresas.">
<meta name="theme-color" content="#161209">
<meta property="og:title" content="Qohen AI">
<meta property="og:description" content="A inteligência está na montagem.">
<meta property="og:type" content="website">

<!-- Meta Domain Verification -->
<meta name="facebook-domain-verification" content="amy2jy9ru1avil745rq8nhloqk3mrj" />

<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<title>Qohen AI</title>
<style>
  :root{
    --bg:#f6f3ec; --surface:#fdfbf6; --ink:#1a1713; --muted:#6f6659; --faint:#9a9081;
    --line:#e5ded0; --hair:#efe9dd; --accent:#96711f; --gold:#b8934a; --porphyry:#7c1d2e;
    --on-dark:#f2ebdd; --night:#161209;
    --maxw:1120px; --col:680px;
    --f-disp:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
    --f-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  @media (prefers-color-scheme:dark){
    :root{--bg:#151109; --surface:#1d1810; --ink:#efe9dc; --muted:#a49a86; --faint:#7b7261;
      --line:#2c2619; --hair:#241f14; --accent:#cba24e;
      --gold:#cba24e; --porphyry:#c96f7e; --on-dark:#f2ebdd; --night:#100d07;}
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-sans);line-height:1.62;
    -webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:17px}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  .col{max-width:var(--col)}
  h1,h2,h3{font-family:var(--f-disp);font-weight:500;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
  p{text-wrap:pretty}
  a{color:inherit;text-decoration:none}
  .eyebrow{font-family:var(--f-sans);font-size:.74rem;font-weight:600;text-transform:uppercase;
    letter-spacing:.24em;color:var(--accent)}
  .lead{font-size:1.24rem;line-height:1.5;color:var(--muted)}
  .knot .a{fill:none;stroke:currentColor;stroke-width:8;stroke-linejoin:round}
  .knot .b{fill:none;stroke:var(--gold);stroke-width:8;stroke-linejoin:round}
  header.nav{position:sticky;top:0;z-index:30;background:color-mix(in oklab,var(--bg) 84%,transparent);
    backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}
  .nav-in{display:flex;align-items:center;height:70px;gap:24px}
  .brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;cursor:pointer;
    font-family:var(--f-disp);font-size:1.32rem;letter-spacing:.02em;padding:0}
  .brand .m{width:26px;height:26px;color:var(--accent)}
  .nav-links{margin-left:auto;display:flex;align-items:center;gap:2px;flex-wrap:wrap}
  .nav-links a{font:inherit;font-size:.9rem;color:var(--muted);padding:9px 13px;border-radius:8px;transition:color .15s}
  .nav-links a:hover{color:var(--ink)}
  .nav-links .sep{width:1px;height:20px;background:var(--line);margin:0 6px}
  .theme-t{width:36px;height:36px;border-radius:99px;border:1px solid var(--line);background:transparent;
    color:var(--ink);cursor:pointer;font-size:.95rem}
  .btn{display:inline-flex;align-items:center;gap:9px;font:inherit;font-size:.95rem;font-weight:600;
    padding:12px 24px;border-radius:2px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);
    cursor:pointer;transition:.18s}
  .btn:hover{background:transparent;color:var(--ink)}
  .btn.line{background:transparent;color:var(--ink);border-color:var(--line)}
  .btn.line:hover{border-color:var(--ink)}
  .hero{position:relative;padding:120px 0 96px;overflow:hidden}
  .hero .big-knot{position:absolute;right:-120px;top:-40px;width:520px;height:520px;color:var(--gold);
    opacity:.09;pointer-events:none}
  .hero .eyebrow{margin:0 0 26px}
  .hero h1{font-size:clamp(2.7rem,6.5vw,4.9rem);margin:0 0 28px;max-width:15ch}
  .hero .lead{max-width:52ch;margin:0 0 40px}
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
  .hero-note{font-size:.86rem;color:var(--faint)}
  .rule{height:1px;background:var(--line);border:0;margin:0}
  section.s{padding:104px 0}
  .kicker{display:flex;align-items:center;gap:14px;margin:0 0 40px}
  .kicker .eyebrow{margin:0}
  .kicker .line{flex:1;height:1px;background:var(--line)}
  .story{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .story h2{font-size:clamp(2rem,4.5vw,3rem);margin:0 0 22px}
  .story p{color:var(--muted);margin:0 0 16px;font-size:1.05rem}
  .story .mark-wrap{display:grid;place-items:center}
  .story .mark-wrap svg{width:min(78%,340px);height:auto;color:var(--ink)}
  @media(max-width:820px){.story{grid-template-columns:1fr;gap:32px}.story .mark-wrap{order:-1}}
  .tenets{display:grid;gap:0}
  .tenet{display:grid;grid-template-columns:auto 1fr;gap:28px;padding:34px 0;border-top:1px solid var(--line);align-items:baseline}
  .tenet:last-child{border-bottom:1px solid var(--line)}
  .tenet .n{font-family:var(--f-disp);font-size:1.1rem;color:var(--accent);letter-spacing:.05em}
  .tenet h3{font-size:1.5rem;margin:0 0 8px;font-weight:500}
  .tenet p{margin:0;color:var(--muted);max-width:60ch}
  .caps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
  .cap{background:var(--bg);padding:34px}
  .cap .m{width:26px;height:26px;color:var(--accent);margin-bottom:16px}
  .cap h3{font-size:1.22rem;margin:0 0 8px;font-weight:500}
  .cap p{margin:0;color:var(--muted);font-size:.98rem}
  @media(max-width:720px){.caps{grid-template-columns:1fr}}
  .aud{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .aud h2{font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 18px;max-width:20ch}
  .aud p{color:var(--muted);max-width:56ch;font-size:1.08rem;margin:0}
  .cta{padding:120px 0;text-align:center}
  .cta .m{width:48px;height:48px;color:var(--accent);margin:0 auto 24px}
  .cta h2{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 18px}
  .cta p{color:var(--muted);font-size:1.14rem;max-width:44ch;margin:0 auto 34px}
  footer.ft{background:var(--night);color:#b7ab93;padding:64px 0 30px}
  .ft-top{display:flex;gap:48px;flex-wrap:wrap;justify-content:space-between}
  .ft .brand{color:var(--on-dark)}.ft .brand .m{color:var(--gold)}
  .ft-tag{max-width:32ch;color:#a1977f;font-size:.94rem;margin:16px 0 0}
  .ft-col h5{color:var(--on-dark);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;margin:0 0 14px}
  .ft-col a{display:block;color:#b7ab93;font-size:.92rem;padding:5px 0}
  .ft-col a:hover{color:var(--gold)}
  .ft-bottom{margin-top:44px;padding-top:22px;border-top:1px solid #33291a;display:flex;gap:16px;
    flex-wrap:wrap;justify-content:space-between;font-size:.82rem;color:#8a8069}
  .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
</style>
</head>
<body>

<svg width="0" height="0" style="position:absolute" aria-hidden="true"><defs>
  <symbol id="knot" viewBox="0 0 100 100">
    <rect class="a" x="16" y="38" width="68" height="24" rx="12"/>
    <rect class="b" x="38" y="16" width="24" height="68" rx="12"/>
  </symbol>
</defs></svg>

<header class="nav">
  <div class="wrap nav-in">
    <a class="brand" href="/" aria-label="Qohen — início">
      <svg class="knot m"><use href="#knot"/></svg> Qohen
    </a>
    <nav class="nav-links">
      <a href="/#nome">A empresa</a>
      <a href="/#filosofia">Filosofia</a>
      <a href="/#contato">Contato</a>
      <span class="sep"></span>
      <a href="/terms.html">Termos</a>
      <a href="/privacy.html">Privacidade</a>
      <button class="theme-t" id="themeT" title="Tema" aria-label="Alternar tema">◐</button>
    </nav>
  </div>
</header>

<main>
  <section class="hero">
    <svg class="knot big-knot" aria-hidden="true"><use href="#knot"/></svg>
    <div class="wrap">
      <p class="eyebrow">Qohen AI</p>
      <h1>A inteligência.</h1>
      <p class="lead">Qohélet, na tradição, é <em>aquele que reúne</em>. É o que fazemos: reunimos dados, contexto e linguagem em sistemas de IA que trabalham por empresas.</p>
      <div class="hero-cta">
        <a class="btn" href="#contato">Falar com a Qohen</a>
        <a class="btn line" href="#filosofia">Como pensamos</a>
        <a href="/privacy.html" class="hero-note" style="text-decoration:underline">Política de Privacidade</a>
      </div>
    </div>
  </section>

  <hr class="rule">

  <section class="s" id="nome">
    <div class="wrap">
      <div class="kicker"><span class="eyebrow">A empresa</span><span class="line"></span></div>
      <div class="story reveal">
        <div>
          <h2>Qohen, o método.</h2>
          <p>Qohélet — o Eclesiastes — é o reunidor: aquele que ajunta o que está disperso e o entrega como um todo com sentido.</p>
          <p>É o nosso método. Somos uma empresa de IA aplicada: reunimos dados, contexto e linguagem em sistemas que respondem por empresas — com rigor de engenharia, não com promessa de mágica.</p>
        </div>
        <div class="mark-wrap"><svg class="knot" aria-hidden="true"><use href="#knot"/></svg></div>
      </div>
    </div>
  </section>

  <section class="s" id="filosofia" style="background:var(--surface);border-block:1px solid var(--line)">
    <div class="wrap">
      <div class="kicker"><span class="eyebrow">Filosofia</span><span class="line"></span></div>
      <div class="col reveal" style="margin-bottom:44px">
        <h2 style="font-size:clamp(2rem,4.5vw,3rem);margin:0">Quatro convicções que restringem cada escolha.</h2>
      </div>
      <div class="tenets reveal">
        <div class="tenet"><span class="n">01</span><div>
          <h3>Um modelo não é uma resposta.</h3>
          <p>Qohen busca o que é verdadeiro, lembra do que já foi dito e confere antes de responder. A inteligência vive na arquitetura — o modelo é só a última peça, a que fala.</p>
        </div></div>
        <div class="tenet"><span class="n">02</span><div>
          <h3>A Qohen não inventa.</h3>
          <p>Toda afirmação nasce de uma fonte. Quando o dado não existe, ela escala um humano — não preenche o silêncio com plausibilidade. Inventar é a falha mais cara, e nós a tornamos difícil por construção.</p>
        </div></div>
        <div class="tenet"><span class="n">03</span><div>
          <h3>Privacidade não é etapa, é restrição.</h3>
          <p>Tratamos dado de terceiros. Coletar o mínimo, mascarar sempre, apagar quando não é mais preciso. O que a lei manda esquecer não mora num sistema feito pra nunca esquecer.</p>
        </div></div>
        <div class="tenet"><span class="n">04</span><div>
          <h3>Feito sob medida, à escala.</h3>
          <p>Um motor, muitas configurações. Cada cliente é isolado — dado, credencial, voz — e ainda assim servido pela mesma base. Rigor de engenharia que vira promessa cumprida.</p>
        </div></div>
      </div>
    </div>
  </section>

  <section class="s" id="construimos">
    <div class="wrap">
      <div class="kicker"><span class="eyebrow">O que construímos</span><span class="line"></span></div>
      <div class="col reveal" style="margin-bottom:40px">
        <p class="lead" style="margin:0">Sistemas de IA que agem por uma empresa. Cada um assenta sobre as mesmas peças.</p>
      </div>
      <div class="caps reveal">
        <div class="cap"><svg class="knot m"><use href="#knot"/></svg><h3>Conversa que trabalha</h3><p>Assistentes que entendem intenção, agem com ferramentas e sabem a hora de chamar um humano — não um chat que só responde.</p></div>
        <div class="cap"><svg class="knot m"><use href="#knot"/></svg><h3>Conhecimento ancorado</h3><p>Recuperação sobre a verdade do cliente, com limiar contra alucinação. A resposta cita a fonte; na dúvida, escala.</p></div>
        <div class="cap"><svg class="knot m"><use href="#knot"/></svg><h3>Privacidade por construção</h3><p>PII mascarada, cifrada em repouso, apagável. Consentimento primeiro, proteção reforçada para menores.</p></div>
        <div class="cap"><svg class="knot m"><use href="#knot"/></svg><h3>Escala sob medida</h3><p>Um motor, múltiplas configurações. Do MEI ao enterprise: mesmo rigor, voz da marca isolada, preço proporcional ao uso.</p></div>
      </div>
    </div>
  </section>

  <section class="s aud">
    <div class="wrap reveal">
      <div class="kicker"><span class="eyebrow">Para quem</span><span class="line"></span></div>
      <h2>Para quem recebe gente e não pode perder um contato.</h2>
      <p>Todo negócio que atende, agenda e responde o dia inteiro tem uma recepção sobrecarregada. Reunimos as peças para que ela não durma — com a voz da marca, dentro dos canais que seus clientes já usam.</p>
    </div>
  </section>

  <section class="cta" id="contato">
    <div class="wrap reveal">
      <svg class="knot m"><use href="#knot"/></svg>
      <h2>Vamos reunir as suas peças.</h2>
      <p>Conte o que sua operação precisa responder. A gente monta a inteligência que responde por ela.</p>
      <a class="btn" href="mailto:suporte@qohen.online">Falar com a Qohen</a>
      <p class="hero-note" style="margin-top:16px">suporte@qohen.online</p>
    </div>
  </section>
</main>

<footer class="ft">
  <div class="wrap">
    <div class="ft-top">
      <div>
        <a class="brand" href="/"><svg class="knot m"><use href="#knot"/></svg> Qohen</a>
        <p class="ft-tag">A inteligência em construção. Reunimos as peças que respondem por você.</p>
      </div>
      <div class="ft-col">
        <h5>Empresa</h5>
        <a href="/#nome">Quem somos</a>
        <a href="/#filosofia">Filosofia</a>
        <a href="/#contato">Contato</a>
      </div>
      <div class="ft-col">
        <h5>Legal</h5>
        <a href="/terms.html">Termos de Uso</a>
        <a href="/privacy.html">Política de Privacidade</a>
      </div>
    </div>
    <div class="ft-bottom">
      <span>Qohen AI · 22.442.001 GABRIEL COUTINHO SALOMAO DA SILVA</span>
      <span>CNPJ 22.442.001/0001-29</span>
      <span>© 2026 Qohen AI</span>
    </div>
  </div>
</footer>

<script>
  const root=document.documentElement,tb=document.getElementById('themeT');
  tb.addEventListener('click',()=>{const c=root.getAttribute('data-theme')||(matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light');
    root.setAttribute('data-theme',c==='dark'?'light':'dark');});
  const io=new IntersectionObserver(es=>es.forEach(x=>{if(x.isIntersecting){x.target.classList.add('in');io.unobserve(x.target);}}),{threshold:.12});
  document.querySelectorAll('.reveal').forEach(el=>io.observe(el));
</script>

</body>
</html>