<!doctype html>
<html lang="en" data-theme="light">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#fafafa" media="(prefers-color-scheme: light)">
    <meta name="theme-color" content="#050505" media="(prefers-color-scheme: dark)">

    <!-- 🚀 PERF v9 — Fonts SELF-HOSTED (Inter + JetBrains Mono).
         Plus de Google Fonts → -2 DNS, -2 TCP/TLS, -2 round-trips (~400ms).
         Les @font-face sont dans critical.css (inline) avec font-display:swap
         et fallback Arial reshapé via size-adjust (anti-CLS lors du swap).
         Preload UNIQUEMENT le weight 800 (font du H1 hero, élément LCP).
         Les autres weights chargent à la demande quand le CSS les référence. -->
    <link rel="preload"
          href="https://xen-support.com/assets/fonts/inter-800.woff2"
          as="font" type="font/woff2" crossorigin>
        <meta name="description" content="Premium XenForo add-ons &amp; custom development. Buy online, instant download, lifetime updates. Elite plans &amp; support included.">
    <title>XenSupport — Add-ons XenForo premium</title>

    <!-- 🌐 Open Graph (Facebook / LinkedIn / Discord / WhatsApp / Slack preview) -->
    <meta property="og:type"        content="website">
    <meta property="og:site_name"   content="XenSupport">
    <meta property="og:title"       content="XenSupport — Add-ons XenForo premium">
    <meta property="og:description" content="Premium XenForo add-ons &amp; custom development. Buy online, instant download, lifetime updates. Elite plans &amp; support included.">
    <meta property="og:url"         content="https://xen-support.com/">
    <meta property="og:image"       content="https://xen-support.com/assets/icons/icon-512.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:locale"      content="en_US">

    <!-- 🐦 Twitter Cards (preview Twitter/X + autres plateformes qui supportent) -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="XenSupport — Add-ons XenForo premium">
    <meta name="twitter:description" content="Premium XenForo add-ons &amp; custom development. Buy online, instant download, lifetime updates. Elite plans &amp; support included.">
    <meta name="twitter:image"       content="https://xen-support.com/assets/icons/icon-512.png">
    
    <!-- 🔎 Google Search Console : validation propriété "Préfixe URL".
         Placé en haut du <head> pour être détecté dès le premier crawl Google.
         Une fois la propriété validée, on peut le LAISSER en place (ça ne gêne
         rien, et si Google révalide périodiquement il sait que c'est bien nous). -->
    <meta name="google-site-verification" content="frw7UM01-HlP7QuzvljlUm5OmyuGtkAUkuY1RI9Utn0">

        <link rel="canonical" href="https://xen-support.com/">
    <!-- 🎨 Favicons multi-tailles :
         - SVG inline = source de vérité, scalable infini (priorité 1 sur browsers modernes)
         - PNG 16/32/48/96 = fallback pour anciens browsers et bookmarks
         - apple-touch-icon = icône iOS Safari + PWA standalone -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ff7a18'/%3E%3Cstop offset='1' stop-color='%23d65a00'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='32' height='32' rx='8' fill='url(%23g)'/%3E%3Ctext x='16' y='22' font-family='Inter,Arial' font-size='18' font-weight='800' text-anchor='middle' fill='white'%3EX%3C/text%3E%3C/svg%3E">
    <link rel="icon" type="image/png" sizes="16x16"  href="https://xen-support.com/assets/icons/favicon-16.png">
    <link rel="icon" type="image/png" sizes="32x32"  href="https://xen-support.com/assets/icons/favicon-32.png">
    <link rel="icon" type="image/png" sizes="48x48"  href="https://xen-support.com/assets/icons/favicon-48.png">
    <link rel="icon" type="image/png" sizes="96x96"  href="https://xen-support.com/assets/icons/favicon-96.png">

    <!-- 📱 PWA (Progressive Web App) — installable mobile + offline support -->
    <link rel="manifest" href="https://xen-support.com/manifest.json">
    <link rel="apple-touch-icon" sizes="180x180" href="https://xen-support.com/assets/icons/apple-touch-icon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="XenSupport">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="XenSupport">

    
        <link rel="stylesheet" href="https://xen-support.com/assets/styles.css?v=1781039441">

    <script src="https://xen-support.com/assets/theme.js?v=1780477692" defer></script>
    <script src="https://xen-support.com/assets/pwa-register.js?v=1779395011" defer></script>
        <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
    
        <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "XenSupport",
    "url": "https://xen-support.com/",
    "logo": "https://xen-support.com/assets/logo.png",
    "description": "Premium XenForo add-ons \u0026 custom development.",
    "sameAs": []
}</script>
        <script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "url": "https://xen-support.com/",
    "potentialAction": {
        "@type": "SearchAction",
        "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://xen-support.com/extensions?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
    }
}</script>
    </head>
<body>
<div class="scroll-progress" aria-hidden="true"><span data-scroll-progress></span></div>
<a class="skip-link" href="#main">Skip to main content</a>
<div class="site-announce site-announce--gradient" data-announce-id="1" hidden>
    <a class="site-announce-inner" href="https://xen-support.com/demo">
        <span class="site-announce-badge">NEW</span>        <span class="site-announce-text">The live demo forum is here! Try every add-on for real — no install needed.</span>
        <span class="site-announce-cta">Try it now →</span>    </a>
            <button type="button" class="site-announce-close" data-announce-close aria-label="Dismiss">×</button>
    </div>
<header class="nav nav-v2" data-nav-active="home">
    <div class="container nav-inner">

        <!-- BRAND — logo enrichi (mark + name + tagline) -->
        <a class="brand nav-v2-logo" href="https://xen-support.com/">
            <span class="brand-mark nav-v2-logo-mark" aria-hidden="true">X</span>
            <span class="nav-v2-logo-stack">
                <span class="brand-text nav-v2-logo-name">XenSupport</span>
                <span class="nav-v2-logo-tagline">XenForo add-ons</span>
            </span>
        </a>

        <!-- Hamburger mobile -->
        <button type="button" class="menu-toggle" data-menu-toggle aria-label="Menu" aria-expanded="false">
            <span class="ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></span></span>
        </button>

        <!-- MAIN NAV LINKS (indicateur animé) -->
        <nav class="nav-links" aria-label="Main navigation">
            <span class="nav-indicator" aria-hidden="true"></span>

            <a href="https://xen-support.com/extensions" data-nav-key="extensions" title="Extensions" class="nav-link ">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span> <span class="nav-link-label">Extensions</span>
            </a>
            <a href="https://xen-support.com/bundles" data-nav-key="bundles" title="Bundles" class="nav-link ">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></span> <span class="nav-link-label">Bundles</span>
            </a>
            <a href="https://xen-support.com/custom-development" data-nav-key="custom" title="Custom dev" class="nav-link ">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></span> <span class="nav-link-label">Custom dev</span>
            </a>
            <a href="https://xen-support.com/roadmap" data-nav-key="roadmap" title="Roadmap" class="nav-link ">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg></span> <span class="nav-link-label">Roadmap</span>
            </a>
            <a href="https://xen-support.com/showcase" data-nav-key="showcase" title="Showcase" class="nav-link ">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span> <span class="nav-link-label">Showcase</span>
            </a>
            <div class="nav-link nav-plans-dd " tabindex="0" role="button" aria-haspopup="true" aria-label="Plans">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg></span> <span class="nav-link-label">Plans</span>
                <span class="nav-plans-caret" aria-hidden="true">▾</span>
                <div class="nav-plans-menu" role="menu">
                    <a href="https://xen-support.com/elite" class="nav-plans-item" role="menuitem">
                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg></span>                        <span><strong>Elite</strong><small>Unlimited downloads · €4.99/mo</small></span>
                    </a>
                    <a href="https://xen-support.com/studio" class="nav-plans-item" role="menuitem">
                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7v8l9-12h-7V2z"/></svg></span>                        <span><strong>Studio</strong><small>Custom dev on retainer · €150/mo</small></span>
                    </a>
                </div>
            </div>
                            <a href="https://xen-support.com/advisor" data-nav-key="advisor" title="AI Advisor" class="nav-link nav-link--advisor ">
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span> <span class="nav-link-label">AI Advisor</span>
                </a>
                        <a href="https://xen-support.com/demo" data-nav-key="demo" title="Try our add-ons live" class="nav-link ">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg></span> <span class="nav-link-label">Demo</span>
            </a>
                                </nav>

        <!-- UTILITIES (jamais wrappent) -->
        <div class="nav-utils">
            <!-- Cherche -->
            <button type="button" class="nav-cmdk-btn" data-cmdk-open title="Search (Ctrl+K)" aria-label="Search">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>                <span class="nav-cmdk-label">Search</span>
                <kbd>⌘K</kbd>
            </button>

            <!-- 💛 Soutenir — geste discret (icône cœur, pas de label = pas "mendiant") -->
            <a href="https://xen-support.com/support" class="nav-support "
               title="Support us 💛"
               aria-label="Support us">
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg></span>            </a>

            <!-- 🔔 Notifications (cloche + dropdown preview hover, logged-in only) -->
            
            <!-- Cart avec preview hover -->
            <div class="nav-cart-wrap">
                <a class="nav-cart-btn" href="https://xen-support.com/cart" aria-label="Cart">
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                    </a>
                            </div>

            <!-- User avatar dropdown OU login/register
                 🎨 Refonte 2026 : menu structuré en sections avec tous les
                 raccourcis vers les features implémentées (Mes extensions,
                 Wishlist, Notifications, 2FA, White-Label, etc.). -->
                            <a href="https://xen-support.com/login" data-modal-open="login" class="nav-link nav-link-auth">Sign in</a>
                <a class="btn btn-brand btn-sm" href="https://xen-support.com/register" data-modal-open="register">Sign up</a>
            
            
                                </div>
    </div>
