<!DOCTYPE html>

<html lang="cs">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Reset Vztahu 3.0 – Získej zpět zájem své ex za 30 dní</title>

<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;0,800;1,400&display=swap" rel="stylesheet">

<style>

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }


:root {

  --red: #e8402a;

  --red-dark: #b02d1c;

  --red-glow: rgba(232,64,42,0.35);

  --bg: #0a0808;

  --bg2: #110d0d;

  --bg3: #160f0f;

  --border: rgba(255,255,255,0.07);

  --text: rgba(255,255,255,0.88);

  --muted: rgba(255,255,255,0.45);

  --faint: rgba(255,255,255,0.18);

}


html { scroll-behavior: smooth; }


body {

  font-family: 'DM Sans', sans-serif;

  background: var(--bg);

  color: #fff;

  overflow-x: hidden;

  line-height: 1.6;

}


/* ── TOPBAR ── */

.topbar {

  background: rgba(10,8,8,0.95);

  border-bottom: 1px solid var(--border);

  backdrop-filter: blur(12px);

  position: sticky; top: 0; z-index: 100;

  padding: 14px 24px;

  display: flex; align-items: center; justify-content: space-between;

}

.logo { display: flex; align-items: center; gap: 8px; }

.logo-icon {

  width: 30px; height: 30px; background: var(--red);

  border-radius: 7px; display: flex; align-items: center; justify-content: center;

}

