<?php
/**
 * Front Page Template — full homepage with all design sections.
 *
 * The markup below is faithfully ported from the original design template
 * (merchantpro.html). Edit at your own risk — pages.json content for the
 * 'home' slug is rendered via the standard page.php, NOT here.
 *
 * Use a static front page (Settings → Reading → Static page → Front page)
 * pointing at the imported 'Home' page to render this template.
 */
get_header();
?>

<!-- HERO -->
<section id="hero">
  <div class="hero-canvas">
    <div class="hero-glow-a"></div>
    <div class="hero-glow-b"></div>
    <div class="hero-lines"></div>
  </div>
  <div class="hero-inner">
    <div>
      <div class="hero-eyebrow" style="background:rgba(255,170,0,.1);border-color:rgba(255,170,0,.3);color:var(--gold)"><img style="border-radius:3px;height:18px;width:18px;vertical-align:middle;margin-right:4px" src="data:image/jpeg;base64, " alt="" style="height:18px;width:18px;border-radius:3px;vertical-align:middle;margin-right:4px;"/> 33 Years · Visa Certified · Nationally Recognized · Best of Annapolis 2023 &amp; 2024</div>
      <h1>
        Zero Swipe Fees.
        <span class="hl-sky">Keep Every</span>
        <span class="hl-gold">Dollar You Earn.</span>
      </h1>
      <p class="hero-p">Merchant Pro eliminates your swipe fees entirely, delivers <strong>next-day deposits</strong>, and installs world-class POS systems — saving small businesses thousands of dollars every year. <strong>Local DMV support. Real people. Real results.</strong></p>
      <div class="hero-btns">
        <a href="#cta" class="btn-solid">
          Get My Free Savings Analysis
          <svg width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M8 1L15 8L8 15M15 8H1" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
        </a>
        <a href="tel:8885731133" class="btn-ghost">📞  888-573-1133</a>
      </div>
      <div class="hero-pills">
        <div class="pill" style="color:rgba(255,170,0,.75)">Visa Certified Since 1992</div>
        <div class="pill" style="color:rgba(255,170,0,.75)">33 Years Nationally Recognized</div>
        <div class="pill">95%+ Fee Reduction</div>
        <div class="pill">Eliminate Swipe Fees</div>
        <div class="pill">Save Thousands / Year</div>
        <div class="pill">Next-Day Deposits</div>
      </div>
      <div class="hero-nums">
        <div class="hnum"><div class="hnum-val">$0<b>*</b></div><div class="hnum-label">Swipe Fees</div></div>
        <div class="hnum-div"></div>
        <div class="hnum"><div class="hnum-val">95<b>%+</b></div><div class="hnum-label">Fee Reduction</div></div>
        <div class="hnum-div"></div>
        <div class="hnum"><div class="hnum-val">30<b>+</b></div><div class="hnum-label">Yrs Experience</div></div>
        <div class="hnum-div"></div>
        <div class="hnum"><div class="hnum-val">48<b>hr</b></div><div class="hnum-label">Live Setup</div></div>
      </div>
    </div>

    <div class="hero-card-wrap">
      <!-- Card logo above savings card — full width of right column -->
      <div style="width:100%;margin-bottom:24px;border-radius:14px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.5)">
        <svg viewBox="0 0 680 420" xmlns="http://www.w3.org/2000/svg" width="100%" style="display:block">
          <defs>
            <linearGradient id="hcBg" x1="0%" y1="0%" x2="100%" y2="100%">
              <stop offset="0%" stop-color="#070F1A"/><stop offset="55%" stop-color="#0A1929"/><stop offset="100%" stop-color="#0F2237"/>
            </linearGradient>
            <linearGradient id="hcStripe" x1="0%" y1="0%" x2="100%" y2="0%">
              <stop offset="0%" stop-color="#0050E6" stop-opacity="0"/><stop offset="25%" stop-color="#0050E6"/><stop offset="75%" stop-color="#00BAFF"/><stop offset="100%" stop-color="#00BAFF" stop-opacity="0"/>
            </linearGradient>
            <linearGradient id="hcChip" x1="0%" y1="0%" x2="100%" y2="100%">
              <stop offset="0%" stop-color="#FFAA00"/><stop offset="100%" stop-color="#FF8C00"/>
            </linearGradient>
            <linearGradient id="hcBorder" x1="0%" y1="0%" x2="100%" y2="100%">
              <stop offset="0%" stop-color="#0050E6" stop-opacity="0.7"/><stop offset="50%" stop-color="#00BAFF" stop-opacity="0.4"/><stop offset="100%" stop-color="#FFAA00" stop-opacity="0.3"/>
            </linearGradient>
            <filter id="hcGlow"><feGaussianBlur stdDeviation="3" result="blur"/><feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
          </defs>
          <!-- Card body -->
          <rect x="0" y="0" width="680" height="420" fill="url(#hcBg)"/>
          <!-- Sweep arcs -->
          <path d="M 360 420 Q 560 260 680 60 L 680 420 Z" fill="#00BAFF" fill-opacity="0.04"/>
          <path d="M 300 420 Q 540 220 680 0 L 680 420 Z" fill="#0050E6" fill-opacity="0.04"/>
          <!-- Magnetic stripe -->
          <rect x="0" y="64" width="680" height="76" fill="#000" fill-opacity="0.55"/>
          <rect x="0" y="64" width="680" height="2.5" fill="url(#hcStripe)" filter="url(#hcGlow)"/>
          <rect x="0" y="139" width="680" height="1.5" fill="url(#hcStripe)" opacity="0.4"/>
          <!-- Signature strip -->
          <rect x="48" y="82" width="488" height="40" rx="4" fill="#EFF6FF" fill-opacity="0.93"/>
          <line x1="48" y1="92" x2="536" y2="92" stroke="#D0DAE8" stroke-width="0.6"/>
          <line x1="48" y1="102" x2="536" y2="102" stroke="#D0DAE8" stroke-width="0.6"/>
          <line x1="48" y1="112" x2="536" y2="112" stroke="#D0DAE8" stroke-width="0.6"/>
          <!-- CVV -->
          <rect x="492" y="79" width="68" height="46" rx="3" fill="#fff"/>
          <text x="526" y="107" font-family="Courier New,monospace" font-size="13" font-weight="700" fill="#070F1A" text-anchor="middle">CVV</text>
          <!-- EMV Chip -->
          <rect x="48" y="178" width="72" height="56" rx="8" fill="url(#hcChip)"/>
          <rect x="54" y="184" width="60" height="44" rx="5" fill="none" stroke="#FF8C00" stroke-width="1.5" stroke-opacity="0.45"/>
          <line x1="48" y1="196" x2="120" y2="196" stroke="#070F1A" stroke-width="1.4" stroke-opacity="0.4"/>
          <line x1="48" y1="208" x2="120" y2="208" stroke="#070F1A" stroke-width="1.4" stroke-opacity="0.4"/>
          <line x1="48" y1="220" x2="120" y2="220" stroke="#070F1A" stroke-width="1.4" stroke-opacity="0.4"/>
          <line x1="84" y1="178" x2="84" y2="234" stroke="#070F1A" stroke-width="1.4" stroke-opacity="0.4"/>
          <!-- Orange arrow -->
          <g transform="translate(48,268)"><polygon points="0,20 40,20 40,0 66,30 40,60 40,40 0,40" fill="#FF6B2B"/></g>
          <!-- merchant wordmark -->
          <text x="134" y="316" font-family="DM Sans,Helvetica Neue,sans-serif" font-size="56" font-weight="300" fill="#EFF6FF" letter-spacing="-1">merchant</text>
          <!-- PRO wordmark -->
          <text x="134" y="374" font-family="Oswald,Impact,sans-serif" font-size="56" font-weight="700" fill="#00BAFF" letter-spacing="7">PRO</text>
          <!-- Tagline -->
          <text x="134" y="400" font-family="DM Sans,sans-serif" font-size="13" font-weight="400" fill="#6B84A0" letter-spacing="2.5">MERCHANT PROCESSING SOLUTIONS</text>
          <!-- Visa Certified badge -->
          <rect x="486" y="268" width="172" height="62" rx="9" fill="rgba(255,170,0,0.12)" stroke="#FFAA00" stroke-width="1.3" stroke-opacity="0.45"/>
          <text x="572" y="289" font-family="Oswald,sans-serif" font-size="10.5" font-weight="600" fill="#00BAFF" text-anchor="middle" letter-spacing="2">VISA CERTIFIED</text>
          <text x="572" y="309" font-family="Bebas Neue,Impact,sans-serif" font-size="20" font-weight="700" fill="#FFAA00" text-anchor="middle" letter-spacing="2">33 YEARS</text>
          <text x="572" y="326" font-family="DM Sans,sans-serif" font-size="9.5" fill="#6B84A0" text-anchor="middle" letter-spacing="1.5">NATIONALLY RECOGNIZED</text>
          <!-- Card number dots -->
          <text x="48" y="254" font-family="Courier New,monospace" font-size="18" font-weight="700" fill="#EFF6FF" fill-opacity="0.18" letter-spacing="6">•••• •••• •••• ••••</text>
          <!-- NFC symbol -->
          <g transform="translate(604,26)" fill="none" stroke="#00BAFF" stroke-opacity="0.38" stroke-width="2.5" stroke-linecap="round">
            <path d="M0,22 Q9,13 9,0"/><path d="M-7,27 Q17,13 17,0"/><path d="M-14,32 Q25,13 25,0"/>
          </g>
          <!-- Border -->
          <rect x="1" y="1" width="678" height="418" rx="0" fill="none" stroke="url(#hcBorder)" stroke-width="2"/>
        </svg>
      </div>
      <div class="hcard">
        <div class="hcard-tag">Estimated Monthly Savings</div>
        <div class="hcard-amount">$1,840</div>
        <div class="hcard-sub">Based on avg. small business volume</div>
        <div class="hcard-divider"></div>
        <div class="hcard-row"><span class="hcard-lbl">Old Processing Fees</span><span class="hcard-val">$1,940 / mo</span></div>
        <div class="hcard-row"><span class="hcard-lbl">With Merchant Pro</span><span class="hcard-val green">~$100 / mo</span></div>
        <div class="hcard-row"><span class="hcard-lbl">Annual Savings</span><span class="hcard-val green">$22,080</span></div>
        <div class="hcard-badge">✓ Practically Zero Swipe Fees</div>
        <div class="hcard-contact">
          <a href="tel:888-573-1133"> 888-573-1133</a> 
          <a href="mailto:corpaccounts@merchantproinc.com">✉ corpaccounts@merchantproinc.com</a>
          <a href="#cta">→ Start My Free Analysis</a> 
          <div class="hcard-hrs">Mon–Fri 9am–5pm · Annapolis, MD</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- TICKER -->