</header>

<!-- 📱 Drawer mobile : nav complète + user + préférences. Caché en desktop via CSS.
     🎨 Refonte 2026-05 : design iOS Settings-like avec CTA Elite gold en haut. -->
<aside class="mobile-drawer mobile-drawer-v2" id="mobile-drawer" hidden aria-label="Menu">
    <div class="mobile-drawer-overlay" data-drawer-close></div>
    <div class="mobile-drawer-panel" role="dialog" aria-modal="true">
        <header class="mobile-drawer-head">
            <a class="brand nav-v2-logo" href="https://xen-support.com/" data-drawer-close>
                <span class="brand-mark nav-v2-logo-mark" aria-hidden="true">X</span>
                <span class="nav-v2-logo-stack">
                    <span class="brand-text nav-v2-logo-name">XenSupport</span>
                    <span class="nav-v2-logo-tagline">XenForo add-ons</span>
                </span>
            </a>
            <button type="button" class="mobile-drawer-close" data-drawer-close aria-label="Close">
                <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
            </button>
        </header>

        <!-- ⭐ CTA Elite full-width, EN HAUT du drawer (highlight A mobile) -->
                    <a class="mobile-drawer-elite-cta" href="https://xen-support.com/elite" data-drawer-close>
                <span class="mobile-drawer-elite-cta__icon" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg></span></span>
                <span class="mobile-drawer-elite-cta__txt">
                    <strong>Go Elite</strong>
                    <small>Unlimited downloads + discounts</small>
                </span>
                <span class="mobile-drawer-elite-cta__arrow" aria-hidden="true">→</span>
            </a>
        
        
        <div class="mobile-drawer-section">
            <p class="mobile-drawer-section-title">Navigation</p>
            <nav class="mobile-drawer-nav">
                <a href="https://xen-support.com/extensions" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span> <span class="mobile-drawer-lbl">Extensions</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/bundles" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></span> <span class="mobile-drawer-lbl">Bundles</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/custom-development" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></span> <span class="mobile-drawer-lbl">Custom dev</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/roadmap" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg></span> <span class="mobile-drawer-lbl">Roadmap</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/showcase" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span> <span class="mobile-drawer-lbl">Showcase</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/faq" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span> <span class="mobile-drawer-lbl">FAQ</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                                    <a href="https://xen-support.com/advisor" data-drawer-close>
                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span> <span class="mobile-drawer-lbl">AI Advisor</span>
                        <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                    </a>
                                <a href="https://xen-support.com/demo" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg></span> <span class="mobile-drawer-lbl">Demo</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/changelog" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7v8l9-12h-7V2z"/></svg></span> <span class="mobile-drawer-lbl">What&#039;s New</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
                <a href="https://xen-support.com/support" data-drawer-close>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg></span> <span class="mobile-drawer-lbl">Support us 💛</span>
                    <span class="mobile-drawer-chev" aria-hidden="true">›</span>
                </a>
            </nav>
        </div>

        
        
        <div class="mobile-drawer-section mobile-drawer-prefs">
            <p class="mobile-drawer-section-title">Preferences</p>
            <div class="mobile-drawer-prefs-row">
                <a href="/?feed=rss2&amp;lang=fr" class="nav-lang" aria-label="Language" title="FR">
    FR</a>
<button type="button" class="theme-toggle" data-theme-toggle aria-label="Toggle theme" title="Toggle theme">
    <span class="ic-sun"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg></span></span>
    <span class="ic-moon"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></span></span>
</button>
            </div>
        </div>

                    <div class="mobile-drawer-section mobile-drawer-footer">
                <a class="mobile-drawer-cta" href="https://xen-support.com/login" data-drawer-close>
                    Sign in                </a>
                <a class="mobile-drawer-cta primary" href="https://xen-support.com/register" data-drawer-close>
                    Sign up                </a>
            </div>
            </div>
</aside>

    
<!-- ════════════════════════════════════════════════════════════════════
     Modale LOGIN
     ════════════════════════════════════════════════════════════════════ -->
<div class="modal-backdrop auth-modal-backdrop" id="modal-login" hidden role="dialog" aria-modal="true" aria-labelledby="modal-login-title">
    <div class="modal auth-modal" role="document">
        <button type="button" class="modal-close auth-modal-close" data-modal-close aria-label="Close">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
                <path d="M18 6 6 18M6 6l12 12"/>
            </svg>
        </button>

                <aside class="auth-modal-brand">
            <div class="auth-modal-aurora" aria-hidden="true">
                <span class="auth-modal-aurora-blob auth-modal-aurora-blob--1"></span>
                <span class="auth-modal-aurora-blob auth-modal-aurora-blob--2"></span>
            </div>
            <div class="auth-modal-brand-inner">
                <a class="auth-modal-brand-logo" href="https://xen-support.com/">
                    <span class="brand-mark auth-modal-brand-mark" aria-hidden="true">X</span>
                    <span class="auth-modal-brand-name">XenSupport</span>
                </a>
                <h3 class="auth-modal-brand-tagline">Welcome back.</h3>
                <ul class="auth-modal-brand-feats" role="list">
                    <li><span class="auth-modal-feat-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></span></span> Lifetime updates</li>
                    <li><span class="auth-modal-feat-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7l8-4z"/><path d="m9 12 2 2 4-4"/></svg></span></span> Secured Stripe payments</li>
                    <li><span class="auth-modal-feat-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span></span> Developer support included</li>
                </ul>
                <p class="auth-modal-brand-quote">"Add-ons built for pros who love their forum."</p>
            </div>
        </aside>
        
        <div class="auth-modal-form-panel">
                    <nav class="auth-modal-tabs" aria-label="Auth mode">
            <span class="auth-modal-tabs-indicator" data-auth-tabs-indicator aria-hidden="true"></span>
            <a href="https://xen-support.com/login" data-modal-open="login"               class="auth-modal-tab is-active">
                Sign in            </a>
            <a href="https://xen-support.com/register" data-modal-open="register"               class="auth-modal-tab ">
                Sign up            </a>
        </nav>
        
            <header class="auth-modal-form-head">
                <h2 id="modal-login-title" class="auth-modal-form-title">Sign in</h2>
                <p class="auth-modal-form-sub">Access your XenSupport account to download your purchases.</p>
            </header>

            <p class="alert auth-modal-alert" data-modal-error hidden></p>

            <div class="oauth-buttons mt-2">
    <div class="oauth-divider">
        <span>OR</span>
    </div>
            <a class="btn btn-secondary full oauth-btn oauth-btn--google"
           href="https://xen-support.com/auth/google/start">
            <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
                <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
                <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
                <path fill="#FBBC05" d="M5.84 14.1c-.22-.66-.35-1.36-.35-2.1s.13-1.44.35-2.1V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.83z"/>
                <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.83C6.71 7.31 9.14 5.38 12 5.38z"/>
            </svg>
            <span>Continue with Google</span>
        </a>
        </div>

            <form method="post" action="https://xen-support.com/login" class="stack auth-modal-form" data-auth-form="login">
                <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                <input type="hidden" name="next" value="/">
                <div class="honeypot" aria-hidden="true">
                    <label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
                </div>
                <label class="auth-modal-field">
                    <span class="auth-modal-field-label">Email</span>
                    <span class="auth-modal-field-wrap">
                        <span class="auth-modal-field-ic" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></span></span>
                        <input type="email" name="email" required autocomplete="email" placeholder="you@example.com">
                    </span>
                </label>
                <label class="password-field" for="modal-login-pwd">
    <span class="password-field-label">Password</span>
    <span class="password-field-wrap">
        <input type="password"
               id="modal-login-pwd"
               name="password"
               required                              autocomplete="current-password"
                              >
        <button type="button"
                class="password-toggle"
                data-password-toggle
                aria-label="Show / hide password"
                tabindex="-1">
            <span class="password-toggle-icon password-toggle-show" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/>
                    <circle cx="12" cy="12" r="3"/>
                </svg>
            </span>
            <span class="password-toggle-icon password-toggle-hide" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M17.94 17.94A10.07 10.07 0 0 1 12 19c-7 0-10-7-10-7a13.16 13.16 0 0 1 1.67-2.68"/>
                    <path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/>
                    <line x1="1" y1="1" x2="23" y2="23"/>
                </svg>
            </span>
        </button>
    </span>

    
    
    </label>
                <p class="auth-forgot-link">
                    <a href="https://xen-support.com/password/forgot">Forgot password?</a>
                </p>
                <div class="captcha-widget"><div class="cf-turnstile" data-sitekey="0x4AAAAAADR6P_6kvvbTV3ty" data-theme="auto" data-action="login"></div></div>                <button class="btn btn-primary full auth-modal-submit" type="submit">
                    <span>Sign in</span>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                </button>
            </form>
        </div>
    </div>
</div>

<!-- ════════════════════════════════════════════════════════════════════
     Modale REGISTER
     ════════════════════════════════════════════════════════════════════ -->
