<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PRESENÇA MASCULINA | O Homem Que Ela Não Esquece</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(145deg, #0A0A0F 0%, #0F0F1A 100%);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
color: #F5F5F5;
line-height: 1.6;
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
}
h1 {
font-size: 3.5rem;
background: linear-gradient(135deg, #FFF 0%, #D4AF37 60%, #9C7C2E 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
margin-bottom: 24px;
text-align: center;
}
h2 {
font-size: 2.5rem;
margin-bottom: 16px;
position: relative;
display: inline-block;
}
h2:after {
content: '';
position: absolute;
bottom: -12px;
left: 0;
width: 70px;
height: 3px;
background: linear-gradient(90deg, #D4AF37, transparent);
}
.highlight {
color: #D4AF37;
}
.btn {
display: inline-block;
padding: 14px 32px;
border-radius: 60px;
font-weight: 700;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.1rem;
cursor: pointer;
}
.btn-primary {
background: linear-gradient(95deg, #D4AF37, #9C7C2E);
color: #0A0A0F;
box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 30px rgba(212, 175, 55, 0.5);
}
.btn-secondary {
background: transparent;
border: 2px solid #D4AF37;
color: #D4AF37;
}
.btn-secondary:hover {
background: rgba(212, 175, 55, 0.1);
transform: translateY(-3px);
}
.btn-block {
display: block;
width: 100%;
text-align: center;
}
section {
padding: 80px 0;
border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}
.section-gold-bg {
background: linear-gradient(135deg, #D4AF37 0%, #9C7C2E 100%);
color: #0A0A0F;
border-radius: 40px;
padding: 60px 40px;
text-align: center;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.card {
background: rgba(20, 20, 30, 0.7);
backdrop-filter: blur(5px);
border-radius: 24px;
padding: 32px;
border: 1px solid rgba(212, 175, 55, 0.2);
transition: all 0.3s;
}
.card:hover {
border-color: #D4AF37;
transform: translateY(-5px);
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 20px 35px -10px rgba(0,0,0,0.5);
margin-bottom: 30px;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.ebook-cover {
max-width: 280px;
margin: 0 auto;
display: block;
border-radius: 16px;
box-shadow: 0 15px 35px rgba(0,0,0,0.5);
}
.countdown {
display: flex;
justify-content: center;
gap: 20px;
margin: 30px 0;
flex-wrap: wrap;
}
.time-box {
background: #1A1A2A;
border-radius: 16px;
padding: 15px 20px;
text-align: center;
min-width: 80px;
border: 1px solid #D4AF37;
}
.time-number {
font-size: 2.5rem;
font-weight: 800;
color: #D4AF37;
}
.time-label {
font-size: 0.8rem;
text-transform: uppercase;
}
.checklist {
list-style: none;
margin: 20px 0;
}
.checklist li {
margin-bottom: 12px;
display: flex;
align-items: center;
gap: 12px;
}
.checklist li:before {
content: "✓";
color: #D4AF37;
font-weight: bold;
font-size: 1.2rem;
}
.testimonial {
background: rgba(212, 175, 55, 0.05);
border-left: 4px solid #D4AF37;
padding: 24px;
border-radius: 16px;
}
details {
background: #1A1A2A;
border-radius: 16px;
padding: 20px;
margin-bottom: 16px;
cursor: pointer;
}
summary {
font-weight: 700;
color: #D4AF37;
cursor: pointer;
}
@media (max-width: 768px) {
h1 {
font-size: 2.2rem;
}
h2 {
font-size: 1.8rem;
}
.grid-2, .grid-3 {
grid-template-columns: 1fr;
gap: 24px;
}
.container {
padding: 0 16px;
}
.time-number {
font-size: 1.8rem;
}
}
</style>
</head>
<body>
<div class="container">
<!-- VÍDEO -->
<section style="text-align: center; padding-top: 40px;">
<div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/cVIXlaL1tgY"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>
</div>
<h1>O HOMEM QUE <span class="highlight">ELA NÃO ESQUECE</span></h1>
<p style="font-size: 1.3rem; max-width: 800px; margin: 0 auto;">Confiança real sem arrogância – o método definitivo para você ocupar espaço, ser lembrado e vividamente desejado.</p>
</section>
<!-- INTRODUÇÃO -->
<section>
<h2>Você já se sentiu invisível?</h2>
<p>Ela olha. Ela até sorri. Mas não é para você. Você faz tudo certo e, no final, só recebe: visualizado, silêncio, fantasma.</p>
<p>O problema não é a sua aparência. O problema é silencioso: <strong>você não ocupa espaço. Você não transmite presença. Você tenta agradar.</strong></p>
<p><span class="highlight">Conceito‑chave:</span> A verdadeira atração nasce da solidez interior. 6 passos práticos, um por dia.</p>
</section>
<!-- FALSAS SOLUÇÕES -->
<section>
<h2>O que os "gurus" escondem de você</h2>
<div class="grid-2">
<div class="card"><h3>❌ Ser "bonzinho"</h3><p>Concordar com tudo, tentar agradar o tempo todo. Desespero disfarçado.</p></div>
<div class="card"><h3>❌ Técnicas de "macho alfa"</h3><p>Gritar, dominar, ser arrogante. Isso repele qualquer mulher de valor.</p></div>
<div class="card"><h3>❌ Shape + dinheiro</h3><p>Ajudam, mas são muletas frágeis. Sem propósito, nada sustenta.</p></div>
<div class="card"><h3>❌ Joguinhos de desinteresse</h3><p>Sumir, não responder, fazer ciúmes. Mulher madura percebe na hora.</p></div>
</div>
</section>
<!-- O QUE RECEBE -->
<section>
<h2>O que você vai receber</h2>
<ul class="checklist">
<li>✅ Ebook “O Homem Que Ela Não Esquece”</li>
<li>✅ Áudios guiados de postura e voz</li>
<li>✅ Checklist diário para aplicar os 6 passos</li>
<li>✅ Acesso vitalício + atualizações gratuitas</li>
</ul>
</section>
<!-- DEPOIMENTOS -->
<section>
<h2>Quem já está vivendo isso</h2>
<div class="grid-2">
<div class="testimonial">“Depois de aplicar o capítulo do olhar, uma mulher parou <strong>ela mesma</strong> para puxar conversa. Nunca tinha acontecido.” – Rafael S.</div>
<div class="testimonial">“Parei de mandar mensagens seguidas. Sumi por um dia. Ela me chamou. Estamos juntos há 3 meses.” – Túlio M.</div>
</div>
<div style="margin-top: 20px; text-align: center; font-size: 0.9rem; color: #999;">+ 230 homens já transformaram sua presença com o método.</div>
</section>
<!-- BENEFÍCIOS -->
<section>
<h2>Benefícios que você leva</h2>
<div class="grid-3">
<div>⚡ Ocupar espaço sem falar</div>
<div>🎙️ Voz que prende</div>
<div>👑 Parar de agradar e ser respeitado</div>
<div>💪 Lidar com rejeição como um rei</div>
<div>🎯 Autoconfiança real</div>
<div>🧠 Código de conduta inesquecível</div>
</div>
</section>
<!-- BÔNUS -->
<section>
<h2>Bónus exclusivos (só hoje)</h2>
<ul class="checklist">
<li>🎧 <strong>Bónus 1:</strong> Áudio guiado – Respiração 4-7-8</li>
<li>📹 <strong>Bónus 2:</strong> Micro-aula sobre linguagem corporal</li>
<li>📄 <strong>Bónus 3:</strong> Planner semanal "Presença em Ação"</li>
</ul>
</section>
<!-- FAQ -->
<section>
<h2>Perguntas frequentes</h2>
<details><summary>Preciso ser extrovertido?</summary>Não. O método funciona especialmente bem para homens introvertidos.</details>
<details><summary>É outro ebook genérico de conquista?</summary>Não. O foco é autoconfiança real, não joguinhos.</details>
<details><summary>Funciona para namoro ou apenas conquista?</summary>Para ambos. Os 6 pilares melhoram qualquer interação social.</details>
<details><summary>Terei acesso vitalício?</summary>Sim. Você baixa os arquivos e acessa para sempre.</details>
</section>
<!-- GARANTIA -->
<section class="section-gold-bg" style="border-radius: 40px; margin: 40px 0;">
<h2 style="color: #0A0A0F;">Garantia incondicional de 7 dias</h2>
<p style="color: #0A0A0F;">Adquira agora, leia, aplique um capítulo. Se em 7 dias você não sentir diferença, devolvemos 100% do seu dinheiro. Risco zero.</p>
</section>
<!-- CONTADOR + CAPA -->
<section style="text-align: center;">
<img src="img_881837234975.jpeg" alt="Capa do ebook O Homem Que Ela Não Esquece" class="ebook-cover">
<h2>🔥 Oferta com desconto encerra em:</h2>
<div class="countdown" id="countdown">
<div class="time-box"><span class="time-number" id="hours">00</span><div class="time-label">Horas</div></div>
<div class="time-box"><span class="time-number" id="minutes">00</span><div class="time-label">Minutos</div></div>
<div class="time-box"><span class="time-number" id="seconds">00</span><div class="time-label">Segundos</div></div>
</div>
<p><span class="highlight">Preço normal: R$97</span> → <strong style="font-size: 1.8rem;">HOJE APENAS R$37</strong></p>
</section>
<!-- CHECKOUT -->
<section>
<div style="background: #0F0F1A; border-radius: 32px; padding: 32px; border: 2px solid #D4AF37;">
<h2 style="text-align: center;">Finalizar compra</h2>
<a href="https://payhip.com/presencamasculina" class="btn btn-primary btn-block" style="margin: 20px 0;">✅ COMPRAR AGORA – R$37</a>
<p style="text-align: center;">Pagamento seguro via cartão, PIX ou boleto.</p>
</div>
</section>
<!-- CTA DUPLO -->
<section style="text-align: center;">
<div class="grid-2" style="gap: 20px;">
<a href="https://payhip.com/presencamasculina" class="btn btn-primary">✅ SIM – quero ser inesquecível</a>
<a href="#" class="btn btn-secondary" onclick="alert('A oportunidade não espera.'); return false;">❌ NÃO – prefiro continuar invisível</a>
</div>
</section>
<!-- FINAL -->
<section style="text-align: center; padding-bottom: 60px;">
<p style="font-size: 1.3rem;">“O homem que ela não esquece não nasce pronto. Ele se constrói. Um dia de cada vez.”</p>
<p><strong>Obrigado por confiar no seu valor.</strong> 👑</p>
<p style="margin-top: 30px;">© PRESENÇA MASCULINA – Todos os direitos reservados.</p>
</section>
</div>
<script>
function startCountdown() {
const endTime = new Date().getTime() + (24 * 60 * 60 * 1000);
setInterval(() => {
const now = new Date().getTime();
const distance = endTime - now;
if (distance < 0) {
document.getElementById('hours').innerText = '00';
document.getElementById('minutes').innerText = '00';
document.getElementById('seconds').innerText = '00';
return;
}
const hours = Math.floor((distance % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
const minutes = Math.floor((distance % (60 * 60 * 1000)) / (60 * 1000));
const seconds = Math.floor((distance % (60 * 1000)) / 1000);
document.getElementById('hours').innerText = hours < 10 ? '0'+hours : hours;
document.getElementById('minutes').innerText = minutes < 10 ? '0'+minutes : minutes;
document.getElementById('seconds').innerText = seconds < 10 ? '0'+seconds : seconds;
}, 1000);
}
startCountdown();
</script>
</body>
</html>