<?php $lang = stb_lang(); $fa = $lang==='fa';
$register_label_url = $fa ? 'https://crm.stbbrokers.com/fa/register':'https://crm.stbbrokers.com/register/';
$ct_page_url = stb_url('/NewSite/copy-trading/');
$ct_prov = $fa ? [
  ['n'=>'Helios FX','s'=>'روند · فارکس','r'=>'+142%','c'=>'18,32,28,46,40,62,58,80','k'=>'low'],
  ['n'=>'Northwind','s'=>'بازگشت · طلا','r'=>'+96%','c'=>'20,28,24,38,44,52,60,72','k'=>'low'],
  ['n'=>'Atlas Macro','s'=>'کلان · شاخص','r'=>'+118%','c'=>'16,30,22,44,36,58,70,68','k'=>'high'],
] : [
  ['n'=>'Helios FX','s'=>'Trend · FX','r'=>'+142%','c'=>'18,32,28,46,40,62,58,80','k'=>'low'],
  ['n'=>'Northwind','s'=>'Reversion · Gold','r'=>'+96%','c'=>'20,28,24,38,44,52,60,72','k'=>'low'],
  ['n'=>'Atlas Macro','s'=>'Macro · Indices','r'=>'+118%','c'=>'16,30,22,44,36,58,70,68','k'=>'high'],
];
?>
<section class="cth-wrap" id="copy-trading" aria-labelledby="cth-heading">
<style>
/* ═══ HOME — COPY TRADING teaser ═══ */
.cth-wrap{background:#060809;padding:96px 0;position:relative;overflow:hidden}
.cth-wrap::before{content:'';position:absolute;inset:0;
  background:linear-gradient(rgba(20,224,163,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,224,163,.03) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 80% at 70% 50%,#000 30%,transparent 80%);pointer-events:none}
.cth-wrap::after{content:'';position:absolute;top:-120px;right:-120px;width:560px;height:560px;
  background:radial-gradient(circle,rgba(20,224,163,.09),transparent 65%);pointer-events:none}
.cth-inner{max-width:1280px;margin:0 auto;padding:0 40px;position:relative;z-index:1}
@media(max-width:768px){.cth-inner{padding:0 20px}}
.cth-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media(max-width:900px){.cth-grid{grid-template-columns:1fr;gap:36px}}
.cth-kick{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(20,224,163,.9);margin-bottom:18px}
.cth-kick-dot{width:7px;height:7px;border-radius:50%;background:#14e0a3;box-shadow:0 0 10px rgba(20,224,163,.8);animation:cthdot 2s infinite}
@keyframes cthdot{0%,100%{opacity:1}50%{opacity:.35}}
.cth-h2{font-size:clamp(28px,3.6vw,42px);font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.02em;margin-bottom:18px}
.cth-h2 em{font-style:normal;background:linear-gradient(120deg,#14e0a3,#9affd9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cth-p{font-size:15px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:26px;max-width:480px}
body.rtl .cth-p{margin-left:auto}
.cth-feats{list-style:none;padding:0;margin:0 0 30px}
.cth-feats li{display:flex;align-items:center;gap:11px;font-size:14px;color:rgba(255,255,255,.7);padding:7px 0}
.cth-feats li svg{width:18px;height:18px;flex:0 0 auto;stroke:#14e0a3;fill:none;stroke-width:2.4}
.cth-cta{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:50px;background:#14e0a3;
  color:#04120e;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 4px 20px rgba(20,224,163,.3);transition:all .25s var(--ease)}
.cth-cta:hover{transform:translateY(-1.5px);box-shadow:0 8px 30px rgba(20,224,163,.55);color:#04120e}
.cth-cta svg{width:17px;height:17px;fill:none;stroke:currentColor}
body.rtl .cth-cta svg{transform:scaleX(-1)}
/* provider panel */
.cth-panel{background:rgba(13,15,17,.65);
  border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.6);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.cth-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cth-panel-tag{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.cth-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#14e0a3}
.cth-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#14e0a3;animation:cthdot 1.4s infinite}
.cth-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .25s var(--ease);border-radius:12px}
.cth-row:last-child{border-bottom:0}
.cth-row:hover{background:rgba(255,255,255,.03)}
.cth-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:13px;color:#04120e;background:linear-gradient(135deg,#14e0a3,#0fa97a);flex:0 0 auto}
.cth-nm{font-size:13px;font-weight:600;color:#fff}.cth-st{font-size:10px;color:rgba(255,255,255,.4);margin-top:2px}
.cth-spark{display:flex;align-items:flex-end;gap:2px;height:26px;margin-inline-start:auto}
.cth-spark span{width:3px;border-radius:2px;background:linear-gradient(180deg,#14e0a3,rgba(20,224,163,.2))}
.cth-r{font-size:14px;font-weight:800;color:#14e0a3;font-variant-numeric:tabular-nums;min-width:54px;text-align:end}
</style>
  <div class="cth-inner">
    <div class="cth-grid">
      <div>
        <div class="cth-kick"><span class="cth-kick-dot"></span><?php echo $fa?'STB سرمایه‌گذاری · کپی تریدینگ':'STB INVESTMENT · COPY TRADING'; ?></div>
        <h2 class="cth-h2" id="cth-heading"><?php echo $fa?'معاملات حرفه‌ای را <em>کپی کنید</em>':'Copy the Pros. <em>Automatically</em>'; ?></h2>
        <p class="cth-p"><?php echo $fa?'ارائه‌دهندگان استراتژی تأیید شده را انتخاب کنید و معاملات آن‌ها را در لحظه روی حساب خود کپی کنید — با شفافیت کامل و کنترل همیشگی.':'Select verified strategy providers and mirror their trades on your account in real time — full transparency, always in control.'; ?></p>
        <ul class="cth-feats">
          <li><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg><?php echo $fa?'ارائه‌دهندگان تأیید شده با سابقه شفاف':'Verified providers with transparent records'; ?></li>
          <li><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg><?php echo $fa?'کپی متناسب در لحظه':'Proportional, real-time copying'; ?></li>
          <li><svg viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5"/></svg><?php echo $fa?'توقف در هر لحظه — بدون قفل سرمایه':'Stop any time — no lock-in'; ?></li>
        </ul>
        <a href="<?php echo esc_url($ct_page_url); ?>" class="cth-cta"><?php echo $fa?'کشف کپی تریدینگ':'Explore Copy Trading'; ?>
          <svg viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
      </div>
      <div class="cth-panel">
        <div class="cth-panel-head">
          <span class="cth-panel-tag"><?php echo $fa?'ارائه‌دهندگان برتر':'TOP PROVIDERS'; ?></span>
          <span class="cth-live"><?php echo $fa?'زنده':'LIVE'; ?></span>
        </div>
        <?php foreach($ct_prov as $p): ?>
        <div class="cth-row">
          <div class="cth-av"><?php echo mb_substr($p['n'],0,1); ?></div>
          <div><div class="cth-nm"><?php echo esc_html($p['n']); ?></div><div class="cth-st"><?php echo esc_html($p['s']); ?></div></div>
          <div class="cth-spark" aria-hidden="true"><?php foreach(explode(',',$p['c']) as $h): ?><span style="height:<?php echo (int)$h; ?>%"></span><?php endforeach; ?></div>
          <div class="cth-r"><?php echo esc_html($p['r']); ?></div>
        </div>
        <?php endforeach; ?>
      </div>
    </div>
  </div>
</section>