<div class="ticker" aria-hidden="true">
  <div class="ticker-track">
    <span class="tick-item">Zero Swipe Fees <span class="tick-dot">✦</span></span>
    <span class="tick-item">Save Thousands Every Year <span class="tick-dot">✦</span></span>
    <span class="tick-item">Clover · PAX · Verifone · Ingenico · Dejavoo <span class="tick-dot">✦</span></span>
    <span class="tick-item">Best of Annapolis 2023 &amp; 2024 <span class="tick-dot">✦</span></span>
    <span class="tick-item">Next-Day Deposits Guaranteed <span class="tick-dot">✦</span></span>
    <span class="tick-item">Maryland · Virginia · Washington DC <span class="tick-dot">✦</span></span>
    <span class="tick-item">PCI Level 1 Secure <span class="tick-dot">✦</span></span>
    <span class="tick-item">BBB Accredited · Since 2007 <span class="tick-dot">✦</span></span>
    <span class="tick-item">Zero Swipe Fees <span class="tick-dot">✦</span></span>
    <span class="tick-item">Save Thousands Every Year <span class="tick-dot">✦</span></span>
    <span class="tick-item">Clover · PAX · Verifone · Ingenico · Dejavoo <span class="tick-dot">✦</span></span>
    <span class="tick-item">Best of Annapolis 2023 &amp; 2024 <span class="tick-dot">✦</span></span>
    <span class="tick-item">Next-Day Deposits Guaranteed <span class="tick-dot">✦</span></span>
    <span class="tick-item">Maryland · Virginia · Washington DC <span class="tick-dot">✦</span></span>
    <span class="tick-item">PCI Level 1 Secure <span class="tick-dot">✦</span></span>
    <span class="tick-item">BBB Accredited · Since 2007 <span class="tick-dot">✦</span></span>
  </div>
</div>

