<!-- ===== Mapa HDS – Landing Page (Single File) ===== -->
<style>
:root{
--mhds-bg:#0b0b12; --mhds-text:#eef2f7; --mhds-muted:#a9b3c4;
--mhds-primary:#6a5cff; --mhds-primary-2:#8e7bff; --mhds-accent:#00d0ff;
--mhds-card:#11121b; --mhds-border:#1f2230; --mhds-ok:#19c37d;
--mhds-radius:18px; --mhds-max:1200px;
}
.mhds *{box-sizing:border-box}
.mhds{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;color:var(--mhds-text);background:radial-gradient(1200px 600px at 80% -10%,rgba(106,92,255,.21),transparent 60%),linear-gradient(180deg,#0b0b12 0%,#0b0b12 100%);line-height:1.5}
.mhds a{color:var(--mhds-accent);text-decoration:none}
.mhds a:hover{opacity:.9}
.mhds .wrap{max-width:var(--mhds-max);margin:0 auto;padding:0 20px}
.mhds-section{padding:72px 0;border-top:1px solid var(--mhds-border)}
.mhds-hero{padding:96px 0 72px;border:0;position:relative;overflow:hidden}
.mhds-hero .backglow{position:absolute;inset:-20% -10% auto -10%;height:420px;background:radial-gradient(480px 220px at 40% 30%,rgba(0,208,255,.18),transparent 60%),radial-gradient(640px 320px at 85% -10%,rgba(106,92,255,.22),transparent 60%)}
.mhds-badges{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 28px}
.mhds-badge{background:rgba(255,255,255,.06);border:1px solid var(--mhds-border);padding:8px 12px;border-radius:999px;color:var(--mhds-muted);font-size:12px}
.mhds h1,.mhds h2,.mhds h3{line-height:1.2;margin:0 0 12px}
.mhds h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.02em}
.mhds p.lead{color:#cfd6e3;font-size:clamp(16px,2.4vw,20px);max-width:900px}
.mhds .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.mhds .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;border:1px solid var(--mhds-border);background:#1a1b27;color:#fff;font-weight:600}
.mhds .btn-primary{background:linear-gradient(90deg,var(--mhds-primary),var(--mhds-primary-2));border-color:transparent}
.mhds .btn-outline{background:transparent}
.mhds .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.mhds .chip{background:#131622;border:1px solid var(--mhds-border);color:#cfd6e3;padding:8px 12px;border-radius:999px;font-size:13px}
.mhds-grid{display:grid;gap:16px}
@media(min-width:820px){.mhds-grid.cols-2{grid-template-columns:1fr 1fr}.mhds-grid.cols-3{grid-template-columns:repeat(3,1fr)}.mhds-grid.cols-4{grid-template-columns:repeat(4,1fr)}}
.mhds-card{background:var(--mhds-card);border:1px solid var(--mhds-border);border-radius:var(--mhds-radius);padding:20px}
.mhds-card h3{font-size:18px;margin-bottom:6px}
.mhds-muted{color:var(--mhds-muted)}
.mhds-kpis{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}
.mhds-kpi{background:rgba(255,255,255,.04);border:1px solid var(--mhds-border);border-radius:14px;padding:12px 14px}
.mhds-kpi strong{font-size:20px}
.mhds-list{display:grid;gap:10px;margin:12px 0 0;padding:0}
.mhds-list li{list-style:none;padding-left:28px;position:relative}
.mhds-list li::before{content:"";position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:conic-gradient(from 0deg,var(--mhds-primary),var(--mhds-accent));opacity:.9}
.mhds-note{font-size:14px;color:var(--mhds-muted)}
.mhds-sticky{position:sticky;top:0;background:rgba(11,11,18,.8);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--mhds-border);z-index:40}
.mhds-nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:10px 0}
.mhds-nav a{color:#cfd6e3;padding:8px 10px;border-radius:10px}
.mhds-nav a:hover{background:rgba(255,255,255,.06)}
.mhds-emph{color:#fff;background:linear-gradient(90deg,var(--mhds-primary),var(--mhds-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mhds-divider{height:1px;background:var(--mhds-border);margin:18px 0}
.mhds-footer{padding:40px 0 64px;color:var(--mhds-muted);text-align:center;border-top:1px solid var(--mhds-border)}
.mhds-logos{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-items:center}
.mhds-logos .logo{height:40px;border:1px dashed var(--mhds-border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#7e87a1}
.mhds-bullets{display:grid;gap:12px}
.mhds-bullets b{color:#fff}
.mhds-hr-ok{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--mhds-ok),transparent);margin:6px 0 14px}
/* smooth anchors in case theme doesn't */
html{scroll-behavior:smooth}
</style>
<div class="mhds" id="mhds-root">
<!-- Sticky mini-nav -->
<div class="mhds-sticky">
<div class="wrap mhds-nav">
<a href="#inicio">Início</a>
<a href="#rh">RH</a>
<a href="#sst">SST</a>
<a href="#visao360">Visão 360</a>
<a href="#porque-mhds">Por que a Plataforma</a>
<a href="#beneficios">Benefícios</a>
<a href="#dores">Dores invisíveis</a>
<a href="#comarca">Co-marca</a>
<a href="#cases">Cases</a>
<a href="#cta" class="mhds-emph"><strong>Falar com especialista</strong></a>
</div>
</div>
<!-- HERO / BLOCO 1 -->
<section class="mhds-hero mhds-section" id="inicio">
<div class="backglow" aria-hidden="true"></div>
<div class="wrap">
<div class="mhds-badges">
<span class="mhds-badge">Ciências Humanas + Dados</span>
<span class="mhds-badge">Decisões Estratégicas</span>
<span class="mhds-badge">RH + SST integrados</span>
</div>
<h1>Entenda pessoas e sua relação com o trabalho.</h1>
<p class="lead">Ciências humanas e ciência de dados para decisões que reduzem riscos, aumentam performance e garantem a sustentabilidade das maiores empresas do Brasil.</p>
<div class="chips">
<span class="chip">Traços de personalidade</span>
<span class="chip">Competências e habilidades</span>
<span class="chip">Fatores psicossociais</span>
<span class="chip">Avaliações e resultados RH & SST</span>
</div>
<div class="cta-row">
<a href="#cta" class="btn btn-primary">Falar agora com um especialista</a>
<a href="#porque-mhds" class="btn btn-outline">Conhecer a Plataforma</a>
</div>
</div>
</section>
<!-- BLOCO 2 – RH -->
<section class="mhds-section" id="rh">
<div class="wrap">
<h2><span class="mhds-emph">Dados</span> que ampliam o entendimento da sua força de trabalho — <span class="mhds-muted">Área de RH</span></h2>
<div class="mhds-grid cols-2" style="margin-top:18px">
<!-- 1 -->
<div class="mhds-card">
<h3>1) Recrutamento & Seleção</h3>
<ul class="mhds-list">
<li>Avaliação psicológica baseada em traços de personalidade.</li>
<li>Parametrização das competências da sua empresa.</li>
<li>Redução de contratações equivocadas.</li>
</ul>
<p class="mhds-note">Valor: processos seletivos alinhados à cultura.</p>
</div>
<!-- 2 -->
<div class="mhds-card">
<h3>2) Treinamento & Desenvolvimento</h3>
<ul class="mhds-list">
<li>Dados para decidir onde e como investir.</li>
<li>Acompanhamento da evolução individual e coletiva.</li>
<li>Análises para medir impacto real.</li>
</ul>
<p class="mhds-note">Valor: saber exatamente a ação a fazer.</p>
</div>
<!-- 3 -->
<div class="mhds-card">
<h3>3) Clima e Cultura Organizacional</h3>
<ul class="mhds-list">
<li>Dados sobre fatores psicossociais que afetam engajamento.</li>
<li>Monitoramento de riscos que impactam turnover/absenteísmo.</li>
<li>Relatórios que traduzem percepções em indicadores técnicos.</li>
</ul>
<p class="mhds-note">Valor: fortalecimento da cultura com evidências.</p>
</div>
<!-- 4 -->
<div class="mhds-card">
<h3>4) Gestão de Desempenho</h3>
<ul class="mhds-list">
<li>Avaliações cruzadas com personalidade e contexto real.</li>
<li>Métricas que conectam performance à estratégia.</li>
<li>Identificação preditiva de riscos de baixa performance.</li>
</ul>
<p class="mhds-note">Valor: decisões consistentes em promoções e feedbacks.</p>
</div>
<!-- 5 -->
<div class="mhds-card">
<h3>5) Liderança e Sucessão</h3>
<ul class="mhds-list">
<li>Identificação de potenciais líderes via dados psicométricos.</li>
<li>Avaliação de preparo emocional para funções críticas.</li>
<li>Planejamento por riscos e competências.</li>
</ul>
<p class="mhds-note">Valor: líderes mais preparados e menor risco.</p>
</div>
<!-- 6 -->
<div class="mhds-card">
<h3>6) Saúde Emocional e Bem-estar</h3>
<ul class="mhds-list">
<li>Indicadores aplicáveis em áreas e funções.</li>
<li>Monitoramento: absenteísmo, estresse, burnout etc.</li>
<li>Planos preventivos de bem-estar.</li>
</ul>
<p class="mhds-note">Valor: trabalhadores mais saudáveis.</p>
</div>
<!-- 7 -->
<div class="mhds-card">
<h3>7) Gestão de Competências</h3>
<ul class="mhds-list">
<li>Mapeamento de comportamentos essenciais.</li>
<li>Cruzamento: personalidade, riscos, ambiente.</li>
<li>Gaps entre perfil atual e necessário.</li>
</ul>
<p class="mhds-note">Valor: decisões de DHO baseadas em dados.</p>
</div>
</div>
</div>
</section>
<!-- BLOCO 2 (SST) -->
<section class="mhds-section" id="sst">
<div class="wrap">
<h2><span class="mhds-emph">SST</span> — Saúde e Segurança do Trabalho</h2>
<div class="mhds-grid cols-2" style="margin-top:18px">
<div class="mhds-card">
<h3>1) Gestão de Riscos Ocupacionais</h3>
<ul class="mhds-list">
<li>Identificação, análise e monitoramento contínuo.</li>
<li>Integração com PGR para acompanhamento.</li>
<li>Relatórios técnicos com rastreabilidade.</li>
</ul>
<p class="mhds-note">Valor: visão completa e base sólida para prevenção.</p>
</div>
<div class="mhds-card">
<h3>2) Conformidade Normativa (NRs)</h3>
<ul class="mhds-list">
<li>Adequação às NRs 01, 20, 33, 35.</li>
<li>Relatórios por pessoa, função, norma ou área.</li>
<li>Evidências prontas p/ fiscalizações e auditorias.</li>
</ul>
<p class="mhds-note