<div class="modal-backdrop auth-modal-backdrop" id="modal-register" hidden role="dialog" aria-modal="true" aria-labelledby="modal-register-title">
    <div class="modal auth-modal" role="document">
        <button type="button" class="modal-close auth-modal-close" data-modal-close aria-label="Close">
            <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
                <path d="M18 6 6 18M6 6l12 12"/>
            </svg>
        </button>

                <aside class="auth-modal-brand">
            <div class="auth-modal-aurora" aria-hidden="true">
                <span class="auth-modal-aurora-blob auth-modal-aurora-blob--1"></span>
                <span class="auth-modal-aurora-blob auth-modal-aurora-blob--2"></span>
            </div>
            <div class="auth-modal-brand-inner">
                <a class="auth-modal-brand-logo" href="https://xen-support.com/">
                    <span class="brand-mark auth-modal-brand-mark" aria-hidden="true">X</span>
                    <span class="auth-modal-brand-name">XenSupport</span>
                </a>
                <h3 class="auth-modal-brand-tagline">Join the community.</h3>
                <ul class="auth-modal-brand-feats" role="list">
                    <li><span class="auth-modal-feat-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></span></span> Lifetime updates</li>
                    <li><span class="auth-modal-feat-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7l8-4z"/><path d="m9 12 2 2 4-4"/></svg></span></span> Secured Stripe payments</li>
                    <li><span class="auth-modal-feat-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span></span> Developer support included</li>
                </ul>
                <p class="auth-modal-brand-quote">"Add-ons built for pros who love their forum."</p>
            </div>
        </aside>
        
        <div class="auth-modal-form-panel">
                    <nav class="auth-modal-tabs" aria-label="Auth mode">
            <span class="auth-modal-tabs-indicator" data-auth-tabs-indicator aria-hidden="true"></span>
            <a href="https://xen-support.com/login" data-modal-open="login"               class="auth-modal-tab ">
                Sign in            </a>
            <a href="https://xen-support.com/register" data-modal-open="register"               class="auth-modal-tab is-active">
                Sign up            </a>
        </nav>
        
            <header class="auth-modal-form-head">
                <h2 id="modal-register-title" class="auth-modal-form-title">Create an account</h2>
                <p class="auth-modal-form-sub">Free signup, no credit card required.</p>
            </header>

            <p class="alert auth-modal-alert" data-modal-error hidden></p>

            <div class="oauth-buttons mt-2">
    <div class="oauth-divider">
        <span>OR</span>
    </div>
            <a class="btn btn-secondary full oauth-btn oauth-btn--google"
           href="https://xen-support.com/auth/google/start">
            <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
                <path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
                <path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
                <path fill="#FBBC05" d="M5.84 14.1c-.22-.66-.35-1.36-.35-2.1s.13-1.44.35-2.1V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.83z"/>
                <path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.83C6.71 7.31 9.14 5.38 12 5.38z"/>
            </svg>
            <span>Continue with Google</span>
        </a>
        </div>

            <form method="post" action="https://xen-support.com/register" class="stack auth-modal-form" data-auth-form="register">
                <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                <div class="honeypot" aria-hidden="true">
                    <label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
                </div>
                <label class="auth-modal-field">
                    <span class="auth-modal-field-label">Name (optional)</span>
                    <span class="auth-modal-field-wrap">
                        <span class="auth-modal-field-ic" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></span></span>
                        <input type="text" name="name" autocomplete="name" placeholder="Your name">
                    </span>
                </label>
                <label class="auth-modal-field">
                    <span class="auth-modal-field-label">Email</span>
                    <span class="auth-modal-field-wrap">
                        <span class="auth-modal-field-ic" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg></span></span>
                        <input type="email" name="email" required autocomplete="email" placeholder="you@example.com">
                    </span>
                </label>
                <label class="password-field" for="modal-register-pwd">
    <span class="password-field-label">Password</span>
    <span class="password-field-wrap">
        <input type="password"
               id="modal-register-pwd"
               name="password"
               required               minlength="10"               autocomplete="new-password"
               data-strength-input               >
        <button type="button"
                class="password-toggle"
                data-password-toggle
                aria-label="Show / hide password"
                tabindex="-1">
            <span class="password-toggle-icon password-toggle-show" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/>
                    <circle cx="12" cy="12" r="3"/>
                </svg>
            </span>
            <span class="password-toggle-icon password-toggle-hide" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M17.94 17.94A10.07 10.07 0 0 1 12 19c-7 0-10-7-10-7a13.16 13.16 0 0 1 1.67-2.68"/>
                    <path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/>
                    <line x1="1" y1="1" x2="23" y2="23"/>
                </svg>
            </span>
        </button>
    </span>

            <div class="password-strength" data-strength-meter aria-live="polite">
            <div class="password-strength-bar">
                <div class="password-strength-fill" data-strength-fill></div>
            </div>
            <div class="password-strength-label">
                <span data-strength-text>Type a password</span>
                <span data-strength-hint class="text-muted"></span>
            </div>
        </div>
    
    
            <small class="text-muted password-field-hint">At least 10 characters, letters + numbers.</small>
    </label>
                <label class="password-field" for="modal-register-pwd-confirm">
    <span class="password-field-label">Confirm password</span>
    <span class="password-field-wrap">
        <input type="password"
               id="modal-register-pwd-confirm"
               name="confirm_password"
               required               minlength="10"               autocomplete="new-password"
                              data-match-target="modal-register-pwd">
        <button type="button"
                class="password-toggle"
                data-password-toggle
                aria-label="Show / hide password"
                tabindex="-1">
            <span class="password-toggle-icon password-toggle-show" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/>
                    <circle cx="12" cy="12" r="3"/>
                </svg>
            </span>
            <span class="password-toggle-icon password-toggle-hide" aria-hidden="true">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M17.94 17.94A10.07 10.07 0 0 1 12 19c-7 0-10-7-10-7a13.16 13.16 0 0 1 1.67-2.68"/>
                    <path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/>
                    <line x1="1" y1="1" x2="23" y2="23"/>
                </svg>
            </span>
        </button>
    </span>

    
            <div class="password-match" data-match-meter aria-live="polite" hidden>
            <span class="password-match-icon password-match-icon-ok" aria-hidden="true">
                <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M3 8 L7 12 L13 4"/>
                </svg>
            </span>
            <span class="password-match-icon password-match-icon-ko" aria-hidden="true">
                <svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M4 4 L12 12 M12 4 L4 12"/>
                </svg>
            </span>
            <span data-match-text></span>
        </div>
    
    </label>
                <div class="captcha-widget"><div class="cf-turnstile" data-sitekey="0x4AAAAAADR6P_6kvvbTV3ty" data-theme="auto" data-action="register"></div></div>                <button class="btn btn-primary full auth-modal-submit" type="submit">
                    <span>Create my account</span>
                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                </button>
            </form>
        </div>
    </div>
</div>

<!-- ⌘K Command palette -->
<div class="cmdk" id="cmdk" hidden role="dialog" aria-label="Search">
    <div class="cmdk-modal">
        <div class="cmdk-header">
            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span>            <input type="text" id="cmdk-input" placeholder="Search an extension, a page..." autocomplete="off">
            <kbd>esc</kbd>
        </div>
        <div class="cmdk-results" id="cmdk-results"></div>
        <div class="cmdk-footer">
            <span><kbd>↑↓</kbd>navigate</span>
            <span><kbd>↵</kbd>open</span>
            <span><kbd>esc</kbd>close</span>
        </div>
    </div>
