<?php $lang=stb_lang(); $B='/NewSite'; $fa=$lang==='fa'; $PDF= home_url().'/wp-content/uploads/2026/03';

$login_label_url = $lang==='fa' ? 'https://crm.stbbrokers.com/fa':'https://crm.stbbrokers.com/';
$register_label_url = $lang==='fa' ? 'https://crm.stbbrokers.com/fa/register':'https://crm.stbbrokers.com/register/';
?>
<style>
/* ══════════════════════════════════════════════════════════════
   PAMM — Futuristic Animated
══════════════════════════════════════════════════════════════ */
.pm-rev{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.pm-rev.vis{opacity:1;transform:none}
.pm-rev.d1{transition-delay:.12s}.pm-rev.d2{transition-delay:.24s}.pm-rev.d3{transition-delay:.36s}

.pm-hero-bg{position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 50% at 50% -10%,rgba(200,16,46,.12),transparent),
  radial-gradient(ellipse 40% 40% at 85% 80%,rgba(20,224,163,.06),transparent),
  repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(200,16,46,.02) 60px),
  repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(200,16,46,.02) 60px)}
.pm-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.pm-particle{position:absolute;width:2px;height:2px;background:rgba(200,16,46,.3);border-radius:50%;animation:pm-float linear infinite}
@keyframes pm-float{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100vh);opacity:0}}

/* 2-col layout */
.pm-2col{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:56px;align-items:start}
@media(max-width:768px){.pm-2col{grid-template-columns:1fr;gap:32px}}

/* Steps with animated line */
.pm-step{position:relative;padding-left:56px;margin-bottom:28px}
body.rtl .pm-step{padding-left:0;padding-right:56px}
.pm-step::before{content:'';position:absolute;left:20px;top:44px;bottom:-12px;width:2px;
  background:linear-gradient(180deg,rgba(200,16,46,.5),rgba(200,16,46,.05))}
body.rtl .pm-step::before{left:auto;right:20px}
.pm-step:last-child::before{display:none}
.pm-step-num{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;
  background:rgba(200,16,46,.1);border:2px solid rgba(200,16,46,.4);
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#C8102E;
  transition:all .3s}
body.rtl .pm-step-num{left:auto;right:0}
.pm-step:hover .pm-step-num{background:rgba(200,16,46,.2);box-shadow:0 0 16px rgba(200,16,46,.2)}
.pm-step-title{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}
.pm-step-desc{font-size:13.5px;color:rgba(255,255,255,.45);line-height:1.65}

/* Manager Table Widget */
.pm-tbl{border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#080a0f,#0c0e14);
  border:1px solid rgba(255,255,255,.07);margin-bottom:56px;position:relative}