<!-- AUTHORITY SECTION -->
<section id="authority" style="background:#020810;border-top:2px solid rgba(255,170,0,.35);border-bottom:2px solid rgba(255,170,0,.35);padding:0;overflow:hidden;position:relative">

  <!-- background grid -->
  <div style="position:absolute;inset:0;background-image:linear-gradient(rgba(255,170,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,170,0,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none"></div>

  <!-- gold glow -->
  <div style="position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(255,170,0,.07),transparent 70%);pointer-events:none"></div>

  <div style="position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:72px 5vw">

    <!-- Top label -->
    <div style="text-align:center;margin-bottom:48px">
      <div style="display:inline-flex;align-items:center;gap:10px;background:rgba(255,170,0,.1);border:1px solid rgba(255,170,0,.35);border-radius:100px;padding:8px 22px;font-size:.7rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FFAA00;margin-bottom:20px">
        <span style="width:6px;height:6px;border-radius:50%;background:#FFAA00;display:inline-block"></span>
        Industry Authority &amp; Credentials
      </div>
      <div style="font-family:'Bebas Neue',sans-serif;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95;letter-spacing:2px;color:#EFF6FF">
        One of America's <span style="color:#FFAA00">Longest-Running</span><br>
        Tier 1 Visa Certified Processors
      </div>
      <p style="margin-top:16px;font-size:1rem;color:rgba(239,246,255,.55);max-width:640px;margin-left:auto;margin-right:auto;line-height:1.8">
        Since 1992, Merchant Pro has maintained uninterrupted Tier 1 Visa Certification — a nationally recognized designation held by only a select group of processing companies in the United States. Most processors you've heard of don't come close.
      </p>
    </div>

    <!-- 4 stat columns -->
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:48px">

      <div style="background:rgba(255,170,0,.07);border:1px solid rgba(255,170,0,.25);border-radius:14px;padding:32px 24px;text-align:center;position:relative;overflow:hidden">
        <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FFAA00,#FF6B2B)"></div>
        <div style="font-family:'Bebas Neue',sans-serif;font-size:4.5rem;line-height:1;color:#FFAA00;letter-spacing:2px">33</div>
        <div style="font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#EFF6FF;margin-top:6px">Years</div>
        <div style="font-size:.78rem;color:rgba(239,246,255,.45);margin-top:6px;line-height:1.5">Uninterrupted Tier 1<br>Visa Certification</div>
      </div>

      <div style="background:rgba(0,80,230,.1);border:1px solid rgba(0,186,255,.25);border-radius:14px;padding:32px 24px;text-align:center;position:relative;overflow:hidden">
        <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0050E6,#00BAFF)"></div>
        <div style="font-family:'Bebas Neue',sans-serif;font-size:4.5rem;line-height:1;color:#00BAFF;letter-spacing:2px">T1</div>
        <div style="font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#EFF6FF;margin-top:6px">Tier 1</div>
        <div style="font-size:.78rem;color:rgba(239,246,255,.45);margin-top:6px;line-height:1.5">The highest level of<br>Visa certification</div>
      </div>

      <div style="background:rgba(0,80,230,.1);border:1px solid rgba(0,186,255,.25);border-radius:14px;padding:32px 24px;text-align:center;position:relative;overflow:hidden">
        <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0050E6,#00BAFF)"></div>
        <div style="font-family:'Bebas Neue',sans-serif;font-size:4.5rem;line-height:1;color:#00BAFF;letter-spacing:2px">1992</div>
        <div style="font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#EFF6FF;margin-top:6px">Founded</div>
        <div style="font-size:.78rem;color:rgba(239,246,255,.45);margin-top:6px;line-height:1.5">Bancard Systems → Merchant Pro<br>Continuous certification</div>
      </div>

      <div style="background:rgba(255,170,0,.07);border:1px solid rgba(255,170,0,.25);border-radius:14px;padding:32px 24px;text-align:center;position:relative;overflow:hidden">
        <div style="position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FFAA00,#FF6B2B)"></div>
        <div style="font-family:'Bebas Neue',sans-serif;font-size:4.5rem;line-height:1;color:#FFAA00;letter-spacing:2px">ISO</div>
        <div style="font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#EFF6FF;margin-top:6px">Registered</div>
        <div style="font-size:.78rem;color:rgba(239,246,255,.45);margin-top:6px;line-height:1.5">Registered ISO of<br>PNC Bank, N.A. · FDIC</div>
      </div>

    </div>

    <!-- Comparison bar -->
    <div style="background:rgba(15,34,55,.8);border:1px solid rgba(0,186,255,.15);border-radius:12px;padding:28px 32px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between">
      <div style="font-family:'Oswald',sans-serif;font-size:.95rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#EFF6FF">How We Compare</div>
      <div style="display:flex;flex-wrap:wrap;gap:24px;align-items:center">
        <div style="text-align:center">
          <div style="font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:#FFAA00;letter-spacing:1px">1992</div>
          <div style="font-size:.68rem;color:rgba(239,246,255,.4);letter-spacing:1px;text-transform:uppercase">Merchant Pro</div>
        </div>
        <div style="width:1px;height:36px;background:rgba(239,246,255,.1)"></div>
        <div style="text-align:center">
          <div style="font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:rgba(239,246,255,.3);letter-spacing:1px">2009</div>
          <div style="font-size:.68rem;color:rgba(239,246,255,.25);letter-spacing:1px;text-transform:uppercase">Square Founded</div>
        </div>
        <div style="width:1px;height:36px;background:rgba(239,246,255,.1)"></div>
        <div style="text-align:center">
          <div style="font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:rgba(239,246,255,.3);letter-spacing:1px">2010</div>
          <div style="font-size:.68rem;color:rgba(239,246,255,.25);letter-spacing:1px;text-transform:uppercase">Stripe Founded</div>
        </div>
        <div style="width:1px;height:36px;background:rgba(239,246,255,.1)"></div>
        <div style="text-align:center">
          <div style="font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:rgba(239,246,255,.3);letter-spacing:1px">2012</div>
          <div style="font-size:.68rem;color:rgba(239,246,255,.25);letter-spacing:1px;text-transform:uppercase">Clover Founded</div>
        </div>
      </div>
      <div style="font-size:.8rem;color:#FFAA00;font-weight:600;font-style:italic">We were already Tier 1 certified<br>before our competitors existed.</div>
    </div>

    <!-- CTA -->
    <div style="text-align:center;margin-top:40px">
      <a href="#cta" class="btn-solid">
        Work With a 33-Year Certified Expert →
      </a>
    </div>

  </div>
</section>
<!-- END AUTHORITY SECTION -->


<!-- SINS OF OMISSION — QUESTIONS LAYER -->
<section id="questions" style="background:var(--deep);padding:80px 5vw;border-top:1px solid rgba(239,246,255,.06);position:relative;overflow:hidden">
  <div style="position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(204,34,34,.06),transparent 65%);pointer-events:none"></div>
  <div style="position:relative;z-index:2;max-width:1100px;margin:0 auto">

    <!-- Header -->
    <div style="text-align:center;margin-bottom:52px">
      <div style="display:inline-flex;align-items:center;gap:9px;background:rgba(204,34,34,.1);border:1px solid rgba(204,34,34,.3);border-radius:3px;padding:7px 18px;font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#CC2222;margin-bottom:18px">
        <span style="width:6px;height:6px;border-radius:50%;background:#CC2222;display:inline-block"></span>
        The Sins of Omission
      </div>
      <h2 style="font-family:'Bebas Neue',sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);color:var(--white);letter-spacing:2px;line-height:.95;margin-bottom:14px">
        Questions Your Processor<br><span style="color:#CC2222">Never Asked You</span>
      </h2>
      <p style="font-size:.96rem;color:rgba(239,246,255,.55);line-height:1.82;max-width:640px;margin:0 auto">
        In 33 years reviewing merchant statements, we have identified the specific questions that processors and banks systematically avoid — because the answers would cost them money and save you thousands.
      </p>
    </div>

    <!-- Questions grid -->
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:48px">

      <div style="background:rgba(239,246,255,.03);border:1px solid rgba(239,246,255,.07);border-radius:8px;padding:24px;border-left:3px solid #CC2222;transition:background .3s" onmouseover="this.style.background='rgba(204,34,34,.06)'" onmouseout="this.style.background='rgba(239,246,255,.03)'">
        <div style="font-family:'Bebas Neue',sans-serif;font-size:.85rem;letter-spacing:2px;color:#CC2222;margin-bottom:8px">SIN #1 — PLATFORM CONFUSION</div>
        <div style="font-size:.95rem;font-weight:500;color:var(--white);line-height:1.5;margin-bottom:8px">"Do you know which of the 5 pricing platforms your account is on?"</div>
        <div style="font-size:.82rem;color:rgba(239,246,255,.5);line-height:1.65">Tiered, Interchange Plus, Flat Rate, Cash Discount, Surcharge. Your processor knows which one. They're counting on the fact that you don't.</div>
      </div>

      <div style="background:rgba(239,246,255,.03);border:1px solid rgba(239,246,255,.07);border-radius:8px;padding:24px;border-left:3px solid var(--sky);transition:background .3s" onmouseover="this.style.background='rgba(0,186,255,.06)'" onmouseout="this.style.background='rgba(239,246,255,.03)'">
        <div style="font-family:'Bebas Neue',sans-serif;font-size:.85rem;letter-spacing:2px;color:var(--sky);margin-bottom:8px">SIN #6 — PIN DEBIT SECRET</div>
        <div style="font-size:.95rem;font-weight:500;color:var(--white);line-height:1.5;margin-bottom:8px">"Has anyone shown you signature debit at $6.00 vs PIN debit at $0.35 — same transaction?"</div>
        <div style="font-size:.82rem;color:rgba(239,246,255,.5);line-height:1.65">Your processor makes 17× more on signature debit. This single change saves most businesses thousands every year. It's never mentioned.</div>
      </div>

      <div style="background:rgba(239,246,255,.03);border:1px solid rgba(239,246,255,.07);border-radius:8px;padding:24px;border-left:3px solid var(--gold);transition:background .3s" onmouseover="this.style.background='rgba(255,170,0,.06)'" onmouseout="this.style.background='rgba(239,246,255,.03)'">
        <div style="font-family:'Bebas Neue',sans-serif;font-size:.85rem;letter-spacing:2px;color:var(--gold);margin-bottom:8px">Sin #17 — The Effective Rate</div>
        <div style="font-size:.95rem;font-weight:500;color:var(--white);line-height:1.5;margin-bottom:8px">"Have you calculated your true effective rate — total fees ÷ total volume?"</div>
        <div style="font-size:.82rem;color:rgba(239,246,255,.5);line-height:1.65">Under 2.0% = great. Over 3.0% = very high. We've reviewed statements at 5.5%. Most merchants have never done this calculation. Their processor prefers it that way.</div>
      </div>

     
    </div>

    <!-- CTA row -->
     <div class="sins-cta-row reveal">
      <div>
        <div style="font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#CC2222;margin-bottom:5px">There are 24 total sins.</div>
        <div style="font-size:.92rem;font-weight:500;color:var(--white)">We've documented every one — with plain-English explanations and real dollar impacts.</div>
      </div>
      <div style="display:flex;gap:10px;flex-wrap:wrap">
        <a href="#cta" class="btn-solid" style="font-size:.78rem;padding:9px 18px">Free Statement Review →</a>
        <a href="tel:8885731133" class="btn-ghost" style="font-size:.78rem;padding:9px 18px">📞 888-573-1133</a>
      </div>
    </div>

  </div>
