/** Shopify CDN: Minification failed

Line 12:0 Unexpected "{"
Line 12:1 Expected identifier but found "%"
Line 14:10 Expected identifier but found whitespace
Line 14:20 Unexpected "/"
Line 15:1 Expected identifier but found "%"
Line 17:0 Unexpected "<"
Line 55:0 Unexpected "<"

**/
{% comment %}
  Elitepips landing page template for Shopify
  Save as: templates/page.elitepips.liquid
{% endcomment %}

<script src="https://cdn.tailwindcss.com"></script>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
  :root{--brand:#2563eb;--brand-2:#0ea5e9}
  html,body{
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    scroll-behavior:smooth;
  }
  .glass{
    backdrop-filter:saturate(160%) blur(16px);
    background:rgba(255,255,255,.82);
  }
  .container-hero{max-width:1200px}
  .shadow-soft{box-shadow:0 18px 45px rgba(15,23,42,.16)}
  .shadow-card{box-shadow:0 10px 30px rgba(15,23,42,.06)}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
  .bg-orbit::before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    border-radius:9999px;
    background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.12),transparent 65%);
    top:-80px;
    right:-40px;
    z-index:-1;
  }
  .bg-orbit::after{
    content:'';
    position:absolute;
    width:360px;
    height:360px;
    border-radius:9999px;
    background:radial-gradient(circle at 0% 80%,rgba(14,165,233,.12),transparent 60%);
    bottom:-100px;
    left:-60px;
    z-index:-1;
  }
</style>

