A Trustworthy Suppliers Network

Become a Verified Supplier

XB2BX — Iframe-Sandboxed Component (Total Isolation)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>html, body { margin: 0; padding: 0; }</style>
</head>
<body>

<xb2bx-compliance-directory></xb2bx-compliance-directory>

connectedCallback() {
    this._shadow.innerHTML = this._getTemplate();
    this._injectFonts();
    this._initBehaviours();
  }

_injectFonts() {
    const shadow = this._shadow;
    const hints = [
      { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
      { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossOrigin: 'anonymous' },
    ];
    hints.forEach(({ rel, href, crossOrigin }) => {
      const link = document.createElement('link');
      link.rel = rel;
      link.href = href;
      if (crossOrigin) link.crossOrigin = crossOrigin;
      shadow.appendChild(link);
    });
    const fontLink = document.createElement('link');
    fontLink.rel = 'stylesheet';
    fontLink.href =
      'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900' +
      '&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap';
    shadow.appendChild(fontLink);
  }

_initBehaviours() {
    const root = this._shadow;
    const wrap = root.querySelector('.xb2bx-wrap');

root.querySelectorAll('a[href^="#"]').forEach((a) => {
      a.addEventListener('click', (ev) => {
        ev.preventDefault();
        ev.stopPropagation();
        const href = a.getAttribute('href');
        if (!href || href === '#') return;
        const target = root.getElementById(href.slice(1));
        if (!target) return;
        const reduce =
          window.matchMedia &&
          window.matchMedia('(prefers-reduced-motion: reduce)').matches;
        target.scrollIntoView({ behavior: reduce ? 'auto' : 'smooth', block: 'start' });
      });
    });

const badgeBtn = root.getElementById('xb2bx-badge-btn');
    const popup    = root.getElementById('xb2bx-compliance-popup');
    if (badgeBtn && popup) {
      badgeBtn.addEventListener('click', () => popup.classList.toggle('open'));
    }

const reduceMotion =
      window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

if (wrap && !reduceMotion && 'IntersectionObserver' in window) {
      wrap.classList.add('xb2bx-animate');
      const revealEls = root.querySelectorAll('.xb2bx-reveal, .xb2bx-tier-block');
      const observer  = new IntersectionObserver((entries) => {
        entries.forEach((e, i) => {
          if (e.isIntersecting) {
            setTimeout(() => e.target.classList.add('visible'), i * 80);
            observer.unobserve(e.target);
          }
        });
      }, { threshold: 0.12, root: null });
      revealEls.forEach(el => observer.observe(el));
    }

const feedEntries = [
      { type: 'ok',   msg: 'Nexum Industrial GmbH — ISO 9001 renewal confirmed · TUV Rheinland' },
      { type: 'ok',   msg: 'Shenzhen TechParts Co. — USCC registry sync complete · Active' },
      { type: 'warn', msg: 'Iberian Logistics S.L. — VAT certificate expiry in 28 days · Renewal pending' },
      { type: 'ok',   msg: 'Mumbai Textiles Pvt Ltd — OFAC/EU/OFSI re-screen complete · Clear' },
      { type: 'ok',   msg: 'Dubai Trade FZE — DED licence validated · Active standing confirmed' },
      { type: 'flag', msg: 'Unregistered entity [ID:XT-4417] — Blocked · Exclusion registry match' },
      { type: 'ok',   msg: 'Sao Paulo Exportadores LTDA — IEC DGFT validation confirmed' },
      { type: 'warn', msg: 'Rotterdam Cold Chain B.V. — HACCP audit scheduled · 45-day window' },
      { type: 'ok',   msg: 'Seoul Precision Corp — CE marking scope extended · Notified Body ref updated' },
      { type: 'flag', msg: 'Shell entity detected [ID:XT-8823] — UBO concealment flag · Profile shadow-banned' },
      { type: 'ok',   msg: 'Milan Componenti S.r.l. — REACH SVHC disclosure verified · Compliant' },
      { type: 'ok',   msg: 'Toronto Industrial Supply — FCC equipment authorisation renewed' },
    ];

let feedIdx = 0;
    const feedEl = root.getElementById('xb2bx-feed-entries');
    if (!feedEl) return;

const getTime = () => new Date().toTimeString().slice(0, 8);

const addFeedEntry = () => {
      const entry = feedEntries[feedIdx % feedEntries.length];
      feedIdx++;
      const div = document.createElement('div');
      div.className = 'xb2bx-feed-entry';
      div.innerHTML =
        '<span class="xb2bx-fe-time">' + getTime() + '</span>' +
        '<span class="xb2bx-fe-type ' + entry.type + '">' + entry.type.toUpperCase() + '</span>' +
        '<span class="xb2bx-fe-msg">' + entry.msg + '</span>';
      feedEl.prepend(div);
      while (feedEl.children.length > 6) feedEl.removeChild(feedEl.lastChild);
    };

for (let i = 0; i < 5; i++) addFeedEntry();
    this._feedInterval = setInterval(addFeedEntry, 3500);
  }

disconnectedCallback() {
    if (this._feedInterval) {
      clearInterval(this._feedInterval);
      this._feedInterval = null;
    }
  }

_getTemplate() {
    return [
'<style>',
':host{display:block;width:100%;box-sizing:border-box;isolation:isolate;',
'--xb-navy:#0a0f1e;--xb-navy-mid:#111827;--xb-navy-card:#141c2e;--xb-navy-border:#1e2d45;',
'--xb-gold:#c9a84c;--xb-gold-light:#e8c96a;--xb-gold-dim:rgba(201,168,76,0.15);--xb-gold-glow:rgba(201,168,76,0.08);',
'--xb-teal:#00c6b8;--xb-teal-dim:rgba(0,198,184,0.12);',
'--xb-white:#f0f4ff;--xb-white-70:rgba(240,244,255,0.7);--xb-white-40:rgba(240,244,255,0.4);--xb-white-15:rgba(240,244,255,0.07);',
'--xb-red:#e05252;--xb-green:#3ecf8e;}',
'.xb2bx-wrap *,.xb2bx-wrap *::before,.xb2bx-wrap *::after{box-sizing:border-box;margin:0;padding:0;}',
'.xb2bx-wrap{position:relative;background:var(--xb-navy);color:var(--xb-white);font-family:"DM Sans",sans-serif;line-height:1.7;overflow-x:clip;}',
'.xb2bx-wrap::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 256 256\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.9\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'100%25\' height=\'100%25\' filter=\'url(%23n)\' opacity=\'0.03\'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:0.6;}',
'@keyframes xb2bx-pulse{0%,100%{transform:translateX(-50%) scale(1);opacity:0.7;}50%{transform:translateX(-50%) scale(1.1);opacity:1;}}',
'@keyframes xb2bx-pulse-r{0%,100%{transform:scale(1);opacity:0.7;}50%{transform:scale(1.1);opacity:1;}}',
'@keyframes xb2bx-blink{0%,100%{opacity:1;}50%{opacity:0.2;}}',
'@keyframes xb2bx-fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}',
'@keyframes xb2bx-slideIn{from{opacity:0;transform:translateX(-10px);}to{opacity:1;transform:translateX(0);}}',
'.xb2bx-nav{display:none;}',
'.xb2bx-hero{position:relative;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 5rem;overflow:hidden;}',
'.xb2bx-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}',
'.xb2bx-hero-orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(201,168,76,0.12) 0%,transparent 70%);top:-200px;left:50%;transform:translateX(-50%);animation:xb2bx-pulse 8s ease-in-out infinite;}',
'.xb2bx-hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,198,184,0.08) 0%,transparent 70%);bottom:0;right:-100px;animation:xb2bx-pulse-r 10s ease-in-out infinite reverse;}',
'.xb2bx-hero-eyebrow{display:inline-flex;align-items:center;gap:0.6rem;font-family:"DM Mono",monospace;font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--xb-gold);background:var(--xb-gold-dim);border:1px solid rgba(201,168,76,0.3);padding:0.4rem 1rem;border-radius:2px;margin-bottom:2rem;animation:xb2bx-fadeUp 0.8s ease both;}',
'.xb2bx-dot-live{width:6px;height:6px;background:var(--xb-teal);border-radius:50%;animation:xb2bx-blink 1.5s ease-in-out infinite;}',
'.xb2bx-hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:900;line-height:1.08;max-width:900px;margin-bottom:1.6rem;animation:xb2bx-fadeUp 0.9s 0.1s ease both;color:var(--xb-white);}',
'.xb2bx-hero h1 em{font-style:normal;color:var(--xb-gold);}',
'.xb2bx-hero-sub{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--xb-white-70);max-width:640px;margin-bottom:3rem;animation:xb2bx-fadeUp 1s 0.2s ease both;}',
'.xb2bx-hero-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:xb2bx-fadeUp 1s 0.3s ease both;}',
'.xb2bx-btn-primary{background:var(--xb-gold);color:var(--xb-navy);font-weight:700;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.9rem 2.2rem;border-radius:3px;border:none;cursor:pointer;text-decoration:none;transition:background 0.2s,transform 0.15s;display:inline-block;font-family:"DM Sans",sans-serif;}',
'.xb2bx-btn-primary:hover{background:var(--xb-gold-light);transform:translateY(-2px);}',
'.xb2bx-btn-outline{background:transparent;color:var(--xb-white);font-weight:500;font-size:0.85rem;letter-spacing:0.08em;text-transform:uppercase;padding:0.9rem 2.2rem;border-radius:3px;border:1px solid var(--xb-navy-border);cursor:pointer;text-decoration:none;transition:border-color 0.2s,transform 0.15s;display:inline-block;font-family:"DM Sans",sans-serif;}',
'.xb2bx-btn-outline:hover{border-color:var(--xb-gold);color:var(--xb-gold);transform:translateY(-2px);}',
'.xb2bx-trust-bar{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;padding:2rem 3rem;border-top:1px solid var(--xb-navy-border);border-bottom:1px solid var(--xb-navy-border);background:var(--xb-white-15);animation:xb2bx-fadeUp 1s 0.5s ease both;}',
'.xb2bx-trust-item{text-align:center;}',
'.xb2bx-trust-item .num{font-family:"Playfair Display",serif;font-size:2rem;font-weight:700;color:var(--xb-gold);display:block;}',
'.xb2bx-trust-item .lbl{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--xb-white-40);}',
'.xb2bx-section{position:relative;z-index:1;padding:6rem 3rem;max-width:1280px;margin:0 auto;}',
'.xb2bx-section-label{display:inline-block;font-family:"DM Mono",monospace;font-size:0.65rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--xb-gold);margin-bottom:1rem;}',
'.xb2bx-section h2{font-family:"Playfair Display",serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.15;margin-bottom:1.2rem;color:var(--xb-white);}',
'.xb2bx-section h2 em{font-style:normal;color:var(--xb-gold);}',
'.xb2bx-section-intro{font-size:1.05rem;color:var(--xb-white-70);max-width:680px;margin-bottom:3.5rem;line-height:1.8;}',
'.xb2bx-mandate-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}',
'.xb2bx-mandate-card{background:var(--xb-navy-card);border:1px solid var(--xb-navy-border);border-radius:4px;padding:2rem;position:relative;overflow:hidden;transition:border-color 0.3s,transform 0.3s;}',
'.xb2bx-mandate-card:hover{border-color:var(--xb-gold);transform:translateY(-3px);}',
'.xb2bx-mandate-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--xb-gold),transparent);}',
'.xb2bx-mandate-card .icon{font-size:1.8rem;margin-bottom:1rem;}',
'.xb2bx-mandate-card h3{font-family:"Playfair Display",serif;font-size:1.15rem;margin-bottom:0.7rem;color:var(--xb-white);}',
'.xb2bx-mandate-card p{font-size:0.9rem;color:var(--xb-white-70);line-height:1.75;}',
'.xb2bx-tiers-wrap{display:flex;flex-direction:column;gap:0;position:relative;}',
'.xb2bx-tiers-wrap::before{content:"";position:absolute;left:38px;top:40px;bottom:40px;width:2px;background:linear-gradient(to bottom,var(--xb-gold),var(--xb-teal),var(--xb-gold),transparent);opacity:0.3;}',
'.xb2bx-tier-block{display:grid;grid-template-columns:80px 1fr;gap:2rem;padding:2.5rem 0;border-bottom:1px solid var(--xb-navy-border);transition:opacity 0.6s ease,transform 0.6s ease;}',
'.xb2bx-wrap.xb2bx-animate .xb2bx-tier-block{opacity:0;transform:translateX(-20px);}',
'.xb2bx-wrap.xb2bx-animate .xb2bx-tier-block.visible{opacity:1;transform:translateX(0);}',
'.xb2bx-tier-block:last-child{border-bottom:none;}',
'.xb2bx-tier-num{width:56px;height:56px;border-radius:50%;background:var(--xb-gold-dim);border:2px solid var(--xb-gold);display:flex;align-items:center;justify-content:center;font-family:"Playfair Display",serif;font-size:1.4rem;font-weight:700;color:var(--xb-gold);flex-shrink:0;position:relative;z-index:2;}',
'.xb2bx-tier-content h3{font-family:"Playfair Display",serif;font-size:1.3rem;margin-bottom:0.5rem;color:var(--xb-white);}',
'.xb2bx-tier-tag{display:inline-block;font-family:"DM Mono",monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--xb-teal);background:var(--xb-teal-dim);padding:0.2rem 0.7rem;border-radius:2px;margin-bottom:1rem;}',
'.xb2bx-tier-content p{font-size:0.92rem;color:var(--xb-white-70);line-height:1.8;margin-bottom:1.2rem;}',
'.xb2bx-check-list{list-style:none;display:flex;flex-direction:column;gap:0.45rem;}',
'.xb2bx-check-list li{font-size:0.85rem;color:var(--xb-white-70);display:flex;align-items:flex-start;gap:0.6rem;}',
'.xb2bx-check-list li::before{content:"\\2713";color:var(--xb-teal);font-weight:700;margin-top:0.1rem;flex-shrink:0;}',
'.xb2bx-badge-demo-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}',
'.xb2bx-badge-visual{background:var(--xb-navy-card);border:1px solid var(--xb-navy-border);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden;}',
'.xb2bx-badge-visual::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 0%,rgba(201,168,76,0.08),transparent 60%);pointer-events:none;}',
'.xb2bx-supplier-card-demo{background:var(--xb-navy);border:1px solid var(--xb-navy-border);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;}',
'.xb2bx-supplier-card-demo .s-name{font-family:"Playfair Display",serif;font-size:1.1rem;margin-bottom:0.25rem;color:var(--xb-white);}',
'.xb2bx-supplier-card-demo .s-sub{font-size:0.75rem;color:var(--xb-white-40);margin-bottom:1rem;font-family:"DM Mono",monospace;}',
'.xb2bx-badge-sigil{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,rgba(201,168,76,0.2),rgba(201,168,76,0.05));border:1px solid rgba(201,168,76,0.5);border-radius:4px;padding:0.45rem 1rem;cursor:pointer;transition:all 0.2s;position:relative;}',
'.xb2bx-badge-sigil:hover{border-color:var(--xb-gold);background:var(--xb-gold-dim);}',
'.xb2bx-badge-sigil .shield{font-size:1.1rem;}',
'.xb2bx-badge-sigil .badge-text{font-family:"DM Mono",monospace;font-size:0.65rem;letter-spacing:0.1em;color:var(--xb-gold);text-transform:uppercase;}',
'.xb2bx-badge-sigil .live-dot{width:5px;height:5px;background:var(--xb-teal);border-radius:50%;animation:xb2bx-blink 1.5s infinite;}',
'.xb2bx-compliance-popup{background:var(--xb-navy-card);border:1px solid var(--xb-gold);border-radius:6px;padding:1.2rem;margin-top:1rem;display:none;animation:xb2bx-fadeUp 0.3s ease;}',
'.xb2bx-compliance-popup.open{display:block;}',
'.xb2bx-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.7rem;border-bottom:1px solid var(--xb-navy-border);}',
'.xb2bx-popup-title{font-family:"DM Mono",monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--xb-gold);}',
'.xb2bx-popup-status{font-size:0.65rem;font-family:"DM Mono",monospace;color:var(--xb-teal);background:var(--xb-teal-dim);padding:0.15rem 0.5rem;border-radius:2px;}',
'.xb2bx-popup-row{display:flex;justify-content:space-between;font-size:0.78rem;padding:0.35rem 0;border-bottom:1px solid var(--xb-white-15);}',
'.xb2bx-popup-row:last-child{border-bottom:none;}',
'.xb2bx-popup-row .pkey{color:var(--xb-white-40);font-size:0.72rem;}',
'.xb2bx-popup-row .pval{color:var(--xb-white);font-weight:500;font-family:"DM Mono",monospace;font-size:0.72rem;text-align:right;}',
'.xb2bx-popup-row .pval.ok{color:var(--xb-teal);}',
'.xb2bx-popup-row .pval.gold{color:var(--xb-gold);}',
'.xb2bx-badge-info{display:flex;flex-direction:column;gap:1.5rem;}',
'.xb2bx-badge-feature{display:flex;gap:1rem;align-items:flex-start;}',
'.xb2bx-bf-icon{width:40px;height:40px;background:var(--xb-gold-dim);border:1px solid rgba(201,168,76,0.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}',
'.xb2bx-bf-text h4{font-size:0.92rem;font-weight:600;margin-bottom:0.3rem;color:var(--xb-white);}',
'.xb2bx-bf-text p{font-size:0.82rem;color:var(--xb-white-70);line-height:1.65;}',
'.xb2bx-monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;}',
'.xb2bx-monitor-card{background:var(--xb-navy-card);border:1px solid var(--xb-navy-border);border-radius:4px;padding:1.8rem;transition:border-color 0.3s,transform 0.3s;}',
'.xb2bx-monitor-card:hover{border-color:var(--xb-teal);transform:translateY(-3px);}',
'.xb2bx-monitor-card .mc-icon{font-size:1.5rem;margin-bottom:1rem;}',
'.xb2bx-monitor-card h4{font-size:0.92rem;font-weight:600;margin-bottom:0.5rem;color:var(--xb-white);}',
'.xb2bx-monitor-card p{font-size:0.82rem;color:var(--xb-white-70);line-height:1.7;}',
'.xb2bx-live-feed{background:var(--xb-navy-card);border:1px solid var(--xb-navy-border);border-radius:4px;padding:1.5rem;overflow:hidden;}',
'.xb2bx-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:0.8rem;border-bottom:1px solid var(--xb-navy-border);}',
'.xb2bx-feed-title{font-family:"DM Mono",monospace;font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--xb-white-40);}',
'.xb2bx-feed-stream{display:flex;align-items:center;gap:0.4rem;font-family:"DM Mono",monospace;font-size:0.65rem;color:var(--xb-teal);}',
'.xb2bx-feed-entries{display:flex;flex-direction:column;gap:0;}',
'.xb2bx-feed-entry{display:flex;align-items:center;gap:1rem;padding:0.6rem 0;border-bottom:1px solid var(--xb-white-15);font-size:0.78rem;font-family:"DM Mono",monospace;animation:xb2bx-slideIn 0.4s ease;}',
'.xb2bx-feed-entry:last-child{border-bottom:none;}',
'.xb2bx-fe-time{color:var(--xb-white-40);width:70px;flex-shrink:0;}',
'.xb2bx-fe-type{width:60px;font-size:0.62rem;padding:0.15rem 0.4rem;border-radius:2px;text-align:center;flex-shrink:0;}',
'.xb2bx-fe-type.ok{background:rgba(62,207,142,0.15);color:var(--xb-green);}',
'.xb2bx-fe-type.warn{background:rgba(201,168,76,0.15);color:var(--xb-gold);}',
'.xb2bx-fe-type.flag{background:rgba(224,82,82,0.15);color:var(--xb-red);}',
'.xb2bx-fe-msg{color:var(--xb-white-70);flex:1;}',
'.xb2bx-penalty-stages{display:flex;flex-direction:column;gap:1rem;}',
'.xb2bx-penalty-stage{display:flex;gap:1.5rem;align-items:flex-start;background:var(--xb-navy-card);border:1px solid var(--xb-navy-border);border-radius:4px;padding:1.5rem 2rem;position:relative;transition:border-color 0.3s;}',
'.xb2bx-penalty-stage:hover{border-color:var(--xb-red);}',
'.xb2bx-penalty-stage::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--xb-red);border-radius:4px 0 0 4px;opacity:0.6;}',
'.xb2bx-ps-num{font-family:"Playfair Display",serif;font-size:2rem;font-weight:700;color:rgba(224,82,82,0.3);line-height:1;flex-shrink:0;width:32px;}',
'.xb2bx-ps-body h4{font-size:0.95rem;font-weight:600;margin-bottom:0.4rem;color:var(--xb-white);}',
'.xb2bx-ps-body p{font-size:0.85rem;color:var(--xb-white-70);line-height:1.7;}',
'.xb2bx-shield-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}',
'.xb2bx-shield-card{background:var(--xb-navy-card);border:1px solid var(--xb-navy-border);border-radius:4px;padding:2rem;position:relative;transition:border-color 0.3s,transform 0.3s;}',
'.xb2bx-shield-card:hover{border-color:var(--xb-gold);transform:translateY(-3px);}',
'.xb2bx-shield-card::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,0.05),transparent 60%);pointer-events:none;opacity:0;transition:opacity 0.3s;border-radius:4px;}',
'.xb2bx-shield-card:hover::after{opacity:1;}',
'.xb2bx-sc-icon{font-size:1.8rem;margin-bottom:1rem;}',
'.xb2bx-shield-card h4{font-family:"Playfair Display",serif;font-size:1rem;margin-bottom:0.6rem;color:var(--xb-white);}',
'.xb2bx-shield-card p{font-size:0.85rem;color:var(--xb-white-70);line-height:1.75;}',
'.xb2bx-cta-section{position:relative;background:var(--xb-navy-card);border-top:1px solid var(--xb-navy-border);border-bottom:1px solid var(--xb-navy-border);text-align:center;overflow:hidden;padding:6rem 3rem;}',
'.xb2bx-cta-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,0.1),transparent 60%);pointer-events:none;}',
'.xb2bx-cta-section h2{font-size:clamp(2rem,4vw,3.5rem);max-width:700px;margin:0 auto 1.5rem;font-family:"Playfair Display",serif;color:var(--xb-white);}',
'.xb2bx-cta-section h2 em{font-style:normal;color:var(--xb-gold);}',
'.xb2bx-cta-section p{color:var(--xb-white-70);max-width:520px;margin:0 auto 2.5rem;font-size:1rem;}',
'.xb2bx-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}',
'.xb2bx-footer{padding:2.5rem 3rem;border-top:1px solid var(--xb-navy-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}',
'.xb2bx-footer-logo{font-family:"Playfair Display",serif;font-size:1rem;font-weight:700;color:var(--xb-gold);}',
'.xb2bx-footer-copy{font-size:0.75rem;color:var(--xb-white-40);font-family:"DM Mono",monospace;}',
'.xb2bx-footer-url{font-size:0.7rem;font-family:"DM Mono",monospace;color:var(--xb-white-40);}',
'.xb2bx-divider{height:1px;background:linear-gradient(90deg,transparent,var(--xb-navy-border),transparent);margin:0 3rem;}',
'.xb2bx-reveal{transition:opacity 0.7s ease,transform 0.7s ease;}',
'.xb2bx-wrap.xb2bx-animate .xb2bx-reveal{opacity:0;transform:translateY(24px);}',
'.xb2bx-wrap.xb2bx-animate .xb2bx-reveal.visible{opacity:1;transform:translateY(0);}',
'@media (max-width:900px){.xb2bx-section{padding:4rem 1.5rem;}.xb2bx-mandate-grid{grid-template-columns:1fr;}.xb2bx-badge-demo-wrap{grid-template-columns:1fr;}.xb2bx-monitor-grid{grid-template-columns:1fr;}.xb2bx-shield-grid{grid-template-columns:1fr;}.xb2bx-trust-bar{gap:2rem;}.xb2bx-footer{flex-direction:column;text-align:center;}.xb2bx-tier-block{grid-template-columns:1fr;gap:1rem;}}',
'</style>',
'<div class="xb2bx-wrap">',
'  <nav class="xb2bx-nav" aria-hidden="true">',
'    <a href="#xb2bx-mandate" class="xb2bx-nav-logo">XB2BX<span>.com</span></a>',
'    <ul class="xb2bx-nav-links">',
'      <li><a href="#xb2bx-mandate">Mandate</a></li>',
'      <li><a href="#xb2bx-tiers">Verification</a></li>',
'      <li><a href="#xb2bx-badge">Badge System</a></li>',
'      <li><a href="#xb2bx-monitoring">Monitoring</a></li>',
'      <li><a href="#xb2bx-penalties">Enforcement</a></li>',
'      <li><a href="#xb2bx-buyers" class="xb2bx-nav-cta">Buyer Access</a></li>',
'    </ul>',
'  </nav>',
'  <div class="xb2bx-hero">',
'    <div class="xb2bx-hero-orb xb2bx-hero-orb-1"></div>',
'    <div class="xb2bx-hero-orb xb2bx-hero-orb-2"></div>',
'    <div class="xb2bx-hero-eyebrow"><span class="xb2bx-dot-live"></span>Live Compliance Intelligence Active</div>',
'    <h1>The Global <em>Verified Suppliers</em><br>Directory</h1>',
'    <p class="xb2bx-hero-sub">Transnational Provenance & Universal Trust Standards \u2014 the definitive authentication framework for enterprise-grade cross-border procurement.</p>',
'    <div class="xb2bx-hero-actions">',
'      <a href="#xb2bx-tiers" class="xb2bx-btn-primary">Explore Verification Tiers</a>',
'      <a href="#xb2bx-buyers" class="xb2bx-btn-outline">Buyer\'s Shield \u2192</a>',
'    </div>',
'  </div>',
'  <div class="xb2bx-trust-bar">',
'    <div class="xb2bx-trust-item"><span class="num">4</span><span class="lbl">Authentication Tiers</span></div>',
'    <div class="xb2bx-trust-item"><span class="num">190+</span><span class="lbl">Jurisdictions Covered</span></div>',
'    <div class="xb2bx-trust-item"><span class="num">12</span><span class="lbl">Sanctions Lists Monitored</span></div>',
'    <div class="xb2bx-trust-item"><span class="num">24/7</span><span class="lbl">Automated Integrity Sweep</span></div>',
'    <div class="xb2bx-trust-item"><span class="num">0</span><span class="lbl">Anonymous Listings Permitted</span></div>',
'  </div>',
'  <section id="xb2bx-mandate" class="xb2bx-section">',
'    <span class="xb2bx-section-label">\u00A7 01 \u2014 Compliance Mandate</span>',
'    <h2>The <em>Firewall</em> That Protects<br>Global Commerce</h2>',
'    <p class="xb2bx-section-intro">xb2bx.com does not permit anonymous, unverified, or unvetted entities from any country to list wholesale goods. The Directory operates as a secure, sovereign infrastructure protecting the global supply chain from fraud, shell companies, product diversion, and corporate identity theft.</p>',
'    <div class="xb2bx-mandate-grid">',
'      <div class="xb2bx-mandate-card xb2bx-reveal"><div class="icon">\uD83D\uDD12</div><h3>Zero-Anonymous Policy</h3><p>Every legal entity seeking Directory access must survive a multi-tier authentication process. No profile is published without full, verified corporate identity, fiscal registration, and UBO disclosure \u2014 without exception, in any jurisdiction.</p></div>',
'      <div class="xb2bx-mandate-card xb2bx-reveal"><div class="icon">\uD83C\uDF10</div><h3>Sovereign Firewall Architecture</h3><p>The Directory acts as an active, continuously audited perimeter \u2014 not a passive listing service. It separates verified, accountable commercial actors from anonymous bad actors attempting to exploit the distances inherent in cross-border trade.</p></div>',
'      <div class="xb2bx-mandate-card xb2bx-reveal"><div class="icon">\u2696\uFE0F</div><h3>Transnational Legal Equivalence</h3><p>Whether a supplier operates from Guangdong, Rotterdam, Mexico City, or Dubai \u2014 verification requirements are functionally equivalent, adapted only to local regulatory frameworks while maintaining identical thresholds of evidential rigour.</p></div>',
'      <div class="xb2bx-mandate-card xb2bx-reveal"><div class="icon">\uD83D\uDEE1\uFE0F</div><h3>The Platform\'s Fundamental Promise</h3><p>Every enterprise buyer operates under institutional assurance that Directory suppliers have been independently verified against their legal identity, beneficial ownership, regulatory compliance certifications, and product provenance claims. No exceptions are made.</p></div>',
'    </div>',
'  </section>',
'  <div class="xb2bx-divider"></div>',
'  <section id="xb2bx-tiers" class="xb2bx-section">',
'    <span class="xb2bx-section-label">\u00A7 02 \u2014 Authentication Gateway</span>',
'    <h2>The 4-Tier Global Supplier<br><em>Authentication Gateway</em></h2>',
'    <p class="xb2bx-section-intro">A sequential due diligence architecture through which every prospective supplier must pass. No tier may be bypassed, and each subsequent tier is only initiated after full satisfaction of the preceding one.</p>',
'    <div class="xb2bx-tiers-wrap">',
'      <div class="xb2bx-tier-block"><div class="xb2bx-tier-num">I</div><div class="xb2bx-tier-content"><h3>International Legal Entity & Jurisdiction Audit</h3><span class="xb2bx-tier-tag">Legal Identity</span><p>Confirming active, in-good-standing corporate status within the jurisdiction of registration, verifiable physical operational presence, and the fiscal identity indicators that legitimate commercial entities are required by their home-country regulators to hold.</p><ul class="xb2bx-check-list"><li>Corporate registration cross-referenced directly against official national registries (Companies House, Handelsregister, ACRA BizFile+, etc.)</li><li>Physical facility address verified via geotagged photographic evidence, lease documentation, and third-party on-site inspection</li><li>EU VAT validated through VIES; US EIN via IRS framework; China USCC via NECIPS; UAE via DED/Free Zone authority records</li><li>Any discrepancy between submitted documents and official registry data triggers immediate suspension pending clarification</li></ul></div></div>',
'      <div class="xb2bx-tier-block"><div class="xb2bx-tier-num">II</div><div class="xb2bx-tier-content"><h3>Global Sanctions & UBO Screening</h3><span class="xb2bx-tier-tag">Ownership & Risk</span><p>Identifying and screening every natural person who directly or indirectly holds an ownership interest of 10% or greater, or who exercises effective control \u2014 then cross-referencing all principals against multilateral sanctions lists, PEP registries, and adverse media databases.</p><ul class="xb2bx-check-list"><li>OFAC SDN List, EU Consolidated Financial Sanctions, UK OFSI Consolidated List, and UN Security Council designations \u2014 all monitored in real time</li><li>UBO disclosure threshold set at 10% (below standard 25%) for maximum transparency</li><li>PEP status triggers enhanced due diligence review \u2014 not automatic rejection</li><li>Fuzzy-match algorithms account for transliterations, name variants, and known aliases</li></ul></div></div>',
'      <div class="xb2bx-tier-block"><div class="xb2bx-tier-num">III</div><div class="xb2bx-tier-content"><h3>Cross-Border Regulatory Verification</h3><span class="xb2bx-tier-tag">Compliance Certs</span><p>Mandating verifiable, authority-confirmed compliance certifications matching the supplier\'s declared export target markets. Every certificate is validated not as a document but as a live credential \u2014 directly with the issuing body or Notified Authority.</p><ul class="xb2bx-check-list"><li>EU Markets: CE Declaration validated against NANDO database; REACH compliance documentation; HACCP + ISO 22000 for food categories</li><li>US Markets: FDA facility registration, FSMA compliance, FCC equipment authorisation, UL/NRTL certification via Product iQ</li><li>ISO 9001 (QMS), ISO 14001 (Environmental), ISO 13485 (Medical Devices) validated with issuing certification body directly</li><li>Certification scope cross-checked \u2014 Directory listing restricted to product categories covered by verified certificates only</li></ul></div></div>',
'      <div class="xb2bx-tier-block"><div class="xb2bx-tier-num">IV</div><div class="xb2bx-tier-content"><h3>Supply Chain Provenance & Origin Validation</h3><span class="xb2bx-tier-tag">Provenance</span><p>Verifying that listed products are legitimately manufactured or legally authorised for export from their stated country of origin \u2014 entirely preventing transshipment fraud, white-label spoofing, and unauthorised contract manufacturing misrepresentation.</p><ul class="xb2bx-check-list"><li>Country of origin authenticated via bills of materials, production process documentation, customs export records, and third-party inspection reports</li><li>Transshipment fraud specifically targeted: any routing through secondary jurisdictions to misrepresent origin results in immediate rejection</li><li>Branded product listings require verifiable authorisation documentation from the brand owner</li><li>Export licensing compliance reviewed for dual-use and controlled goods categories</li></ul></div></div>',
'    </div>',
'  </section>',
'  <div class="xb2bx-divider"></div>',
'  <section id="xb2bx-badge" class="xb2bx-section">',
'    <span class="xb2bx-section-label">\u00A7 03 \u2014 Visual Trust Taxonomy</span>',
'    <h2>"Verified Status" Sigils &<br><em>Client Security Badges</em></h2>',
'    <p class="xb2bx-section-intro">The authentication architecture is translated into immediately legible, tamper-proof, dynamically generated signals that enterprise buyers can interrogate with a single click \u2014 revealing a live compliance dashboard.</p>',
'    <div class="xb2bx-badge-demo-wrap">',
'      <div class="xb2bx-badge-visual">',
'        <div style="font-size:0.7rem;font-family:\'DM Mono\',monospace;letter-spacing:0.12em;text-transform:uppercase;color:var(--xb-white-40);margin-bottom:1rem;">Live Supplier Profile Preview</div>',
'        <div class="xb2bx-supplier-card-demo">',
'          <div class="s-name">Nexum Industrial GmbH</div>',
'          <div class="s-sub">DE \u00B7 Manufacturing \u00B7 ISO 9001 \u00B7 CE \u00B7 REACH</div>',
'          <div class="xb2bx-badge-sigil" id="xb2bx-badge-btn"><span class="shield">\uD83D\uDEE1\uFE0F</span><span class="badge-text">Verified Global Supplier</span><span class="live-dot"></span></div>',
'          <div class="xb2bx-compliance-popup" id="xb2bx-compliance-popup">',
'            <div class="xb2bx-popup-header"><span class="xb2bx-popup-title">Compliance Dashboard \u2014 Live</span><span class="xb2bx-popup-status">\u25CF ACTIVE</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">Last Full Audit</span><span class="pval gold">14 May 2025</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">Verification Ref</span><span class="pval">XB-DE-2025-04471</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">Country of Origin</span><span class="pval ok">Germany (Verified)</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">UBO Screening</span><span class="pval ok">CLEAR \u2014 3 principals screened</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">Sanctions Status</span><span class="pval ok">OFAC / EU / OFSI \u2014 Clear</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">CE Marking</span><span class="pval ok">Valid \u00B7 Expires 03/2027</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">ISO 9001</span><span class="pval ok">Valid \u00B7 TUV Rheinland \u00B7 2026</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">REACH Compliance</span><span class="pval ok">Confirmed</span></div>',
'            <div class="xb2bx-popup-row"><span class="pkey">Product Categories</span><span class="pval">Industrial Fittings \u00B7 Precision Parts</span></div>',
'          </div>',
'        </div>',
'        <div style="font-size:0.72rem;color:var(--xb-white-40);font-family:\'DM Mono\',monospace;">\u2191 Click the badge above to open live dashboard</div>',
'      </div>',
'      <div class="xb2bx-badge-info">',
'        <div class="xb2bx-badge-feature xb2bx-reveal"><div class="xb2bx-bf-icon">\uD83D\uDD17</div><div class="xb2bx-bf-text"><h4>Cryptographically Linked Token</h4><p>The badge is a dynamically generated visual token \u2014 not a static graphic. Its display is contingent on the continuous validity of the supplier\'s verified credentials and is automatically suppressed when any compliance status is flagged or expired.</p></div></div>',
'        <div class="xb2bx-badge-feature xb2bx-reveal"><div class="xb2bx-bf-icon">\uD83D\uDCCA</div><div class="xb2bx-bf-text"><h4>Interactive Compliance Dashboard</h4><p>Buyers access a live, tamper-proof compliance record showing last audit date, verified origin, UBO screening outcomes, all active certifications with expiry dates, and a longitudinal compliance history log.</p></div></div>',
'        <div class="xb2bx-badge-feature xb2bx-reveal"><div class="xb2bx-bf-icon">\uD83D\uDEAB</div><div class="xb2bx-bf-text"><h4>Non-Reproducible Outside Platform</h4><p>Suppliers are explicitly prohibited from reproducing the badge in any external context \u2014 websites, marketing collateral, or third-party directories \u2014 without express written authorisation from XB2BX LTD.</p></div></div>',
'        <div class="xb2bx-badge-feature xb2bx-reveal"><div class="xb2bx-bf-icon">\uD83D\uDCC5</div><div class="xb2bx-bf-text"><h4>Real-Time Certification Currency</h4><p>Each certification entry updates in real time as monitoring systems track validity. An expired certificate is immediately flagged visible to buyers, with associated product categories suspended pending renewal verification.</p></div></div>',
'      </div>',
'    </div>',
'  </section>',
'  <div class="xb2bx-divider"></div>',
'  <section id="xb2bx-monitoring" class="xb2bx-section">',
'    <span class="xb2bx-section-label">\u00A7 04 \u2014 Continuous Monitoring</span>',
'    <h2>The Automated <em>Integrity Sweep</em></h2>',
'    <p class="xb2bx-section-intro">Verification is a dynamic, continuous state \u2014 not a one-time event. A multi-layered monitoring architecture operates 24/7 in parallel with all Directory commercial activity.</p>',
'    <div class="xb2bx-monitor-grid">',
'      <div class="xb2bx-monitor-card xb2bx-reveal"><div class="mc-icon">\uD83C\uDFDB\uFE0F</div><h4>Registry Synchronisation</h4><p>Persistent, scheduled interfaces with corporate registration registries detect changes \u2014 dissolution, administration, director changes \u2014 at the point of registry update, not on next manual review.</p></div>',
'      <div class="xb2bx-monitor-card xb2bx-reveal"><div class="mc-icon">\u26A1</div><h4>Real-Time Sanctions Feeds</h4><p>Live feed connections to OFAC, EU FSF, and UK OFSI ensure every new designation event triggers immediate re-screening of all listed suppliers and their principals within minutes.</p></div>',
'      <div class="xb2bx-monitor-card xb2bx-reveal"><div class="mc-icon">\uD83D\uDCCB</div><h4>Certification Lifecycle Tracking</h4><p>Every certificate is logged against its expiry date. Automated renewal alerts begin 90 days before expiry with escalating reminders \u2014 ensuring no credential silently lapses.</p></div>',
'    </div>',
'    <div class="xb2bx-live-feed xb2bx-reveal">',
'      <div class="xb2bx-feed-header"><span class="xb2bx-feed-title">Integrity Sweep \u2014 Live Activity Log</span><span class="xb2bx-feed-stream"><span class="xb2bx-dot-live"></span> Streaming</span></div>',
'      <div class="xb2bx-feed-entries" id="xb2bx-feed-entries"></div>',
'    </div>',
'  </section>',
'  <div class="xb2bx-divider"></div>',
'  <section id="xb2bx-penalties" class="xb2bx-section">',
'    <span class="xb2bx-section-label">\u00A7 05 \u2014 Enforcement Framework</span>',
'    <h2>Provenance Fraud &<br><em>Global Profile Forfeiture</em></h2>',
'    <p class="xb2bx-section-intro">XB2BX LTD maintains a zero-tolerance enforcement framework. Consequences are material enough to constitute a genuine deterrent, not a nominal compliance formality.</p>',
'    <div class="xb2bx-penalty-stages">',
'      <div class="xb2bx-penalty-stage xb2bx-reveal"><div class="xb2bx-ps-num">1</div><div class="xb2bx-ps-body"><h4>Immediate Profile Suspension</h4><p>Upon confirmed enforcement trigger, the supplier\'s Directory profile is immediately removed from all buyer-facing views without prior notice. The Verified Global Supplier Badge is permanently revoked and all buyer communications are suspended. This action is non-appealable at the suspension stage.</p></div></div>',
'      <div class="xb2bx-penalty-stage xb2bx-reveal"><div class="xb2bx-ps-num">2</div><div class="xb2bx-ps-body"><h4>Escrow Fund Forfeiture</h4><p>All transaction funds currently held in platform escrow are immediately frozen and forfeited. The supplier relinquishes all claims to escrowed funds. Buyers are protected through structured disposition review \u2014 including full restitution where warranted \u2014 determined case by case.</p></div></div>',
'      <div class="xb2bx-penalty-stage xb2bx-reveal"><div class="xb2bx-ps-num">3</div><div class="xb2bx-ps-body"><h4>Permanent Account Termination & Exclusion Registry</h4><p>The account is permanently closed. All associated identifiers \u2014 email addresses, registration numbers, UBO identities, device fingerprints, and IP ranges \u2014 are logged in a perpetual exclusion registry. Re-registration attempts using any associated identifier are automatically detected and rejected.</p></div></div>',
'      <div class="xb2bx-penalty-stage xb2bx-reveal"><div class="xb2bx-ps-num">4</div><div class="xb2bx-ps-body"><h4>Regulatory & Law Enforcement Notification</h4><p>Where violations indicate potential criminal conduct \u2014 document falsification, sanctions evasion, export control misrepresentation, or fraud \u2014 XB2BX LTD will report to relevant national law enforcement agencies, financial intelligence units, customs authorities, and export control enforcement bodies in the jurisdictions concerned.</p></div></div>',
'      <div class="xb2bx-penalty-stage xb2bx-reveal"><div class="xb2bx-ps-num">5</div><div class="xb2bx-ps-body"><h4>Compliance Enforcement Register & Transparency Reporting</h4><p>All confirmed enforcement actions are logged in an internal Compliance Enforcement Register. Aggregate, anonymised data is published in periodic platform transparency reports for the benefit of the buyer community \u2014 demonstrating the ongoing robustness of the platform\'s compliance operation.</p></div></div>',
'    </div>',
'  </section>',
'  <div class="xb2bx-divider"></div>',
'  <section id="xb2bx-buyers" class="xb2bx-section">',
'    <span class="xb2bx-section-label">\u00A7 06 \u2014 Global Procurement Advantage</span>',
'    <h2>The <em>Buyer\'s Shield:</em><br>What Verified Sourcing Delivers</h2>',
'    <p class="xb2bx-section-intro">By centralising the due diligence function within the platform infrastructure, xb2bx.com transfers the entire burden of supplier qualification from procurement teams to the compliance architecture \u2014 at a depth and frequency that individual buyers could not replicate cost-effectively.</p>',
'    <div class="xb2bx-shield-grid">',
'      <div class="xb2bx-shield-card xb2bx-reveal"><div class="xb2bx-sc-icon">\uD83D\uDCB0</div><h4>Elimination of Field Audit Costs</h4><p>Independent third-party factory audits cost thousands to tens of thousands per supplier. Directory buyers access a pre-audited, continuously monitored supplier base without incurring per-supplier audit costs.</p></div>',
'      <div class="xb2bx-shield-card xb2bx-reveal"><div class="xb2bx-sc-icon">\u2696\uFE0F</div><h4>Reduced Import Liability</h4><p>Sourcing from verified suppliers provides a documented, defensible basis for demonstrating Reasonable Care under US CBP obligations, EU Union Customs Code, and UK post-Brexit frameworks \u2014 materially reducing regulatory exposure.</p></div>',
'      <div class="xb2bx-shield-card xb2bx-reveal"><div class="xb2bx-sc-icon">\u26A1</div><h4>Accelerated Procurement Timelines</h4><p>Pre-verification eliminates the due diligence phase. Supplier qualification is compressed from weeks or months of independent investigation to hours of Compliance Dashboard review.</p></div>',
'      <div class="xb2bx-shield-card xb2bx-reveal"><div class="xb2bx-sc-icon">\uD83D\uDCE1</div><h4>Live Supplier Intelligence</h4><p>The Compliance Dashboard provides a live, multidimensional view of each supplier\'s compliance trajectory \u2014 enabling risk-based decisions grounded in current, verified data rather than historical representations.</p></div>',
'      <div class="xb2bx-shield-card xb2bx-reveal"><div class="xb2bx-sc-icon">\uD83D\uDCC1</div><h4>Defensible Governance Framework</h4><p>Satisfies evidentiary requirements of UK Modern Slavery Act, German Supply Chain Due Diligence Act, French Duty of Vigilance Law, and ISO 20400 guidelines without procurement teams building qualification infrastructure themselves.</p></div>',
'      <div class="xb2bx-shield-card xb2bx-reveal"><div class="xb2bx-sc-icon">\uD83C\uDF0D</div><h4>Universal Trade Lane Coverage</h4><p>Whether sourcing from Europe, North America, APAC, the Middle East, or Latin America \u2014 the same verification standard applies. One trusted platform. Every trade lane. Complete procurement peace of mind.</p></div>',
'    </div>',
'  </section>',
'  <div class="xb2bx-cta-section">',
'    <span class="xb2bx-section-label">XB2BX.COM</span>',
'    <h2>Global Source.<br><em>Authenticated.</em></h2>',
'    <p>Join the world\'s most rigorously verified B2B marketplace. Apply for Verified Global Supplier status or access the Directory as an enterprise buyer today.</p>',
'    <div class="xb2bx-cta-actions"><button type="button" class="xb2bx-btn-primary">Apply as Supplier</button><button type="button" class="xb2bx-btn-outline">Access as Buyer</button></div>',
'  </div>',
'  <footer class="xb2bx-footer">',
'    <div class="xb2bx-footer-logo">XB2BX<span style="color:var(--xb-white-40);">.com</span></div>',
'    <div class="xb2bx-footer-copy">\u00A9 XB2BX LTD \u2014 Global Verified Suppliers Directory \u00B7 Operational Framework \u00B7 All Rights Reserved</div>',
'    <div class="xb2bx-footer-url">xb2bx.com</div>',
'  </footer>',
'</div>'
].join('\n');
  }
}

if (!customElements.get('xb2bx-compliance-directory')) {
  customElements.define('xb2bx-compliance-directory', XB2BXComplianceDirectory);
}
</script>

</body>
</html>