</section>
<!-- END SINS QUESTIONS SECTION -->


<!-- ZERO FEES BAND -->
<section id="zerofees" class="reveal">
  <div class="zf-inner">
    <div class="sec-label">The Merchant Pro Advantage</div>
    <div class="zf-big">95<span>%+</span></div>
    <div class="zf-sub-title">Reduction in Payment Processing Costs</div>
    <p class="zf-desc">Our Practically Zero Fee program uses a fully compliant cash discount / dual pricing model. Card network costs stay where they belong — not on your bottom line. Most businesses are live within 48 hours.</p>
    <div class="zf-claims">
      <div class="zf-claim">95%+ reduction in processing fees</div>
      <div class="zf-claim">Eliminate your swipe fees entirely</div>
      <div class="zf-claim">Save thousands every year</div>
      <div class="zf-claim">Keep more of every sale</div>
    </div>
    <div class="zf-btns">
      <a href="#cta" class="btn-solid">Get My Free Analysis →</a>
      <a href="tel:88857311333" class="btn-ghost">📞 888-573-11333</a>
    </div>
  </div>
</section>


<!-- SAVINGS CALCULATOR -->
<section id="calculator">
  <div class="calc-inner">
    <div class="reveal" style="text-align:center;max-width:580px;margin:0 auto">
      <div class="sec-label" style="color:var(--gold)">Your Numbers</div>
      <div class="sec-title">How Much Are You <span class="gold">Losing Right Now?</span></div>
      <p class="sec-body" style="margin:0 auto">Drag the sliders — see your real numbers instantly. Most merchants are shocked by the result.</p>
    </div>
    <div class="calc-grid">
      <div class="calc-panel reveal">
        <div class="range-group">
          <div class="range-header">
            <span class="range-lbl">Monthly Processing Volume</span>
            <span class="range-val" id="vol-display">$50,000</span>
          </div>
          <input type="range" id="vol-slider" min="5000" max="500000" step="5000" value="50000" oninput="calcUpdate()">
        </div>
        <div class="range-group">
          <div class="range-header">
            <span class="range-lbl">Your Current Effective Rate</span>
            <span class="range-val" id="rate-display">2.8%</span>
          </div>
          <input type="range" id="rate-slider" min="1.5" max="5.5" step="0.05" value="2.8" oninput="calcUpdate()">
          <div class="calc-hint">💡 Total fees ÷ Total volume = your effective rate. Check your statement.</div>
        </div>
        <div style="margin-top:18px;padding:14px;background:rgba(0,186,255,.05);border:1px solid rgba(0,186,255,.12);border-radius:8px">
          <div style="font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sky);margin-bottom:7px">Not sure of your rate?</div>
          <p style="font-size:.76rem;color:var(--muted);line-height:1.58;margin-bottom:10px">Gary will analyze your statement for free — no strings attached.</p>
          <a href="tel:8885731133" class="btn-text">📞 Call Gary — 888-573-1133</a>
        </div>
      </div>
      <div class="calc-result-panel reveal">
        <div class="calc-placeholder" id="calc-ph">
          <div class="calc-placeholder-ico">💳</div>
          <p>Move the sliders to see what you're paying — and what you could keep.</p>
        </div>
        <div class="calc-result-box" id="calc-rb">
          <div class="res-block res-block-red">
            <div class="res-lbl">Currently paying</div>
            <div class="res-num res-num-red" id="res-cost">$1,400</div>
            <div class="res-period">per month in processing fees</div>
          </div>
          <div class="res-block res-block-green">
            <div class="res-lbl">With Merchant Pro you'd pay</div>
            <div class="res-num res-num-green" id="res-mp">~$70</div>
            <div class="res-period">per month (95%+ reduction)</div>
          </div>
          <div class="res-block res-block-gold" style="text-align:center">
            <div class="res-lbl">You could save</div>
            <div class="res-num res-num-gold" id="res-annual">$15,960</div>
            <div class="res-period">every year</div>
          </div>
          <div class="calc-action">
            <a href="#cta" class="btn-solid" style="width:100%;justify-content:center;font-size:.78rem;padding:10px">Claim these savings — it's free →</a>
            <div style="font-size:.68rem;color:var(--muted);margin-top:8px">Or call Gary directly: <a href="tel:8885731133" style="color:var(--sky);text-decoration:none">888-573-1133</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- PRICING -->
