function Header() {
  return (
    <header className="header">
      <div style={{ maxWidth: 1120, margin: '0 auto', padding: '0 32px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 32 }}>
        <a href="#" style={{ textDecoration: 'none' }}><Logo height={52} /></a>
        <nav className="nav-links" style={{ display: 'flex', gap: 36 }}>
          <a className="nav-link" href="#como-funciona">Como funciona</a>
          <a className="nav-link" href="#diferenciais">Diferenciais</a>
          <a className="nav-link" href="#faq">FAQ</a>
        </nav>
        <div style={{ display: 'flex', gap: 12, alignItems: 'center' }}>
          <a className="btn btn-ghost" href="https://wa.me/5511939197036">Falar agora</a>
          <a className="btn btn-primary magnetic" data-magnet="0.18" href="#formulario" style={{ padding: '12px 22px' }}>Avaliação gratuita</a>
        </div>
      </div>
    </header>
  );
}
window.Header = Header;