<%- include('partials/header', { title: 'Our Programs' }) %>

<section class="page-hero">
  <div class="container">
    <span class="section-label" style="justify-content:center;">Job Hunt Reset</span>
    <h1 class="page-hero-title">You are not alone anymore.<br><em>From HR to you, no secrets.</em></h1>
    <p class="page-hero-sub">Choose the level of support you need.</p>
  </div>
</section>

<section class="section">
  <div class="container">
    <div class="programs-grid programs-grid-2" id="programs-anchor">

      <!-- SELF-DRIVEN -->
      <div class="program-card reveal" id="self-driven">
        <span class="program-badge badge-silver">Self-Driven</span>
        <div class="program-name">Self-Driven</div>
        <p class="program-tagline" style="font-style:italic;color:#555;">You drive. We guide.</p>

        <div class="program-features" style="margin-bottom:20px;">

          <div class="feature-group-label">LEARN</div>
          <div class="program-feature"><span class="feature-check"><span class="material-icons">check</span></span><span>30-Day Job Hunt Reset course + Q&amp;A bot</span></div>

          <div class="feature-group-label">STAY ON TRACK</div>
          <div class="program-feature"><span class="feature-check"><span class="material-icons">check</span></span><span>WhatsApp daily momentum follow-up</span></div>
          <div class="program-feature"><span class="feature-check"><span class="material-icons">check</span></span><span>Bi-weekly group live Q&amp;A with Giuliano</span></div>
          <div class="program-feature"><span class="feature-check"><span class="material-icons">check</span></span><span>Ecobe Academy Community</span></div>

          <div class="feature-group-label">FIND ROLES</div>
          <div class="program-feature">
            <span class="feature-check"><span class="material-icons">check</span></span>
            <span>Career strategy, positioning &amp; job applications plan <em style="color:#999;">(made by Job-bot · free bonus, beta)</em></span>
          </div>
          <div class="program-feature">
            <span class="feature-check"><span class="material-icons">check</span></span>
            <span>Job-bot sending open roles via WhatsApp <em style="color:#999;">(free bonus, beta)</em></span>
          </div>
        </div>

        <!-- Pricing -->
        <div class="program-pricing-block">
          <div class="pricing-row">
            <span class="pricing-label"><strong>Day 1 launch price</strong> <span class="pricing-off">(50% off)</span></span>
            <span class="pricing-amount">3 × 450 CHF</span>
          </div>
          <div class="pricing-total">Total: 1,350 CHF</div>
          <div class="pricing-row" style="margin-top:8px;">
            <span class="pricing-label">Day 2 launch price <span class="pricing-off">(45% off)</span></span>
            <span class="pricing-amount">3 × 495 CHF</span>
          </div>
          <div class="pricing-total">Total: 1,485 CHF</div>
          <div class="pricing-normal"><s>Normal price: 2,700 CHF</s></div>
          <div class="pricing-access">Access duration: <strong>3 months</strong></div>
        </div>

        <a href="https://hotmart.com" target="_blank" class="btn btn-secondary" style="width:100%; justify-content:center; margin-top:16px;">Enroll — Self-Driven →</a>
      </div>

      <!-- PARTNERSHIP -->
      <div class="program-card featured reveal" id="partnership">
        <span class="program-badge badge-gold">Partnership — Most Popular</span>
        <div class="program-name" style="color:var(--gold);">Partnership</div>
        <p class="program-tagline" style="font-style:italic;color:#b8860b;">We run with you.</p>

        <div class="program-features" style="margin-bottom:20px;">

          <div class="feature-group-label">LEARN</div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>30-Day Job Hunt Reset course + Q&amp;A bot</span>
          </div>

          <div class="feature-group-label">STAY ON TRACK</div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>WhatsApp daily momentum follow-up</span>
          </div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>Bi-weekly group live Q&amp;A with Giuliano <span style="color:var(--gold);font-weight:700;">✓ *</span></span>
          </div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>Ecobe Academy Community</span>
          </div>

          <div class="feature-group-label">FIND ROLES</div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>Career strategy, positioning &amp; job applications plan <em style="color:#999;">(advised and revised by mentors)</em></span>
          </div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>Job-bot sending open roles via WhatsApp <em style="color:#999;">(advised and revised by mentors)</em></span>
          </div>

          <div class="feature-group-label">APPLY WITH SUPPORT</div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>HR-trained human mentor: kick-off video call + WhatsApp text messages</span>
          </div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>LinkedIn optimisation + Master CV (up to 5 versions)</span>
          </div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>CVs customised per opening + cover letter when required + application support</span>
          </div>

          <div class="feature-group-label">WIN THE OFFER</div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>Outreach messages prepared + networking system</span>
          </div>
          <div class="program-feature">
            <span class="feature-check" style="background:rgba(212,168,67,0.1); border-color:rgba(212,168,67,0.3); color:var(--gold);"><span class="material-icons">check</span></span>
            <span>Interview Prep Document + salary negotiation</span>
          </div>
        </div>

        <!-- Pricing -->
        <div class="program-pricing-block">
          <div class="pricing-access" style="margin-bottom:6px;">Access duration: <strong>3 months + 3 months free</strong> under our <em>Performance Continuation Clause</em></div>
          <div class="pricing-row">
            <span class="pricing-label"><strong>Day 1 launch price</strong> <span class="pricing-off">(50% off)</span></span>
            <span class="pricing-amount" style="color:var(--gold);">3 × 1,200 CHF</span>
          </div>
          <div class="pricing-total">Total: 3,600 CHF</div>
          <div class="pricing-row" style="margin-top:8px;">
            <span class="pricing-label">Day 2 launch price <span class="pricing-off">(45% off)</span></span>
            <span class="pricing-amount" style="color:var(--gold);">3 × 1,320 CHF</span>
          </div>
          <div class="pricing-total">Total: 3,960 CHF</div>
          <div class="pricing-normal"><s>Normal price: 7,200 CHF</s></div>
        </div>

        <a href="https://hotmart.com" target="_blank" class="btn btn-primary" style="width:100%; justify-content:center; background:var(--gold); margin-top:16px;">Enroll — Partnership →</a>
      </div>
    </div>

    <!-- Upgrade path note -->
    <div class="reveal" style="text-align:center; margin-top:32px;">
      <p style="font-size:14px; font-weight:600; color:#333; margin:0 auto 8px; max-width:680px;">
        Upgrade path: Move from Self-Driven to Partnership within 30 days. Self-Driven fee credited toward Partnership.
      </p>
      <p style="font-size:12px; color:#888; margin:0 auto; max-width:560px;">
        * Partnership clients have priority on questions during the live Q&amp;A sessions.
      </p>
    </div>

    <div class="reveal" style="text-align:center; margin-top:48px;">
      <p style="font-size:16px; color:var(--text-dim); max-width:580px; margin:0 auto 28px; line-height:1.7;">Not sure which is right for you? Book a free 30-minute mentor call and we'll recommend the best fit for your situation — no pressure, no hard sell.</p>
      <a href="https://calendly.com/miriamscioratto/30min" target="_blank" class="btn btn-outline">Book a Free Mentor Call</a>
    </div>
  </div>