</div>
<script type="application/json" id="cmdk-data">{"extensions":[{"name":"Classified","short":"The buy / sell / trade section your community has been missing.","url":"https://xen-support.com/extensions/classifieds"},{"name":"Drafts","short":"A premium drafts add-on for XenForo 2.3","url":"https://xen-support.com/extensions/drafts"},{"name":"GroupFlair — Bling for your user groups","short":"Make your staff, donators and VIPs impossible to miss.","url":"https://xen-support.com/extensions/groupflair"},{"name":"Journey","short":"Turn first-time visitors into loyal members. Automatically.","url":"https://xen-support.com/extensions/journey"},{"name":"Level — Complete Gamification & XP System","short":"The complete gamification & XP system for XenForo","url":"https://xen-support.com/extensions/xenlevel"},{"name":"Teams","short":"Teams — A complete community layer for XenForo","url":"https://xen-support.com/extensions/teams"},{"name":"Watch Party","short":"Press play. Together.","url":"https://xen-support.com/extensions/watchparty"},{"name":"XenCard","short":"Collectible Trading Card Economy","url":"https://xen-support.com/extensions/xencard"},{"name":"XenPing","short":"A friendly little wave between members. Zero conversation, zero friction.","url":"https://xen-support.com/extensions/xenping"},{"name":"XenSpotlight","short":"One member. One moment. Center stage.","url":"https://xen-support.com/extensions/spotlight"},{"name":"XenStaff","short":"A free, premium staff showcase for XenForo 2.3","url":"https://xen-support.com/extensions/staff"},{"name":"XenStreak","short":"Reward members for showing up every day.","url":"https://xen-support.com/extensions/xenstreak"}],"pages":[{"label":"Home","url":"https://xen-support.com/","hint":"Homepage","icon":"sparkles"},{"label":"Catalog","url":"https://xen-support.com/extensions","hint":"All extensions","icon":"package"},{"label":"Custom dev","url":"https://xen-support.com/custom-development","hint":"Request a tailored add-on","icon":"rocket"},{"label":"Roadmap","url":"https://xen-support.com/roadmap","hint":"What we're building","icon":"star"},{"label":"Cart","url":"https://xen-support.com/cart","hint":"View cart","icon":"cart"},{"label":"AI Advisor","url":"https://xen-support.com/advisor","hint":"AI Advisor · powered by AI","icon":"sparkles"}]}</script>
<script type="application/json" id="cmdk-icons">{"package":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><path d=\"m3.3 7 8.7 5 8.7-5\"\/><path d=\"M12 22V12\"\/><\/svg><\/span>","cart":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"20\" r=\"1.5\"\/><circle cx=\"18\" cy=\"20\" r=\"1.5\"\/><path d=\"M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6\"\/><\/svg><\/span>","user":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg><\/span>","shield":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l8 4v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7l8-4z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/span>","gauge":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 14 4-4\"\/><path d=\"M3.34 19a10 10 0 1 1 17.32 0\"\/><\/svg><\/span>","rocket":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg><\/span>","bolt":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 4 14h7v8l9-12h-7V2z\"\/><\/svg><\/span>","sparkles":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z\"\/><path d=\"M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z\"\/><\/svg><\/span>","arrow-right":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg><\/span>","star":"<span class=\"ic\" aria-hidden=\"true\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26\"\/><\/svg><\/span>"}</script>
<script type="application/json" id="cmdk-labels">{"section.pages":"Pages","section.extensions":"Extensions","empty":"No result for « :q »"}</script>
<script type="application/json" id="xs-labels">{"toast.cart.added":"Added to cart","toast.cart.already":"Already in cart","toast.cart.error":"Could not add to cart","toast.cart.view":"View","toast.roadmap.voted":"Vote added","toast.roadmap.unvoted":"Vote removed","toast.newsletter.ok":"Check your inbox to confirm","toast.newsletter.err":"Could not subscribe","autofaq.found":"✨ These articles may answer your question:","urls.base":"https://xen-support.com/","ext.in_cart":"In cart","urls.cart":"https://xen-support.com/cart","auth.pw.strength.empty":"Type a password","auth.pw.strength.veryweak":"Very weak","auth.pw.strength.weak":"Weak","auth.pw.strength.medium":"Medium","auth.pw.strength.strong":"Strong","auth.pw.strength.excellent":"Excellent","auth.pw.hint.length":"At least 10 characters","auth.pw.hint.case":"Add uppercase letters","auth.pw.hint.number":"Add a number","auth.pw.hint.symbol":"Add a symbol","auth.pw.hint.repeats":"Avoid repetitions","auth.pw.hint.common":"Too common, be creative","auth.pw.hint.good":"Nice work!","auth.pw.match.ok":"Passwords match","auth.pw.match.ko":"Passwords don't match"}</script>

<!-- 🍞 Toast stack -->
<div class="toast-stack" id="toast-stack" aria-live="polite" aria-atomic="true"></div>

<!-- ⬆️ Scroll-to-top FAB -->
<button type="button" id="scroll-top" class="scroll-top" aria-label="Back to top" hidden>
    <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <path d="M12 19V5"/><path d="m5 12 7-7 7 7"/>
    </svg>
</button>

<!-- 🍪 Cookie consent banner (CSS-hidden si xs_cookie_seen=1 déjà set) -->
<div id="cookie-banner" class="cookie-banner" role="dialog" aria-live="polite" aria-label="Cookie banner" >
    <div class="cookie-banner-inner">
        <div class="cookie-banner-icon" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg></span></div>
        <div class="cookie-banner-text">
            <strong>This site uses functional cookies</strong>
            <p>
                We only use essential cookies (session, cart, language, theme) — no advertising tracking.                <a href="https://xen-support.com/cookies">Learn more</a>
            </p>
        </div>
        <div class="cookie-banner-actions">
            <button type="button" class="btn btn-primary btn-sm" data-cookie-accept>
                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> Got it            </button>
        </div>
    </div>
</div>


    <main class="main" id="main">
                

<!-- ════════════════════════════════════════════════════════════════
     HERO — "Plateforme XenForo tout-en-un"
     ════════════════════════════════════════════════════════════════ -->
<section class="hero">
    <div class="hero-aurora" aria-hidden="true">
        <span class="hero-aurora-blob hero-aurora-blob--1"></span>
        <span class="hero-aurora-blob hero-aurora-blob--2"></span>
        <span class="hero-aurora-blob hero-aurora-blob--3"></span>
    </div>
    <div class="container">
        <div class="hero-grid">
            <div>
                                <div class="hero-status" role="status" aria-live="off">
                    <span class="hero-status-dot" aria-hidden="true"></span>
                    <span class="hero-status-text">v1.0.0 · Classified</span>
                </div>
                <span class="hero-eyebrow">
                    <span class="dot"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span></span>
                    Premium XenForo add-ons                </span>
                <h1 class="hero-title">Supercharge your XenForo forum with <em>custom-built</em>.</h1>
                <p class="hero-subtitle">Buy online, receive your installation file and your license key instantly. Support included, lifetime updates.</p>
                <div class="hero-actions">
                    <a class="btn btn-white" href="https://xen-support.com/extensions">
                        Browse the catalog <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                    </a>
                                            <a class="btn btn-ghost" href="https://xen-support.com/register" data-modal-open="register">Create an account</a>
                                    </div>
            </div>

            <!-- Preview card 3D : seulement si vraie extension à montrer. -->
                                    <div class="hero-preview" aria-hidden="true">
                <div class="hero-preview-card">
                    <div class="hero-preview-card-header">
                        <span class="hero-preview-dot"></span>
                        <span class="hero-preview-dot"></span>
                        <span class="hero-preview-dot"></span>
                        <span class="hero-preview-url">xen-support.com/extensions/classifieds</span>
                    </div>
                    <div class="hero-preview-card-body">
                        <div class="hero-preview-row">
                            <div class="hero-preview-icon"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span></div>
                            <div class="hero-preview-info">
                                <strong>Classified</strong>
                                <small>v1.0.0 · XF 2.3</small>
                            </div>
                            <div class="hero-preview-price">29,99 €</div>
                        </div>
                        <div class="hero-preview-row hero-preview-row--feature">
                            <span class="hero-preview-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span>
                            <span>Instant download</span>
                        </div>
                        <div class="hero-preview-row hero-preview-row--feature">
                            <span class="hero-preview-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span>
                            <span>Domain-based activation</span>
                        </div>
                        <div class="hero-preview-row hero-preview-row--feature">
                            <span class="hero-preview-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span>
                            <span>Lifetime updates</span>
                        </div>
                        <a href="https://xen-support.com/extensions/classifieds" class="hero-preview-cta">
                            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span> Add to cart                        </a>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §1 PILIERS — Marketplace / Elite / Custom Dev / AI Advisor
     ════════════════════════════════════════════════════════════════ -->
