<?php $lang=stb_lang(); $B='/NewSite'; ?>
<article class="ip-page">
<div class="ip-hero"><div class="ip-hero-glow"></div>
  <div class="ip-container">
    <div class="ip-kicker"><span class="ip-kicker-dot"></span>STB PROVIDER</div>
    <h1 class="ip-h1">Nbp</h1>
  </div>
</div>

<section class="ip-section alt a2-counters-section">
  <style>
  .a2-counters-section{background:rgba(4,6,10,1);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:48px 0}
  .a2-counters-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;max-width:1000px;margin:0 auto}
  .a2-counter-item{text-align:center;padding:24px 20px;position:relative}
  .a2-counter-item::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.06)}
  .a2-counter-item:last-child::after{display:none}
  .a2-counter-val{font-size:clamp(32px,4vw,52px);font-weight:700;color:#C8102E;line-height:1;margin-bottom:8px;font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;text-shadow:0 0 30px #C8102E66}
  .a2-counter-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}
  @keyframes a2-glow{0%,100%{text-shadow:0 0 20px #C8102E44}50%{text-shadow:0 0 40px #C8102E88}}
  .a2-counter-val{animation:a2-glow 3s ease-in-out infinite}
  </style>
  <div class="ip-container">
    <div class="a2-counters-wrap">
      
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="0" data-suffix="$">0$</div>
        <div class="a2-counter-label">Max Debt to STB</div>
      </div>
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="100" data-suffix="%">0%</div>
        <div class="a2-counter-label">Accounts Protected</div>
      </div>
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="0.125" data-suffix="">0</div>
        <div class="a2-counter-label">Avg Protection Trigger (s)</div>
      </div>
    </div>
  </div>
  <script>
  (function(){
    var counted=false;
    function countUp(){
      if(counted)return; counted=true;
      document.querySelectorAll('.a2-counter-val').forEach(function(el){
        var target=parseFloat(el.dataset.target)||0;
        var suffix=el.dataset.suffix||'';
        var start=0; var dur=1800;
        var step=target/dur*16;
        function tick(){
          start+=step;
          if(start>=target){el.textContent=target.toLocaleString()+suffix;return;}
          el.textContent=(target%1===0?Math.floor(start).toLocaleString():start.toFixed(3))+suffix;
          requestAnimationFrame(tick);
        }
        requestAnimationFrame(tick);
      });
    }
    var obs=new IntersectionObserver(function(entries){
      if(entries[0].isIntersecting)countUp();
    },{threshold:.3});
    var sec=document.querySelector('.a2-counters-section');
    if(sec)obs.observe(sec);
  })();
  </script>
</section>

<section class="ip-section">
  <style>
  .a2-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:40px}
  .a2-feat-card{background:#0a0c10;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;cursor:default}
  .a2-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#C8102E;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .a2-feat-card:hover{border-color:rgba(200,16,46,.25);transform:translateY(-3px)}
  .a2-feat-card:hover::before{transform:scaleX(1)}
  .a2-feat-icon{width:44px;height:44px;border-radius:10px;background:rgba(200,16,46,.08);border:1px solid rgba(200,16,46,.15);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .a2-feat-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:7px}
  .a2-feat-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title" style="margin-bottom:8px">How STB Protects You</h2>
    <p class="ip-section-desc">Multiple layers of protection ensure you never owe more than you deposit.</p>
    <div class="a2-feat-grid">
      <div class="a2-feat-card ip-animate" style="animation-delay:0.0s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><circle cx="12" cy="12" r="10" stroke-width="1.5"/><path d="M10 9v6M14 9v6" stroke-width="1.5" stroke-linecap="round"/></svg></div>
        <div class="a2-feat-title">Continuous Monitoring</div>
        <div class="a2-feat-desc">STB systems monitor your margin level and open exposure in real time, 24/7.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.08s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" stroke-width="1.5"/><path d="M13.73 21a2 2 0 01-3.46 0" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Automatic Stop-Out</div>
        <div class="a2-feat-desc">Positions are closed automatically when margin falls to the stop-out level, before losses can grow further.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.16s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Balance Reset Guarantee</div>
        <div class="a2-feat-desc">If extreme market conditions (gap risk) cause your balance to drop below zero, STB resets it to zero at our cost.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.24s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M22 11.08V12a10 10 0 11-5.93-9.14" stroke-width="1.5"/><polyline points="22 4 12 14.01 9 11.01" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Applies to All Accounts</div>
        <div class="a2-feat-desc">Negative balance protection is active on all account types — Standard, ECN, Prime, and LP.</div>
      </div></div>
  </div>
</section>

<section class="ip-section alt">
  <style>
  .a2-timeline{position:relative;max-width:800px;margin:0 auto 40px;padding:20px 0}
  .a2-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(200,16,46,.6),rgba(200,16,46,.1));transform:translateX(-50%)}
  @media(max-width:600px){.a2-timeline::before{left:16px}}
  .a2-tl-item{display:flex;position:relative;margin-bottom:32px;align-items:flex-start}
  .a2-tl-right{flex-direction:row;padding-left:calc(50% + 20px)}
  .a2-tl-left{flex-direction:row-reverse;padding-right:calc(50% + 20px)}
  @media(max-width:600px){.a2-tl-right,.a2-tl-left{flex-direction:row;padding-left:44px;padding-right:0}}
  .a2-tl-dot{width:14px;height:14px;border-radius:50%;background:#C8102E;border:2px solid rgba(4,6,10,1);position:absolute;left:50%;top:4px;transform:translateX(-50%);box-shadow:0 0 12px #C8102E;z-index:2}
  @media(max-width:600px){.a2-tl-dot{left:10px}}
  .a2-tl-card{background:#0a0c10;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 20px;max-width:100%}
  .a2-tl-card:hover{border-color:rgba(200,16,46,.25)}
  .a2-tl-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:5px}
  .a2-tl-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title" style="margin-bottom:32px">Protection Sequence — Step by Step</h2>
    <div class="a2-timeline">
      <div class="a2-tl-item a2-tl-right ip-animate" style="animation-delay:0.0s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 100%</div>
          <div class="a2-tl-desc">Your account is fully funded. All positions open, no action required.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-left ip-animate" style="animation-delay:0.1s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 50% — Warning</div>
          <div class="a2-tl-desc">STB sends an automated margin call alert to your email and platform.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-right ip-animate" style="animation-delay:0.2s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 20% — Stop-Out</div>
          <div class="a2-tl-desc">Positions are automatically closed from largest to smallest until margin recovers.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-left ip-animate" style="animation-delay:0.30000000000000004s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Balance < 0 (Gap Event)</div>
          <div class="a2-tl-desc">If a market gap causes your balance to go negative, STB absorbs the loss and resets to $0.</div>
        </div>
      </div></div>
  </div>
</section>

<section class="ip-section alt a2-counters-section">
  <style>
  .a2-counters-section{background:rgba(4,6,10,1);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:48px 0}
  .a2-counters-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;max-width:1000px;margin:0 auto}
  .a2-counter-item{text-align:center;padding:24px 20px;position:relative}
  .a2-counter-item::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.06)}
  .a2-counter-item:last-child::after{display:none}
  .a2-counter-val{font-size:clamp(32px,4vw,52px);font-weight:700;color:#C8102E;line-height:1;margin-bottom:8px;font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;text-shadow:0 0 30px #C8102E66}
  .a2-counter-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}
  @keyframes a2-glow{0%,100%{text-shadow:0 0 20px #C8102E44}50%{text-shadow:0 0 40px #C8102E88}}
  .a2-counter-val{animation:a2-glow 3s ease-in-out infinite}
  </style>
  <div class="ip-container">
    <div class="a2-counters-wrap">
      
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="0" data-suffix="$">0$</div>
        <div class="a2-counter-label">Max Debt to STB</div>
      </div>
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="100" data-suffix="%">0%</div>
        <div class="a2-counter-label">Accounts Protected</div>
      </div>
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="0.125" data-suffix="">0</div>
        <div class="a2-counter-label">Avg Protection Trigger (s)</div>
      </div>
    </div>
  </div>
  <script>
  (function(){
    var counted=false;
    function countUp(){
      if(counted)return; counted=true;
      document.querySelectorAll('.a2-counter-val').forEach(function(el){
        var target=parseFloat(el.dataset.target)||0;
        var suffix=el.dataset.suffix||'';
        var start=0; var dur=1800;
        var step=target/dur*16;
        function tick(){
          start+=step;
          if(start>=target){el.textContent=target.toLocaleString()+suffix;return;}
          el.textContent=(target%1===0?Math.floor(start).toLocaleString():start.toFixed(3))+suffix;
          requestAnimationFrame(tick);
        }
        requestAnimationFrame(tick);
      });
    }
    var obs=new IntersectionObserver(function(entries){
      if(entries[0].isIntersecting)countUp();
    },{threshold:.3});
    var sec=document.querySelector('.a2-counters-section');
    if(sec)obs.observe(sec);
  })();
  </script>
</section>

<section class="ip-section">
  <style>
  .a2-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:40px}
  .a2-feat-card{background:#0a0c10;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;cursor:default}
  .a2-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#C8102E;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .a2-feat-card:hover{border-color:rgba(200,16,46,.25);transform:translateY(-3px)}
  .a2-feat-card:hover::before{transform:scaleX(1)}
  .a2-feat-icon{width:44px;height:44px;border-radius:10px;background:rgba(200,16,46,.08);border:1px solid rgba(200,16,46,.15);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .a2-feat-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:7px}
  .a2-feat-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title" style="margin-bottom:8px">How STB Protects You</h2>
    <p class="ip-section-desc">Multiple layers of protection ensure you never owe more than you deposit.</p>
    <div class="a2-feat-grid">
      <div class="a2-feat-card ip-animate" style="animation-delay:0.0s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><circle cx="12" cy="12" r="10" stroke-width="1.5"/><path d="M10 9v6M14 9v6" stroke-width="1.5" stroke-linecap="round"/></svg></div>
        <div class="a2-feat-title">Continuous Monitoring</div>
        <div class="a2-feat-desc">STB systems monitor your margin level and open exposure in real time, 24/7.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.08s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" stroke-width="1.5"/><path d="M13.73 21a2 2 0 01-3.46 0" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Automatic Stop-Out</div>
        <div class="a2-feat-desc">Positions are closed automatically when margin falls to the stop-out level, before losses can grow further.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.16s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Balance Reset Guarantee</div>
        <div class="a2-feat-desc">If extreme market conditions (gap risk) cause your balance to drop below zero, STB resets it to zero at our cost.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.24s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M22 11.08V12a10 10 0 11-5.93-9.14" stroke-width="1.5"/><polyline points="22 4 12 14.01 9 11.01" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Applies to All Accounts</div>
        <div class="a2-feat-desc">Negative balance protection is active on all account types — Standard, ECN, Prime, and LP.</div>
      </div></div>
  </div>
</section>

<section class="ip-section alt">
  <style>
  .a2-timeline{position:relative;max-width:800px;margin:0 auto 40px;padding:20px 0}
  .a2-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(200,16,46,.6),rgba(200,16,46,.1));transform:translateX(-50%)}
  @media(max-width:600px){.a2-timeline::before{left:16px}}
  .a2-tl-item{display:flex;position:relative;margin-bottom:32px;align-items:flex-start}
  .a2-tl-right{flex-direction:row;padding-left:calc(50% + 20px)}
  .a2-tl-left{flex-direction:row-reverse;padding-right:calc(50% + 20px)}
  @media(max-width:600px){.a2-tl-right,.a2-tl-left{flex-direction:row;padding-left:44px;padding-right:0}}
  .a2-tl-dot{width:14px;height:14px;border-radius:50%;background:#C8102E;border:2px solid rgba(4,6,10,1);position:absolute;left:50%;top:4px;transform:translateX(-50%);box-shadow:0 0 12px #C8102E;z-index:2}
  @media(max-width:600px){.a2-tl-dot{left:10px}}
  .a2-tl-card{background:#0a0c10;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 20px;max-width:100%}
  .a2-tl-card:hover{border-color:rgba(200,16,46,.25)}
  .a2-tl-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:5px}
  .a2-tl-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title" style="margin-bottom:32px">Protection Sequence — Step by Step</h2>
    <div class="a2-timeline">
      <div class="a2-tl-item a2-tl-right ip-animate" style="animation-delay:0.0s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 100%</div>
          <div class="a2-tl-desc">Your account is fully funded. All positions open, no action required.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-left ip-animate" style="animation-delay:0.1s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 50% — Warning</div>
          <div class="a2-tl-desc">STB sends an automated margin call alert to your email and platform.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-right ip-animate" style="animation-delay:0.2s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 20% — Stop-Out</div>
          <div class="a2-tl-desc">Positions are automatically closed from largest to smallest until margin recovers.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-left ip-animate" style="animation-delay:0.30000000000000004s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Balance < 0 (Gap Event)</div>
          <div class="a2-tl-desc">If a market gap causes your balance to go negative, STB absorbs the loss and resets to $0.</div>
        </div>
      </div></div>
  </div>
</section>

<section class="ip-section alt a2-counters-section">
  <style>
  .a2-counters-section{background:rgba(4,6,10,1);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);padding:48px 0}
  .a2-counters-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;max-width:1000px;margin:0 auto}
  .a2-counter-item{text-align:center;padding:24px 20px;position:relative}
  .a2-counter-item::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.06)}
  .a2-counter-item:last-child::after{display:none}
  .a2-counter-val{font-size:clamp(32px,4vw,52px);font-weight:700;color:#C8102E;line-height:1;margin-bottom:8px;font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;text-shadow:0 0 30px #C8102E66}
  .a2-counter-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}
  @keyframes a2-glow{0%,100%{text-shadow:0 0 20px #C8102E44}50%{text-shadow:0 0 40px #C8102E88}}
  .a2-counter-val{animation:a2-glow 3s ease-in-out infinite}
  </style>
  <div class="ip-container">
    <div class="a2-counters-wrap">
      
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="0" data-suffix="$">0$</div>
        <div class="a2-counter-label">Max Debt to STB</div>
      </div>
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="100" data-suffix="%">0%</div>
        <div class="a2-counter-label">Accounts Protected</div>
      </div>
      <div class="a2-counter-item ip-animate">
        <div class="a2-counter-val" data-target="0.125" data-suffix="">0</div>
        <div class="a2-counter-label">Avg Protection Trigger (s)</div>
      </div>
    </div>
  </div>
  <script>
  (function(){
    var counted=false;
    function countUp(){
      if(counted)return; counted=true;
      document.querySelectorAll('.a2-counter-val').forEach(function(el){
        var target=parseFloat(el.dataset.target)||0;
        var suffix=el.dataset.suffix||'';
        var start=0; var dur=1800;
        var step=target/dur*16;
        function tick(){
          start+=step;
          if(start>=target){el.textContent=target.toLocaleString()+suffix;return;}
          el.textContent=(target%1===0?Math.floor(start).toLocaleString():start.toFixed(3))+suffix;
          requestAnimationFrame(tick);
        }
        requestAnimationFrame(tick);
      });
    }
    var obs=new IntersectionObserver(function(entries){
      if(entries[0].isIntersecting)countUp();
    },{threshold:.3});
    var sec=document.querySelector('.a2-counters-section');
    if(sec)obs.observe(sec);
  })();
  </script>
</section>

<section class="ip-section">
  <style>
  .a2-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:40px}
  .a2-feat-card{background:#0a0c10;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:22px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s;cursor:default}
  .a2-feat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#C8102E;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .a2-feat-card:hover{border-color:rgba(200,16,46,.25);transform:translateY(-3px)}
  .a2-feat-card:hover::before{transform:scaleX(1)}
  .a2-feat-icon{width:44px;height:44px;border-radius:10px;background:rgba(200,16,46,.08);border:1px solid rgba(200,16,46,.15);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .a2-feat-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:7px}
  .a2-feat-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title" style="margin-bottom:8px">How STB Protects You</h2>
    <p class="ip-section-desc">Multiple layers of protection ensure you never owe more than you deposit.</p>
    <div class="a2-feat-grid">
      <div class="a2-feat-card ip-animate" style="animation-delay:0.0s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><circle cx="12" cy="12" r="10" stroke-width="1.5"/><path d="M10 9v6M14 9v6" stroke-width="1.5" stroke-linecap="round"/></svg></div>
        <div class="a2-feat-title">Continuous Monitoring</div>
        <div class="a2-feat-desc">STB systems monitor your margin level and open exposure in real time, 24/7.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.08s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9" stroke-width="1.5"/><path d="M13.73 21a2 2 0 01-3.46 0" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Automatic Stop-Out</div>
        <div class="a2-feat-desc">Positions are closed automatically when margin falls to the stop-out level, before losses can grow further.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.16s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Balance Reset Guarantee</div>
        <div class="a2-feat-desc">If extreme market conditions (gap risk) cause your balance to drop below zero, STB resets it to zero at our cost.</div>
      </div>
      <div class="a2-feat-card ip-animate" style="animation-delay:0.24s">
        <div class="a2-feat-icon"><svg viewBox="0 0 24 24" stroke="#C8102E" fill="none" stroke-width="1.5" width="22" height="22"><path d="M22 11.08V12a10 10 0 11-5.93-9.14" stroke-width="1.5"/><polyline points="22 4 12 14.01 9 11.01" stroke-width="1.5"/></svg></div>
        <div class="a2-feat-title">Applies to All Accounts</div>
        <div class="a2-feat-desc">Negative balance protection is active on all account types — Standard, ECN, Prime, and LP.</div>
      </div></div>
  </div>
</section>

<section class="ip-section alt">
  <style>
  .a2-timeline{position:relative;max-width:800px;margin:0 auto 40px;padding:20px 0}
  .a2-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(200,16,46,.6),rgba(200,16,46,.1));transform:translateX(-50%)}
  @media(max-width:600px){.a2-timeline::before{left:16px}}
  .a2-tl-item{display:flex;position:relative;margin-bottom:32px;align-items:flex-start}
  .a2-tl-right{flex-direction:row;padding-left:calc(50% + 20px)}
  .a2-tl-left{flex-direction:row-reverse;padding-right:calc(50% + 20px)}
  @media(max-width:600px){.a2-tl-right,.a2-tl-left{flex-direction:row;padding-left:44px;padding-right:0}}
  .a2-tl-dot{width:14px;height:14px;border-radius:50%;background:#C8102E;border:2px solid rgba(4,6,10,1);position:absolute;left:50%;top:4px;transform:translateX(-50%);box-shadow:0 0 12px #C8102E;z-index:2}
  @media(max-width:600px){.a2-tl-dot{left:10px}}
  .a2-tl-card{background:#0a0c10;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 20px;max-width:100%}
  .a2-tl-card:hover{border-color:rgba(200,16,46,.25)}
  .a2-tl-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:5px}
  .a2-tl-desc{font-size:13px;color:rgba(255,255,255,.45);line-height:1.6}
  </style>
  <div class="ip-container">
    <h2 class="ip-section-title" style="margin-bottom:32px">Protection Sequence — Step by Step</h2>
    <div class="a2-timeline">
      <div class="a2-tl-item a2-tl-right ip-animate" style="animation-delay:0.0s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 100%</div>
          <div class="a2-tl-desc">Your account is fully funded. All positions open, no action required.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-left ip-animate" style="animation-delay:0.1s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 50% — Warning</div>
          <div class="a2-tl-desc">STB sends an automated margin call alert to your email and platform.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-right ip-animate" style="animation-delay:0.2s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Margin Level 20% — Stop-Out</div>
          <div class="a2-tl-desc">Positions are automatically closed from largest to smallest until margin recovers.</div>
        </div>
      </div>
      <div class="a2-tl-item a2-tl-left ip-animate" style="animation-delay:0.30000000000000004s">
        <div class="a2-tl-dot"></div>
        <div class="a2-tl-card">
          <div class="a2-tl-label">Balance < 0 (Gap Event)</div>
          <div class="a2-tl-desc">If a market gap causes your balance to go negative, STB absorbs the loss and resets to $0.</div>
        </div>
      </div></div>
  </div>
</section>
</article>