.logo-icon svg { width: 16px; height: 16px; fill: #fff; }

.logo-text { font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; }

.logo-text span { color: var(--red); }

.topbar-cta {

  background: var(--red); color: #fff; font-weight: 700;

  font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;

  padding: 10px 22px; border-radius: 8px; text-decoration: none;

  transition: background 0.2s;

}

.topbar-cta:hover { background: #c93520; }


/* ── URGENCY BANNER ── */

.urgency-banner {

  background: linear-gradient(135deg, #7a1a0f, #b02d1c);

  text-align: center; padding: 12px 20px;

  font-size: 13px; font-weight: 600; letter-spacing: 0.04em;

  border-bottom: 1px solid rgba(232,64,42,0.4);

}

.urgency-banner span { color: #ffd6cc; }


/* ── SECTIONS ── */

section { position: relative; }

.container { max-width: 860px; margin: 0 auto; padding: 0 24px; }

.container-wide { max-width: 1100px; margin: 0 auto; padding: 0 24px; }


/* ── HERO ── */

.hero {

  background: radial-gradient(ellipse 100% 60% at 50% 100%, rgba(180,28,18,0.35) 0%, transparent 65%),

              radial-gradient(ellipse 80% 40% at 50% 0%, rgba(60,10,10,0.5) 0%, transparent 55%),

              var(--bg);

  padding: 72px 24px 56px;

  text-align: center;

  overflow: hidden;

}


.hero-eyebrow {

  display: inline-flex; align-items: center; gap: 8px;

  font-size: 11px; font-weight: 500; letter-spacing: 0.22em;

  text-transform: uppercase; color: var(--muted);

  margin-bottom: 24px;

}

.hero-eyebrow::before, .hero-eyebrow::after {

  content: ''; width: 24px; height: 1.5px; background: var(--red); display: inline-block;

}


.hero h1 {

  font-family: 'Bebas Neue', sans-serif;

  font-size: clamp(2.8rem, 7vw, 5.5rem);

  line-height: 0.95; letter-spacing: 0.02em;

  color: #fff; margin-bottom: 10px;

}

.hero h1 .red { color: var(--red); display: block; }


.hero-sub {

  font-size: clamp(16px, 2.5vw, 20px);

  color: var(--muted); max-width: 600px;

  margin: 20px auto 0; line-height: 1.65;

}

.hero-sub strong { color: var(--text); }

.hero-sub em { color: var(--red); font-style: normal; }


/* Bullets */

.hero-bullets {

  display: flex; flex-direction: column; gap: 10px;

  max-width: 480px; margin: 32px auto;

  text-align: left;

}

.hero-bullets li {

  list-style: none; display: flex; align-items: flex-start; gap: 10px;

  font-size: 15px; color: var(--text);

}

.hero-bullets li::before {

  content: '✓'; color: var(--red); font-weight: 700;

  flex-shrink: 0; margin-top: 1px;

}


/* Testimonial */

.hero-quote {

  background: rgba(255,255,255,0.04);

  border: 1px solid var(--border);

  border-left: 3px solid var(--red);

  border-radius: 12px; padding: 18px 22px;

  max-width: 500px; margin: 32px auto;

  text-align: left;

}

.hero-quote p { font-size: 15px; font-style: italic; color: var(--text); line-height: 1.6; }

.hero-quote .attr { font-size: 12px; color: var(--muted); margin-top: 8px; font-style: normal; }

.hero-quote .attr strong { color: var(--red); }


/* Social proof strip */

.proof-strip {

  display: flex; align-items: center; justify-content: center;

  gap: 14px; margin-bottom: 36px;

}

.proof-avatars { display: flex; }

.proof-avatars span {

  width: 28px; height: 28px; border-radius: 50%;

  border: 2px solid var(--bg); margin-left: -8px;

  display: flex; align-items: center; justify-content: center;

  font-size: 9px; font-weight: 700;

}

.proof-avatars span:first-child { margin-left: 0; background: #7b3a2e; }

.proof-avatars span:nth-child(2) { background: #3a2e5e; }

.proof-avatars span:nth-child(3) { background: #2e5e3a; }

.proof-avatars span:nth-child(4) { background: #5e4a2e; }

.proof-text-sm { font-size: 13px; color: var(--muted); }

.proof-text-sm strong { color: var(--text); }

.stars { color: var(--red); font-size: 13px; letter-spacing: 2px; }


/* Hero image */

.hero-mockup {

  max-width: 600px; margin: 0 auto;

  border-radius: 16px; overflow: hidden;

  box-shadow: 0 24px 80px rgba(0,0,0,0.6), 0 0 60px rgba(232,64,42,0.12);

}

.hero-mockup img { width: 100%; display: block; }


/* CTA button */

.cta-btn {

  display: inline-block; font-weight: 800; font-size: 17px;

  letter-spacing: 0.05em; text-transform: uppercase;

  color: #fff; text-decoration: none; text-align: center;

  padding: 22px 56px;

  background: linear-gradient(135deg, var(--red-dark) 0%, var(--red) 100%);

  border-radius: 14px; position: relative; overflow: hidden;

  transition: transform 0.15s ease, box-shadow 0.3s ease;

  box-shadow: 0 8px 40px var(--red-glow);

}

.cta-btn::after {

  content: ''; position: absolute; inset: 0;

  background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, transparent 55%);

  border-radius: 14px;

}

.cta-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 60px rgba(232,64,42,0.5); }

.cta-btn:active { transform: scale(0.98); }

.cta-btn span { position: relative; z-index: 1; }


.cta-sub-txt {

  font-size: 12px; color: var(--faint);

  margin-top: 12px; letter-spacing: 0.04em;

}

.cta-sub-txt b { color: var(--muted); }


/* ── PAIN SECTION ── */

.pain-section {

  background: var(--bg2);

  border-top: 1px solid var(--border);

  border-bottom: 1px solid var(--border);

  padding: 72px 24px;

}

.section-label {

  font-size: 11px; font-weight: 600; letter-spacing: 0.22em;

  text-transform: uppercase; color: var(--red);

  margin-bottom: 16px;

}

.section-title {

  font-family: 'Bebas Neue', sans-serif;

  font-size: clamp(2rem, 5vw, 3.5rem);

  line-height: 1; letter-spacing: 0.02em;

  color: #fff; margin-bottom: 20px;

}

.section-title .red { color: var(--red); }

.section-body { font-size: 17px; color: var(--muted); line-height: 1.75; max-width: 640px; }

.section-body strong { color: var(--text); }

.section-body em { color: var(--red); font-style: normal; }


.pain-list { margin-top: 32px; display: flex; flex-direction: column; gap: 14px; }

.pain-item {

  display: flex; align-items: flex-start; gap: 14px;

  background: rgba(255,255,255,0.03); border: 1px solid var(--border);

  border-radius: 12px; padding: 16px 20px;

}

.pain-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }

.pain-item p { font-size: 15px; color: var(--text); line-height: 1.55; }

.pain-item p strong { color: #fff; }


/* ── AUTHOR SECTION ── */

.author-section { padding: 80px 24px; background: var(--bg); }

.author-grid {

  display: grid; grid-template-columns: 1fr 1fr;

  gap: 48px; align-items: center;

}

.author-img { border-radius: 16px; overflow: hidden; }

.author-img img { width: 100%; display: block; border-radius: 16px; }

.author-content .section-label { margin-bottom: 12px; }

.author-content .section-title { margin-bottom: 16px; }

.author-bio { font-size: 16px; color: var(--muted); line-height: 1.75; }

.author-bio p + p { margin-top: 14px; }

.author-bio strong { color: var(--text); }

.author-bio em { color: var(--red); font-style: normal; }


/* ── COMPARISON TABLE ── */

.compare-section { padding: 80px 24px; background: var(--bg2); border-top: 1px solid var(--border); }

.compare-grid {

  display: grid; grid-template-columns: 1fr 1fr;

  gap: 20px; margin-top: 48px;

}

.compare-col {

  border-radius: 16px; padding: 28px 24px;

  border: 1px solid var(--border);

}

.compare-col.bad { background: rgba(255,255,255,0.02); }

.compare-col.good { background: rgba(232,64,42,0.07); border-color: rgba(232,64,42,0.25); }

.compare-col-title {

  font-size: 13px; font-weight: 700; letter-spacing: 0.1em;

  text-transform: uppercase; margin-bottom: 20px;

  display: flex; align-items: center; gap: 8px;

}

.compare-col.bad .compare-col-title { color: var(--muted); }

.compare-col.good .compare-col-title { color: var(--red); }

.compare-item {

  display: flex; align-items: flex-start; gap: 10px;

  font-size: 14px; padding: 10px 0;

  border-bottom: 1px solid rgba(255,255,255,0.05);

  line-height: 1.5;

}

.compare-item:last-child { border-bottom: none; }

.compare-col.bad .compare-item { color: var(--muted); }

.compare-col.good .compare-item { color: var(--text); }

.compare-item .ci { flex-shrink: 0; font-size: 14px; margin-top: 1px; }


/* ── VISION SECTION ── */

.vision-section { padding: 80px 24px; background: var(--bg3); border-top: 1px solid var(--border); }

.vision-cards {

  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

  gap: 16px; margin-top: 40px;

}

.vision-card {

  background: rgba(255,255,255,0.03); border: 1px solid var(--border);

  border-radius: 14px; padding: 22px 20px;

}

.vision-card-num {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2.5rem; color: rgba(232,64,42,0.25);

  line-height: 1; margin-bottom: 8px;

}

.vision-card h3 { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; }

.vision-card p { font-size: 13px; color: var(--muted); line-height: 1.6; }


/* ── WHAT'S INSIDE ── */

.inside-section { padding: 80px 24px; background: var(--bg); }

.inside-mockup { margin: 48px auto; max-width: 680px; }

.inside-mockup img { width: 100%; display: block; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }

.modules-grid {

  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

  gap: 16px; margin-top: 40px;

}

.module-card {

  background: rgba(255,255,255,0.03); border: 1px solid var(--border);

  border-radius: 14px; padding: 22px 20px;

  transition: border-color 0.2s;

}

.module-card:hover { border-color: rgba(232,64,42,0.3); }

.module-icon { font-size: 22px; margin-bottom: 10px; }

.module-card h3 { font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; }

.module-card ul { padding-left: 0; }

.module-card ul li {

  list-style: none; font-size: 13px; color: var(--muted);

  padding: 4px 0; padding-left: 14px; position: relative; line-height: 1.5;

}

.module-card ul li::before {

  content: '→'; position: absolute; left: 0;

  color: var(--red); font-size: 11px;

}


/* ── BONUSES ── */

.bonuses-section { padding: 80px 24px; background: var(--bg2); border-top: 1px solid var(--border); }

.bonus-cards { display: flex; flex-direction: column; gap: 16px; margin-top: 40px; }

.bonus-card {

  display: flex; align-items: flex-start; gap: 20px;

  background: rgba(255,255,255,0.03); border: 1px solid var(--border);

  border-radius: 14px; padding: 22px 24px;

}

.bonus-num {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 2rem; color: var(--red); flex-shrink: 0;

  line-height: 1; min-width: 36px;

}

.bonus-body h3 { font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 6px; }

.bonus-body p { font-size: 14px; color: var(--muted); line-height: 1.6; }

.bonus-value {

  font-size: 12px; margin-top: 8px; color: var(--red);

  font-weight: 600; letter-spacing: 0.04em;

}

.bonus-value s { color: var(--faint); font-weight: 400; margin-right: 6px; }


/* ── GUARANTEE ── */

.guarantee-section { padding: 80px 24px; background: var(--bg); }

.guarantee-inner {

  display: grid; grid-template-columns: auto 1fr;

  gap: 40px; align-items: center;

  background: rgba(232,64,42,0.06); border: 1px solid rgba(232,64,42,0.2);

  border-radius: 20px; padding: 40px 44px; max-width: 760px; margin: 0 auto;

}

.guarantee-img { width: 140px; flex-shrink: 0; }

.guarantee-img img { width: 100%; }

.guarantee-text h2 { font-family: 'Bebas Neue', sans-serif; font-size: 2.2rem; color: #fff; margin-bottom: 14px; letter-spacing: 0.02em; }

.guarantee-text p { font-size: 15px; color: var(--muted); line-height: 1.75; }

.guarantee-text p strong { color: var(--text); }

.guarantee-text p em { color: var(--red); font-style: normal; }


/* ── PRICE SECTION ── */

.price-section {

  padding: 80px 24px;

  background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(180,28,18,0.25) 0%, transparent 70%),

              var(--bg2);

  border-top: 1px solid var(--border);

  text-align: center;

}

.price-box {

  max-width: 560px; margin: 0 auto;

  background: rgba(255,255,255,0.03); border: 1px solid rgba(232,64,42,0.25);

  border-radius: 20px; padding: 44px 36px;

}

.price-label { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--red); margin-bottom: 8px; font-weight: 600; }

.price-name { font-family: 'Bebas Neue', sans-serif; font-size: 2.5rem; color: #fff; margin-bottom: 24px; letter-spacing: 0.03em; }

.price-items { text-align: left; margin-bottom: 32px; }

.price-item {

  display: flex; align-items: center; gap: 10px;

  padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,0.05);

  font-size: 14px; color: var(--text);

}

.price-item:last-child { border-bottom: none; }

.price-item::before { content: '✓'; color: var(--red); font-weight: 700; flex-shrink: 0; }

.price-total {

  display: flex; align-items: center; justify-content: center;

  gap: 16px; margin-bottom: 28px;

}

.price-old {

  font-size: 22px; color: var(--faint);

  text-decoration: line-through;

}

.price-new {

  font-family: 'Bebas Neue', sans-serif;

  font-size: 4rem; color: var(--red); line-height: 1; letter-spacing: 0.02em;

}

.price-new sub { font-family: 'DM Sans', sans-serif; font-size: 1.2rem; color: var(--muted); font-weight: 400; }

.price-discount {

  background: var(--red); color: #fff; font-size: 11px; font-weight: 700;

  padding: 5px 12px; border-radius: 20px; letter-spacing: 0.08em;

}

.price-guarantee-note { font-size: 13px; color: var(--faint); margin-top: 16px; }


/* ── FAQ ── */

.faq-section { padding: 80px 24px; background: var(--bg); border-top: 1px solid var(--border); }

.faq-list { margin-top: 40px; display: flex; flex-direction: column; gap: 12px; max-width: 720px; }

.faq-item {

  background: rgba(255,255,255,0.03); border: 1px solid var(--border);

  border-radius: 12px; overflow: hidden;

}

.faq-q {

  padding: 18px 22px; font-size: 15px; font-weight: 600; color: #fff;

  cursor: pointer; display: flex; justify-content: space-between; align-items: center;

  user-select: none;

}

.faq-q::after { content: '+'; color: var(--red); font-size: 20px; font-weight: 300; }

.faq-item.open .faq-q::after { content: '−'; }

.faq-a { display: none; padding: 0 22px 18px; font-size: 14px; color: var(--muted); line-height: 1.7; }

.faq-item.open .faq-a { display: block; }


/* ── FOOTER ── */

footer {

  background: var(--bg2); border-top: 1px solid var(--border);

  padding: 36px 24px; text-align: center;

}

footer p { font-size: 12px; color: var(--faint); line-height: 1.8; max-width: 640px; margin: 0 auto; }

footer p + p { margin-top: 8px; }


/* ── DIVIDERS ── */

.section-divider { width: 48px; height: 2px; background: var(--red); margin: 20px 0; }

.section-divider.center { margin: 20px auto; }


/* ── RESPONSIVE ── */

@media (max-width: 700px) {

  .author-grid { grid-template-columns: 1fr; }

  .author-img { max-width: 340px; margin: 0 auto; }

  .compare-grid { grid-template-columns: 1fr; }

  .guarantee-inner { grid-template-columns: 1fr; text-align: center; }

  .guarantee-img { width: 100px; margin: 0 auto; }

  .price-box { padding: 32px 20px; }

  .cta-btn { padding: 20px 32px; font-size: 15px; width: 100%; display: block; }

  .topbar-cta { display: none; }

  .hero { padding: 52px 20px 40px; }

}

</style>

</head>

<body>


<!-- URGENCY -->

<div class="urgency-banner">

  🔥 Pozor! Zaváděcí nabídka pro prvních 100 zákazníků – <span>Předprodejní Sleva -95%</span> – jen 149 Kč místo 2 997 Kč

</div>


<!-- TOPBAR -->

<div class="topbar">

  <div class="logo">

    <div class="logo-icon">

      <svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>

    </div>

    <span class="logo-text">Reset <span>Vztahu</span></span>

  </div>

  <a href="https://resetvztahu.cz/zacni" class="topbar-cta">Chci program →</a>

</div>


<!-- HERO -->

<section class="hero">

  <div class="container">

    <p class="hero-eyebrow">Reset Vztahu 3.0 · 30denní program</p>


    <h1>

      Jak během 30 dní znovu vzbudit zájem

      <span class="red">u své ex – bez žebrání, slz nebo manipulace</span>

    </h1>


    <p class="hero-sub">

      Přes <strong>300 lidí</strong> už za posledních 30 dní vzbudilo zájem u své ex díky programu Reset Vztahu –

      <em>i když se všechno zdálo definitivně ztracené</em> a jejich ex se nakonec ozvala jako první.

    </p>


    <ul class="hero-bullets">

      <li>Bez ponižování, prosení nebo ztráty sebeúcty</li>

      <li>Funguje i tehdy, když spolu teď vůbec nejste v kontaktu</li>

      <li>Žádné trapné zprávy, které situaci jen zhoršují</li>

      <li>I když máš pocit, že už je pozdě nebo šance je pryč</li>

      <li>Bez lží, nátlaku nebo toxických her</li>

    </ul>


    <div class="hero-quote">

      <p>"Ex se ke mě vrátila po 9 dnech – jen díky tomu, co jsem se naučil v programu..."</p>

      <p class="attr"><strong>— Martin K.</strong>, člen programu</p>

    </div>


    <div class="proof-strip">

      <div class="proof-avatars">

        <span>MK</span><span>TN</span><span>JV</span><span>PŠ</span>

      </div>

      <div class="proof-text-sm"><strong>300+ spokojených členů</strong></div>

      <div class="stars">★★★★★</div>

    </div>


    <div class="hero-mockup">

      <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/9tiOiOELkpN2nUoljGEE5t7hu-FUvES9QuVp61-Wae4-1776354952.webp" alt="Reset Vztahu 3.0 program mockup" loading="eager">

    </div>


    <br><br>

    <a href="https://resetvztahu.cz/zacni" class="cta-btn"><span>Chci začít hned za 149 Kč →</span></a>

    <p class="cta-sub-txt">Program v hodnotě 2 997 Kč · <b>Okamžitý přístup</b> · 30denní garance vrácení peněz</p>

  </div>

</section>


<!-- PAIN -->

<section class="pain-section">

  <div class="container">

    <p class="section-label">Cítíš se ztracený?</p>

    <h2 class="section-title">Cítíš se ztracený, protože<br>nevíš, co jsi udělal <span class="red">špatně?</span></h2>

    <div class="section-divider"></div>

    <p class="section-body">

      Všechno bylo v pohodě… a pak najednou konec. Ta věta ti pořád běží v hlavě dokola.

      Snažíš se pochopit, kde se to zlomilo, ale místo odpovědí přichází jen ticho…

      a ten nepříjemný pocit prázdna, který nejde utišit.

    </p>


    <div class="pain-list">

      <div class="pain-item">

        <span class="pain-icon">💭</span>

        <p><strong>Přemýšlíš dnem i nocí</strong>, jestli už má jiného?</p>

      </div>

      <div class="pain-item">

        <span class="pain-icon">😔</span>

        <p><strong>Nevíš, jak jí ukázat, že ses změnil</strong> – bez toho, abys vypadal zoufale?</p>

      </div>

      <div class="pain-item">

        <span class="pain-icon">💔</span>

        <p><strong>Připadáš si jako troska.</strong> A bojíš se, že už to nepůjde napravit.</p>

      </div>

    </div>


    <br><br>

    <p class="section-body">

      <strong>Nejsi v tom sám.</strong> Téměř <em>50% manželství v Česku končí rozvodem</em> a většinu z nich iniciují ženy.

      Každý den se tisíce mužů ocitají zaskočení, zranění a hledají odpověď, co mohli udělat jinak…

    </p>

  </div>

</section>


<!-- AUTHOR -->

<section class="author-section">

  <div class="container">

    <div class="author-grid">

      <div class="author-img">

        <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/TxZNmm1snGdni2M9iSNLCZr2lZIkBli8c_E3kkGQqxM-1776847693.png" alt="Autor kurzu Reset Vztahu">

      </div>

      <div class="author-content">

        <p class="section-label">Příběh autora</p>

        <h2 class="section-title">Pomohl jsem již <span class="red">stovkám mužů</span></h2>

        <div class="section-divider"></div>

        <div class="author-bio">

          <p><strong>Rozvod mě položil.</strong> Zůstal jsem s pocitem viny, strachu a bezmoci. Cítil jsem se jako chlap, kterému vzali důstojnost… i směr.</p>

          <p>Roky jsem zkoušel všechno – terapie, knihy, chyby… a nic nefungovalo.</p>

          <p>Až jsem objevil systém, který mi dal zpátky sebevědomí, klid i respekt – <em>program Reset Vztahu</em>.</p>

          <p>Dnes ho předávám dál mužům, jako jsi ty. Ukážu ti cestu, jak se znovu postavit, zvednout hlavu a <strong>začít žít jako chlap, ne jen přežívat.</strong></p>

          <p style="margin-top:18px; font-size:13px; color: var(--red); font-weight:600;">💋 Stejné principy mi pomohly vybudovat silný vztah s mojí snoubenkou.</p>

        </div>

      </div>

    </div>

  </div>

</section>


<!-- COMPARE -->

<section class="compare-section">

  <div class="container">

    <p class="section-label">Srovnání</p>

    <h2 class="section-title">Bez programu <span class="red">vs.</span> S programem</h2>

    <div class="compare-grid">

      <div class="compare-col bad">

        <div class="compare-col-title">❌ Bez programu</div>

        <div class="compare-item"><span class="ci">😩</span> Dny a týdny hledáš, co vůbec dělat</div>

        <div class="compare-item"><span class="ci">📺</span> Sleduješ protichůdné rady na YouTube</div>

        <div class="compare-item"><span class="ci">📱</span> Píšeš zoufalé zprávy, které to zhorší</div>

        <div class="compare-item"><span class="ci">🙏</span> Prosíš o pozornost místo, abys přitahoval</div>

        <div class="compare-item"><span class="ci">😤</span> Denně tě ničí vztek, smutek a nejistota</div>

      </div>

      <div class="compare-col good">

        <div class="compare-col-title">✅ S programem</div>

        <div class="compare-item"><span class="ci">🎯</span> Máš plán, který v ní vyvolá pochybnosti</div>

        <div class="compare-item"><span class="ci">📅</span> Každý den víš, co dělat – následuješ strategii</div>

        <div class="compare-item"><span class="ci">🧲</span> I bez kontaktu znovu buduješ přitažlivost</div>

        <div class="compare-item"><span class="ci">💪</span> Znovu získáváš sebevědomí a respekt</div>

        <div class="compare-item"><span class="ci">🔥</span> Ona začíná pochybovat a píše první</div>

      </div>

    </div>

  </div>

</section>


<!-- VISION -->

<section class="vision-section">

  <div class="container">

    <p class="section-label">Představ si</p>

    <h2 class="section-title">Představ si, že… už <span class="red">během prvního týdne…</span></h2>

    <div class="section-divider"></div>

    <div class="vision-cards">

      <div class="vision-card">

        <div class="vision-card-num">01</div>

        <h3>Máš jasno, co dělat</h3>

        <p>Žádné tápání ani hledání návodů – máš konkrétní plán, který ti pomáhá znovu získat kontrolu.</p>

      </div>

      <div class="vision-card">

        <div class="vision-card-num">02</div>

        <h3>Zvládneš první kontakt s klidem</h3>

        <p>Víš, jak se zachovat – žádné prosby, žádné přemlouvání. Jen přirozený klid díky reverzní psychologii.</p>

      </div>

      <div class="vision-card">

        <div class="vision-card-num">03</div>

        <h3>Dostáváš denní motivaci</h3>

        <p>Ranní audio nahrávky tě udrží v hlavě silného chlapa i ve chvílích, kdy to bolí.</p>

      </div>

      <div class="vision-card">

        <div class="vision-card-num">04</div>

        <h3>Začneš působit jinak</h3>

        <p>Sebevědomě, klidně, přitažlivě – a ona to začne vnímat. Tvoje energie se mění, a s ní i celý dojem.</p>

      </div>

      <div class="vision-card">

        <div class="vision-card-num">05</div>

        <h3>Umíš se přirozeně přiblížit</h3>

        <p>Víš, jak s ní navázat kontakt bez tlaku, trapnosti nebo strachu, že něco zkazíš.</p>

      </div>

    </div>

  </div>

</section>


<!-- WHAT'S INSIDE -->

<section class="inside-section">

  <div class="container">

    <p class="section-label" style="text-align:center">Co je uvnitř</p>

    <h2 class="section-title" style="text-align:center">📦 Co vše získáš uvnitř <span class="red">balíčku za 149 Kč</span></h2>

    <div class="section-divider center"></div>


    <div class="inside-mockup">

      <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/iP5jLT5mb0fGEp8apJiNxTQDD3-SbpE6K013h-vRHww-1776355103.webp" alt="Reset Vztahu obsah programu">

    </div>


    <div class="modules-grid">

      <div class="module-card">

        <div class="module-icon">💼</div>

        <h3>Hlavní program – Reset Vztahu 3.0</h3>

        <ul>

          <li>Jasný směr místo chaosu – konkrétní plán</li>

          <li>Již během prvních dnů budeš působit jinak</li>

          <li>Vidíš první změny v sobě i jak reaguje ona</li>

        </ul>

      </div>

      <div class="module-card">

        <div class="module-icon">📘</div>

        <h3>Fáze Resetu</h3>

        <ul>

          <li>Odstraníš chování, které zabíjí přitažlivost</li>

          <li>Vrátíš si kontrolu nad emocemi i komunikací</li>

          <li>Začneš působit jako chlap, co má věci pod kontrolou</li>

        </ul>

      </div>

      <div class="module-card">

        <div class="module-icon">🧊</div>

        <h3>Tichá Síla</h3>

        <ul>

          <li>Přirozeně vzbudíš její zvědavost</li>

          <li>Působíš tajemněji, klidněji a atraktivněji</li>

          <li>Ukážeš jí, že nejsi ten, kterého může mít kdykoliv</li>

        </ul>

      </div>

      <div class="module-card">

        <div class="module-icon">📩</div>

        <h3>Mini-kurz První Signál</h3>

        <ul>

          <li>Připravíš se na první krok zpět do komunikace</li>

          <li>Vyhneš se chybám ze strachu a paniky</li>

          <li>Kdy a jak poslat první signál, aby zapůsobil</li>

        </ul>

      </div>

      <div class="module-card">

        <div class="module-icon">💬</div>

        <h3>Restart Zpráv</h3>

        <ul>

          <li>Přesné rámce, jak psát zprávy, které otevírají</li>

          <li>Být přitažlivý přes text bez tlačení</li>

          <li>Začne reagovat zvědavě a ochotněji</li>

        </ul>

      </div>

      <div class="module-card">

        <div class="module-icon">🔥</div>

        <h3>Přitažlivost 2.0</h3>

        <ul>

          <li>Rituály a principy pro dlouhodobou přitažlivost</li>

          <li>Mindset a energie působí mnohem mužněji</li>

          <li>Zmizí potřeba dokazovat se – přitahuješ přirozeně</li>

        </ul>

      </div>

      <div class="module-card">

        <div class="module-icon">♻️</div>

        <h3>Návratová Fáze</h3>

        <ul>

          <li>Signály, že je připravená znovu otevřít vztah</li>

          <li>Postup, jak situaci nepokazit</li>

          <li>Cítíš, že je to zase v tvých rukou</li>

        </ul>

      </div>

    </div>


    <div class="inside-mockup" style="margin-top:60px">

      <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/yHqA0wcgdq_4TsxQdUaN5ljH5ZtADXOFFqqTCDH8DMo-1776356515.webp" alt="Reset Vztahu program obsah">

    </div>

  </div>

</section>


<!-- BONUSES -->

<section class="bonuses-section">

  <div class="container">

    <p class="section-label">Bonusy zdarma</p>

    <h2 class="section-title">🎁 Tyto bonusy získáš <span class="red">navíc zdarma!</span></h2>

    <div class="section-divider"></div>

    <div class="bonus-cards">

      <div class="bonus-card">

        <div class="bonus-num">#1</div>

        <div class="bonus-body">

          <h3>Krátké nahrávky</h3>

          <p>Audionahrávky, které tě podrží v těch nejhorších momentech. Pomůžou ti uklidnit nervy, zastavit paniku a rychle se vrátit do klidu, abys neudělal chyby, kterých bys litoval.</p>

          <div class="bonus-value"><s>Hodnota: 490 Kč</s> → Získáš zdarma</div>

        </div>

      </div>

      <div class="bonus-card">

        <div class="bonus-num">#2</div>

        <div class="bonus-body">

          <h3>Test: Má ještě zájem?</h3>

          <p>Jednoduchý, praktický test, díky kterému okamžitě zjistíš, jestli má smysl pokračovat. Eliminuje nejistotu a dohady – dostaneš jasnou odpověď.</p>

          <div class="bonus-value"><s>Hodnota: 390 Kč</s> → Získáš zdarma</div>

        </div>

      </div>

      <div class="bonus-card">

        <div class="bonus-num">#3</div>

        <div class="bonus-body">

          <h3>5 signálů, že se chce vrátit</h3>

          <p>Pět přesných signálů, které většina chlapů přehlédne. Díky nim pochopíš, kdy máš šanci věci posunout, a kdy je lepší držet odstup.</p>

          <div class="bonus-value"><s>Hodnota: 290 Kč</s> → Získáš zdarma</div>

        </div>

      </div>

      <div class="bonus-card">

        <div class="bonus-num">#4</div>

        <div class="bonus-body">

          <h3>Jak nepůsobit zoufale</h3>

          <p>Praktický mini-trénink, který ti ukáže psychologii mužského klidu. Naučíš se, jak nepůsobit needy a jak být pro ni znovu přitažlivý.</p>

          <div class="bonus-value"><s>Hodnota: 490 Kč</s> → Získáš zdarma</div>

        </div>

      </div>

    </div>


    <br><br>

    <div style="text-align:center">

      <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/lSUQpdpiZw2whgVQf7MAQVdxbf5Z9CVR-lTfe_HIn-g-1776847133.png" alt="Reset Vztahu mockup" style="max-width:580px; width:100%; border-radius:16px; box-shadow: 0 20px 60px rgba(0,0,0,0.5);">

    </div>

  </div>

</section>


<!-- GUARANTEE -->

<section class="guarantee-section">

  <div class="container">

    <div class="guarantee-inner">

      <div class="guarantee-img">

        <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/1w9UsmPSzqq82_jMSxHGoyZ49xU7JnlaDXj59lkD6XE-1776357764.webp" alt="30denní garance vrácení peněz">

      </div>

      <div class="guarantee-text">

        <h2>⭐️ 30denní garance vrácení peněz</h2>

        <p>

          Vím, že teď nechceš riskovat další zklamání. Chápu tě.

          A právě proto <strong>beru celé riziko na sebe.</strong>

        </p>

        <br>

        <p>

          Jestli se do toho pustíš, projdeš tím jednoduchým plánem a neucítíš během 30 dní ani malý posun –

          <em>nechci od tebe ani korunu.</em>

        </p>

        <br>

        <p>

          Já ten krok udělal. Teď je řada na tobě.

          <strong>Zkus to za moje peníze</strong> – a uvidíš, co to s tebou udělá.

        </p>

      </div>

    </div>

  </div>

</section>


<!-- PRICE -->

<section class="price-section">

  <div class="container">

    <div class="price-box">

      <p class="price-label">Zaváděcí cena · Omezená nabídka</p>

      <p class="price-name">Reset Vztahu 3.0 – Kompletní balíček</p>


      <div class="price-items">

        <div class="price-item">Hlavní program – Reset Vztahu 3.0</div>

        <div class="price-item">Fáze Resetu</div>

        <div class="price-item">Tichá Síla</div>

        <div class="price-item">Mini-kurz První Signál</div>

        <div class="price-item">Restart Zpráv</div>

        <div class="price-item">Přitažlivost 2.0</div>

        <div class="price-item">Návratová Fáze</div>

        <div class="price-item">🎁 4 bonusy v hodnotě 1 660 Kč zdarma</div>

      </div>


      <div class="price-total">

        <span class="price-old">2 997 Kč</span>

        <span class="price-new">149<sub> Kč</sub></span>

        <span class="price-discount">-95%</span>

      </div>


      <a href="https://resetvztahu.cz/zacni" class="cta-btn" style="width:100%; display:block; text-align:center;">

        <span>Chci program za 149 Kč →</span>

      </a>


      <p class="price-guarantee-note">🔒 Bezpečná platba · Okamžitý přístup · 30denní garance vrácení peněz</p>

    </div>


    <br><br>

    <div style="text-align:center">

      <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/cS8tAxDHviD-l7I5jILBCudN7LRwnct2rORHWrZ8454-1776852368.png" alt="Reset Vztahu" style="max-width:500px; width:100%; border-radius:16px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); margin-top: 16px;">

    </div>


    <br><br>

    <div style="text-align:center">

      <img src="https://assets.konverzkyapp.cz/data/projects/79961/minified/QHXpWvlM8Y5Msit6v4dQMaFz86zrVOKy7XS8PMN080E-1776359093.webp" alt="Autor Reset Vztahu" style="max-width:420px; width:100%; border-radius:16px; box-shadow: 0 20px 60px rgba(0,0,0,0.5);">

    </div>

  </div>

</section>


<!-- FAQ -->

<section class="faq-section">

  <div class="container">

    <p class="section-label">Časté otázky</p>

    <h2 class="section-title">Máš otázky? <span class="red">Máme odpovědi.</span></h2>

    <div class="section-divider"></div>


    <div class="faq-list">

      <div class="faq-item">

        <div class="faq-q">Co se stane po zakoupení?</div>

        <div class="faq-a">Instantně Ti zašlu e-mail s přístupy do programu a k jednorázovým nabídkám.</div>

      </div>

      <div class="faq-item">

        <div class="faq-q">Funguje to i když s ní teď nejsem vůbec v kontaktu?</div>

        <div class="faq-a">Ano – plán počítá i s tím, že teď spolu nekomunikujete. Právě proto v něm učím principy reverzní psychologie a vnitřní transformace, které mění způsob, jak tě vnímá – i když spolu nemluvíte. Překvapivě často se stává, že ona napíše první.</div>

      </div>

      <div class="faq-item">

        <div class="faq-q">Co když už má jiného?</div>

        <div class="faq-a">Tohle je častý strach – chápu tě. Program nepracuje s manipulací ani žárlivostí. Místo toho tě naučím znovu najít svou vnitřní rovnováhu, sebejistotu a přitažlivost, kterou ona dřív milovala. Ženy vnímají změnu – a často ve chvíli, kdy to nečekáš, začne pochybovat.</div>

      </div>

      <div class="faq-item">

        <div class="faq-q">Může mi to pomoct, když už je to dlouho po rozchodu?</div>

        <div class="faq-a">Ano. Není to o čase, ale o vnitřním restartu, který začne měnit tvoje chování a vyzařování. Zvládli to muži, u kterých už všechno vypadalo ztraceně. Můžeš to zvládnout i ty.</div>

      </div>

      <div class="faq-item">

        <div class="faq-q">Je částka za program jednorázová?</div>

        <div class="faq-a">ANO – částka je jednorázová! Po uhrazení dostaneš přístup a už ti nic nebudu účtovat.</div>

      </div>

      <div class="faq-item">

        <div class="faq-q">Jak mohu platit?</div>

        <div class="faq-a">Zaplatit můžeš skrze bezpečnou platební bránu Stripe platební kartou, nebo přes Apple/Google Pay – téměř na jedno kliknutí. Momentálně není možné program zaplatit převodem na účet.</div>

      </div>

    </div>


    <br><br>

    <div style="text-align:center">

      <a href="https://resetvztahu.cz/zacni" class="cta-btn"><span>Chci začít hned za 149 Kč →</span></a>

      <p class="cta-sub-txt" style="margin-top:12px">Program v hodnotě 2 997 Kč · <b>Okamžitý přístup</b> · 30denní garance</p>

    </div>

  </div>

</section>


<!-- FOOTER -->

<footer>

  <p>© 2026 Reset Vztahu</p>

  <p>Tato stránka není součástí ani produktem společnosti Facebook / Meta Platforms, Inc. Facebook je ochranná známka společnosti Meta Platforms, Inc.</p>

  <p>Obsah na této stránce slouží výhradně k vzdělávacím účelům a nepředstavuje psychologické, terapeutické ani odborné poradenství. Výsledky se mohou u každého lišit.</p>

</footer>


<script>

document.querySelectorAll('.faq-q').forEach(q => {

  q.addEventListener('click', () => {

    const item = q.parentElement;

    const wasOpen = item.classList.contains('open');

    document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));

    if (!wasOpen) item.classList.add('open');

  });

});

</script>

</body>

</html>