</section>

<!-- RESULTS STRIP -->
<section class="section-sm" style="background:var(--bg-card); border-top:1px solid var(--border); border-bottom:1px solid var(--border);">
  <div class="container">
    <div class="reveal" style="text-align:center; padding: 8px 0;">
      <p style="font-size:15px; color:#333; margin:0; line-height:1.8;">
        <strong>Results to date:</strong> Our clients sign offers in 3.5 to 4 months on average, vs Swiss benchmark of 6 to 8 months for senior professionals.
      </p>
      <p style="font-size:12px; color:#999; margin:6px 0 0; font-style:italic;">Based on our client cohort to date.</p>
    </div>
  </div>
</section>

<!-- GUARANTEE STRIP -->
<section class="section-sm" style="background:var(--bg-card);">
  <div class="container">
    <div class="guarantee-strip reveal">
      <div class="guarantee-item">
        <div class="guarantee-icon"><span class="material-icons">handshake</span></div>
        <div>
          <div class="guarantee-title">We work alongside you</div>
          <p class="guarantee-text">We promise to stay with you through your entire search — not just the beginning.</p>
        </div>
      </div>
      <div class="guarantee-item">
        <div class="guarantee-icon"><span class="material-icons">lock</span></div>
        <div>
          <div class="guarantee-title">Full confidentiality</div>
          <p class="guarantee-text">Your search, your documents, your conversations — nothing leaves without your permission.</p>
        </div>
      </div>
      <div class="guarantee-item">
        <div class="guarantee-icon"><span class="material-icons">credit_card</span></div>
        <div>
          <div class="guarantee-title">Flexible payments</div>
          <p class="guarantee-text">Both programs available in 3 installments to make the investment manageable during a transition.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- FAQ -->