<section id="pricing">
  <div class="pricing-head reveal">
    <div class="sec-label">Simple, Transparent Pricing</div>
    <div class="sec-title">Three Ways to <span class="gold">Stop Overpaying</span></div>
    <p class="sec-body" style="margin:0 auto">Every program comes with one flat monthly subscription and unlimited processing — no surprise fees, no hidden charges. Pick the model that fits your business.</p>
  </div>
  <div class="pricing-grid">

    <!-- Tier 1: Practically Zero Fee -->
    <div class="price-card reveal">
      <div class="price-savings">40–60% savings</div>
      <div class="price-name">Subscription</div>
      <div class="price-sub">$35 flat monthly subscription, unlimited processing.</div>
      <div class="price-divider"></div>
      <div class="price-rows">
        <div class="price-row">
          <div class="price-row-lbl">Credit Cards</div>
          <div class="price-row-val"><strong>You pay 0%</strong><br>Customer pays 2.99%</div>
        </div>
        <div class="price-row">
          <div class="price-row-lbl">Debit Cards</div>
          <div class="price-row-val"><strong>You pay 1.5% + $0.25*</strong><br>Customer pays 0%</div>
        </div>
        <div class="price-feature-box" style="border-left-color:var(--sky);background:rgba(0,186,255,.06)">
          <div class="price-feature-box-title">A 2.99% fee is applied to credit card transactions only.</div>
        </div>
        <div class="price-note">*Your business cost on consumer debit cards is 1.5%+$0.25, Mid Qualified cards 2.50% and Non Qualified cards 3.50%. Key-entered debit transactions on the Merchant Pro Terminal do not qualify for the 1.5%+$0.25 rate and will fall into mid or non qualified rates.</div>
      </div>
      <div class="price-cta">
        <a href="#cta" class="btn-solid">Get Started →</a>
      </div>
    </div>

    <!-- Tier 2: Subscription (featured) -->
    <div class="price-card featured reveal">
      <div class="price-savings" style="color:var(--gold)">Up to 100% savings</div>
      <div class="price-name">Practically Zero</div>
      <div class="price-sub">One flat monthly subscription, unlimited processing.</div>
      <div class="price-divider"></div>
      <div class="price-feature-box" style="margin-top:0;margin-bottom:20px">
        <div class="price-feature-box-title">A 3.99% fee is applied to all tenders — so you make money on every sale.</div>
        <div style="font-size:.76rem;color:var(--muted);line-height:1.55;margin-top:6px">Fully covers your cost on all card types, including reward, business, and government cards.</div>
      </div>
      <div class="price-rows">
        <div class="price-tier">
          <div class="price-tier-lbl">Mini</div>
          <div class="price-tier-desc">Merchants processing less than $5,000 per month</div>
          <div class="price-tier-amt">$35<span>/mo</span></div>
        </div>
        <div class="price-tier">
          <div class="price-tier-lbl">Prime</div>
          <div class="price-tier-desc">Merchants processing $5,000 or more per month</div>
          <div class="price-tier-amt">$65<span>/mo</span></div>
        </div>
      </div>
      <div class="price-cta">
        <a href="#cta" class="btn-solid" style="background:var(--gold);color:var(--ink);box-shadow:0 0 24px rgba(255,170,0,.3)">Get Started →</a>
      </div>
    </div>

    <!-- Tier 3: Interchange Plus -->
    <div class="price-card reveal">
      <div class="price-savings">70–75% savings</div>
      <div class="price-name">Interchange Plus</div>
      <div class="price-sub">$40 flat monthly subscription, unlimited processing.</div>
      <div class="price-divider"></div>
      <div class="price-rows">
        <div class="price-row-val" style="line-height:1.7">Merchant Pro operates on the interchange-plus pricing model, ensuring you get the lowest rates with our margin clearly spelled out.</div>
        <div class="price-feature-box">
          <div class="price-feature-box-title">Fixed margins of 0.35% + $0.10 per transaction above interchange</div>
        </div>
      </div>
      <div class="price-cta">
        <a href="#cta" class="btn-solid">Get Started →</a>
      </div>
    </div>

  </div>
  <p class="pricing-footnote reveal">Not sure which program saves you the most? Gary will review your current statement free of charge and show you exactly where you stand — call <a href="tel:8885731133" style="color:var(--sky);text-decoration:none;font-weight:600">888-573-1133</a> or use the savings calculator above.</p>
</section>





<!-- FEATURES -->
<section id="features" class="section">
  <div class="sec-label reveal">Why Merchant Pro</div>
  <div class="sec-title reveal">Everything Your Business Needs.<br><span class="gold">Nothing Hidden.</span></div>
  <p class="sec-body reveal">We evaluate each business individually and custom-design a credit card processing approach that meets your specific requirements in the most cost-effective manner possible.</p>
  <div class="feat-grid">
    <div class="feat-card reveal">
      <div class="feat-ico">💳</div>
      <div class="feat-title">Practically Zero Fee Program</div>
      <p class="feat-desc">Our signature cash discount / dual pricing program eliminates up to 95%+ of traditional swipe fees — fully compliant with all card brand rules and state regulations nationwide.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">🖥️</div>
      <div class="feat-title">World-Class POS Systems</div>
      <p class="feat-desc">Clover, PAX, Verifone, Ingenico, Dejavoo, HP Engage One, Lightspeed — we match every business type with the right system and install it locally, hands-on.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">⚡</div>
      <div class="feat-title">Next-Day Deposits — Guaranteed</div>
      <p class="feat-desc">Get funded the next business day, every time. No waiting three to five days for your own money. Faster cash flow, healthier business.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">💰</div>
      <div class="feat-title">Instant Capital</div>
      <p class="feat-desc">Qualified merchants can access business cash advances based on future processing volume — fast approval, no collateral, funds when you need them.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">🎁</div>
      <div class="feat-title">REV Loyalty &amp; Gift Cards</div>
      <p class="feat-desc">Keep customers coming back with our REV Program — gift card programs, customer loyalty rewards, and text message marketing integrated with your POS.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">🔍</div>
      <div class="feat-title">Transparency at Its Finest</div>
      <p class="feat-desc">No secrets, surprises, or deception. Interchange-plus pricing — you see every charge. We review your setup with you personally before you process a single transaction.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">🌐</div>
      <div class="feat-title">Payment Gateways &amp; eCommerce</div>
      <p class="feat-desc">Authorize.net, ACH &amp; electronic checks, recurring billing, MOTO, virtual terminals, shopping cart integration. The complete digital payment stack — handled.</p>
    </div>
   
    <div class="feat-card reveal">
      <div class="feat-ico">🛡️</div>
      <div class="feat-title">PCI Level 1 Security</div>
      <p class="feat-desc">Bank-grade PCI Level 1 compliance with real-time fraud monitoring and end-to-end encryption — protecting your customers and keeping your business out of liability.</p>
    </div>
    <div class="feat-card reveal">
      <div class="feat-ico">📊</div>
      <div class="feat-title">Real-Time Reporting</div>
      <p class="feat-desc">Detailed transaction reports, sales analytics, daily batch summaries, and full reconciliation tools — from any device, anywhere, any time.</p>
    </div>
   
  </div>
 <div class="sec-cta reveal">
    <div class="sec-cta-text">Ready to eliminate your swipe fees? <strong>Most merchants are live within 48 hours.</strong></div>
    <a href="#cta" class="btn-text">Get my free analysis</a>
    <a href="tel:8885731133" class="btn-ring" style="font-size:.7rem;padding:7px 14px">📞 888-573-1133</a>
  </div>
</section>

