<div style="background-color:#ffffff; border-radius:8px; border:1px solid #e0e0e0; box-shadow:0 4px 15px rgba(0,0,0,0.05); color:#333333; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; line-height:1.6; margin-bottom:20px; margin-left:auto; margin-right:auto; margin-top:20px; max-width:850px; overflow:hidden">
<div style="background:linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%); color:#ffffff; padding:60px 30px; position:relative; text-align:center">
<div style="background-image:radial-gradient(#ffffff 1px, transparent 1px); background-size:20px 20px; height:100%; left:0; opacity:0.1; position:absolute; top:0; width:100%; z-index:1"> </div>
<div style="position:relative; z-index:2">
<div style="color:#4facfe; font-size:12px; font-weight:bold; letter-spacing:2px; margin-bottom:10px; text-transform:uppercase">Desenvolvido por Carnaúba HUB</div>
<div style="font-size:38px; font-weight:800; letter-spacing:-1px; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:0">Território ID</div>
<div style="color:#e0e1dd; font-size:18px; font-weight:300; margin-bottom:25px; margin-left:auto; margin-right:auto; max-width:550px">Inteligência Territorial para Decisões Estratégicas</div>
<div style="color:#a2a2a2; font-size:14px; line-height:1.5; margin-bottom:30px; margin-left:auto; margin-right:auto; margin-top:0; max-width:600px">Transforme dados fundiários dispersos em capacidade concreta de decisão política, fundiária e planejamento de atuação com análise geoespacial em tempo real.</div>
<div style="display:flex; flex-wrap:wrap; gap:15px; justify-content:center"><a href="#" style="background: #f7931e; color: #ffffff; padding: 12px 24px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 13px; box-shadow: 0 4px 6px rgba(0,0,0,0.2);">Solicitar Demonstração</a> <a href="#" style="border: 1px solid #ffffff; color: #ffffff; padding: 11px 23px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 13px;">Explorar Plataforma</a></div>
</div>
</div>
<div style="background:#ffffff; padding:50px 30px">
<div style="margin-bottom:40px; text-align:center"><strong>A Plataforma</strong>
<div style="color:#1b365d; font-size:22px; font-weight:700; margin-bottom:10px; margin-left:0; margin-right:0; margin-top:15px">Visão completa do território em uma única interface</div>
<div style="color:#666666; font-size:14px; margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:550px">Integração de bases oficiais como INCRA, IBGE e SIGEF para uma leitura unificada.</div>
</div>
<div style="display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin-bottom:40px">
<div style="background:#f8f9fa; border-radius:8px; border:1px solid #eeeeee; padding:20px; text-align:center; width:180px">
<div style="color:#f7931e; font-size:28px; font-weight:800">10+</div>
<div style="color:#1b365d; font-size:12px; font-weight:600">Bases Integradas</div>
</div>
<div style="background:#f8f9fa; border-radius:8px; border:1px solid #eeeeee; padding:20px; text-align:center; width:180px">
<div style="color:#f7931e; font-size:28px; font-weight:800">50+</div>
<div style="color:#1b365d; font-size:12px; font-weight:600">Camadas Geoespaciais</div>
</div>
<div style="background:#f8f9fa; border-radius:8px; border:1px solid #eeeeee; padding:20px; text-align:center; width:180px">
<div style="color:#f7931e; font-size:28px; font-weight:800">100%</div>
<div style="color:#1b365d; font-size:12px; font-weight:600">Tempo Real</div>
</div>
</div>
</div>
<div style="background:#f4f7f6; border-top:1px solid #e0e0e0; padding:50px 30px">
<div style="color:#1b365d; font-size:18px; font-weight:700; margin-bottom:35px; text-align:center; text-transform:uppercase">Funcionalidades</div>
<div style="display:flex; flex-wrap:wrap; gap:15px">
<div style="background:#ffffff; border-left:4px solid #f7931e; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.02); flex:1; min-width:250px; padding:15px">
<div style="color:#1b365d; font-size:15px; font-weight:bold; margin-bottom:5px">Integração de Bases Oficiais</div>
<div style="color:#555555; font-size:12px">Conexão direta com órgãos públicos e privados em uma arquitetura unificada.</div>
</div>
<div style="background:#ffffff; border-left:4px solid #f7931e; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.02); flex:1; min-width:250px; padding:15px">
<div style="color:#1b365d; font-size:15px; font-weight:bold; margin-bottom:5px">Detecção por IA</div>
<div style="color:#555555; font-size:12px">Identificação automática de ocupações e mudanças através de inteligência artificial.</div>
</div>
<div style="background:#ffffff; border-left:4px solid #f7931e; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.02); flex:1; min-width:250px; padding:15px">
<div style="color:#1b365d; font-size:15px; font-weight:bold; margin-bottom:5px">Dashboards Executivos</div>
<div style="color:#555555; font-size:12px">Painéis interativos com indicadores estratégicos para decisões rápidas.</div>
</div>
<div style="background:#ffffff; border-left:4px solid #f7931e; border-radius:4px; box-shadow:0 2px 4px rgba(0,0,0,0.02); flex:1; min-width:250px; padding:15px">
<div style="color:#1b365d; font-size:15px; font-weight:bold; margin-bottom:5px">Segurança Jurídica</div>
<div style="color:#555555; font-size:12px">Conformidade com marcos regulatórios para garantir segurança nas operações.</div>
</div>
</div>
</div>
<div style="background:#ffffff; padding:50px 30px">
<div style="color:#1b365d; font-size:18px; font-weight:700; margin-bottom:35px; text-align:center; text-transform:uppercase">Casos de Uso</div>
<div style="margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; max-width:600px">
<div style="align-items:center; border-radius:8px; border:1px solid #f0f0f0; display:flex; gap:15px; margin-bottom:15px; padding:12px">
<div style="align-items:center; background:#1b365d; border-radius:50%; color:#ffffff; display:flex; flex-shrink:0; font-size:12px; font-weight:bold; height:28px; justify-content:center; width:28px">1</div>
<div>
<div style="color:#1b365d; font-size:14px; font-weight:bold">Governos Estaduais e Federais</div>
<div style="color:#666666; font-size:12px">Gestão de terras devolutas e planejamento de regularização.</div>
</div>
</div>
<div style="align-items:center; border-radius:8px; border:1px solid #f0f0f0; display:flex; gap:15px; margin-bottom:15px; padding:12px">
<div style="align-items:center; background:#1b365d; border-radius:50%; color:#ffffff; display:flex; flex-shrink:0; font-size:12px; font-weight:bold; height:28px; justify-content:center; width:28px">2</div>
<div>
<div style="color:#1b365d; font-size:14px; font-weight:bold">Órgãos Fundiários</div>
<div style="color:#666666; font-size:12px">Análise de conflitos territoriais e pareceres técnicos.</div>
</div>
</div>
<div style="align-items:center; border-radius:8px; border:1px solid #f0f0f0; display:flex; gap:15px; padding:12px">
<div style="align-items:center; background:#1b365d; border-radius:50%; color:#ffffff; display:flex; flex-shrink:0; font-size:12px; font-weight:bold; height:28px; justify-content:center; width:28px">3</div>
<div>
<div style="color:#1b365d; font-size:14px; font-weight:bold">Prefeituras</div>
<div style="color:#666666; font-size:12px">Controle de limites urbanos e suporte à política habitacional.</div>
</div>
</div>
</div>
</div>
<div style="background:#1b365d; color:#ffffff; padding:50px 30px; text-align:center">
<div style="font-size:18px; font-weight:bold; margin-bottom:10px">Pronto para transformar sua gestão territorial?</div>
<div style="color:#a2a2a2; font-size:13px; margin-bottom:25px">Agende uma demonstração personalizada com nossa equipe.</div>
<a href="#" style="background: #f7931e; color: #ffffff; padding: 12px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 14px; display: inline-block;">Falar com nossa equipe</a></div>
</div>