<section class="section" style="background:var(--bg-2);">
  <div class="container-sm">
    <div class="reveal" style="text-align:center;">
      <span class="section-label" style="justify-content:center;">Questions?</span>
      <h2 class="section-title" style="text-align:center; margin-bottom:0;">Program FAQs</h2>
    </div>
    <div class="faq-list" style="margin-top:48px;">
      <div class="faq-item">
        <div class="faq-question">What is the difference between Self-Driven and Partnership?<span class="faq-icon">+</span></div>
        <div class="faq-answer">Self-Driven gives you the 30-Day Job Hunt Reset course, community, Q&A sessions, and the Job-bot — you execute the strategy yourself. Partnership adds a dedicated HR-trained mentor who works alongside you: building your Master CV, customising applications per role, running outreach, and preparing you for interviews.</div>
      </div>
      <div class="faq-item">
        <div class="faq-question">What is the Performance Continuation Clause?<span class="faq-icon">+</span></div>
        <div class="faq-answer">Partnership clients receive an additional 3 months of access at no cost if they have followed the program consistently and have not yet received an offer. This is our commitment to staying with you through your search.</div>
      </div>
      <div class="faq-item">
        <div class="faq-question">Can I upgrade from Self-Driven to Partnership?<span class="faq-icon">+</span></div>
        <div class="faq-answer">Yes. Within the first 30 days, you can move to Partnership and the full Self-Driven fee will be credited toward the Partnership price. Just reach out to us to arrange the upgrade.</div>
      </div>
      <div class="faq-item">
        <div class="faq-question">Do you guarantee job placement?<span class="faq-icon">+</span></div>
        <div class="faq-answer">No. We do not guarantee a job offer because hiring decisions are outside our control. What we do guarantee is a structured approach, committed support, and clear feedback to help you move faster with focus. We promise to work alongside you until you land a role.</div>
      </div>
    </div>
    <div style="text-align:center; margin-top:40px;" class="reveal">
      <a href="/contact-us" class="btn btn-primary">Still have questions? Contact us →</a>
    </div>
  </div>
</section>

<style>
.programs-grid-2 { grid-template-columns: 1fr 1fr !important; }
@media (max-width: 700px) { .programs-grid-2 { grid-template-columns: 1fr !important; } }

.feature-group-label {
  font-size: 10px; font-weight: 700; color: #28a745;
  text-transform: uppercase; letter-spacing: 1px;
  margin: 14px 0 6px; padding-bottom: 4px;
  border-bottom: 1px solid #e8f5e9;
}

.program-pricing-block {
  background: #f9fdf9; border: 1px solid #e8f5e9;
  border-radius: 8px; padding: 16px 18px;
}
.pricing-row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.pricing-label { font-size: 13px; color: #555; }
.pricing-off { font-size: 11px; color: #28a745; font-weight: 600; }
.pricing-amount { font-size: 16px; font-weight: 700; color: #333; white-space: nowrap; }
.pricing-total { font-size: 12px; color: #888; text-align: right; margin-top: 2px; }
.pricing-normal { font-size: 12px; color: #bbb; margin-top: 10px; }
.pricing-access { font-size: 12px; color: #666; margin-top: 8px; }
</style>

<%- include('partials/footer') %>