<!-- LOCAL -->
<section id="local" class="section">
  <div class="local-wrap">
    <div>
      <div class="sec-label reveal">Local · Personal · Trusted</div>
      <div class="sec-title reveal">Four Offices.<br><span class="sky">One Standard.</span></div>
      <p class="sec-body reveal">With offices in Florida, Georgia, California, and Maryland, you get local, personal service backed by 30+ years of experience — no call centers, no overseas support.</p>
      <div class="benefit-list">
        <div class="ben reveal"><div class="ben-ico">🤝</div><div><div class="ben-title">Personal Relationship</div><div class="ben-desc">A real person manages your account — not a 1-800 ticket system or an offshore queue.</div></div></div>
        <div class="ben reveal"><div class="ben-ico">🏪</div><div><div class="ben-title">On-Site Installation</div><div class="ben-desc">We come to your location and set everything up. No shipping a box and hoping for the best.</div></div></div>
        <div class="ben reveal"><div class="ben-ico">📍</div><div><div class="ben-title">Four Offices Nationwide</div><div class="ben-desc">Naples FL, Atlanta GA, Fallbrook CA, and Annapolis MD — local presence coast to coast.</div></div></div>
        <div class="ben reveal"><div class="ben-ico">⚡</div><div><div class="ben-title">Live in 48 Hours</div><div class="ben-desc">From first call to processing transactions — most merchants are fully live within two business days.</div></div></div>
      </div>
    </div>
    <div class="reveal">
      <div class="info-card">
        <div class="info-stat-grid">
          <div class="istat"><div class="istat-num">30+</div><div class="istat-label">Years in Business</div></div>
          <div class="istat"><div class="istat-num">48hr</div><div class="istat-label">Avg Setup Time</div></div>
          <div class="istat"><div class="istat-num">95%+</div><div class="istat-label">Fee Reduction</div></div>
          <div class="istat"><div class="istat-num">$0</div><div class="istat-label">Analysis Cost</div></div>
        </div>
        <div style="font-family:'Oswald',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--white);margin-bottom:12px">Get a Callback Today</div>
        <form id="local-form" onsubmit="submitForm(event,'local-form','local-ok')">
          <div class="fg"><label>Your Name</label><input type="text" class="finput" name="name" placeholder="Jane Smith" required></div>
          <div class="fg"><label>Phone Number</label><input type="tel" class="finput" name="phone" placeholder="410-555-0100" required></div>
          <input type="hidden" name="source" value="Local Section">
          <button type="submit" class="btn-solid fsubmit" style="font-size:.78rem">Have Gary call me →</button>
          <div id="local-ok" class="form-ok">✅ Gary will call you within the hour.</div>
        </form>
        <div style="margin-top:16px;padding-top:14px;border-top:1px solid rgba(0,186,255,.09)">
          <a href="tel:8885731133" style="font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:2px;color:var(--sky);text-decoration:none">📞 888-573-1133</a>
          <div style="font-size:.65rem;color:rgba(107,132,160,.5);margin-top:3px">Mon–Fri 9am–5pm · corpaccounts@merchantproinc.com</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- OUR LOCATIONS -->
<section id="locations" class="section">
  <div class="sec-label reveal">Our Offices</div>
  <div class="sec-title reveal">Coast-to-Coast <span class="sky">Presence</span></div>
  <p class="sec-body reveal">Four offices across the country, each delivering the same hands-on service. Call the toll-free line and we'll route you to the team nearest you.</p>
  <div class="loc-grid">
    <div class="loc-card reveal">
      <div class="loc-state">Florida</div>
      <div class="loc-city">Naples <span class="loc-hq-tag">HQ</span></div>
      <div class="loc-addr">3003 Tamiami Trail N.<br>Third Floor<br>Naples, FL 34103</div>
      <a href="tel:2394750300" class="loc-phone">📞 239-475-0300</a>
      <div class="loc-fax">Fax: 888-573-1134</div>
    </div>
    <div class="loc-card reveal">
      <div class="loc-state">Georgia</div>
      <div class="loc-city">Atlanta</div>
      <div class="loc-addr">8735 Dunwoody Place<br>Atlanta, GA 30350</div>
      <a href="tel:8885731133" class="loc-phone">📞 888-573-1133</a>
      <div class="loc-fax">Fax: 888-573-1134</div>
    </div>
    <div class="loc-card reveal">
      <div class="loc-state">California</div>
      <div class="loc-city">Fallbrook</div>
      <div class="loc-addr">1433 Singletree Place<br>Fallbrook, CA 92028</div>
      <a href="tel:8885731133" class="loc-phone">📞 888-573-1133</a>
      <div class="loc-fax">Fax: 888-573-1134</div>
    </div>
    <div class="loc-card reveal">
      <div class="loc-state">Maryland</div>
      <div class="loc-city">Annapolis</div>
      <div class="loc-addr">200 Harry S. Truman Pkwy<br>Suite B1<br>Annapolis, MD 21401</div>
      <a href="tel:8885731133" class="loc-phone">📞 888-573-1133</a>
      <div class="loc-fax">Fax: 888-573-1134</div>
    </div>
  </div>
  <div class="sec-cta reveal">
    <div class="sec-cta-text"><strong>One toll-free number reaches every office.</strong> We'll connect you with the team closest to you.</div>
    <a href="tel:8885731133" class="btn-text">📞 Call 888-573-1133</a>
  </div>
</section>

<!-- POS -->
<section id="pos" class="section" style="background:var(--ink);border-top:1px solid var(--border)">
  <div class="sec-label reveal">Hardware</div>
  <div class="sec-title reveal">World-Class <span class="sky">POS Systems</span></div>
  <p class="sec-body reveal">We carry and install the industry's best. Gary matches you with the right hardware for your business type — and installs it on-site.</p>
  <div class="pos-grid">
    <div class="pos-card reveal"><div class="pos-emo">🍽️</div><div class="pos-name">Clover</div><p class="pos-desc">Full restaurant and retail suite. The most versatile POS in the industry.</p></div>
    <div class="pos-card reveal"><div class="pos-emo">📟</div><div class="pos-name">PAX Terminals</div><p class="pos-desc">Fast, reliable countertop and wireless terminals with EMV, NFC, and PIN debit.</p></div>
    <div class="pos-card reveal"><div class="pos-emo">💻</div><div class="pos-name">HP Engage One</div><p class="pos-desc">Enterprise-grade all-in-one POS for high-volume retail and hospitality.</p></div>
    <div class="pos-card reveal"><div class="pos-emo">⚡</div><div class="pos-name">Verifone</div><p class="pos-desc">Industry-standard terminals with wide integration support and proven uptime.</p></div>
    <div class="pos-card reveal"><div class="pos-emo">🌟</div><div class="pos-name">Lightspeed</div><p class="pos-desc">Cloud-based POS with powerful inventory management for specialty retail.</p></div>
    <div class="pos-card reveal"><div class="pos-emo">📱</div><div class="pos-name">Mobile Solutions</div><p class="pos-desc">Accept payments anywhere — events, service calls, curbside, farmers markets.</p></div>
  </div>
  <div class="sec-cta reveal">
    <div class="sec-cta-text"><strong>Not sure which system fits?</strong> Gary will assess your business and recommend the exact right hardware — no charge.</div>
    <a href="tel:8885731133" class="btn-text">📞 Call Gary</a>
  </div>
</section>