<section class="hs-pillars" data-animate>
    <div class="container">
        <div class="hs-pillars-head">
            <p class="section-eyebrow">OUR PLATFORM</p>
            <h2>Everything your forum needs, <em>in one place.</em></h2>
            <p class="hs-pillars-lead">Four complementary building blocks: premium add-ons, Elite subscription, custom development, and AI advice. Pick what fits your project.</p>
        </div>

        <div class="hs-pillars-grid">
            <a class="hs-pillar hs-pillar--market" href="https://xen-support.com/extensions">
                <div class="hs-pillar-icon"><span class="ic lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span></div>
                <h3 class="hs-pillar-title">Marketplace</h3>
                <p class="hs-pillar-desc">Premium XenForo add-ons, delivered in minutes. Readable code, updates included.</p>
                <span class="hs-pillar-cta">
                    Browse the catalog <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                </span>
            </a>

            <a class="hs-pillar hs-pillar--elite" href="https://xen-support.com/elite">
                <div class="hs-pillar-icon"><span class="ic lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg></span></div>
                <h3 class="hs-pillar-title">Elite Pack</h3>
                <p class="hs-pillar-desc">Unlimited downloads, priority support, White-Label included on annual plans.</p>
                <span class="hs-pillar-cta">
                    Discover Elite <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                </span>
            </a>

            <a class="hs-pillar hs-pillar--custom" href="https://xen-support.com/custom-development">
                <div class="hs-pillar-icon"><span class="ic lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></span></div>
                <h3 class="hs-pillar-title">Custom dev</h3>
                <p class="hs-pillar-desc">Tailored add-ons, integrations, migrations. Quote within 48h.</p>
                <span class="hs-pillar-cta">
                    Request a quote <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                </span>
            </a>

                        <a class="hs-pillar hs-pillar--advisor" href="https://xen-support.com/advisor">
                <div class="hs-pillar-icon"><span class="ic lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span></div>
                <h3 class="hs-pillar-title">AI Advisor</h3>
                <p class="hs-pillar-desc">Describe your need, the AI recommends the right add-ons and configs.</p>
                <span class="hs-pillar-cta">
                    Try the advisor <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                </span>
            </a>
                    </div>
    </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §2 CATALOGUE — Featured + Latest en tabs (économie d'espace)
     ════════════════════════════════════════════════════════════════ -->
<section class="hs-catalog container section" data-animate>
    <div class="section-head">
        <div>
            <p class="section-eyebrow">CATALOG</p>
            <h2>Our most popular add-ons</h2>
            <p>Editorial picks and fresh releases, at a glance.</p>
        </div>
        <a class="section-link" href="https://xen-support.com/extensions">See all <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></a>
    </div>

    <!-- Tabs : Featured / Latest. Le JS bascule .is-active sur le bouton et la panel.
         Sans JS, le panneau "featured" reste visible par défaut, "latest" est masqué.
         Accessibilité : role=tablist + aria-controls + aria-selected via JS. -->
    <div class="hs-catalog-tabs" role="tablist" aria-label="Filter catalog">
        <button type="button" class="hs-catalog-tab is-active" role="tab"
                aria-selected="true" aria-controls="catalog-panel-featured"
                data-catalog-tab="featured">
            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26"/></svg></span>            <span>Editor&#039;s picks</span>
        </button>
        <button type="button" class="hs-catalog-tab" role="tab"
                aria-selected="false" aria-controls="catalog-panel-latest"
                data-catalog-tab="latest" tabindex="-1">
            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg></span>            <span>Newest</span>
        </button>
    </div>

    <!-- ─── PANEL FEATURED ─── -->
    <div class="hs-catalog-panel is-active"
         id="catalog-panel-featured"
         role="tabpanel"
         aria-labelledby="tab-featured"
         data-catalog-panel="featured">

                                <div class="hs-feat-wrap">
                <article class="hs-feat-hero">
                    <a class="hs-feat-hero-cover" href="https://xen-support.com/extensions/classifieds">
                                                    <img src="https://xen-support.com/cover/c76b084f11dab8ba__classified_hero.webp" alt="Classified"
                                 style="object-position:50% 50%"
                                 width="640" height="400" loading="lazy" decoding="async">
                        
                        <div class="hs-feat-hero-badges">
                            <span class="hs-feat-badge hs-feat-badge--pick">
                                <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span>                                <span>Editor&#039;s Pick</span>
                            </span>
                                                    </div>

                        
                        <span class="hs-feat-hero-overlay">
                            <span>View details</span>
                            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                        </span>
                    </a>

                    <div class="hs-feat-hero-body">
                        <div class="hs-feat-hero-title-row">
                            <a class="hs-feat-hero-title" href="https://xen-support.com/extensions/classifieds">
                                Classified                            </a>
                            <span class="hs-feat-hero-version">v1.0.0</span>
                        </div>

                        <div class="hs-feat-hero-trust">
                                                            <span class="hs-feat-hero-rating hs-feat-hero-rating--empty">
                                    <span class="rating-stars-svg rating-stars-svg--md" aria-hidden="true"><span class="rating-stars-svg__s"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span><span class="rating-stars-svg__s"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span><span class="rating-stars-svg__s"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span><span class="rating-stars-svg__s"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span><span class="rating-stars-svg__s"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span></span>                                    <small>New</small>
                                </span>
                            
                            
                                                            <span class="hs-feat-hero-meta">
                                    <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span> XF 2.3.x                                </span>
                                                    </div>

                        <p class="hs-feat-hero-desc">The buy / sell / trade section your community has been missing.</p>

                                                    <div class="hs-feat-hero-tags">
                                                                    <a class="hs-feat-tag" href="https://xen-support.com/tags/addon">
                                        #addon                                    </a>
                                                                    <a class="hs-feat-tag" href="https://xen-support.com/tags/classified">
                                        #classified                                    </a>
                                                                    <a class="hs-feat-tag" href="https://xen-support.com/tags/marketplace">
                                        #marketplace                                    </a>
                                                                    <a class="hs-feat-tag" href="https://xen-support.com/tags/premium">
                                        #premium                                    </a>
                                                            </div>
                        
                        <div class="hs-feat-hero-foot">
                            <div class="hs-feat-hero-price-wrap">
                                                                    <span class="hs-feat-hero-price">
                                        29,99 €                                    </span>
                                    <span class="hs-feat-hero-price-sub">lifetime · 1y support</span>
                                                            </div>

                            <div class="hs-feat-hero-actions">
                                                                    <a class="btn btn-secondary" href="https://xen-support.com/extensions/classifieds">
                                        Details                                    </a>
                                    <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                        <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                        <input type="hidden" name="id" value="13">
                                        <input type="hidden" name="back" value="/?feed=rss2">
                                        <button class="btn btn-primary" type="submit">
                                            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                            Add to cart                                        </button>
                                    </form>
                                                            </div>
                        </div>
                    </div>
                </article>

                                <aside class="hs-feat-companions">
                                            <a class="hs-feat-comp" href="https://xen-support.com/extensions/xencard">
                            <div class="hs-feat-comp-cover">
                                                                    <img src="https://xen-support.com/cover/a457798a012301df__card.webp" alt="XenCard"
                                         style="object-position:50% 50%"
                                         width="200" height="140" loading="lazy" decoding="async">
                                                                                            </div>
                            <div class="hs-feat-comp-body">
                                <div class="hs-feat-comp-title-row">
                                    <strong class="hs-feat-comp-title">XenCard</strong>
                                    <span class="hs-feat-comp-version">v1.0.1</span>
                                </div>
                                <p class="hs-feat-comp-desc">Collectible Trading Card Economy</p>
                                <div class="hs-feat-comp-foot">
                                    <span class="hs-feat-comp-price">
                                                                                    39,00 €                                                                            </span>
                                    <span class="hs-feat-comp-arrow"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span>
                                </div>
                            </div>
                        </a>
                                            <a class="hs-feat-comp" href="https://xen-support.com/extensions/journey">
                            <div class="hs-feat-comp-cover">
                                                                    <img src="https://xen-support.com/cover/4a69db248dc3b7db__journey.webp" alt="Journey"
                                         style="object-position:50% 50%"
                                         width="200" height="140" loading="lazy" decoding="async">
                                                                                            </div>
                            <div class="hs-feat-comp-body">
                                <div class="hs-feat-comp-title-row">
                                    <strong class="hs-feat-comp-title">Journey</strong>
                                    <span class="hs-feat-comp-version">v1.0.1</span>
                                </div>
                                <p class="hs-feat-comp-desc">Turn first-time visitors into loyal members. Automatically.</p>
                                <div class="hs-feat-comp-foot">
                                    <span class="hs-feat-comp-price">
                                                                                    39,00 €                                                                            </span>
                                    <span class="hs-feat-comp-arrow"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span>
                                </div>
                            </div>
                        </a>
                                            <a class="hs-feat-comp" href="https://xen-support.com/extensions/groupflair">
                            <div class="hs-feat-comp-cover">
                                                                    <img src="https://xen-support.com/cover/b20aae44a3884ed8__groupflair.webp" alt="GroupFlair — Bling for your user groups"
                                         style="object-position:50% 50%"
                                         width="200" height="140" loading="lazy" decoding="async">
                                                                                            </div>
                            <div class="hs-feat-comp-body">
                                <div class="hs-feat-comp-title-row">
                                    <strong class="hs-feat-comp-title">GroupFlair — Bling for your user groups</strong>
                                    <span class="hs-feat-comp-version">v1.0.1</span>
                                </div>
                                <p class="hs-feat-comp-desc">Make your staff, donators and VIPs impossible to miss.</p>
                                <div class="hs-feat-comp-foot">
                                    <span class="hs-feat-comp-price">
                                                                                    9,99 €                                                                            </span>
                                    <span class="hs-feat-comp-arrow"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span></span>
                                </div>
                            </div>
                        </a>
                    
                                    </aside>
                            </div>
            </div>

    <!-- ─── PANEL LATEST ─── -->
    <div class="hs-catalog-panel"
         id="catalog-panel-latest"
         role="tabpanel"
         aria-labelledby="tab-latest"
         data-catalog-panel="latest"
         hidden>

                    <div class="hs-time-list">
                                    <article class="hs-time-row">
                        <div class="hs-time-date" aria-label="2026-06-08 19:13:16">
                            <span class="hs-time-date-month">JUN</span>
                            <span class="hs-time-date-day">08</span>
                        </div>

                        <a class="hs-time-cover" href="https://xen-support.com/extensions/classifieds">
                                                            <img src="https://xen-support.com/cover/c76b084f11dab8ba__classified_hero.webp" alt="Classified"
                                     style="object-position:50% 50%"
                                     width="120" height="80" loading="lazy" decoding="async">
                                                    </a>

                        <div class="hs-time-info">
                            <div class="hs-time-title-row">
                                <a class="hs-time-title" href="https://xen-support.com/extensions/classifieds">
                                    Classified                                </a>
                                <span class="hs-time-version">v1.0.0</span>
                                                                    <span class="hs-time-newbadge">NEW</span>
                                                                                            </div>
                            <p class="hs-time-desc">The buy / sell / trade section your community has been missing.</p>
                                                            <div class="hs-time-tags">
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/addon">
                                            #addon                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/classified">
                                            #classified                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/marketplace">
                                            #marketplace                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/premium">
                                            #premium                                        </a>
                                                                    </div>
                                                    </div>

                        <div class="hs-time-actions">
                            <div class="hs-time-price">
                                                                    <span class="hs-time-price-val">
                                        29,99 €                                    </span>
                                                            </div>
                                                            <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                    <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                    <input type="hidden" name="id" value="13">
                                    <input type="hidden" name="back" value="/?feed=rss2">
                                    <button class="btn btn-secondary btn-sm" type="submit">
                                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                        Add to cart                                    </button>
                                </form>
                                                    </div>
                    </article>
                                    <article class="hs-time-row">
                        <div class="hs-time-date" aria-label="2026-05-31 21:31:59">
                            <span class="hs-time-date-month">MAY</span>
                            <span class="hs-time-date-day">31</span>
                        </div>

                        <a class="hs-time-cover" href="https://xen-support.com/extensions/xencard">
                                                            <img src="https://xen-support.com/cover/a457798a012301df__card.webp" alt="XenCard"
                                     style="object-position:50% 50%"
                                     width="120" height="80" loading="lazy" decoding="async">
                                                    </a>

                        <div class="hs-time-info">
                            <div class="hs-time-title-row">
                                <a class="hs-time-title" href="https://xen-support.com/extensions/xencard">
                                    XenCard                                </a>
                                <span class="hs-time-version">v1.0.1</span>
                                                                                            </div>
                            <p class="hs-time-desc">Collectible Trading Card Economy</p>
                                                            <div class="hs-time-tags">
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/addon">
                                            #addon                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/card">
                                            #card                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/collectible">
                                            #collectible                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/premium">
                                            #premium                                        </a>
                                                                    </div>
                                                    </div>

                        <div class="hs-time-actions">
                            <div class="hs-time-price">
                                                                    <span class="hs-time-price-val">
                                        39,00 €                                    </span>
                                                            </div>
                                                            <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                    <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                    <input type="hidden" name="id" value="12">
                                    <input type="hidden" name="back" value="/?feed=rss2">
                                    <button class="btn btn-secondary btn-sm" type="submit">
                                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                        Add to cart                                    </button>
                                </form>
                                                    </div>
                    </article>
                                    <article class="hs-time-row">
                        <div class="hs-time-date" aria-label="2026-05-27 17:04:09">
                            <span class="hs-time-date-month">MAY</span>
                            <span class="hs-time-date-day">27</span>
                        </div>

                        <a class="hs-time-cover" href="https://xen-support.com/extensions/journey">
                                                            <img src="https://xen-support.com/cover/4a69db248dc3b7db__journey.webp" alt="Journey"
                                     style="object-position:50% 50%"
                                     width="120" height="80" loading="lazy" decoding="async">
                                                    </a>

                        <div class="hs-time-info">
                            <div class="hs-time-title-row">
                                <a class="hs-time-title" href="https://xen-support.com/extensions/journey">
                                    Journey                                </a>
                                <span class="hs-time-version">v1.0.1</span>
                                                                                            </div>
                            <p class="hs-time-desc">Turn first-time visitors into loyal members. Automatically.</p>
                                                            <div class="hs-time-tags">
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/journey">
                                            #journey                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/members">
                                            #members                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/premium">
                                            #premium                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/seo">
                                            #seo                                        </a>
                                                                    </div>
                                                    </div>

                        <div class="hs-time-actions">
                            <div class="hs-time-price">
                                                                    <span class="hs-time-price-val">
                                        39,00 €                                    </span>
                                                            </div>
                                                            <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                    <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                    <input type="hidden" name="id" value="11">
                                    <input type="hidden" name="back" value="/?feed=rss2">
                                    <button class="btn btn-secondary btn-sm" type="submit">
                                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                        Add to cart                                    </button>
                                </form>
                                                    </div>
                    </article>
                                    <article class="hs-time-row">
                        <div class="hs-time-date" aria-label="2026-05-25 19:37:05">
                            <span class="hs-time-date-month">MAY</span>
                            <span class="hs-time-date-day">25</span>
                        </div>

                        <a class="hs-time-cover" href="https://xen-support.com/extensions/groupflair">
                                                            <img src="https://xen-support.com/cover/b20aae44a3884ed8__groupflair.webp" alt="GroupFlair — Bling for your user groups"
                                     style="object-position:50% 50%"
                                     width="120" height="80" loading="lazy" decoding="async">
                                                    </a>

                        <div class="hs-time-info">
                            <div class="hs-time-title-row">
                                <a class="hs-time-title" href="https://xen-support.com/extensions/groupflair">
                                    GroupFlair — Bling for your user groups                                </a>
                                <span class="hs-time-version">v1.0.1</span>
                                                                                            </div>
                            <p class="hs-time-desc">Make your staff, donators and VIPs impossible to miss.</p>
                                                            <div class="hs-time-tags">
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/addon">
                                            #addon                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/customise">
                                            #customise                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/group">
                                            #group                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/premium">
                                            #premium                                        </a>
                                                                    </div>
                                                    </div>

                        <div class="hs-time-actions">
                            <div class="hs-time-price">
                                                                    <span class="hs-time-price-val">
                                        9,99 €                                    </span>
                                                            </div>
                                                            <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                    <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                    <input type="hidden" name="id" value="10">
                                    <input type="hidden" name="back" value="/?feed=rss2">
                                    <button class="btn btn-secondary btn-sm" type="submit">
                                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                        Add to cart                                    </button>
                                </form>
                                                    </div>
                    </article>
                                    <article class="hs-time-row">
                        <div class="hs-time-date" aria-label="2026-05-25 16:35:15">
                            <span class="hs-time-date-month">MAY</span>
                            <span class="hs-time-date-day">25</span>
                        </div>

                        <a class="hs-time-cover" href="https://xen-support.com/extensions/xenlevel">
                                                            <img src="https://xen-support.com/cover/b6ff2963b1de6410__level.webp" alt="Level — Complete Gamification &amp; XP System"
                                     style="object-position:50% 50%"
                                     width="120" height="80" loading="lazy" decoding="async">
                                                    </a>

                        <div class="hs-time-info">
                            <div class="hs-time-title-row">
                                <a class="hs-time-title" href="https://xen-support.com/extensions/xenlevel">
                                    Level — Complete Gamification &amp; XP System                                </a>
                                <span class="hs-time-version">v1.3.0</span>
                                                                                            </div>
                            <p class="hs-time-desc">The complete gamification &amp; XP system for XenForo</p>
                                                            <div class="hs-time-tags">
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/addon">
                                            #addon                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/gamification">
                                            #gamification                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/premium">
                                            #premium                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/xenforo">
                                            #xenforo                                        </a>
                                                                    </div>
                                                    </div>

                        <div class="hs-time-actions">
                            <div class="hs-time-price">
                                                                    <span class="hs-time-price-val">
                                        39,00 €                                    </span>
                                                            </div>
                                                            <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                    <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                    <input type="hidden" name="id" value="9">
                                    <input type="hidden" name="back" value="/?feed=rss2">
                                    <button class="btn btn-secondary btn-sm" type="submit">
                                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                        Add to cart                                    </button>
                                </form>
                                                    </div>
                    </article>
                                    <article class="hs-time-row">
                        <div class="hs-time-date" aria-label="2026-05-19 22:59:37">
                            <span class="hs-time-date-month">MAY</span>
                            <span class="hs-time-date-day">19</span>
                        </div>

                        <a class="hs-time-cover" href="https://xen-support.com/extensions/watchparty">
                                                            <img src="https://xen-support.com/cover/f28563005ad611f4__watchparty.webp" alt="Watch Party"
                                     style="object-position:50% 50%"
                                     width="120" height="80" loading="lazy" decoding="async">
                                                    </a>

                        <div class="hs-time-info">
                            <div class="hs-time-title-row">
                                <a class="hs-time-title" href="https://xen-support.com/extensions/watchparty">
                                    Watch Party                                </a>
                                <span class="hs-time-version">v1.2.1</span>
                                                                                            </div>
                            <p class="hs-time-desc">Press play. Together.</p>
                                                            <div class="hs-time-tags">
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/addon">
                                            #addon                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/elite">
                                            #elite                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/premium">
                                            #premium                                        </a>
                                                                            <a class="hs-time-tag" href="https://xen-support.com/tags/watchparty">
                                            #watchparty                                        </a>
                                                                    </div>
                                                    </div>

                        <div class="hs-time-actions">
                            <div class="hs-time-price">
                                                                    <span class="hs-time-price-val">
                                        29,99 €                                    </span>
                                                            </div>
                                                            <form method="post" action="https://xen-support.com/cart/add" class="inline">
                                    <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                                    <input type="hidden" name="id" value="8">
                                    <input type="hidden" name="back" value="/?feed=rss2">
                                    <button class="btn btn-secondary btn-sm" type="submit">
                                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="20" r="1.5"/><circle cx="18" cy="20" r="1.5"/><path d="M3 4h2l2.4 12.1a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L21 8H6"/></svg></span>                                        Add to cart                                    </button>
                                </form>
                                                    </div>
                    </article>
                            </div>
            </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §2.5 PACKS — bundles publiés (masqué si aucun). Surfacé ici pour la
     découvrabilité (avant ce bloc, les packs n'étaient que dans le footer).
     ════════════════════════════════════════════════════════════════ -->
<section class="container section bundles-strip" data-animate aria-label="Bundles">
    <div class="section-head">
        <div>
            <p class="section-eyebrow"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span> Bundles</p>
            <h2>Save more with bundles</h2>
            <p>Curated sets of our add-ons at one fixed price — buy together, pay less.</p>
        </div>
        <a class="section-link" href="https://xen-support.com/bundles">
            All bundles <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>        </a>
    </div>

    <div class="bundle-grid">
                    <article class="bundle-card">
    <a class="bundle-card-media is-fallback" href="https://xen-support.com/bundles/gamification" aria-label="Pack Gamification">
                    <span class="bundle-media-deco" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></span></span>
                            <span class="bundle-media-save">
                    <span class="bundle-media-save-pct">−10%</span>
                    <span class="bundle-media-save-lbl">you save</span>
                </span>
                                        <span class="bundle-media-count">4 add-ons</span>
            </a>
    <div class="bundle-card-body">
        <h3 class="bundle-card-title">
            <a href="https://xen-support.com/bundles/gamification">Pack Gamification</a>
        </h3>
                    <p class="bundle-card-desc text-muted">4 Add-ons for Gamifying Your XenForo Forum</p>
                <ul class="bundle-card-list">
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>Journey</span></li>
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>Level — Complete Gamification &amp; XP System</span></li>
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>Teams</span></li>
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>XenCard</span></li>
                                </ul>
        <div class="bundle-card-foot">
            <div class="bundle-card-price">
                <s class="text-muted">166,00 €</s>                <strong>150,00 €</strong>
            </div>
            <a class="btn btn-primary btn-sm" href="https://xen-support.com/bundles/gamification">View pack</a>
        </div>
    </div>
</article>
                    <article class="bundle-card">
    <a class="bundle-card-media is-fallback" href="https://xen-support.com/bundles/starter" aria-label="Starter Pack">
                    <span class="bundle-media-deco" aria-hidden="true"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg></span></span>
                            <span class="bundle-media-save">
                    <span class="bundle-media-save-pct">−9%</span>
                    <span class="bundle-media-save-lbl">you save</span>
                </span>
                                        <span class="bundle-media-count">3 add-ons</span>
            </a>
    <div class="bundle-card-body">
        <h3 class="bundle-card-title">
            <a href="https://xen-support.com/bundles/starter">Starter Pack</a>
        </h3>
                    <p class="bundle-card-desc text-muted">Must-have add-ons when setting up your XenForo forum</p>
                <ul class="bundle-card-list">
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>GroupFlair — Bling for your user groups</span></li>
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>Journey</span></li>
                            <li><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> <span>Level — Complete Gamification &amp; XP System</span></li>
                                </ul>
        <div class="bundle-card-foot">
            <div class="bundle-card-price">
                <s class="text-muted">87,99 €</s>                <strong>79,99 €</strong>
            </div>
            <a class="btn btn-primary btn-sm" href="https://xen-support.com/bundles/starter">View pack</a>
        </div>
    </div>
</article>
            </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §3 POWER-UPS — Elite + White-Label (GARDÉ tel quel)
     ════════════════════════════════════════════════════════════════ -->
<section id="powerups" class="hs-powerups" data-animate>
    <div class="container">
        <div class="hs-powerups-head">
            <p class="section-eyebrow">003 / POWER-UPS</p>
            <h2>Take it further with <em>XenSupport</em></h2>
            <p class="hs-powerups-lead">Two complementary offers to transform your forum: an Elite subscription for unlimited add-on downloads, and a lifetime White-Label pack to remove every XenSupport mention.</p>
        </div>

        <div class="hs-powerups-grid">
            <article class="hs-pwr-card hs-pwr-card--elite">
                <div class="hs-pwr-glow" aria-hidden="true"></div>
                <header class="hs-pwr-head">
                    <span class="hs-pwr-badge"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg></span> Elite plan</span>
                    <h3 class="hs-pwr-title">Unlimited downloads</h3>
                    <p class="hs-pwr-sub">Access every extension, priority support, Elite badge — no commitment.</p>
                </header>

                <div class="hs-pwr-price">
                                            <span class="hs-pwr-price-amount">4,99 €</span>
                        <span class="hs-pwr-price-period">/month</span>
                                    </div>

                <ul class="hs-pwr-perks">
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> Unlimited free download of included add-ons</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> -10% automatic on paid extensions</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> Priority support &amp; early access to new releases</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> White-Label pack bundled in the yearly plan</li>
                </ul>

                <div class="hs-pwr-foot">
                                            <a class="btn hs-pwr-cta hs-pwr-cta--gold" href="https://xen-support.com/elite">
                            Discover Elite <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                        </a>
                                        <small class="hs-pwr-fine">Cancel anytime from your account</small>
                </div>
            </article>

            <article class="hs-pwr-card hs-pwr-card--wl">
                <div class="hs-pwr-glow" aria-hidden="true"></div>
                <header class="hs-pwr-head">
                    <span class="hs-pwr-badge hs-pwr-badge--plat"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41 13.42 20.58a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><line x1="7" y1="7" x2="7.01" y2="7"/></svg></span> White-Label pack</span>
                    <h3 class="hs-pwr-title">No XenSupport copyright</h3>
                    <p class="hs-pwr-sub">Remove the “Powered by XenSupport” credit from every add-on, forever.</p>
                </header>

                <div class="hs-pwr-price">
                    <span class="hs-pwr-price-amount">19,99 €</span>
                    <span class="hs-pwr-price-period">· lifetime · one-time payment</span>
                </div>

                <ul class="hs-pwr-perks">
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> Your forum, your brand: zero XenSupport mention</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> Applies to all your current &amp; future extensions</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> Dedicated unbranded ZIP — re-downloadable for life</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> One-time purchase — no subscription, no renewal</li>
                </ul>

                <div class="hs-pwr-foot">
                                            <a class="btn hs-pwr-cta hs-pwr-cta--plat" href="https://xen-support.com/white-label">
                            Get the pack <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                        </a>
                                        <small class="hs-pwr-fine">Included automatically in Elite Yearly</small>
                </div>
            </article>

            <article class="hs-pwr-card hs-pwr-card--studio">
                <div class="hs-pwr-glow" aria-hidden="true"></div>
                <header class="hs-pwr-head">
                    <span class="hs-pwr-badge hs-pwr-badge--studio"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7v8l9-12h-7V2z"/></svg></span> STUDIO PLAN</span>
                    <h3 class="hs-pwr-title">Your dev team on retainer</h3>
                    <p class="hs-pwr-sub">Custom development every month — Elite included.</p>
                </header>

                <div class="hs-pwr-price">
                    <span class="hs-pwr-price-amount">150,00 €</span>
                    <span class="hs-pwr-price-period">/month</span>
                </div>

                <ul class="hs-pwr-perks">
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> 2h priority custom dev / month</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> All add-ons included free</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> -20% on everything else</li>
                    <li><span class="hs-pwr-check"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span></span> Priority queue &amp; Studio badge</li>
                </ul>

                <div class="hs-pwr-foot">
                                            <a class="btn hs-pwr-cta hs-pwr-cta--studio" href="https://xen-support.com/studio">
                            Discover Studio <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                        </a>
                                        <small class="hs-pwr-fine">Monthly · cancel anytime</small>
                </div>
            </article>
        </div>
    </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §4 PREUVES — Trust pills + Marquee credentials (fusion compacte)
     ════════════════════════════════════════════════════════════════ -->
<section class="hs-why" data-animate aria-label="Guarantees and commitments">
    <div class="container">
        <div class="hs-why-head">
            <p class="section-eyebrow">WHY XENSUPPORT</p>
            <h2>Secure, durable, no surprises</h2>
        </div>

        <div class="hs-why-pills">
            <div class="hs-why-pill">
                <span class="hs-why-pill-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7l8-4z"/><path d="m9 12 2 2 4-4"/></svg></span></span>
                <div>
                    <strong>Stripe Checkout</strong>
                    <small>We never store your card details</small>
                </div>
            </div>
            <div class="hs-why-pill">
                <span class="hs-why-pill-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg></span></span>
                <div>
                    <strong>1-year updates</strong>
                    <small>Free updates during your support period</small>
                </div>
            </div>
            <div class="hs-why-pill">
                <span class="hs-why-pill-ic"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span></span>
                <div>
                    <strong>Source code included</strong>
                    <small>Readable, editable PHP — no obfuscation</small>
                </div>
            </div>
        </div>

        <!-- Marquee credentials : ligne discrète sous les pills -->
        <div class="hs-why-marquee" aria-hidden="true">
            <div class="hs-why-marquee-track">
                                    <span class="hs-why-marquee-item">XF 2.3+ compatible</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Secured Stripe payments</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Lifetime updates</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Instant download</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Made in France</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Developer support included</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Documented code</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Lifetime license · No hidden subscription</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">XF 2.3+ compatible</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Secured Stripe payments</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Lifetime updates</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Instant download</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Made in France</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Developer support included</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Documented code</span>
                    <span class="hs-why-marquee-sep">·</span>
                                    <span class="hs-why-marquee-item">Lifetime license · No hidden subscription</span>
                    <span class="hs-why-marquee-sep">·</span>
                            </div>
        </div>
    </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §5 HOW IT WORKS — 3 étapes (GARDÉ tel quel)
     ════════════════════════════════════════════════════════════════ -->
<section class="how-it-works" data-animate>
    <div class="container">
        <div class="section-head">
            <div>
                <p class="section-eyebrow">005 / WORKFLOW</p>
                <h2>How it works</h2>
                <p>3 simple steps from click to install.</p>
            </div>
        </div>
        <div class="steps mt-3">
            <div class="step">
                <div class="step-bullet">01</div>
                <h3>Pick</h3>
                <p>Browse the catalog and add extensions to your cart.</p>
            </div>
            <div class="step">
                <div class="step-bullet">02</div>
                <h3>Pay</h3>
                <p>Secure Stripe. Card, Apple Pay, Google Pay accepted.</p>
            </div>
            <div class="step">
                <div class="step-bullet">03</div>
                <h3>Install</h3>
                <p>ZIP file + license key delivered instantly in your account.</p>
            </div>
        </div>
    </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §5.5 SHOWCASE — « Ils nous font confiance » (preuve sociale)
     Masqué entièrement s'il n'y a aucune entrée approuvée.
     ════════════════════════════════════════════════════════════════ -->
<section class="hs-showcase" data-animate aria-label="Forums using our add-ons">
    <div class="container">
        <p class="hs-showcase-eyebrow"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg></span> Trusted by forums worldwide</p>
        <div class="hs-showcase-row">
                            <a class="hs-showcase-item" href="https://pixelgorillas.de" target="_blank" rel="nofollow noopener" title="Pixelgorillas">
                    <span class="hs-showcase-logo">
                                                    <img src="https://xen-support.com/showcase-logo/56e4704dc7a75123__final.webp" alt="Pixelgorillas" loading="lazy">
                                            </span>
                    <span class="hs-showcase-name">Pixelgorillas</span>
                </a>
                            <a class="hs-showcase-item" href="https://lilrawkersradio.net" target="_blank" rel="nofollow noopener" title="Lil Rawkers Radio">
                    <span class="hs-showcase-logo">
                                                    <img src="https://xen-support.com/showcase-logo/69ae6ff0ed2971c4__WhatsApp_Image_2026-06-01_at_11.10.34.webp" alt="Lil Rawkers Radio" loading="lazy">
                                            </span>
                    <span class="hs-showcase-name">Lil Rawkers Radio</span>
                </a>
                    </div>
        <a class="hs-showcase-link" href="https://xen-support.com/showcase">
            See all forums →
        </a>
    </div>
</section>

<!-- ════════════════════════════════════════════════════════════════
     §6 CTA FINAL — Conversion bottom-of-page
     ════════════════════════════════════════════════════════════════ -->
<section class="hs-final-cta" data-animate>
    <div class="container">
        <div class="hs-final-cta-card">
            <div class="hs-final-cta-bg" aria-hidden="true">
                <span class="hs-final-cta-blob hs-final-cta-blob--1"></span>
                <span class="hs-final-cta-blob hs-final-cta-blob--2"></span>
            </div>
            <div class="hs-final-cta-body">
                <p class="hs-final-cta-eyebrow">
                    <span class="hs-final-cta-dot"></span>
                    READY TO START                </p>
                <h2 class="hs-final-cta-title">
                    Give your forum                    <em>the boost</em>
                    it deserves.                </h2>
                <p class="hs-final-cta-sub">50+ add-ons, Elite subscription, or custom dev — pick what you need and we handle the rest.</p>
                <div class="hs-final-cta-actions">
                    <a class="btn btn-white btn-lg" href="https://xen-support.com/extensions">
                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/></svg></span>                        Browse the catalog                        <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg></span>                    </a>
                                            <a class="btn btn-ghost btn-lg hs-final-cta-secondary" href="https://xen-support.com/elite">
                            <span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3h12l4 6-10 13L2 9z"/><path d="M11 3 8 9l4 13 4-13-3-6"/><path d="M2 9h20"/></svg></span>                            Go Elite                        </a>
                                    </div>
                <div class="hs-final-cta-trust">
                    <span><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7l8-4z"/><path d="m9 12 2 2 4-4"/></svg></span> Stripe payment</span>
                    <span><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7v8l9-12h-7V2z"/></svg></span> Instant delivery</span>
                    <span><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg></span> Support included</span>
                </div>
            </div>
        </div>
    </div>
</section>
    </main>

<footer class="footer">
    <div class="container footer-inner">

        <!-- Newsletter bandeau intégré, compact -->
        <div class="footer-newsletter">
            <div class="footer-newsletter-copy">
                <p class="footer-newsletter-label">NEWSLETTER</p>
                <h3>Stay up to date</h3>
                <p>News, updates and XenForo tips, once a month.</p>
            </div>
            <form method="post" action="https://xen-support.com/newsletter/subscribe" class="footer-newsletter-form">
                <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">                <input type="hidden" name="source" value="footer">
                <div class="honeypot" aria-hidden="true">
                    <label>Website<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
                </div>
                <input type="email" name="email" placeholder="your@email.com" required maxlength="200" autocomplete="email">
                <button type="submit" class="btn btn-brand">Subscribe</button>
            </form>
        </div>

        <div class="footer-grid">
            <div class="footer-col footer-col-brand">
                <a class="brand brand-footer" href="https://xen-support.com/">
                    <span class="brand-mark">X</span>
                    <span class="brand-text">XenSupport</span>
                </a>
                <p class="footer-tagline">© 2026 XenSupport — Premium XenForo add-ons.</p>
                <p class="footer-badges">
                    <span><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l8 4v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V7l8-4z"/><path d="m9 12 2 2 4-4"/></svg></span> Secure payment</span>
                    <span><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7v8l9-12h-7V2z"/></svg></span> Instant delivery</span>
                </p>
            </div>
            <div class="footer-col">
                <h4>Product</h4>
                <ul class="footer-links">
                    <li><a href="https://xen-support.com/extensions">Extensions</a></li>
                    <li><a href="https://xen-support.com/bundles">Bundles</a></li>
                    <li><a href="https://xen-support.com/support">Support us 💛</a></li>
                    <li><a href="https://xen-support.com/custom-development">Custom dev</a></li>
                    <li><a href="https://xen-support.com/roadmap">Roadmap</a></li>
                    <li><a href="https://xen-support.com/showcase">They use us</a></li>
                    <li><a href="https://xen-support.com/demo">Live demo</a></li>
                    <li><a href="https://xen-support.com/changelog">What&#039;s New</a></li>
                    <li><a href="https://xen-support.com/cart">Cart</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Support</h4>
                <ul class="footer-links">
                    <li><a href="https://xen-support.com/faq">FAQ</a></li>
                    <li><a href="https://xen-support.com/contact">Contact</a></li>
                    <li><a href="https://xen-support.com/report-bug">Report a bug</a></li>
                </ul>
            </div>
            <div class="footer-col">
                <h4>Legal</h4>
                <ul class="footer-links">
                    <li><a href="https://xen-support.com/terms">Terms</a></li>
                    <li><a href="https://xen-support.com/privacy">Privacy</a></li>
                    <li><a href="https://xen-support.com/cookies">Cookies</a></li>
                    <li><a href="https://xen-support.com/legal-notice">Legal notice</a></li>
                    <li><button type="button" class="footer-link-btn" data-cookie-reopen>Manage cookies</button></li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            <span>&copy; 2026 XenSupport. All rights reserved.</span>

            <!-- 🌍 Switch FR/EN + 🌙 thème (déplacés de la nav pour l'épurer).
                 Réutilise le même partial pour cohérence visuelle. -->
            <div class="footer-prefs">
                <a href="/?feed=rss2&amp;lang=fr" class="nav-lang" aria-label="Language" title="FR">
    FR</a>
<button type="button" class="theme-toggle" data-theme-toggle aria-label="Toggle theme" title="Toggle theme">
    <span class="ic-sun"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg></span></span>
    <span class="ic-moon"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></span></span>
</button>
            </div>

            <span class="footer-bottom-meta"><span class="ic" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5z"/><path d="M19 13l1 3 3 1-3 1-1 3-1-3-3-1 3-1 1-3z"/></svg></span> Crafted by XenSupport</span>
        </div>
    </div>
</footer>


<div class="chatbot-widget" id="chatbotWidget" aria-live="polite">
    <button type="button" class="chatbot-bubble" id="chatbotToggle" aria-label="Open help chat" aria-expanded="false" aria-controls="chatbotPanel">
        <span class="chatbot-bubble-icon" aria-hidden="true">
            <svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path>
            </svg>
        </span>
        <span class="chatbot-bubble-label">Help</span>
        <span class="chatbot-bubble-close" aria-hidden="true">
            <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
                <line x1="18" y1="6" x2="6" y2="18"></line>
                <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
        </span>
    </button>

    <div class="chatbot-panel" id="chatbotPanel" hidden role="dialog" aria-modal="false" aria-labelledby="chatbotTitle">
        <header class="chatbot-panel-head">
            <div class="chatbot-panel-head-text">
                <strong id="chatbotTitle">XenSupport Assistant</strong>
                <small class="chatbot-panel-sub">Instant answers · AI</small>
            </div>
            <button type="button" class="chatbot-panel-close" id="chatbotClose" aria-label="Close chat">
                <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
            </button>
        </header>

        <div class="chatbot-messages" id="chatbotMessages" role="log" aria-live="polite">
            <div class="chatbot-msg chatbot-msg--bot">
                <div class="chatbot-msg-bubble">Hi there! 👋 How can I help you today?</div>
            </div>
        </div>

        <form class="chatbot-input" id="chatbotForm" autocomplete="off">
            <input type="hidden" name="_csrf" value="ece5f2a2ce3b50213fa1bf34013c6d5b2ae21ecc79f4c8f0bd56c4c4bfb5b201">
            <input
                type="text"
                id="chatbotInput"
                name="message"
                placeholder="Type your question…"
                maxlength="2000"
                autocomplete="off"
                aria-label="Type your question…"
                required>
            <button type="submit" class="chatbot-send-btn" aria-label="Send">
                <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <line x1="22" y1="2" x2="11" y2="13"></line>
                    <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
                </svg>
            </button>
        </form>

        <p class="chatbot-disclaimer">
            AI · Can make mistakes. For official support:            <a href="https://xen-support.com/tickets/new">open a ticket</a>
        </p>
    </div>
</div>
<script src="https://xen-support.com/assets/chatbot.js?v=1779038320" defer></script>

<script src="https://xen-support.com/assets/promo-countdown.js?v=1779048173" defer></script>

</body>
</html>
