.elementor-23 .elementor-element.elementor-element-0041e77{--display:flex;}.elementor-23 .elementor-element.elementor-element-0041e77.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-0041e77{--width:734px;}}/* Start custom CSS for html, class: .elementor-element-441b1a0 *//* Blur e fundo do container do cabeçalho */
.hero-content {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    background: rgba(11, 18, 32, 0.55);
    backdrop-filter: blur(8px);
    border-radius: 16px;
}

/* Texto principal - título */
.hero h1 {
    font-size: 48px !important;
    font-weight: 900;
    color: #d9f3c5 !important;
    text-shadow: 0 0 16px rgba(0, 0, 0, 0.9) !important;
    margin-bottom: 14px;
}

/* Texto secundário - subtítulo */
.hero-subtitle {
    font-size: 22px !important;
    font-weight: 600;
    color: #a4c08f !important;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.85) !important;
    margin-bottom: 32px;
}

/* Lista de benefícios com checks */
.checklist {
    background-color: rgba(0, 0, 0, 0.28);
    border-radius: 14px;
    padding: 14px 18px;
    color: #7fcdbb !important;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    max-width: 840px;
    margin: 0 auto 28px;
    backdrop-filter: blur(6px);
    box-shadow: 0 0 20px rgba(15, 35, 23, 0.3);
}

/* Item da lista de verificação */
.checklist-item {
    background: rgba(46, 203, 176, 0.3);
    border-radius: 14px;
    border: 1px solid rgba(46, 203, 176, 0.7);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    color: #7fcdbb !important;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
}

/* Ícone check */
.check-icon {
    background: #245a54;
    border-radius: 50%;
    color: #38cabf;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 22px;
    width: 24px;
    height: 24px;
    line-height: 1;
    text-shadow: none;
}

/* Botões principais e fixos */
.cta-button,
.cta-button-secondary,
.fixed-buy-button,
.final-cta a {
    border-radius: 14px;
    padding: 20px 50px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    max-width: 320px;
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    user-select: none;
}

/* Botão primário */
.cta-button,
.fixed-buy-button,
.final-cta a.buy {
    background: #ff435e;
    box-shadow: 0 0 16px 6px rgba(255, 79, 90, 0.6);
}

.cta-button:hover,
.fixed-buy-button:hover,
.final-cta a.buy:hover {
    background: #db3448;
    box-shadow: 0 0 22px 8px rgba(219, 52, 72, 0.7);
}

/* Botão secundário */
.cta-button-secondary,
.final-cta a.access {
    background: #38cabf;
    box-shadow: 0 0 17px 6px rgba(56, 202, 191, 0.6);
}

.cta-button-secondary:hover,
.final-cta a.access:hover {
    background: #0ea89e;
    box-shadow: 0 0 22px 9px rgba(14, 168, 158, 0.7);
}

/* Texto urgência */
.urgency-text {
    margin-top: 28px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.8px;
    color: #c8f0c8;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
}

/* Contador */
.countdown {
    margin-top: 12px;
    font-family: monospace;
    font-size: 26px;
    font-weight: 900;
    color: #5fe3c1;
    text-shadow: 0 0 14px rgba(0, 0, 0, 0.9);
}

/* Trust Banner */
.trust-banner {
    background: var(--panel);
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid var(--border);
}

.trust-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    font-size: 14px;
    color: var(--muted);
    max-width: 700px;
    margin: 0 auto;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--accent-green);
}

.trust-icon {
    font-size: 20px;
    color: var(--accent-green);
}

/* Responsividade básica */
@media (max-width: 768px) {
    /* Mobile adjustments */
    .hero h1 {
        font-size: 36px !important;
    }
    .hero-subtitle {
        font-size: 18px !important;
    }
    .checklist {
        flex-direction: column;
        gap: 18px;
    }
    .cta-button,
    .cta-button-secondary,
    .fixed-buy-button,
    .final-cta a {
        width: 100% !important;
        max-width: none !important;
        padding: 18px 30px !important;
        font-size: 18px !important;
    }
}
</style>
</head>