<!-- TESTIMONIALS -->
<section id="testimonials" class="section">
  <div class="sec-label reveal">Client Results</div>
  <div class="sec-title reveal">Real Merchants. <span class="gold">Real Savings.</span></div>
  <div class="testi-grid">
    <div class="tc reveal"><div class="tc-stars">★★★★★</div><div class="tc-q">"</div><p class="tc-text">Gary saved us over $800 a month in processing fees the first month. The switch took less than two days and he handled everything personally. I wish I had called him years ago.</p><div class="tc-name">Michael T.</div><div class="tc-biz">Restaurant Owner · Naples, FL</div></div>
    <div class="tc reveal"><div class="tc-stars">★★★★★</div><div class="tc-q">"</div><p class="tc-text">We were paying 3.4% effective rate and didn't even know it. Gary showed us our real numbers in 10 minutes. We switched immediately. Best business decision we made this year.</p><div class="tc-name">Sandra K.</div><div class="tc-biz">Retail Boutique · Atlanta, GA</div></div>
    <div class="tc reveal"><div class="tc-stars">★★★★★</div><div class="tc-q">"</div><p class="tc-text">The Clover system Gary installed is incredible — and knowing we're not paying swipe fees is even better. Gary actually picks up the phone. That alone is worth everything.</p><div class="tc-name">Dr. James R.</div><div class="tc-biz">Dental Practice · Fallbrook, CA</div></div>
  </div>
  <div class="sec-cta reveal">
    <div class="sec-cta-text">Join hundreds of businesses nationwide that have eliminated their swipe fees.</div>
    <a href="#cta" class="btn-text">Get my free analysis</a>
    <a href="tel:8885731133" class="btn-ring" style="font-size:.7rem;padding:7px 14px">📞 888-573-1133</a>
  </div>
</section>

<!-- AWARDS -->
<section id="awards">
  <div style="max-width:620px;margin:0 auto;text-align:center">
    <div class="sec-label reveal">Recognition</div>
    <div class="sec-title reveal" style="margin-bottom:0">Nationally Recognized. <span class="gold">Locally Trusted.</span></div>
    <div class="award-row reveal">
      <div class="award-box"><div class="award-yr">2024</div><div class="award-txt">Best of Annapolis<br>Merchant Services</div></div>
      <div class="award-box"><div class="award-yr">2023</div><div class="award-txt">Best of Annapolis<br>Merchant Services</div></div>
      <div class="award-box"><div class="award-yr">1992</div><div class="award-txt">Visa Certified Since</div></div>
    </div>
    <div style="display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px;font-size:.76rem;color:var(--muted);flex-wrap:wrap" class="reveal">
      <a href="#" target="_blank" rel="noopener" class="bbb-badge" title="BBB Accredited Business — A+ Rating">
        <div class="bbb-mark"><div class="bbb-mark-bb">BBB</div><div class="bbb-mark-sub">Accredited</div></div>
        <div class="bbb-info">
          <div class="bbb-info-rating">BBB Rating: <b>A+</b></div>
          <div class="bbb-info-date">As of 7/11/2024</div>
          <div class="bbb-info-cta">Click for Profile</div>
        </div>
      </a>
      <span>· Visa Certified · Nationally Recognized · 33 Years</span>
    </div>
  </div>
</section>

<!-- ABOUT -->
<section id="about" class="section" style="background:var(--deep);border-top:1px solid var(--border)">
  <div class="about-grid">
    <div>
      <div class="sec-label reveal">About</div>
      <div class="sec-title reveal">Gary Baillio<br><span class="sky">Your Merchant Advocate</span></div>
      <div class="about-card reveal">
        <div class="founder-name">Gary Baillio</div>
        <div class="founder-role">Founder · CEO · Merchant Advocate</div>
        <div class="tl">
          <div class="tl-row"><div class="tl-yr">1992</div><div class="tl-txt">Founded Bancard Systems — Visa certified, building the foundation in merchant services</div></div>
          <div class="tl-row"><div class="tl-yr">2007</div><div class="tl-txt">Founded Merchant Processing Solutions, Inc.</div></div>
          <div class="tl-row"><div class="tl-yr">2018</div><div class="tl-txt">Launched the Practically Zero Fee program — now serving merchants across the US</div></div>
          <div class="tl-row"><div class="tl-yr">Today</div><div class="tl-txt">Still personally managing every account · Best of Annapolis 2023 &amp; 2024</div></div>
        </div>
        <div class="founder-quote">"I don't run a call center. I run relationships. When you call this number, you get me — not a ticket."</div>
        <div style="display:inline-flex;align-items:center;gap:12px;background:rgba(0,80,230,.1);border:1px solid rgba(0,80,230,.2);border-radius:7px;padding:12px 18px">
          <div style="font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--sky);line-height:1;letter-spacing:1px">33</div>
          <div style="font-size:.65rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;line-height:1.4">Years<br>Experience</div>
        </div>
      </div>
    </div>
    <div class="reveal">
      <p style="font-size:.88rem;color:rgba(239,246,255,.55);line-height:1.88;margin-bottom:14px">Gary Baillio has spent 33 years doing one thing: making payment processing honest, transparent, and affordable for small businesses. While most processors hide behind 1-800 numbers and fine print, Gary publishes the 24 "Sins of Omission" — the industry tactics used against merchants — and fixes every one of them for his clients.</p>
      <p style="font-size:.88rem;color:rgba(239,246,255,.55);line-height:1.88">His Practically Zero Fee program isn't a gimmick. It's a fully compliant dual-pricing model that has saved hundreds of businesses thousands of dollars per year.</p>
      <div class="form-box" style="margin-top:32px">
        <div class="form-head">Talk to Gary Directly</div>
        <div class="form-sub">No sales team. No middleman. Gary calls you back personally.</div>
        <form id="about-form" onsubmit="submitForm(event,'about-form','about-ok')">
          <div class="fg"><label>Your Name</label><input type="text" class="finput" name="name" placeholder="Jane Smith" required></div>
          <div class="fg"><label>Phone Number</label><input type="tel" class="finput" name="phone" placeholder="410-555-0100" required></div>
          <div class="fg"><label>Best Time to Call</label>
            <select class="fselect" name="call_time"><option>Morning (9am–12pm)</option><option>Afternoon (12pm–3pm)</option><option>Late Afternoon (3pm–5pm)</option></select>
          </div>
          <input type="hidden" name="source" value="About Section">
          <button type="submit" class="btn-solid fsubmit" style="font-size:.78rem">Have Gary call me back →</button>
          <div id="about-ok" class="form-ok">✅ Gary will call you at your preferred time.</div>
          <div class="form-privacy">🔒 Private · No obligation</div>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- MAIN CTA -->