.pm-tbl::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(20,224,163,.4),transparent);animation:pm-sweep 4s linear infinite}
@keyframes pm-sweep{0%,100%{opacity:.3}50%{opacity:1}}
.pm-tbl-bar{display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:2}
@media(max-width:600px){.pm-tbl-bar{padding:14px 16px}}
.pm-tbl-title{font-size:13px;font-weight:700;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px}
.pm-tbl-title::before{content:'';width:6px;height:6px;border-radius:50%;background:#14e0a3;
  box-shadow:0 0 8px #14e0a3;animation:pm-dot 2s infinite}
@keyframes pm-dot{0%,100%{box-shadow:0 0 4px #14e0a3}50%{box-shadow:0 0 14px rgba(20,224,163,.6)}}
.pm-tbl-badge{font-size:11px;font-weight:700;padding:5px 12px;border-radius:8px;
  background:rgba(20,224,163,.06);border:1px solid rgba(20,224,163,.15);color:#14e0a3}
.pm-tbl table{width:100%;border-collapse:collapse}
.pm-tbl th{padding:12px 20px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.2);background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
@media(max-width:600px){.pm-tbl th{padding:10px 12px;font-size:8.5px}}
.pm-tbl td{padding:14px 20px;font-size:13px;color:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.035);transition:background .15s}
@media(max-width:600px){.pm-tbl td{padding:10px 12px;font-size:12px}}
.pm-tbl tr:last-child td{border-bottom:none}
.pm-tbl tbody tr:hover td{background:rgba(20,224,163,.03)}
.pm-tbl .nm{color:#fff;font-weight:700}
.pm-tbl .ret{color:#14e0a3;font-weight:800}
.pm-tbl .dd{color:rgba(255,100,100,.7)}
.pm-tbl .curve{font-size:18px;font-weight:700}
.pm-tbl tbody tr{opacity:0;animation:pm-row .3s ease-out forwards}
@keyframes pm-row{to{opacity:1}}
.pm-inv-btn{padding:6px 14px;border-radius:7px;background:#C8102E;color:#fff;font-size:11.5px;
  font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;
  box-shadow:0 2px 10px rgba(200,16,46,.2)}
.pm-inv-btn:hover{filter:brightness(1.1);transform:translateY(-1px);color:#fff}
/* Hide curve on mobile */
@media(max-width:600px){.pm-tbl .pm-hide-sm{display:none}}

/* Manager cards */
.pm-mgr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:40px}
@media(max-width:640px){.pm-mgr-grid{grid-template-columns:1fr}}
.pm-mgr-card{background:#0a0c10;border:1px solid rgba(255,255,255,.06);border-radius:14px;
  padding:24px;display:flex;gap:16px;transition:all .25s;position:relative;overflow:hidden}
.pm-mgr-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--mc,#C8102E);opacity:0;transition:opacity .25s}
.pm-mgr-card:hover{border-color:rgba(255,255,255,.12);background:#0d0f14}
.pm-mgr-card:hover::before{opacity:1}
.pm-mgr-icon{width:44px;height:44px;border-radius:11px;flex-shrink:0;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;justify-content:center}
.pm-mgr-icon svg{stroke:var(--mc,#C8102E);fill:none;width:20px;height:20px}
.pm-mgr-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:5px}
.pm-mgr-desc{font-size:12.5px;color:rgba(255,255,255,.4);line-height:1.6}

/* Mobile */
@media(max-width:560px){
  .ip-hero-stats{gap:20px}
  .ip-hero-ctas{flex-direction:column}
  .ip-hero-ctas a{text-align:center;justify-content:center}
  .pm-mgr-card{flex-direction:column;gap:12px}
}
</style>

<article class="ip-page">
<!-- ═══ HERO ═══ -->
<div class="ip-hero" style="position:relative;overflow:hidden">
  <div class="pm-hero-bg"></div>
  <div class="ip-hero-glow"></div>
  <div class="pm-particles" id="pm-particles"></div>
  <div class="ip-container" style="position:relative;z-index:1">
    <nav class="ip-breadcrumb">
      <a href="<?php echo stb_url($B.'/'); ?>"><?php echo $fa?'خانه':'Home';?></a>
      <span class="ip-breadcrumb-sep">›</span>
      <span><?php echo $fa?'سرمایه‌گذاری PAMM':'PAMM Investment';?></span>
    </nav>
    <div class="ip-kicker"><span class="ip-kicker-dot"></span><?php echo $fa?'STB سرمایه‌گذاری · PAMM':'STB INVESTMENT · PAMM';?></div>
    <h1 class="ip-h1"><?php echo $fa?'بگذارید حرفه‌ای‌ها سرمایه شما را <em>رشد دهند</em>':'Let Professionals Grow Your <em>Capital</em>';?></h1>
    <p class="ip-hero-desc"><?php echo $fa?'سیستم PAMM شرکت STB سرمایه‌گذاران را با معامله‌گران حرفه‌ای تأیید شده متصل می‌کند. تخصیص سرمایه، پایش عملکرد در لحظه و کسب سود متناسب — شفافیت کامل تضمین شده.':'STB\'s PAMM system connects investors with verified professional traders. Allocate funds, track performance in real time, and earn proportionally — full transparency guaranteed.';?></p>
    <div class="ip-hero-stats">
      <div><div class="ip-stat-val">184<em>%</em></div><div class="ip-stat-lbl"><?php echo $fa?'بازده برتر':'Top Return';?></div></div>
      <div><div class="ip-stat-val">4</div><div class="ip-stat-lbl"><?php echo $fa?'مدیر تأیید شده':'Verified Managers';?></div></div>
      <div><div class="ip-stat-val">0<em>%</em></div><div class="ip-stat-lbl"><?php echo $fa?'کارمزد پنهان':'Hidden Fees';?></div></div>
      <div><div class="ip-stat-val"><?php echo $fa?'در لحظه':'Real-Time';?></div><div class="ip-stat-lbl"><?php echo $fa?'داشبورد':'Dashboard';?></div></div>
    </div>
    <div class="ip-hero-ctas">
      <a href="<?php echo esc_html($register_label_url);?>" class="ip-btn-red"><?php echo $fa?'سرمایه‌گذاری در PAMM':'Invest in PAMM';?> <svg viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7" stroke-width="2" stroke-linecap="round"/></svg></a>
      <a href="<?php echo esc_html($register_label_url);?>" class="ip-btn-ghost"><?php echo $fa?'مدیر شوید':'Become a Manager';?></a>
    </div>
  </div>
</div>

<!-- ═══ HOW IT WORKS + PROTECTIONS ═══ -->
<section class="ip-section">
  <div class="ip-container">
    <div class="pm-2col pm-rev">
      <div>
        <h2 class="ip-section-title"><?php echo $fa?'نحوه کار <em>PAMM</em>':'How <em>PAMM</em> Works';?></h2>
        <p style="font-size:14px;color:rgba(255,255,255,.45);margin-bottom:28px;line-height:1.7"><?php echo $fa?'فرآیندی شفاف و سه‌مرحله‌ای برای اتصال سرمایه‌گذاران با ارائه‌دهندگان استراتژی.':'A transparent, three-step process designed to connect investors with strategy providers.';?></p>
        <?php $steps = $fa ? [
          ['انتخاب مدیر','مدیران تأیید شده PAMM را با آمار شفاف، سابقه عملکردی تأیید شده و داده‌های لحظه‌ای از جدول رتبه‌بندی مرور کنید.'],
          ['تخصیص سرمایه','هر مبلغی که مایل هستید سرمایه‌گذاری کنید. وجوه شما به صورت خودکار در استراتژی زنده مدیر مشارکت می‌کند.'],
          ['کسب سود متناسب','بازده در لحظه بر اساس عملکرد توزیع می‌شود، پس از کسر کارمزد توافقی مدیر، هر زمان که بخواهید می‌توانید برداشت کنید.'],
        ] : [
          ['Choose a Manager','Browse verified PAMM managers with transparent stats, verified track records, and real-time performance data from our live leaderboard.'],
          ['Allocate Funds','Invest any amount you are comfortable with. Your funds are automatically allocated to participate in the manager\'s live strategy.'],
          ['Earn Proportionally','Returns are distributed in real time based on performance, minus the manager\'s pre-agreed success fee. Withdraw anytime.'],
        ];
        foreach($steps as $i=>$s): ?>
        <div class="pm-step">
          <div class="pm-step-num"><?php echo $i+1; ?></div>
          <div class="pm-step-title"><?php echo $s[0]; ?></div>
          <div class="pm-step-desc"><?php echo $s[1]; ?></div>
        </div>
        <?php endforeach; ?>
      </div>
      <div>
        <h2 class="ip-section-title"><?php echo $fa?'حمایت از <em>سرمایه‌گذار</em>':'Investor <em>Protections</em>';?></h2>
        <div class="ip-features">
          <?php $prots = $fa ? [
            'وجوه جداگانه — سرمایه شما همیشه به صورت مجزا نگهداری می‌شود',
            'سابقه عملکردی تأیید شده — ارزیابی دقیق STB قبل از ورود به لیست',
            'داشبورد پایش در لحظه — هر معامله به‌طور کامل قابل مشاهده است',
            'تخصیص انعطاف‌پذیر — افزودن یا برداشت بدون دوره قفل',
            'گزارش عملکرد کامل — افت سرمایه، بازده، منحنی دارایی و تمام معیارها',
          ] : [
            'Segregated funds — your capital held separately at all times',
            'Verified manager track records — strict STB evaluation before listing',
            'Real-time monitoring dashboard — every trade fully visible',
            'Flexible allocation — add or withdraw without lock-in periods',
            'Full performance reporting — drawdown, returns, equity curve, all metrics',
          ];
          foreach($prots as $p): ?>
          <div class="ip-feature"><div class="ip-feature-check"><svg viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div><div class="ip-feature-text"><?php echo $p; ?></div></div>
          <?php endforeach; ?>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══ LIVE MANAGER TABLE ═══ -->
<section class="ip-section alt">
  <div class="ip-container">
    <h2 class="ip-section-title pm-rev"><?php echo $fa?'مدیران <em>برتر</em> PAMM':'Top PAMM <em>Managers</em>';?></h2>
    <p class="ip-section-desc pm-rev d1"><?php echo $fa?'عملکرد زنده مدیران تأیید شده. نتایج گذشته تضمینی برای آینده نیست.':'Live performance of verified managers. Past results do not guarantee future performance.';?></p>
    <div class="pm-tbl pm-rev d2">
      <div class="pm-tbl-bar">
        <div class="pm-tbl-title">LIVE</div>
        <div class="pm-tbl-badge"><?php echo $fa?'مدیران برتر PAMM':'TOP PAMM MANAGERS';?></div>
      </div>
      <table>
        <thead><tr>
          <th>#</th>
          <th><?php echo $fa?'مدیر':'Manager';?></th>
          <th><?php echo $fa?'بازده':'Return';?></th>
          <th><?php echo $fa?'افت سرمایه':'Drawdown';?></th>
          <th class="pm-hide-sm"><?php echo $fa?'منحنی':'Curve';?></th>
          <th><?php echo $fa?'عملیات':'Action';?></th>
        </tr></thead>
        <tbody>
          <?php $mgrs=[
            [1,'AlphaFX Pro','+184.3%','12.4%','↗','#C8102E'],
            [2,'Meridian Cap','+97.6%','18.1%','↗','#14e0a3'],
            [3,'Quantum Edge','+61.2%','9.8%','→','#C8102E'],
            [4,'Delta Sigma','+44.8%','7.2%','↗','#14e0a3'],
          ];
          foreach($mgrs as $i=>$m): ?>
          <tr style="animation-delay:<?php echo $i*0.08; ?>s">
            <td style="color:rgba(255,255,255,.3);font-weight:700"><?php echo $m[0]; ?></td>
            <td class="nm"><?php echo $m[1]; ?></td>
            <td class="ret"><?php echo $m[2]; ?></td>
            <td class="dd"><?php echo $m[3]; ?></td>
            <td class="curve pm-hide-sm" style="color:<?php echo $m[5]; ?>"><?php echo $m[4]; ?></td>
            <td><a href="<?php echo esc_html($register_label_url);?>" class="pm-inv-btn"><?php echo $fa?'سرمایه‌گذاری':'Invest';?></a></td>
          </tr>
          <?php endforeach; ?>
        </tbody>
      </table>
    </div>
  </div>
</section>

<!-- ═══ FOR MANAGERS ═══ -->
<section class="ip-section">
  <div class="ip-container">
    <h2 class="ip-section-title pm-rev"><?php echo $fa?'مدیر PAMM <em>شوید</em>':'Become a PAMM <em>Manager</em>';?></h2>
    <p class="ip-section-desc pm-rev d1"><?php echo $fa?'استراتژی اثبات‌شده دارید؟ سرمایه‌گذاران را جذب کنید، دارایی تحت مدیریت خود را رشد دهید و از سودهای حاصل از عملکرد کمیسیون دریافت کنید':'Have a proven strategy? Attract investors, grow your AUM, and earn a performance fee on profits.';?></p>
    <div class="pm-mgr-grid pm-rev d2">
      <?php $mgr_cards = $fa ? [
        ['#C8102E','<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" stroke-width="1.5"/><circle cx="9" cy="7" r="4" stroke-width="1.5"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" stroke-width="1.5"/>',
         'جذب سرمایه‌گذار','استراتژی خود را در جدول رتبه‌بندی PAMM ثبت کنید و به صورت خودکار سرمایه‌گذاران تأیید شده جذب کنید.'],
        ['#14e0a3','<path d="M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" stroke-width="1.5" stroke-linecap="round"/>',
         'کسب کارمزد عملکردی','کارمزد موفقیت خود را تعیین کنید. از سودی که برای سرمایه‌گذاران ایجاد می‌کنید درآمد کسب کنید — کاملاً خودکار.'],
        ['#C8102E','<path d="M3 3v18h18" stroke-width="1.5"/><polyline points="7 16 11 10 15 14 19 7" stroke-width="1.5"/>',
         'مجموعه گزارش‌دهی کامل','تحلیل‌های لحظه‌ای، گزارش سرمایه‌گذاران، معیارهای افت سرمایه و تاریخچه حساب.'],
        ['#14e0a3','<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke-width="1.5"/>',
         'جداگانه و امن','وجوه شخصی شما همیشه از تخصیص سرمایه‌گذاران جدا است.'],
      ] : [
        ['#C8102E','<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" stroke-width="1.5"/><circle cx="9" cy="7" r="4" stroke-width="1.5"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" stroke-width="1.5"/>',
         'Attract Investors','List your strategy on the STB PAMM leaderboard and attract verified investors automatically.'],
        ['#14e0a3','<path d="M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" stroke-width="1.5" stroke-linecap="round"/>',
         'Earn Performance Fee','Set your own success fee. Earn on the profits you generate for investors — fully automated.'],
        ['#C8102E','<path d="M3 3v18h18" stroke-width="1.5"/><polyline points="7 16 11 10 15 14 19 7" stroke-width="1.5"/>',
         'Full Reporting Suite','Access real-time analytics, investor reports, drawdown metrics, and account history.'],
        ['#14e0a3','<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke-width="1.5"/>',
         'Segregated & Secure','Your personal funds are always separate from investor allocations.'],
      ];
      foreach($mgr_cards as $c): ?>
      <div class="pm-mgr-card" style="--mc:<?php echo $c[0]; ?>">
        <div class="pm-mgr-icon"><svg viewBox="0 0 24 24"><?php echo $c[1]; ?></svg></div>
        <div><div class="pm-mgr-title"><?php echo $c[2]; ?></div><div class="pm-mgr-desc"><?php echo $c[3]; ?></div></div>
      </div>
      <?php endforeach; ?>
    </div>

    <!-- PDF Download -->
    <a href="<?php echo $PDF; ?>/STB_PAMM_Agreement.pdf" target="_blank" class="ip-pdf">
      <div class="ip-pdf-icon"><svg viewBox="0 0 24 24" stroke="currentColor" fill="none"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" stroke-width="1.5"/><polyline points="14 2 14 8 20 8" stroke-width="1.5"/></svg></div>
      <div class="ip-pdf-info"><div class="ip-pdf-name"><?php echo $fa?'قرارداد PAMM':'PAMM Agreement';?></div><div class="ip-pdf-meta"><?php echo $fa?'STB Provider LTD · شرایط حاکم بر روابط حساب PAMM · ۶ صفحه':'STB Provider LTD · Terms governing PAMM account relationships · 6 pages';?></div></div>
      <div class="ip-pdf-download">PDF <svg viewBox="0 0 24 24"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" stroke-width="1.5"/><polyline points="7 10 12 15 17 10" stroke-width="1.5"/><line x1="12" y1="15" x2="12" y2="3" stroke-width="1.5"/></svg></div>
    </a>
  </div>
</section>

<!-- ═══ PAMM SIMULATOR — What If You Invested? ═══ -->
<section class="ip-section">
  <style>
  .pm-sim{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#06080c,#0c0e14);
    border:1px solid rgba(255,255,255,.07);margin-bottom:56px;position:relative}
  .pm-sim::before{content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(20,224,163,.05),transparent),
    radial-gradient(ellipse 40% 40% at 80% 100%,rgba(200,16,46,.04),transparent);pointer-events:none}
  .pm-sim::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(20,224,163,.5),transparent);animation:pm-sim-glow 4s linear infinite}
  @keyframes pm-sim-glow{0%,100%{opacity:.3}50%{opacity:1}}
  .pm-sim-inner{display:grid;grid-template-columns:340px 1fr;gap:0;position:relative;z-index:1}
  @media(max-width:900px){.pm-sim-inner{grid-template-columns:1fr}}
  /* Left: controls */
  .pm-sim-ctrl{padding:36px 32px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}
  @media(max-width:900px){.pm-sim-ctrl{padding:24px 20px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}
  .pm-sim-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
    color:rgba(20,224,163,.7);margin-bottom:10px;display:flex;align-items:center;gap:8px}
  .pm-sim-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:#14e0a3;
    box-shadow:0 0 8px #14e0a3;animation:pm-sim-dot 2s infinite}
  @keyframes pm-sim-dot{0%,100%{box-shadow:0 0 4px #14e0a3}50%{box-shadow:0 0 14px rgba(20,224,163,.6)}}
  .pm-sim-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.2}
  .pm-sim-title em{font-style:normal;color:#14e0a3}
  .pm-sim-sub{font-size:12.5px;color:rgba(255,255,255,.35);margin-bottom:24px;line-height:1.5}
  .pm-sim-field{margin-bottom:16px}
  .pm-sim-label{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:.06em;
    text-transform:uppercase;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}
  .pm-sim-label-val{color:#14e0a3;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
  .pm-sim-range{width:100%;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;
    background:rgba(255,255,255,.08);outline:none;cursor:pointer}
  .pm-sim-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;
    background:#14e0a3;border:2px solid #0a0c10;box-shadow:0 0 10px rgba(20,224,163,.4);cursor:pointer;transition:box-shadow .2s}
  .pm-sim-range::-webkit-slider-thumb:hover{box-shadow:0 0 18px rgba(20,224,163,.6)}
  .pm-sim-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#14e0a3;
    border:2px solid #0a0c10;box-shadow:0 0 10px rgba(20,224,163,.4);cursor:pointer}
  /* Quick amounts */
  .pm-sim-quick{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
  .pm-sim-qbtn{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.4);cursor:pointer;transition:all .15s}
  .pm-sim-qbtn:hover,.pm-sim-qbtn.active{background:rgba(20,224,163,.1);border-color:rgba(20,224,163,.3);color:#14e0a3}
  /* Result box */
  .pm-sim-result{margin-top:auto;padding:18px;border-radius:12px;
    background:linear-gradient(135deg,rgba(20,224,163,.06),rgba(20,224,163,.02));
    border:1px solid rgba(20,224,163,.12);text-align:center}
  .pm-sim-result-label{font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:rgba(20,224,163,.5);margin-bottom:6px}
  .pm-sim-result-val{font-size:36px;font-weight:800;color:#14e0a3;line-height:1;
    font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(20,224,163,.25);transition:all .3s}
  @media(max-width:560px){.pm-sim-result-val{font-size:28px}}
  .pm-sim-result-gain{font-size:12px;color:rgba(20,224,163,.6);margin-top:4px;font-weight:600}
  /* Right: chart */
  .pm-sim-chart{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
  @media(max-width:900px){.pm-sim-chart{min-height:240px}}
  #pm-sim-cvs{width:100%;height:100%;display:block}
  /* Month labels */
  .pm-sim-months{display:flex;justify-content:space-between;padding:0 28px 12px;
    font-size:10px;color:rgba(255,255,255,.15);font-weight:600}
  </style>
  <div class="ip-container">
    <div class="pm-sim pm-rev" id="pm-sim">
      <div class="pm-sim-inner">
        <div class="pm-sim-ctrl">
          <div class="pm-sim-kicker"><?php echo $fa?'شبیه‌ساز تعاملی':'INTERACTIVE SIMULATOR';?></div>
          <div class="pm-sim-title"><?php echo $fa?'اگر شما <em>سرمایه‌گذاری</em> می‌کردید، چه می‌شد؟':'What If You <em>Invested</em>?';?></div>
          <div class="pm-sim-sub"><?php echo $fa?'ببینید چگونه سرمایه شما می‌توانست در طول ۱۲ ماه با عملکرد مدیران PAMM رشد کند':'See how your capital could have grown over 12 months with PAMM manager performance.';?></div>

          <div class="pm-sim-field">
            <div class="pm-sim-label"><span><?php echo $fa?'مبلغ سرمایه‌گذاری':'Investment Amount';?></span><span class="pm-sim-label-val" id="pm-sim-amt-lbl">$5,000</span></div>
            <input type="range" class="pm-sim-range" id="pm-sim-amt" min="500" max="100000" value="5000" step="500">
            <div class="pm-sim-quick">
              <?php foreach([1000,5000,10000,25000,50000] as $q): ?>
              <span class="pm-sim-qbtn<?php echo $q===5000?' active':''; ?>" data-val="<?php echo $q; ?>">$<?php echo number_format($q); ?></span>
              <?php endforeach; ?>
            </div>
          </div>

          <div class="pm-sim-field">
            <div class="pm-sim-label"><span><?php echo $fa?'بازده ماهانه (%)':'Monthly Return (%)';?></span><span class="pm-sim-label-val" id="pm-sim-ret-lbl">8%</span></div>
            <input type="range" class="pm-sim-range" id="pm-sim-ret" min="1" max="25" value="8" step="0.5">
          </div>

          <div class="pm-sim-field">
            <div class="pm-sim-label"><span><?php echo $fa?'کارمزد مدیر (%)':'Manager Fee (%)';?></span><span class="pm-sim-label-val" id="pm-sim-fee-lbl">20%</span></div>
            <input type="range" class="pm-sim-range" id="pm-sim-fee" min="0" max="50" value="20" step="5">
          </div>

          <div class="pm-sim-result">
            <div class="pm-sim-result-label"><?php echo $fa?'ارزش پس از ۱۲ ماه':'VALUE AFTER 12 MONTHS';?></div>
            <div class="pm-sim-result-val" id="pm-sim-total">$10,073</div>
            <div class="pm-sim-result-gain" id="pm-sim-gain"><?php echo $fa?'سود خالص':'Net Profit';?>: <strong>$5,073</strong> (+101.5%)</div>
          </div>
        </div>
        <div class="pm-sim-chart">
          <canvas id="pm-sim-cvs"></canvas>
        </div>
      </div>
      <div class="pm-sim-months"><span><?php echo $fa?'ماه ۱':'Month 1';?></span><span>3</span><span>6</span><span>9</span><span><?php echo $fa?'ماه ۱۲':'Month 12';?></span></div>
    </div>
  </div>
</section>

<!-- ═══ PAMM ECOSYSTEM — Animated Network ═══ -->
<section class="ip-section alt">
  <style>
  .pm-eco{border-radius:20px;overflow:hidden;background:linear-gradient(160deg,#080a0f,#0c0e14);
    border:1px solid rgba(255,255,255,.07);margin-bottom:56px;position:relative}
  .pm-eco::before{content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(200,16,46,.04),transparent);pointer-events:none}
  .pm-eco::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(200,16,46,.4),transparent)}
  .pm-eco-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;z-index:1}
  @media(max-width:800px){.pm-eco-inner{grid-template-columns:1fr}}
  .pm-eco-canvas{position:relative;min-height:400px;border-right:1px solid rgba(255,255,255,.06)}
  @media(max-width:800px){.pm-eco-canvas{min-height:280px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}}
  #pm-eco-cvs{width:100%;height:100%;display:block}
  .pm-eco-info{padding:44px 36px;display:flex;flex-direction:column;justify-content:center}
  @media(max-width:800px){.pm-eco-info{padding:28px 20px}}
  .pm-eco-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
    color:rgba(200,16,46,.7);margin-bottom:12px;display:flex;align-items:center;gap:8px}
  .pm-eco-kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:#C8102E;
    box-shadow:0 0 8px rgba(200,16,46,.5);animation:pm-eco-dot 2s infinite}
  @keyframes pm-eco-dot{0%,100%{box-shadow:0 0 4px rgba(200,16,46,.3)}50%{box-shadow:0 0 14px rgba(200,16,46,.7)}}
  .pm-eco-title{font-size:26px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.2}
  @media(max-width:560px){.pm-eco-title{font-size:20px}}
  .pm-eco-title em{font-style:normal;color:#C8102E}
  .pm-eco-desc{font-size:13.5px;color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:28px}
  /* Live stats */
  .pm-eco-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .pm-eco-stat{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);
    border-radius:10px;padding:14px;text-align:center;transition:all .2s}
  .pm-eco-stat:hover{border-color:rgba(200,16,46,.2);background:rgba(200,16,46,.03)}
  .pm-eco-stat-val{font-size:22px;font-weight:800;color:#fff;margin-bottom:3px;
    font-variant-numeric:tabular-nums}
  .pm-eco-stat-val em{font-style:normal;font-size:.5em;color:var(--sc,#C8102E)}
  .pm-eco-stat-lbl{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.3)}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title pm-rev"><?php echo $fa?'اکوسیستم <em>PAMM</em>':'PAMM <em>Ecosystem</em>';?></h2>
    <p class="ip-section-desc pm-rev d1"><?php echo $fa?'جریان سرمایه بین سرمایه‌گذاران و مدیران حرفه‌ای — شفاف و در لحظه.':'Capital flowing between investors and professional managers — transparent and real-time.';?></p>
    <div class="pm-eco pm-rev d2">
      <div class="pm-eco-inner">
        <div class="pm-eco-canvas"><canvas id="pm-eco-cvs"></canvas></div>
        <div class="pm-eco-info">
          <div class="pm-eco-kicker"><?php echo $fa?'جریان زنده سرمایه':'LIVE CAPITAL FLOW';?></div>
          <h3 class="pm-eco-title"><?php echo $fa?'سرمایه شما، <em>مدیریت حرفه‌ای</em>':'Your Capital, <em>Professional Management</em>';?></h3>
          <p class="pm-eco-desc"><?php echo $fa?'سرمایه‌گذاران وجوه خود را به مدیران تأیید شده تخصیص می‌دهند. سود به صورت متناسب توزیع می‌شود. تمام معاملات در داشبورد لحظه‌ای قابل مشاهده است.':'Investors allocate funds to verified managers. Profits are distributed proportionally. All trades visible in the real-time dashboard.';?></p>
          <div class="pm-eco-stats">
            <?php $eco_stats = $fa ? [
              ['$2.4M<em>+</em>','مجموع AUM','#C8102E'],
              ['847<em>+</em>','سرمایه‌گذار فعال','#14e0a3'],
              ['92<em>%</em>','نرخ رضایت','#14e0a3'],
              ['4','مدیر تأیید شده','#C8102E'],
            ] : [
              ['$2.4M<em>+</em>','Total AUM','#C8102E'],
              ['847<em>+</em>','Active Investors','#14e0a3'],
              ['92<em>%</em>','Satisfaction Rate','#14e0a3'],
              ['4','Verified Managers','#C8102E'],
            ];
            foreach($eco_stats as $es): ?>
            <div class="pm-eco-stat" style="--sc:<?php echo $es[2]; ?>">
              <div class="pm-eco-stat-val"><?php echo $es[0]; ?></div>
              <div class="pm-eco-stat-lbl"><?php echo $es[1]; ?></div>
            </div>
            <?php endforeach; ?>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<script>
(function(){
  /* ═══ PAMM SIMULATOR ═══ */
  var amtSlider=document.getElementById('pm-sim-amt');
  var retSlider=document.getElementById('pm-sim-ret');
  var feeSlider=document.getElementById('pm-sim-fee');
  var simCanvas=document.getElementById('pm-sim-cvs');

  if(amtSlider&&simCanvas){
    var sCtx=simCanvas.getContext('2d'),sDpr=window.devicePixelRatio||1;
    function sResize(){var r=simCanvas.parentElement.getBoundingClientRect();simCanvas.width=r.width*sDpr;simCanvas.height=r.height*sDpr;simCanvas.style.width=r.width+'px';simCanvas.style.height=r.height+'px';sCtx.setTransform(sDpr,0,0,sDpr,0,0)}
    sResize();window.addEventListener('resize',function(){sResize();simCalc()});

    var simData=[];
    function simCalc(){
      var amt=parseFloat(amtSlider.value);
      var ret=parseFloat(retSlider.value)/100;
      var fee=parseFloat(feeSlider.value)/100;
      var netRet=ret*(1-fee);
      document.getElementById('pm-sim-amt-lbl').textContent='$'+amt.toLocaleString();
      document.getElementById('pm-sim-ret-lbl').textContent=retSlider.value+'%';
      document.getElementById('pm-sim-fee-lbl').textContent=feeSlider.value+'%';
      simData=[amt];
      for(var m=1;m<=12;m++)simData.push(simData[m-1]*(1+netRet));
      var final=simData[12];
      var gain=final-amt;
      var pct=((gain/amt)*100).toFixed(1);
      document.getElementById('pm-sim-total').textContent='$'+Math.round(final).toLocaleString();
      document.getElementById('pm-sim-gain').innerHTML=(document.documentElement.dir==='rtl'?'سود خالص':'Net Profit')+': <strong>$'+Math.round(gain).toLocaleString()+'</strong> (+'+pct+'%)';
      drawSimChart();
    }

    var animProgress=0;
    function drawSimChart(){
      var w=simCanvas.width/sDpr,h=simCanvas.height/sDpr;
      sCtx.clearRect(0,0,w,h);
      if(simData.length<2)return;
      var pad={t:30,b:40,l:40,r:20};
      var cw=w-pad.l-pad.r,ch=h-pad.t-pad.b;
      var min=simData[0]*0.95,max=simData[12]*1.05;
      // Grid
      sCtx.strokeStyle='rgba(255,255,255,.04)';sCtx.lineWidth=.5;
      for(var i=0;i<=4;i++){var gy=pad.t+ch*(i/4);sCtx.beginPath();sCtx.moveTo(pad.l,gy);sCtx.lineTo(w-pad.r,gy);sCtx.stroke();
        sCtx.fillStyle='rgba(255,255,255,.12)';sCtx.font='600 9px system-ui';sCtx.textAlign='right';
        sCtx.fillText('$'+Math.round(max-(max-min)*(i/4)).toLocaleString(),pad.l-6,gy+3);}
      // Area fill
      sCtx.beginPath();
      var pts=Math.min(13,Math.floor(animProgress*13)+1);
      for(var i=0;i<pts;i++){
        var x=pad.l+(i/12)*cw;
        var y=pad.t+ch*(1-(simData[i]-min)/(max-min));
        if(i===0)sCtx.moveTo(x,y);else sCtx.lineTo(x,y);
      }
      var lastX=pad.l+((pts-1)/12)*cw;
      var lastY=pad.t+ch*(1-(simData[pts-1]-min)/(max-min));
      // Area
      var area=sCtx.createLinearGradient(0,pad.t,0,h-pad.b);
      area.addColorStop(0,'rgba(20,224,163,.12)');area.addColorStop(1,'rgba(20,224,163,0)');
      sCtx.lineTo(lastX,h-pad.b);sCtx.lineTo(pad.l,h-pad.b);sCtx.closePath();sCtx.fillStyle=area;sCtx.fill();
      // Line
      sCtx.beginPath();
      for(var i=0;i<pts;i++){
        var x=pad.l+(i/12)*cw;var y=pad.t+ch*(1-(simData[i]-min)/(max-min));
        if(i===0)sCtx.moveTo(x,y);else sCtx.lineTo(x,y);
      }
      var grad=sCtx.createLinearGradient(pad.l,0,w-pad.r,0);
      grad.addColorStop(0,'rgba(20,224,163,.3)');grad.addColorStop(1,'rgba(20,224,163,.9)');
      sCtx.strokeStyle=grad;sCtx.lineWidth=2.5;sCtx.stroke();
      // End dot
      sCtx.beginPath();sCtx.arc(lastX,lastY,5,0,Math.PI*2);sCtx.fillStyle='#14e0a3';sCtx.fill();
      sCtx.beginPath();sCtx.arc(lastX,lastY,10,0,Math.PI*2);sCtx.fillStyle='rgba(20,224,163,.15)';sCtx.fill();
      // Animate
      if(animProgress<1){animProgress+=0.04;requestAnimationFrame(drawSimChart)}
    }

    [amtSlider,retSlider,feeSlider].forEach(function(s){s.addEventListener('input',function(){animProgress=0;simCalc()})});
    // Quick buttons
    document.querySelectorAll('.pm-sim-qbtn').forEach(function(btn){
      btn.addEventListener('click',function(){
        document.querySelectorAll('.pm-sim-qbtn').forEach(function(b){b.classList.remove('active')});
        btn.classList.add('active');
        amtSlider.value=btn.dataset.val;animProgress=0;simCalc();
      });
    });
    simCalc();
  }

  /* ═══ PAMM ECOSYSTEM CANVAS ═══ */
  var ec=document.getElementById('pm-eco-cvs');
  if(ec){
    var eCtx=ec.getContext('2d'),eDpr=window.devicePixelRatio||1,eT=0;
    function eResize(){var r=ec.parentElement.getBoundingClientRect();ec.width=r.width*eDpr;ec.height=r.height*eDpr;ec.style.width=r.width+'px';ec.style.height=r.height+'px';eCtx.setTransform(eDpr,0,0,eDpr,0,0)}
    eResize();window.addEventListener('resize',eResize);

    // Nodes: investors on left, manager hub center, market right
    var eNodes=[
      {x:.12,y:.2,label:'INV 1',type:'inv',color:'#14e0a3'},
      {x:.1,y:.4,label:'INV 2',type:'inv',color:'#14e0a3'},
      {x:.12,y:.6,label:'INV 3',type:'inv',color:'#14e0a3'},
      {x:.1,y:.8,label:'INV 4',type:'inv',color:'#14e0a3'},
      {x:.45,y:.35,label:'MGR A',type:'mgr',color:'#C8102E'},
      {x:.45,y:.65,label:'MGR B',type:'mgr',color:'#C8102E'},
      {x:.78,y:.3,label:'FOREX',type:'mkt',color:'#fff'},
      {x:.82,y:.5,label:'GOLD',type:'mkt',color:'#FFD700'},
      {x:.78,y:.7,label:'INDEX',type:'mkt',color:'#fff'},
    ];
    var eLinks=[[0,4],[1,4],[2,5],[3,5],[4,6],[4,7],[5,7],[5,8]];
    var ePackets=[];

    function eSpawn(){
      var l=eLinks[Math.floor(Math.random()*eLinks.length)];
      ePackets.push({from:l[0],to:l[1],t:0,speed:.005+Math.random()*.008,
        color:l[0]<4?'rgba(20,224,163,':'rgba(200,16,46,'});
    }
    for(var i=0;i<6;i++)eSpawn();

    function eDraw(){
      var w=ec.width/eDpr,h=ec.height/eDpr;
      eCtx.clearRect(0,0,w,h);
      // Subtle grid
      eCtx.strokeStyle='rgba(255,255,255,.015)';eCtx.lineWidth=.5;
      for(var gy=0;gy<h;gy+=30){eCtx.beginPath();eCtx.moveTo(0,gy);eCtx.lineTo(w,gy);eCtx.stroke()}
      for(var gx=0;gx<w;gx+=30){eCtx.beginPath();eCtx.moveTo(gx,0);eCtx.lineTo(gx,h);eCtx.stroke()}
      // Zone labels
      eCtx.font='700 9px system-ui';eCtx.fillStyle='rgba(255,255,255,.08)';eCtx.textAlign='center';
      eCtx.fillText('INVESTORS',w*0.11,h*0.08);
      eCtx.fillText('MANAGERS',w*0.45,h*0.08);
      eCtx.fillText('MARKETS',w*0.8,h*0.08);
      // Links
      eLinks.forEach(function(l){
        var a=eNodes[l[0]],b=eNodes[l[1]];
        eCtx.beginPath();eCtx.moveTo(a.x*w,a.y*h);eCtx.lineTo(b.x*w,b.y*h);
        eCtx.strokeStyle='rgba(255,255,255,.05)';eCtx.lineWidth=1;eCtx.stroke();
      });
      // Nodes
      eNodes.forEach(function(n){
        var x=n.x*w,y=n.y*h,r=n.type==='mgr'?14:n.type==='inv'?8:7;
        // Glow
        var g=eCtx.createRadialGradient(x,y,0,x,y,r*3);
        g.addColorStop(0,n.color+'22');g.addColorStop(1,'transparent');
        eCtx.fillStyle=g;eCtx.fillRect(x-r*3,y-r*3,r*6,r*6);
        // Ring
        eCtx.beginPath();eCtx.arc(x,y,r,0,Math.PI*2);
        eCtx.fillStyle=n.color+(n.type==='mgr'?'33':'22');eCtx.fill();
        eCtx.strokeStyle=n.color+'55';eCtx.lineWidth=1.5;eCtx.stroke();
        // Inner
        eCtx.beginPath();eCtx.arc(x,y,r*.45,0,Math.PI*2);eCtx.fillStyle=n.color+'99';eCtx.fill();
        // Pulse for managers
        if(n.type==='mgr'){var pr=r+Math.sin(eT*0.05)*4;eCtx.beginPath();eCtx.arc(x,y,pr,0,Math.PI*2);
          eCtx.strokeStyle=n.color+'15';eCtx.lineWidth=1;eCtx.stroke();}
        // Label
        eCtx.font='600 8px system-ui';eCtx.fillStyle='rgba(255,255,255,.35)';eCtx.textAlign='center';
        eCtx.fillText(n.label,x,y+r+12);
      });
      // Packets
      ePackets.forEach(function(p){
        p.t+=p.speed;
        var a=eNodes[p.from],b=eNodes[p.to];
        var x=a.x*w+(b.x*w-a.x*w)*p.t;
        var y=a.y*h+(b.y*h-a.y*h)*p.t;
        // Trail
        var tx=a.x*w+(b.x*w-a.x*w)*Math.max(0,p.t-0.15);
        var ty=a.y*h+(b.y*h-a.y*h)*Math.max(0,p.t-0.15);
        var tg=eCtx.createLinearGradient(tx,ty,x,y);
        tg.addColorStop(0,p.color+'0)');tg.addColorStop(1,p.color+'0.5)');
        eCtx.beginPath();eCtx.moveTo(tx,ty);eCtx.lineTo(x,y);eCtx.strokeStyle=tg;eCtx.lineWidth=2;eCtx.stroke();
        // Dot
        eCtx.beginPath();eCtx.arc(x,y,3,0,Math.PI*2);eCtx.fillStyle=p.color+'0.8)';eCtx.fill();
      });
      ePackets=ePackets.filter(function(p){return p.t<1});
      if(ePackets.length<8&&Math.random()<0.04)eSpawn();
      eT++;requestAnimationFrame(eDraw);
    }
    eDraw();
  }
})();
</script>

<!-- ═══ CTA ═══ -->
<section class="ip-section alt">
  <div class="ip-container">
    <div class="ip-cta-strip pm-rev">
      <div class="ip-cta-strip-text">
        <h3><?php echo $fa?'سرمایه‌گذاری با PAMM را شروع کنید':'Start Investing with PAMM';?></h3>
        <p><?php echo $fa?'یک مدیر تأیید شده انتخاب کنید و از استراتژی‌های معاملاتی حرفه‌ای کسب درآمد کنید.':'Choose a verified manager and start earning from professional trading strategies.';?></p>
      </div>
      <div class="ip-cta-strip-btns">
        <a href="<?php echo esc_html($register_label_url);?>" class="ip-btn-red"><?php echo $fa?'سرمایه‌گذاری':'Invest Now';?></a>
        <a href="<?php echo esc_html($register_label_url);?>" class="ip-btn-ghost"><?php echo $fa?'مدیر شوید':'Become a Manager';?></a>
      </div>
    </div>
  </div>
</section>
</article>

<script>
(function(){
  var obs=new IntersectionObserver(function(e){e.forEach(function(en){if(en.isIntersecting){en.target.classList.add('vis');obs.unobserve(en.target)}})},{threshold:.1});
  document.querySelectorAll('.pm-rev').forEach(function(el){obs.observe(el)});
  var pc=document.getElementById('pm-particles');
  if(pc){for(var i=0;i<15;i++){var p=document.createElement('div');p.className='pm-particle';
    p.style.left=Math.random()*100+'%';p.style.top=Math.random()*100+'%';
    p.style.animationDuration=(4+Math.random()*6)+'s';p.style.animationDelay=Math.random()*5+'s';
    p.style.width=p.style.height=(1+Math.random()*2)+'px';pc.appendChild(p);}}
})();
</script>