<body>
  <!-- Hero section -->
  <section class="hero">
    <div class="hero-content">
      <span class="badge">🔥 HOT SELECTION</span>
      <h1>The Lost Superfoods Book</h1>
      <p class="hero-subtitle">Discover the Survival Secrets & Emergency Food Storage Techniques</p>
      <div class="checklist" aria-label="Key Features">
        <div class="checklist-item"><span class="check-icon">✔</span> Official Website Access</div>
        <div class="checklist-item"><span class="check-icon">✔</span> Direct Order From Source</div>
        <div class="checklist-item"><span class="check-icon">✔</span> Check Current Availability</div>
      </div>
      <a href="https://ultimatesurvivalfoods.com/book/#aff=kevenwinter" class="cta-button" target="_blank" rel="nofollow sponsored">GET THE LOST SUPERFOODS BOOK →</a>
      <a href="https://ultimatesurvivalfoods.com/book/#aff=kevenwinter" class="cta-button-secondary" target="_blank" rel="nofollow sponsored">BUY NOW - LIMITED OFFER →</a>
      <p class="urgency-text">⏳ Hurry! Limited availability—Don’t miss out!</p>
      <div id="countdown" class="countdown" aria-live="polite"></div>
    </div>
  </section>

  <!-- Trust seals -->
  <section class="trust-seals" aria-label="Guarantee seals" style="max-width:900px;margin:40px auto 60px;padding:20px 10px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;text-align:center;">
    <div class="seal" style="flex:1 1 150px;max-width:180px;background:#f5f8fa;padding:15px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);">
      <img src="https://cdn-icons-png.flaticon.com/512/845/845646.png" alt="Secure Checkout" style="width:48px;height:48px;margin-bottom:10px;"/>
      <p style="font-weight:700;color:#333;font-size:14px;margin:0;">Secure Checkout</p>
    </div>
    <div class="seal" style="flex:1 1 150px;max-width:180px;background:#f5f8fa;padding:15px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);">
      <img src="https://cdn-icons-png.flaticon.com/512/1077/1077012.png" alt="Money Back Guarantee" style="width:48px;height:48px;margin-bottom:10px;"/>
      <p style="font-weight:700;color:#333;font-size:14px;margin:0;">30-Day Money-Back Guarantee</p>
    </div>
    <div class="seal" style="flex:1 1 150px;max-width:180px;background:#f5f8fa;padding:15px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);">
      <img src="https://cdn-icons-png.flaticon.com/512/565/565547.png" alt="Trusted Vendor" style="width:48px;height:48px;margin-bottom:10px;"/>
      <p style="font-weight:700;color:#333;font-size:14px;margin:0;">Trusted Vendor</p>
    </div>
  </section>

  <!-- Recipe Gallery (simplified for brevity; add your content as needed) -->
  <!-- ... -->

  <!-- Benefits Section -->
  <!-- ... -->

  <!-- Authority Section -->
  <!-- ... -->

  <!-- Social Proof Section -->
  <!-- ... -->

  <!-- Scarcity Notice -->
  <!-- ... -->

  <!-- Final CTA -->
  <section class="final-cta" aria-label="Final call to action">
    <a href="https://ultimatesurvivalfoods.com/book/#aff=kevenwinter" class="access" target="_blank" rel="nofollow sponsored" aria-label="Access Official Website">Access Official Website</a>
    <a href="https://ultimatesurvivalfoods.com/book/#aff=kevenwinter" class="buy" target="_blank" rel="nofollow sponsored" aria-label="Buy Now Limited Offer">Buy Now - Limited Offer</a>
  </section>

  <!-- FAQ Section -->
  <section class="faq" aria-label="Frequently Asked Questions">
    <h2>Frequently Asked Questions</h2>

    <div class="faq-item" tabindex="0">
      <h3>What is included in The Lost Superfoods Book?<span></span></h3>
      <div class="faq-answer">
        <p>The book covers food storage techniques, traditional recipes, plant identification, emergency planning, and tips on building your food stockpile so you are prepared for any situation.</p>
      </div>
    </div>

    <div class="faq-item" tabindex="0">
      <h3>Is this book suitable for beginners?<span></span></h3>
      <div class="faq-answer">
        <p>Yes, it is designed for all levels, providing easy-to-follow instructions, practical tips, and comprehensive coverage to help anyone get started safely and effectively.</p>
      </div>
    </div>

    <div class="faq-item" tabindex="0">
      <h3>How can I order The Lost Superfoods Book safely?<span></span></h3>
      <div class="faq-answer">
        <p>You can safely order through the official website with secure checkout. Use the "Access Official Website" button above to ensure you’re purchasing the authentic product.</p>
      </div>
    </div>

    <div class="faq-item" tabindex="0">
      <h3>Is there a money-back guarantee?<span></span></h3>
      <div class="faq-answer">
        <p>Yes, the official product comes with a money-back guarantee. Check the official website for full details on the guarantee terms and conditions.</p>
      </div>
    </div>
  </section>

  <!-- Disclaimer -->
  <section class="disclaimer">This page is an independent informational resource and is not the official product website. All trademarks and product names belong to their respective owners.</section>

  <!-- Fixed Buy Button Mobile -->
  <a href="https://ultimatesurvivalfoods.com/book/#aff=kevenwinter" class="fixed-buy-button" target="_blank" rel="nofollow sponsored" aria-label="Buy The Lost Superfoods Book Now">Buy Now - Official Access</a>

  <script>
    // Countdown Timer Script
    const countdownDate = new Date().getTime() + 24 * 60 * 60 * 1000;
    const countdownEl = document.getElementById("countdown");
    function updateCountdown() {
      const now = new Date().getTime();
      const distance = countdownDate - now;
      if(distance < 0) {
        countdownEl.innerHTML = "Offer expired";
        return;
      }
      const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((distance % (1000 * 60)) / 1000);
      countdownEl.innerHTML = `⏳ Hurry! Offer ends in ${hours.toString().padStart(2,'0')}h ${minutes.toString().padStart(2,'0')}m ${seconds.toString().padStart(2,'0')}s`;
    }
    updateCountdown();
    setInterval(updateCountdown, 1000);

    // FAQ toggle functionality
    document.querySelectorAll('.faq-item').forEach(item => {
      const header = item.querySelector('h3');
      header.addEventListener('click', () => {
        item.classList.toggle('open');
        const answer = item.querySelector('.faq-answer');
        const icon = header.querySelector('span');
        if(item.classList.contains('open')){
          answer.style.maxHeight = answer.scrollHeight + 'px';
          if(icon) icon.textContent = '−';
        } else {
          answer.style.maxHeight = null;
          if(icon) icon.textContent = '+';
        }
      });
      header.addEventListener('keydown', e => {
        if (e.key === 'Enter' || e.key === ' ') {
          e.preventDefault();
          header.click();
        }
      });
    });
  </script>

</body>
</html>/* End custom CSS */