<section id="cta">
  <div class="cta-grid">
    <div>
      <div class="sec-label reveal" style="color:var(--gold)">Ready to Act?</div>
      <div class="sec-title reveal">Stop Paying Swipe Fees.<br><span class="sky">Call Gary Today.</span></div>
      <p class="sec-body reveal">The call takes 10 minutes. Gary reviews your current processing costs, shows you exactly what you're losing, and builds a plan to eliminate those fees — usually within 48 hours.</p>
      <div class="cta-checks reveal">
        <div class="chk"><div class="chk-mark">✓</div><span>Free statement analysis — no obligation</span></div>
        <div class="chk"><div class="chk-mark">✓</div><span>Savings projection in writing before you commit</span></div>
        <div class="chk"><div class="chk-mark">✓</div><span>Live within 48 hours of your decision</span></div>
        <div class="chk"><div class="chk-mark">✓</div><span>Gary personally manages your account forever</span></div>
        <div class="chk"><div class="chk-mark">✓</div><span>No surprise fees. No hidden charges. Ever.</span></div>
      </div>
      <div class="cta-phone-block reveal">
        <div style="font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:5px">Call Gary Directly</div>
        <a href="tel:8885731133" class="cta-phone">📞 888-573-1133</a>
        <div class="cta-status">Lines open now · Mon–Fri 9am–5pm</div>
        <div class="cta-detail" style="margin-top:10px">
          <strong style="color:var(--white)">Gary Baillio</strong><br>
          <a href="mailto:corpaccounts@merchantproinc.com">corpaccounts@merchantproinc.com</a><br>
          3003 Tamiami Trail N., Third Floor, Naples, FL 34103
        </div>
      </div>
    </div>
    <div class="reveal">
      <div class="form-box accent">
        <div class="form-head">Get Your Free Savings Analysis</div>
        <div class="form-sub">Fill this out and Gary calls you within the hour — personalized savings plan ready.</div>
        <form id="main-form" onsubmit="submitForm(event,'main-form','main-ok')">
          <div class="f2col">
            <div class="fg"><label>First Name</label><input type="text" class="finput" name="name" placeholder="Jane" required></div>
            <div class="fg"><label>Last Name</label><input type="text" class="finput" name="last_name" placeholder="Smith"></div>
          </div>
          <div class="fg"><label>Business Name</label><input type="text" class="finput" name="business_name" placeholder="Acme Retail LLC"></div>
          <div class="f2col">
            <div class="fg"><label>Phone</label><input type="tel" class="finput" name="phone" placeholder="410-555-0100" required></div>
            <div class="fg"><label>Email</label><input type="email" class="finput" name="email" placeholder="jane@yourbiz.com" required></div>
          </div>
          <div class="f2col">
            <div class="fg"><label>Business Type</label>
              <select class="fselect" name="business_type"><option value="">Select...</option><option>Restaurant / Bar</option><option>Retail</option><option>Medical / Dental</option><option>Auto / Service</option><option>Salon / Spa</option><option>eCommerce</option><option>Other</option></select>
            </div>
            <div class="fg"><label>Monthly Volume</label>
              <select class="fselect" name="monthly_volume"><option value="">Select...</option><option>Under $10K</option><option>$10K – $25K</option><option>$25K – $50K</option><option>$50K – $100K</option><option>$100K – $250K</option><option>Over $250K</option></select>
            </div>
          </div>
          <div class="fg"><label>Current Processor (optional)</label><input type="text" class="finput" name="current_processor" placeholder="Square, Stripe, First Data, etc."></div>
          <input type="hidden" name="source" value="Main CTA Form">
          <button type="submit" class="btn-solid fsubmit">Get My Free Savings Analysis →</button>
          <div id="main-ok" class="form-ok">🎉 Gary will call you within the hour with your personalized savings plan.</div>
          <div class="form-privacy">🔒 Confidential · No obligation · GoHighLevel secured · Never shared</div>
        </form>
      </div>
    </div>
  </div>
</section>

<!-- ACCEPTED CARDS / PARTNERS -->
<section id="accepted">
  <div class="accepted-wrap">
    <!-- LEFT: POS / Technology Partners -->
    <div class="accepted-col left">
      <div class="accepted-label">Technology Partners &amp; Accreditation</div>
      <div class="cards-row">
        <!-- Kounta -->
        <div class="partner-badge" title="Kounta">
          <svg viewBox="0 0 120 26" xmlns="http://www.w3.org/2000/svg">
            <path d="M6 4 L6 22 L2 22 L2 4 Z" fill="#0090D4"/>
            <path d="M11 4 L6 12 L11 22 L6.5 22 L2 13.5 L2 10.5 L6.5 4 Z" fill="#F5A623"/>
            <text x="14" y="20" font-family="Arial,Helvetica,sans-serif" font-size="20" font-weight="bold" fill="#0090D4" letter-spacing="-0.5">ounta</text>
          </svg>
        </div>
        <!-- BBB Accredited -->
        <a href="#" target="_blank" rel="noopener" class="bbb-badge" title="BBB Accredited Business — A+ Rating">
          <div class="bbb-mark"><div class="bbb-mark-bb">BBB</div><div class="bbb-mark-sub">Accredited</div></div>
          <div class="bbb-info">
            <div class="bbb-info-rating">BBB Rating: <b>A+</b></div>
            <div class="bbb-info-date">As of 7/11/2024</div>
            <div class="bbb-info-cta">Click for Profile</div>
          </div>
        </a>
        <!-- More partner logos can be added here -->
      </div>
    </div>
    <!-- RIGHT: Accepted Cards -->
    <div class="accepted-col right">
      <div class="accepted-label">All Major Cards Accepted</div>
      <div class="cards-row">
        <!-- Visa -->
        <div class="card-badge" title="Visa">
          <svg viewBox="0 0 48 16" xmlns="http://www.w3.org/2000/svg">
            <text x="24" y="13" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="13" font-weight="bold" font-style="italic" fill="#1A1F71" letter-spacing="0.5">VISA</text>
          </svg>
        </div>
        <!-- Mastercard -->
        <div class="card-badge" title="Mastercard">
          <svg viewBox="0 0 48 30" xmlns="http://www.w3.org/2000/svg">
            <circle cx="19" cy="15" r="11" fill="#EB001B"/>
            <circle cx="29" cy="15" r="11" fill="#F79E1B"/>
            <path d="M24 6.5a11 11 0 0 1 0 17 11 11 0 0 1 0-17z" fill="#FF5F00"/>
          </svg>
        </div>
        <!-- Discover -->
        <div class="card-badge" title="Discover">
          <svg viewBox="0 0 66 18" xmlns="http://www.w3.org/2000/svg">
            <text x="33" y="13" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="9.5" font-weight="bold" fill="#231F20" letter-spacing="-0.2">DISC&#9679;VER</text>
            <circle cx="32.4" cy="9.2" r="3" fill="#FF6000"/>
          </svg>
        </div>
        <!-- American Express -->
        <div class="card-badge" title="American Express" style="background:#006FCF">
          <svg viewBox="0 0 66 28" xmlns="http://www.w3.org/2000/svg">
            <text x="33" y="12" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="8" font-weight="bold" fill="#fff" letter-spacing="0.3">AMERICAN</text>
            <text x="33" y="22" text-anchor="middle" font-family="Arial,Helvetica,sans-serif" font-size="8" font-weight="bold" fill="#fff" letter-spacing="0.3">EXPRESS</text>
          </svg>
        </div>
      </div>
    </div>
  </div>
</section>


<!-- SOCIAL -->
<section id="social">
  <div style="font-size:.64rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:8px">Follow Merchant Pro</div>
  <div class="social-row">
    <a href="https://www.facebook.com/MerProSolutions" class="soc-btn" target="_blank">Facebook</a>
    <a href="https://www.instagram.com/merchantproserv/" class="soc-btn" target="_blank">Instagram</a>
    <a href="https://x.com/MerchantProServ" class="soc-btn" target="_blank">X / Twitter</a>
    <a href="https://www.linkedin.com/company/merchant-processing-solutions-inc-/" class="soc-btn" target="_blank">LinkedIn</a>
    <a href="https://www.youtube.com/channel/UC7ecbWd29R4Hk2qs0AE-m3A" class="soc-btn" target="_blank">YouTube</a>
  </div>
</section>


<?php get_footer(); ?>