<div class="elitepips-landing bg-slate-950/2 text-slate-800">
  <!-- Accessibility Skip -->
  <a class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-white px-3 py-2 rounded" href="#main">Skip to content</a>

  <!-- Top Bar -->
  <div class="bg-gradient-to-r from-blue-600 via-sky-500 to-cyan-500 text-white text-xs sm:text-sm">
    <div class="mx-auto max-w-7xl px-4 py-2 flex flex-col sm:flex-row items-center justify-center gap-1.5 sm:gap-3 text-center">
      <span>Connect in <strong>under 2 minutes</strong></span>
      <span class="hidden sm:inline">•</span>
      <span>Works on <strong>Phone &amp; PC</strong></span>
      <span class="hidden sm:inline">•</span>
      <span>Keep your own <strong>broker &amp; fund control</strong></span>
    </div>
  </div>

  <!-- Brand Header -->
  <header class="sticky top-0 z-30 bg-white/90 backdrop-blur border-b border-slate-100">
    <div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
      <a href="#top" class="flex items-center gap-2">
        <div class="h-8 w-8 rounded-xl bg-gradient-to-tr from-blue-600 to-cyan-500 flex items-center justify-center text-white text-sm font-bold shadow-card">
          E
        </div>
        <div class="flex flex-col leading-tight">
          <span class="text-sm font-extrabold tracking-tight text-slate-900">Elitepips</span>
          <span class="text-[11px] text-slate-500">Hands-Free Forex Copy Trading</span>
        </div>
      </a>
      <nav class="hidden md:flex items-center gap-6 text-sm text-slate-600">
        <a href="#why" class="hover:text-slate-900">Why Elitepips</a>
        <a href="#fit" class="hover:text-slate-900">Is it for me?</a>
        <a href="#how" class="hover:text-slate-900">How it works</a>
        <a href="#faq" class="hover:text-slate-900">FAQ</a>
        <a href="#signup" class="inline-flex items-center rounded-full bg-blue-600 px-4 py-2 text-xs font-semibold text-white shadow-card hover:bg-blue-700">
          Join Now
        </a>
      </nav>
    </div>
  </header>

  <!-- HERO -->
  <section id="top" class="relative overflow-hidden bg-gradient-to-b from-slate-950/0 via-slate-100 to-slate-50 bg-orbit" role="banner">
    <div class="mx-auto max-w-7xl container-hero px-4 py-10 sm:py-14 md:py-18 lg:py-20 grid md:grid-cols-2 gap-10 items-center">
      <!-- Hero Copy -->
      <div class="max-w-xl mx-auto md:mx-0 text-center md:text-left">
        <span class="inline-flex items-center gap-2 rounded-full bg-white/80 px-3 py-1 text-[11px] sm:text-xs font-semibold text-blue-700 ring-1 ring-blue-200 shadow-card">
          <span class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-blue-600 text-white text-[10px]">FX</span>
          Elitepips · Hands-Free Execution · You Keep Control
        </span>
        <h1 class="mt-4 text-3xl sm:text-4xl md:text-5xl font-extrabold leading-tight text-slate-900 tracking-tight">
          Copy Professional Forex Trades
          <span class="block text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-cyan-500">
            With Elitepips—Without Watching Charts All Day
          </span>
        </h1>
        <p class="mt-4 text-sm sm:text-base md:text-lg text-slate-700">
          Connect your own trading account once and automatically mirror our team’s entries and exits.
          <strong>No martingale or grid.</strong> Every trade includes a predefined
          <strong>Stop Loss</strong> and <strong>Take Profit</strong>.
          <span class="font-semibold block mt-1 text-[13px] sm:text-sm text-slate-600">
            Execution-only service. Not financial advice. No guaranteed results.
          </span>
        </p>

        <!-- Social proof & trust row -->
        <div class="mt-5 flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4 justify-center md:justify-start">
          <a rel="noopener noreferrer" href="https://www.myfxbook.com/portfolio/pipsmasters/11636245" target="_blank"
             class="inline-flex items-center justify-center gap-2 rounded-lg bg-white px-3.5 py-2 text-xs sm:text-sm font-semibold text-blue-700 ring-1 ring-blue-200 shadow-card hover:shadow-soft transition-shadow">
            View independent tracking on Myfxbook <span aria-hidden>↗</span>
          </a>
          <div class="flex flex-col text-xs sm:text-sm text-slate-600">
            <span class="uppercase tracking-wide text-[10px] sm:text-[11px] text-slate-500">Trusted by active traders</span>
            <span class="font-semibold text-slate-800">Hands-free, rules-based execution via Elitepips</span>
          </div>
        </div>

        <!-- Primary CTA -->
        <div class="mt-7 sm:mt-8 flex flex-col sm:flex-row items-stretch sm:items-center gap-4">
          <a href="/products/elitepips-plan"
             class="inline-flex justify-center items-center rounded-xl bg-blue-600 w-full sm:w-auto px-6 py-3.5 sm:py-4 text-white text-sm sm:text-base font-semibold shadow-soft hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-200">
            Start with Elitepips
          </a>
          <!-- Replace /products/elitepips-plan with your actual Shopify product URL -->
          <div class="space-y-1 text-[11px] sm:text-xs text-slate-600 sm:text-left text-center">
            <p>• Simple monthly subscription · Cancel anytime</p>
            <p>• Secure Shopify checkout · Instant access to setup area</p>
            <p>• Support available in English &amp; Spanish</p>
          </div>
        </div>
      </div>

      <!-- Hero Image -->
      <div class="relative max-w-lg mx-auto md:mx-0 w-full">
        <div class="glass rounded-2xl p-4 sm:p-5 shadow-soft border border-white/60">
          <img src="https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&q=80&w=1600"
               alt="Professional working on laptop with trading tools"
               class="rounded-xl w-full h-[260px] sm:h-[320px] md:h-[360px] object-cover" />
          <div class="mt-4 grid grid-cols-3 gap-2.5 sm:gap-3 text-[11px] sm:text-xs text-slate-700">
            <div class="rounded-lg bg-slate-50/80 border border-slate-100 p-2.5">
              <span class="block text-slate-900 font-semibold text-xs">Hands-Free</span>
              Mirrors entries &amp; exits automatically
            </div>
            <div class="rounded-lg bg-slate-50/80 border border-slate-100 p-2.5">
              <span class="block text-slate-900 font-semibold text-xs">Low Barrier</span>
              Start with a balance you’re comfortable with and scale at your pace
            </div>
            <div class="rounded-lg bg-slate-50/80 border border-slate-100 p-2.5">
              <span class="block text-slate-900 font-semibold text-xs">Risk Controls</span>
              SL &amp; TP on every trade · No grid or martingale
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <main id="main">
    <!-- Why Traders Use Elitepips -->
    <section id="why" class="mx-auto max-w-7xl px-4 py-10 sm:py-14">
      <div class="text-center max-w-2xl mx-auto">
        <p class="text-[11px] tracking-[0.18em] uppercase text-blue-600 font-semibold mb-1.5">Why Elitepips</p>
        <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">Built For Real-World Trading Routines</h2>
        <p class="mt-3 text-sm sm:text-base text-slate-600">
          Elitepips is designed for traders who want professional, rules-based execution
          while keeping full control over their account, broker, and withdrawals.
        </p>
      </div>

      <div class="mt-8 sm:mt-10 grid gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3">
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-base sm:text-lg font-bold">Automatic Trade Execution</h3>
          <p class="mt-2 text-sm text-slate-600">
            Your account mirrors trades in real time, including entries, exits, Stop Loss and Take Profit levels.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-base sm:text-lg font-bold">You Keep Broker &amp; Funds</h3>
          <p class="mt-2 text-sm text-slate-600">
            Use your preferred broker. You manage deposits, withdrawals, and access at all times.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-base sm:text-lg font-bold">No Martingale or Grid</h3>
          <p class="mt-2 text-sm text-slate-600">
            Trades follow risk-aware rules. No aggressive grid or martingale systems.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-base sm:text-lg font-bold">Fast, Guided Setup</h3>
          <p class="mt-2 text-sm text-slate-600">
            Clear step-by-step instructions. Most Elitepips users complete setup in under 2 minutes.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-base sm:text-lg font-bold">Settings Included</h3>
          <p class="mt-2 text-sm text-slate-600">
            We provide optimized settings for your account size and risk preference so you don’t have to guess.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-base sm:text-lg font-bold">Ongoing Support</h3>
          <p class="mt-2 text-sm text-slate-600">
            Need help? Reach out to support for connection, configuration, and general platform questions.
          </p>
        </div>
      </div>
    </section>

    <!-- Fit Check + Transparent Tracking -->
    <section id="fit" class="bg-white">
      <div class="mx-auto max-w-7xl px-4 py-10 sm:py-14 grid md:grid-cols-2 gap-10 items-start">
        <div>
          <p class="text-[11px] tracking-[0.18em] uppercase text-blue-600 font-semibold mb-1.5">Fit Check</p>
          <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">Is Elitepips Right For You?</h2>
          <p class="mt-4 text-sm sm:text-base text-slate-700">
            Elitepips is built for traders and individuals who understand that markets are risky
            and want a structured, hands-free way to participate.
          </p>
          <div class="mt-5 sm:mt-6 grid gap-4 sm:grid-cols-2">
            <div class="rounded-2xl bg-slate-50 p-4 border border-slate-100">
              <h3 class="text-xs font-bold text-green-700 uppercase tracking-wide">Great Fit If You</h3>
              <ul class="mt-3 space-y-2 text-[13px] sm:text-sm text-slate-700">
                <li>Want trades executed automatically while you work or sleep.</li>
                <li>Prefer to keep control of your own broker account.</li>
                <li>Accept that all trading involves risk and ups &amp; downs.</li>
              </ul>
            </div>
            <div class="rounded-2xl bg-slate-50 p-4 border border-slate-100">
              <h3 class="text-xs font-bold text-red-700 uppercase tracking-wide">Not a Fit If You</h3>
              <ul class="mt-3 space-y-2 text-[13px] sm:text-sm text-slate-700">
                <li>Expect guaranteed profit or “risk-free” returns.</li>
                <li>Are not comfortable with potential drawdowns.</li>
                <li>Want someone else to hold or manage your funds.</li>
              </ul>
            </div>
          </div>
        </div>

        <!-- Transparent Tracking -->
        <div class="glass rounded-2xl p-5 sm:p-6 shadow-soft border border-white/60">
          <h3 class="text-xl sm:text-2xl font-extrabold">Transparent Tracking With Myfxbook</h3>
          <p class="mt-3 text-sm sm:text-base text-slate-700">
            You can review live analytics and historical performance via our public Myfxbook profile.
            Results always depend on market conditions and your risk settings.
          </p>
          <ul class="mt-4 space-y-3 text-slate-700 text-sm">
            <li class="flex items-start gap-3">
              <span class="mt-1 h-2 w-2 rounded-full bg-blue-600"></span>
              <span>Independent, third-party tracking (Myfxbook).</span>
            </li>
            <li class="flex items-start gap-3">
              <span class="mt-1 h-2 w-2 rounded-full bg-blue-600"></span>
              <span>You can disconnect at any time from your side.</span>
            </li>
            <li class="flex items-start gap-3">
              <span class="mt-1 h-2 w-2 rounded-full bg-blue-600"></span>
              <span><strong>Past performance does not guarantee future results.</strong></span>
            </li>
          </ul>
          <a rel="noopener noreferrer" href="https://www.myfxbook.com/portfolio/pipsmasters/11636245" target="_blank"
             class="mt-5 inline-flex items-center justify-center gap-2 rounded-xl bg-white px-5 py-2.5 text-xs sm:text-sm font-semibold text-blue-700 ring-1 ring-blue-200 shadow-card hover:shadow-soft transition-shadow">
            Open Myfxbook Profile <span aria-hidden>↗</span>
          </a>
          <p class="mt-3 text-[11px] text-slate-500">
            Always rely on the live Myfxbook page for the most up-to-date data.
          </p>
        </div>
      </div>
    </section>

    <!-- What You Get -->
    <section class="mx-auto max-w-7xl px-4 py-10 sm:py-14">
      <div class="text-center max-w-2xl mx-auto">
        <p class="text-[11px] tracking-[0.18em] uppercase text-blue-600 font-semibold mb-1.5">Inside Elitepips</p>
        <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">What You Get When You Join</h2>
        <p class="mt-3 text-sm sm:text-base text-slate-600">
          A complete, execution-only copy trading setup so you can participate in the markets
          without building strategies or managing trades manually.
        </p>
      </div>

      <div class="mt-8 sm:mt-10 grid gap-4 sm:gap-6 md:grid-cols-3">
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-sm sm:text-lg font-bold">Hands-Free Trade Mirroring</h3>
          <p class="mt-2 text-sm text-slate-600">
            Your account copies entries, exits, and SL/TP from our strategies automatically,
            according to your chosen risk level.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-sm sm:text-lg font-bold">Connection &amp; Setup Guide</h3>
          <p class="mt-2 text-sm text-slate-600">
            Step-by-step instructions (with screenshots) to connect your account quickly,
            even if you have never used copy trading before.
          </p>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
          <h3 class="text-sm sm:text-lg font-bold">Ongoing Updates</h3>
          <p class="mt-2 text-sm text-slate-600">
            You’ll receive updated settings or instructions if something needs to be adjusted
            due to market changes or platform updates.
          </p>
        </div>
      </div>

      <!-- After You Join strip -->
      <div class="mt-8 max-w-3xl mx-auto rounded-2xl bg-slate-900 text-slate-100 px-5 py-4 sm:px-6 sm:py-5 flex flex-col sm:flex-row items-start sm:items-center gap-3 shadow-card">
        <div class="flex-1">
          <p class="text-xs uppercase tracking-[0.18em] text-blue-300 font-semibold">After you join</p>
          <p class="mt-1 text-sm sm:text-base font-medium">
            After you click the button above, you’ll go through a secure Shopify checkout and instantly receive access
            to the Elitepips setup area with all instructions and files you need.
          </p>
        </div>
        <div class="text-xs text-blue-100/80">
          No contracts · Cancel anytime
        </div>
      </div>
    </section>

    <!-- How It Works -->
    <section id="how" class="bg-slate-100/70">
      <div class="mx-auto max-w-7xl px-4 py-10 sm:py-14">
        <div class="text-center max-w-2xl mx-auto">
          <p class="text-[11px] tracking-[0.18em] uppercase text-blue-600 font-semibold mb-1.5">Process</p>
          <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">How Elitepips Works</h2>
          <p class="mt-3 text-sm sm:text-base text-slate-600">
            The process is simple and designed to be completed in just a few minutes,
            even if you’re new to trading platforms.
          </p>
        </div>

        <div class="mt-8 sm:mt-10 grid md:grid-cols-4 gap-4 sm:gap-6">
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="text-[11px] font-bold text-blue-600 uppercase tracking-wide">Step 1</div>
            <h3 class="mt-1 text-base sm:text-lg font-bold">Open or Use Your Broker Account</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              Use your existing broker or open a new one. Start with a balance you’re comfortable with.
            </p>
          </div>
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="text-[11px] font-bold text-blue-600 uppercase tracking-wide">Step 2</div>
            <h3 class="mt-1 text-base sm:text-lg font-bold">Join Elitepips &amp; Get Setup Instructions</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              After checkout, you receive a clear connection guide to link your account to the Elitepips copy setup.
            </p>
          </div>
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="text-[11px] font-bold text-blue-600 uppercase tracking-wide">Step 3</div>
            <h3 class="mt-1 text-base sm:text-lg font-bold">Copy Trades Automatically</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              Your account starts mirroring trades when markets are open based on your chosen risk settings.
            </p>
          </div>
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="text-[11px] font-bold text-blue-600 uppercase tracking-wide">Step 4</div>
            <h3 class="mt-1 text-base sm:text-lg font-bold">Monitor &amp; Adjust Anytime</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              You can pause, disconnect, deposit, or withdraw whenever you like. You remain in full control.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Testimonials -->
    <section class="bg-white">
      <div class="mx-auto max-w-7xl px-4 py-10 sm:py-14">
        <div class="flex flex-col items-center text-center max-w-2xl mx-auto">
          <p class="text-[11px] tracking-[0.18em] uppercase text-blue-600 font-semibold mb-1.5">Social Proof</p>
          <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">What Traders Say</h2>
          <p class="mt-3 text-sm sm:text-base text-slate-600">
            Below are example testimonials. Replace these with your own verified reviews
            (e.g., Google, Trustpilot, Myfxbook comments) for maximum credibility.
          </p>
        </div>

        <div class="mt-8 grid gap-4 sm:gap-6 md:grid-cols-3">
          <figure class="rounded-2xl bg-slate-50 p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="flex items-center gap-4">
              <div class="h-10 w-10 sm:h-12 sm:w-12 rounded-full bg-slate-300 flex items-center justify-center text-xs font-semibold text-slate-700">
                A
              </div>
              <figcaption>
                <div class="font-semibold text-slate-900 text-sm sm:text-base">Trader from Europe</div>
                <div class="text-[11px] text-slate-500">Example testimonial</div>
              </figcaption>
            </div>
            <blockquote class="mt-4 text-[13px] sm:text-sm text-slate-700">
              “Setup was straightforward and the trades copy while I’m at my day job.”
            </blockquote>
          </figure>

          <figure class="rounded-2xl bg-slate-50 p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="flex items-center gap-4">
              <div class="h-10 w-10 sm:h-12 sm:w-12 rounded-full bg-slate-300 flex items-center justify-center text-xs font-semibold text-slate-700">
                B
              </div>
              <figcaption>
                <div class="font-semibold text-slate-900 text-sm sm:text-base">Trader from Latin America</div>
                <div class="text-[11px] text-slate-500">Example testimonial</div>
              </figcaption>
            </div>
            <blockquote class="mt-4 text-[13px] sm:text-sm text-slate-700">
              “I like that every trade has SL/TP and there’s no grid or martingale.”
            </blockquote>
          </figure>

          <figure class="rounded-2xl bg-slate-50 p-5 sm:p-6 shadow-card border border-slate-100">
            <div class="flex items-center gap-4">
              <div class="h-10 w-10 sm:h-12 sm:w-12 rounded-full bg-slate-300 flex items-center justify-center text-xs font-semibold text-slate-700">
                C
              </div>
              <figcaption>
                <div class="font-semibold text-slate-900 text-sm sm:text-base">Trader from Asia</div>
                <div class="text-[11px] text-slate-500">Example testimonial</div>
              </figcaption>
            </div>
            <blockquote class="mt-4 text-[13px] sm:text-sm text-slate-700">
              “Being able to disconnect any time gives me peace of mind.”
            </blockquote>
          </figure>
        </div>
      </div>
    </section>

    <!-- FAQ -->
    <section id="faq" class="bg-slate-100/80">
      <div class="mx-auto max-w-7xl px-4 py-10 sm:py-14">
        <div class="text-center max-w-2xl mx-auto">
          <p class="text-[11px] tracking-[0.18em] uppercase text-blue-600 font-semibold mb-1.5">FAQ</p>
          <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">Frequently Asked Questions</h2>
          <p class="mt-3 text-sm sm:text-base text-slate-600">
            Have questions? These are the most common ones traders ask before joining Elitepips.
          </p>
        </div>

        <div class="mt-8 sm:mt-10 grid md:grid-cols-2 gap-4 sm:gap-6">
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <h3 class="text-sm sm:text-base font-bold text-slate-900">Do you have access to my money?</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              No. Your funds always stay in your own broker account. You control deposits,
              withdrawals, and access at all times. Elitepips provides an execution-only copy setup.
            </p>
          </div>
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <h3 class="text-sm sm:text-base font-bold text-slate-900">Can I cancel or disconnect anytime?</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              Yes. You can pause or disconnect the copy connection from your side.
              Your subscription can be cancelled without long-term contracts.
            </p>
          </div>
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <h3 class="text-sm sm:text-base font-bold text-slate-900">Do I need trading experience?</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              Basic platform knowledge is helpful, but we provide clear connection instructions.
              You are still responsible for understanding that trading involves risk and deciding
              whether this approach is appropriate for you.
            </p>
          </div>
          <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-card border border-slate-100">
            <h3 class="text-sm sm:text-base font-bold text-slate-900">Is profit guaranteed?</h3>
            <p class="mt-2 text-[13px] sm:text-sm text-slate-600">
              No. There are no guarantees. All trading involves risk and can result in loss of capital.
              Past performance on Myfxbook or any other platform does not guarantee future results.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Final CTA -->
    <section id="signup" class="relative overflow-hidden bg-gradient-to-r from-blue-600 via-sky-500 to-cyan-500">
      <div class="mx-auto max-w-7xl px-4 py-10 sm:py-14 grid md:grid-cols-2 gap-8 sm:gap-10 items-center">
        <div class="text-white max-w-lg">
          <p class="text-[11px] tracking-[0.22em] uppercase text-blue-100 font-semibold mb-1.5">Get Started</p>
          <h2 class="text-2xl sm:text-3xl md:text-4xl font-extrabold">Start Copying Trades with Elitepips in Minutes</h2>
          <p class="mt-3 text-xs sm:text-sm md:text-base text-blue-50">
            Hands-free, rules-based trade execution while you keep control of your own broker account.
            Transparent tracking and clear risk disclosures.
          </p>
          <ul class="mt-5 space-y-2 text-blue-50 text-xs sm:text-sm">
            <li class="flex items-center gap-2">
              <span class="h-2 w-2 rounded-full bg-white"></span>Simple monthly subscription · Cancel anytime
            </li>
            <li class="flex items-center gap-2">
              <span class="h-2 w-2 rounded-full bg-white"></span>You keep your broker, funds, and account access
            </li>
            <li class="flex items-center gap-2">
              <span class="h-2 w-2 rounded-full bg-white"></span>Support available in English &amp; Spanish
            </li>
          </ul>
        </div>
        <div class="rounded-2xl bg-white p-5 sm:p-6 shadow-soft border border-white/80">
          <a href="/products/elitepips-plan"
             class="block w-full rounded-xl bg-blue-600 px-6 py-3.5 sm:py-4 text-center font-semibold text-white text-sm sm:text-base shadow-soft hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-200">
            Join Elitepips &amp; Get Setup Instructions
          </a>
          <!-- Replace /products/elitepips-plan with your actual Shopify product URL -->
          <p class="mt-3 text-center text-[11px] sm:text-xs text-slate-500 leading-relaxed">
            Execution-only service. We do not offer investment advice, portfolio management, or guarantees of results.
            Trading foreign exchange on margin carries a high level of risk and may not be suitable for all investors.
          </p>
          <p class="mt-2 text-center text-[11px] text-slate-500">
            Checkout is securely processed by Shopify Payments or your chosen payment provider.
          </p>
        </div>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="mx-auto max-w-7xl px-4 pt-8 pb-16 sm:pb-10 text-sm text-slate-500" role="contentinfo">
    <div class="grid md:grid-cols-3 gap-6 border-t border-slate-200 pt-6">
      <div>
        <div class="font-bold text-slate-800 text-sm">About Elitepips</div>
        <p class="mt-2 text-xs sm:text-sm">
          Elitepips provides hands-free Forex trade execution with transparent third-party tracking.
          You keep broker choice, funds control, and the ability to disconnect at any time.
        </p>
      </div>
      <div>
        <div class="font-bold text-slate-800 text-sm">Legal</div>
        <ul class="mt-2 space-y-1.5 text-xs sm:text-sm">
          <li><a href="#" class="underline">Risk Disclosure</a></li>
          <li><a href="#" class="underline">Terms of Service</a></li>
          <li><a href="#" class="underline">Privacy Policy</a></li>
        </ul>
      </div>
      <div>
        <div class="font-bold text-slate-800 text-sm">Contact</div>
        <p class="mt-2 text-xs sm:text-sm">
          Support: <a href="mailto:support@example.com" class="underline">support@example.com</a>
          <!-- Replace with your real support email -->
        </p>
      </div>
    </div>
    <p class="mt-6 text-[11px] sm:text-xs leading-relaxed">
      Trading foreign exchange on margin carries a high level of risk and may not be suitable for all investors.
      Nothing on this page constitutes financial advice, solicitation, or a guarantee of results. You are solely responsible
      for your own trading decisions and for determining whether this service is appropriate for your circumstances.
    </p>
  </footer>

  <!-- Sticky Mobile CTA (visible on mobile only) -->
  <div class="fixed bottom-0 left-0 right-0 z-40 md:hidden bg-white/95 border-t border-slate-200 backdrop-blur">
    <div class="mx-auto max-w-7xl px-4 py-2.5 flex items-center gap-3">
      <div class="flex-1">
        <p class="text-[11px] font-semibold text-slate-800 leading-tight">
          Start with Elitepips in Minutes
        </p>
        <p class="text-[10px] text-slate-500 leading-tight">
          Simple subscription · Cancel anytime · You keep your broker
        </p>
      </div>
      <a href="/products/elitepips-plan"
         class="inline-flex whitespace-nowrap items-center justify-center rounded-full bg-blue-600 px-4 py-2 text-[11px] font-semibold text-white shadow-md hover:bg-blue-700">
        Join Now
      </a>
      <!-- Replace /products/elitepips-plan with your actual Shopify product URL -->
    </div>
  </div>
</div>
