<!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>