{"id":668,"date":"2026-10-20T00:43:08","date_gmt":"2026-10-19T22:43:08","guid":{"rendered":"https:\/\/geniuslabai.net\/?page_id=668"},"modified":"2026-10-20T01:15:51","modified_gmt":"2026-10-19T23:15:51","slug":"slotgenius-ai-vinci-con-lai","status":"publish","type":"page","link":"https:\/\/geniuslabai.net\/index.php\/slotgenius-ai-vinci-con-lai\/","title":{"rendered":"SlotGenius AI &#8211; Vinci con l&#8217;AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"668\" class=\"elementor elementor-668\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d871fb4 e-con-full e-flex e-con e-parent\" data-id=\"d871fb4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5a9c7 elementor-widget elementor-widget-html\" data-id=\"4f5a9c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<!--\n  \ud83d\udccc TRACKING ALLINEATO AL WIDGET \u2014 20 ottobre 2026.\n\n     Fino a quella data questa pagina aveva UN SOLO pixel (mancava\n     1232611725520389), NESSUN evento Lead (solo un ClickCTA custom, e solo dal\n     browser) e external_id: 'auto', che Meta hashava come stringa letterale.\n     Ora manda gli stessi eventi di  landing\/widget-bot.html :\n       \u00b7 due pixel, in init e nel <noscript>\n       \u00b7 PageView browser + CAPI con event_id condiviso\n       \u00b7 Lead browser + CAPI al click sulla CTA, stesso event_id\n       \u00b7 external_id = valore vero del cookie _fbp\n       \u00b7 _fbp\/_fbc creati PRIMA del PageView\n\n     \u26a0\ufe0f Resta una differenza voluta: qui i bottoni si trovano con la classe\n     .cta-trigger, non .sg-cta \u2014 questa \u00e8 una pagina a s\u00e9 con il suo JS, non\n     una pagina WordPress in cui si incolla il widget.\n\n     Il riferimento resta  landing\/widget-bot.html , identico byte per byte a\n     quello online su geniuslabai.net (verificato il 15\/10\/2026): se cambia\n     quello, questa va riallineata a mano.\n-->\n<html lang=\"it\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>SlotGenius AI - L'Intelligenza Artificiale che Rivoluziona le Slot Online<\/title>\n    <meta name=\"description\" content=\"Scopri anomalie RTP in tempo reale con SlotGenius AI. Il sistema AI analizza 127.000+ slot per identificare i momenti ottimali di vincita.\">\n    <meta name=\"theme-color\" content=\"#8b5cf6\">\n\n    <!-- \u2705 META PIXEL ENHANCED \u2014 EMQ OPTIMIZED -->\n    <script>\n    !function(f,b,e,v,n,t,s)\n    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n    n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n    n.queue=[];t=b.createElement(e);t.async=!0;\n    t.src=v;s=b.getElementsByTagName(e)[0];\n    s.parentNode.insertBefore(t,s)}(window, document,'script',\n    'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n    \/\/ external_id = valore reale del cookie _fbp (Meta lo hasha lato pixel).\n    \/\/ 'auto' era un BUG: Meta hashava la stringa letterale \"auto\", uguale per\n    \/\/ ogni visitatore \u2014 un identificativo che non identifica nessuno.\n    var _sgFbp = (function(){ var m = document.cookie.match(\/(?:^|; )_fbp=([^;]+)\/); return m ? m[1] : null; })();\n    fbq('init', '1980206159390050', _sgFbp ? { external_id: _sgFbp } : {});\n    fbq('init', '1232611725520389', _sgFbp ? { external_id: _sgFbp } : {});\n    \/\/ PageView spostato sotto per Fix #2 (event_id deduplication browser+server)\n    <\/script>\n    <noscript><img loading=\"lazy\" decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\" loading=\"lazy\"\n    src=\"https:\/\/www.facebook.com\/tr?id=1980206159390050&ev=PageView&noscript=1\" \/>\n    <img loading=\"lazy\" decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\" loading=\"lazy\"\n    src=\"https:\/\/www.facebook.com\/tr?id=1232611725520389&ev=PageView&noscript=1\" \/><\/noscript>\n\n    <!-- FIX #2 \u2014 Top-funnel events deduplication (browser + server CAPI) -->\n    <script>\n    (function() {\n        var WEBHOOK_URL = 'https:\/\/go.slotgeniusai.com';\n        function getCookie(name) {\n            var c = document.cookie.split(';');\n            for (var i = 0; i < c.length; i++) {\n                var s = c[i].trim();\n                if (s.indexOf(name + '=') === 0) return s.substring(name.length + 1);\n            }\n            return null;\n        }\n        function getFbclid() {\n            try { return new URLSearchParams(window.location.search).get('fbclid') || ''; }\n            catch (e) { return ''; }\n        }\n        function newEventId() {\n            try { if (window.crypto && crypto.randomUUID) return crypto.randomUUID().replace(\/-\/g, ''); }\n            catch (e) {}\n            return Date.now().toString(36) + Math.random().toString(36).slice(2, 14);\n        }\n        \/\/ FIX #3 \u2014 Event ID deterministico (mirror server generate_event_id).\n        async function generateDeterministicEventId(eventName, userIdentifier, qualifier) {\n            try {\n                var ts = Math.floor(Date.now() \/ 1000);\n                var raw = (eventName || '') + '|' + (userIdentifier || '') + '|' + (qualifier || '') + '|' + ts;\n                var hash = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(raw));\n                return Array.from(new Uint8Array(hash))\n                    .map(function(b) { return b.toString(16).padStart(2, '0'); })\n                    .join('').substring(0, 16);\n            } catch (e) {\n                return newEventId();\n            }\n        }\n        \/\/ _fbp e _fbc creati QUI, prima del PageView: se si aspetta che li scriva\n        \/\/ il pixel, il primo evento della visita parte senza e quella persona\n        \/\/ resta meno identificabile per tutta la sessione. Stesse funzioni del\n        \/\/ widget (landing\/widget-bot.html).\n        function setCookie(name, value, days) {\n            var d = new Date();\n            d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));\n            document.cookie = name + '=' + value + ';expires=' + d.toUTCString() +\n                              ';path=\/;SameSite=Lax';\n        }\n        function getOrGenerateFBP() {\n            var fbp = getCookie('_fbp');\n            if (fbp) return fbp;\n            fbp = 'fb.1.' + Date.now() + '.' + Math.floor(Math.random() * 2147483647);\n            setCookie('_fbp', fbp, 90);\n            return fbp;\n        }\n        function getFBC() {\n            var existing = getCookie('_fbc');\n            if (existing) return existing;\n            var fbclid = getFbclid();\n            if (fbclid && fbclid.length >= 10) {\n                var fbc = 'fb.1.' + Date.now() + '.' + fbclid;\n                setCookie('_fbc', fbc, 90);\n                return fbc;\n            }\n            return null;\n        }\n        function sendCAPI(endpoint, payload) {\n            try {\n                fetch(WEBHOOK_URL + endpoint, {\n                    method: 'POST',\n                    headers: {'Content-Type': 'application\/json'},\n                    body: JSON.stringify(payload),\n                    keepalive: true\n                }).catch(function(){});\n            } catch (e) {}\n        }\n        window._sgTracking = {\n            newEventId: newEventId,\n            generateDeterministicEventId: generateDeterministicEventId,\n            sendCAPI: sendCAPI,\n            getFbclid: getFbclid,\n            getCookie: getCookie,\n            getOrGenerateFBP: getOrGenerateFBP,\n            getFBC: getFBC\n        };\n\n        \/\/ Prima il fbp\/fbc, poi il PageView: l'ordine conta.\n        getOrGenerateFBP();\n        getFBC();\n\n        var pvId = newEventId();\n        if (typeof fbq !== 'undefined') {\n            fbq('track', 'PageView', {}, { eventID: pvId });\n        }\n        sendCAPI('\/api\/track\/pageview', {\n            event_id: pvId,\n            fbclid: getFbclid(),\n            fbp: getCookie('_fbp'),\n            fbc: getCookie('_fbc'),\n            page_url: window.location.href,\n            referrer: document.referrer || null\n        });\n    })();\n    <\/script>\n\n    <!-- System font stack only \u2014 no external fonts loaded -->\n\n    <style>\n        :root {\n            --bg: #09090b;\n            --bg2: #0f0f14;\n            --card: rgba(15,15,22,0.8);\n            --card-solid: #14141e;\n            --border: rgba(139,92,246,0.15);\n            --border-hover: rgba(139,92,246,0.5);\n            --primary: #8b5cf6;\n            --primary-light: #a78bfa;\n            --accent: #06b6d4;\n            --success: #22c55e;\n            --warning: #f59e0b;\n            --text: #e4e4e7;\n            --muted: #71717a;\n            --glass: rgba(15,15,22,0.8);\n            --glass-border: rgba(139,92,246,0.15);\n            --radius: 0.75rem;\n            --gradient-primary: linear-gradient(135deg, #04DBFF 0%, #8b5cf6 100%);\n            --gradient-card: linear-gradient(135deg, rgba(15,15,22,0.9) 0%, rgba(15,15,22,0.6) 100%);\n            --shadow-glow: 0 0 30px rgba(139,92,246,0.3);\n            --shadow-card: 0 4px 30px rgba(0,0,0,0.5);\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        html {\n            overflow-x: clip;\n            width: 100%;\n            max-width: 100vw;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n            background: var(--bg);\n            color: var(--text);\n            min-height: 100vh;\n            overflow-x: clip;\n            width: 100%;\n            max-width: 100vw;\n            position: relative;\n            -webkit-font-smoothing: antialiased;\n            line-height: 1.6;\n        }\n\n        section {\n            max-width: 100vw;\n            overflow-x: clip;\n        }\n\n        .container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 16px;\n        }\n\n        \/* === UTILITY === *\/\n        .font-display {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Segoe UI', sans-serif;\n        }\n\n        .text-gradient {\n            background: linear-gradient(135deg, #04DBFF, #8b5cf6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .glass {\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid var(--glass-border);\n        }\n\n        .glow-primary {\n            box-shadow: 0 0 20px rgba(139,92,246,0.4),\n                        0 0 40px rgba(139,92,246,0.2),\n                        0 0 60px rgba(139,92,246,0.1);\n        }\n\n        \/* === GRID BACKGROUND === *\/\n        .cyber-grid {\n            background-image:\n                linear-gradient(rgba(139,92,246,0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(139,92,246,0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n        }\n\n        \/* === NAVBAR === *\/\n        .navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 50;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border-bottom: 1px solid rgba(139,92,246,0.1);\n        }\n\n        .nav-inner {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            height: 64px;\n        }\n\n        .nav-logo {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            text-decoration: none;\n            flex: 1;\n        }\n\n        \/* \ud83c\udff7\ufe0f Logo ufficiale. Sostituisce l'icona SVG + la scritta in gradiente:\n           il file e' gia' \"long\" (cervello + nome), quindi rifarne il testo\n           accanto lo raddoppierebbe.\n           L'altezza la decide il CSS, ma width\/height restano nell'<img> con le\n           misure vere (1024x216): senza, il browser non sa quanto spazio tenere\n           e la barra sobbalza mentre il logo carica. *\/\n        \/* \ud83d\udccf L'ALTEZZA. 34px sembravano giusti sulla carta \u2014 l'icona vecchia era\n           32 \u2014 ma quella aveva aria intorno al disegno, mentre in questo PNG il\n           cervello arriva fino al bordo: 34px di immagine erano 34px di\n           inchiostro. 30 \u00e8 il punto giusto.\n           \ud83d\udd34 Il valore sta ANCHE in linea sull'<img>, e non \u00e8 una ripetizione\n           per sbaglio: incollando questa pagina in WordPress\/Elementor il tema\n           porta le sue regole sulle immagini (`img { height: auto }`, spesso\n           con !important) e vince su una classe. Lo stile in linea no, quello\n           non lo scavalca nessun foglio di stile del tema. Se cambi la misura,\n           cambiala in tutti e due i posti. *\/\n        .nav-logo-img {\n            max-height: 30px;\n            height: auto;\n            width: auto;\n            display: block;\n            \/* Nessun alone, come in landing\/pagina-completa.html: l'asset e' gia'\n               finito e un drop-shadow sopra un PNG con il suo bagliore dentro\n               lo sporca invece di valorizzarlo. *\/\n        }\n\n        \/* !important perch\u00e9 deve battere lo stile IN LINEA sull'<img>: senza,\n           su WordPress il logo resterebbe della misura da schermo grande anche\n           sul telefono. *\/\n        @media (max-width: 420px) {\n            .nav-logo-img { max-height: 24px !important; }\n        }\n\n        \/* Tenute: il markup vecchio non c'e' piu', ma se un domani si rimette\n           l'icona accanto al logo queste regole servono ancora. *\/\n        .nav-logo-icon {\n            position: relative;\n        }\n\n        .nav-logo-icon svg {\n            width: 32px;\n            height: 32px;\n            color: var(--primary);\n        }\n\n        .nav-logo-text {\n            font-size: 18px;\n            font-weight: 800;\n        }\n\n        \/* \ud83c\udff7\ufe0f Logo nel footer: piu' piccolo e smorzato, non deve competere con\n           la CTA che sta subito sopra. *\/\n        .footer-logo {\n            max-height: 26px;\n            height: auto;\n            width: auto;\n            display: block;\n            margin: 0 auto 16px;\n            opacity: 0.75;\n        }\n\n        .nav-links {\n            display: none;\n            gap: 32px;\n            list-style: none;\n        }\n\n        .nav-links a {\n            color: var(--muted);\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 500;\n            transition: color 0.2s;\n        }\n\n        .nav-links a:hover {\n            color: var(--text);\n        }\n\n        .nav-cta {\n            display: none;\n            flex: 1;\n            justify-content: flex-end;\n        }\n\n        .nav-cta-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 10px 16px;\n            background: var(--gradient-primary);\n            color: #fff;\n            border: none;\n            border-radius: var(--radius);\n            font-size: 14px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            text-decoration: none;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .nav-cta-btn:hover {\n            transform: scale(1.08) translateY(-2px);\n            box-shadow: 0 0 20px rgba(4,219,255,0.4), 0 0 40px rgba(139,92,246,0.3), 0 0 60px rgba(139,92,246,0.15);\n        }\n\n        .nav-cta-btn::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);\n            transform: translateX(-100%);\n            transition: transform 0.5s;\n        }\n\n        .nav-cta-btn:hover::before {\n            transform: translateX(100%);\n        }\n\n        \/* === BURGER MENU === *\/\n        .burger-btn {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            width: 40px;\n            height: 40px;\n            background: none;\n            border: 1px solid rgba(139,92,246,0.2);\n            border-radius: 8px;\n            cursor: pointer;\n            gap: 5px;\n            padding: 8px;\n            transition: border-color 0.3s;\n        }\n\n        .burger-btn:hover {\n            border-color: rgba(139,92,246,0.5);\n        }\n\n        .burger-btn span {\n            display: block;\n            width: 20px;\n            height: 2px;\n            background: var(--text);\n            border-radius: 2px;\n            transition: all 0.3s ease;\n        }\n\n        .burger-btn.active span:nth-child(1) {\n            transform: rotate(45deg) translate(5px, 5px);\n        }\n\n        .burger-btn.active span:nth-child(2) {\n            opacity: 0;\n        }\n\n        .burger-btn.active span:nth-child(3) {\n            transform: rotate(-45deg) translate(5px, -5px);\n        }\n\n        .mobile-menu {\n            display: none;\n            position: fixed;\n            top: 64px;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: rgba(9,9,11,0.97);\n            -webkit-backdrop-filter: blur(20px);\n            backdrop-filter: blur(20px);\n            z-index: 49;\n            padding: 32px 24px;\n            flex-direction: column;\n            gap: 8px;\n            opacity: 0;\n            transform: translateY(-10px);\n            transition: opacity 0.3s ease, transform 0.3s ease;\n        }\n\n        .mobile-menu.open {\n            display: flex;\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .mobile-menu a {\n            display: block;\n            padding: 16px 20px;\n            color: var(--text);\n            text-decoration: none;\n            font-size: 18px;\n            font-weight: 600;\n            border-radius: 12px;\n            transition: background 0.2s;\n        }\n\n        .mobile-menu a:hover {\n            background: rgba(139,92,246,0.1);\n        }\n\n        .mobile-menu .mobile-cta {\n            margin-top: 16px;\n            display: flex;\n            justify-content: center;\n        }\n\n        @media (min-width: 768px) {\n            .nav-links { display: flex; }\n            .nav-cta { display: flex; align-items: center; gap: 12px; }\n            .burger-btn { display: none; }\n            .mobile-menu { display: none !important; }\n        }\n\n        \/* === HERO === *\/\n        .hero {\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            align-items: flex-start;\n            justify-content: center;\n            padding: 96px 20px 40px;\n            overflow: hidden;\n        }\n        @media (min-width: 768px) {\n            .hero { padding: 120px 20px 60px; align-items: center; }\n        }\n        @media (min-width: 1024px) {\n            .hero { padding: 140px 20px 80px; }\n        }\n\n        .hero-bg-grid {\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(139,92,246,0.03) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(139,92,246,0.03) 1px, transparent 1px);\n            background-size: 50px 50px;\n        }\n\n        .hero-matrix {\n            position: absolute;\n            inset: 0;\n        }\n\n        .hero-matrix::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(ellipse at 50% 0%, rgba(139,92,246,0.1) 0%, transparent 50%),\n                radial-gradient(ellipse at 80% 80%, rgba(59,130,246,0.08) 0%, transparent 40%),\n                radial-gradient(ellipse at 20% 80%, rgba(139,92,246,0.05) 0%, transparent 40%);\n            pointer-events: none;\n        }\n\n        .hero-glow-1 {\n            position: absolute;\n            top: 25%;\n            left: 25%;\n            width: 384px;\n            height: 384px;\n            background: rgba(139,92,246,0.10);\n            border-radius: 50%;\n            filter: blur(48px);\n            animation: pulse-slow 3s ease-in-out infinite;\n        }\n\n        .hero-glow-2 {\n            position: absolute;\n            bottom: 25%;\n            right: 25%;\n            width: 320px;\n            height: 320px;\n            background: rgba(6,182,212,0.10);\n            border-radius: 50%;\n            filter: blur(48px);\n            animation: pulse-slow 3s ease-in-out infinite;\n            animation-delay: 1s;\n        }\n\n        @keyframes pulse-slow {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.7; }\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 10;\n            max-width: 896px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        @keyframes ping {\n            75%, 100% { transform: scale(2); opacity: 0; }\n        }\n\n        .hero h1 {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Segoe UI', sans-serif;\n            font-size: 42px;\n            font-weight: 800;\n            line-height: 1.15;\n            letter-spacing: -0.03em;\n            margin-bottom: 16px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .hero-sub {\n            font-size: 15px;\n            color: #a1a1aa;\n            max-width: 600px;\n            margin: 0 auto 24px;\n            line-height: 1.65;\n            font-weight: 400;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* === HERO PERKS ROW === *\/\n        .hero-perks-row {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 6px 10px;\n            margin: 0 auto 28px;\n            font-size: 13px;\n        }\n\n        .hpr-item {\n            display: inline-flex;\n            align-items: center;\n            gap: 5px;\n            font-weight: 500;\n        }\n\n        .hpr-sep  { color: #3f3f46; font-size: 16px; line-height: 1; }\n        .hpr-red  { color: #f87171; }\n        .hpr-green{ color: #4ade80; }\n        .hpr-blue { color: #38bdf8; }\n\n        @media (max-width: 767px) {\n            .hero-perks-row { font-size: 12px; gap: 5px 8px; margin-bottom: 20px; }\n        }\n\n        .hero-actions {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 32px;\n        }\n\n        .btn-primary {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 16px 40px;\n            background: var(--gradient-primary);\n            color: #fff;\n            border: none;\n            border-radius: 14px;\n            font-size: 18px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            text-decoration: none;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 0 25px rgba(139,92,246,0.3), 0 0 50px rgba(4,219,255,0.15);\n        }\n\n        .btn-primary:hover {\n            transform: scale(1.08) translateY(-3px);\n            box-shadow: 0 0 20px rgba(4,219,255,0.4), 0 0 40px rgba(139,92,246,0.3), 0 0 60px rgba(139,92,246,0.15);\n        }\n\n        .btn-primary::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,0.2) 50%, transparent 100%);\n            transform: translateX(-100%);\n            transition: transform 0.5s;\n        }\n\n        .btn-primary:hover::before {\n            transform: translateX(100%);\n        }\n\n        .btn-primary svg {\n            width: 20px;\n            height: 20px;\n        }\n\n        .btn-secondary {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 12px 24px;\n            background: var(--bg);\n            color: var(--text);\n            border: 1px solid rgba(139,92,246,0.5);\n            border-radius: var(--radius);\n            font-size: 18px;\n            font-weight: 500;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            text-decoration: none;\n            width: 100%;\n            max-width: 360px;\n        }\n\n        .btn-secondary:hover {\n            background: rgba(139,92,246,0.1);\n            color: var(--text);\n            transform: scale(1.05) translateY(-2px);\n            box-shadow: 0 0 15px rgba(4,219,255,0.25), 0 0 30px rgba(139,92,246,0.15);\n        }\n\n        @media (min-width: 480px) {\n            .hero h1 { font-size: 46px; line-height: 1.15; }\n        }\n\n        @media (min-width: 768px) {\n            .hero h1 { font-size: clamp(52px, 6vw, 72px); margin-bottom: 20px; line-height: 1.12; }\n            .hero-sub { font-size: 18px; }\n        }\n\n        \/* === LIVE RTP CHART CARD === *\/\n        .rtp-card {\n            max-width: 512px;\n            margin: 0 auto 48px;\n            border-radius: 16px;\n            padding: 24px;\n            border: 1px solid rgba(139,92,246,0.3);\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            box-shadow:\n                0 0 20px rgba(139,92,246,0.4),\n                0 0 40px rgba(139,92,246,0.2),\n                0 0 60px rgba(139,92,246,0.1);\n            animation: glow-border 3s ease-in-out infinite;\n        }\n\n        @keyframes glow-border {\n            0%, 100% { box-shadow: 0 0 15px rgba(139,92,246,0.15), 0 0 30px rgba(139,92,246,0.05); }\n            50% { box-shadow: 0 0 25px rgba(139,92,246,0.3), 0 0 50px rgba(139,92,246,0.1); }\n        }\n\n        .rtp-card-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 16px;\n        }\n\n        .rtp-card-title {\n            font-size: 15px;\n            font-weight: 600;\n        }\n\n        .rtp-card-subtitle {\n            font-size: 11px;\n            color: var(--muted);\n        }\n\n        .rtp-live-badge {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .rtp-live-badge .dot-sm {\n            position: relative;\n            width: 8px;\n            height: 8px;\n            min-width: 8px;\n            min-height: 8px;\n            flex-shrink: 0;\n            padding: 0;\n            background: none;\n        }\n\n        .rtp-live-badge .dot-sm::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: var(--success);\n            border-radius: 50%;\n            animation: ping 1.5s cubic-bezier(0,0,0.2,1) infinite;\n        }\n\n        .rtp-live-badge .dot-sm::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: var(--success);\n            border-radius: 50%;\n        }\n\n        .rtp-live-badge .live-text {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--success);\n            background: rgba(34,197,94,0.2);\n            padding: 2px 8px;\n            border-radius: 50px;\n        }\n\n        \/* SVG Chart Area *\/\n        .chart-area {\n            width: 100%;\n            height: 192px;\n            margin-bottom: 16px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 8px;\n            cursor: crosshair;\n        }\n\n        .chart-area svg {\n            width: 100%;\n            height: 100%;\n            display: block;\n        }\n\n        #rtp-chart path {\n            transition: d 0.5s ease-out;\n        }\n\n        \/* Tooltip *\/\n        .chart-tooltip {\n            position: absolute;\n            pointer-events: none;\n            background: var(--glass);\n            border: 1px solid rgba(139,92,246,0.5);\n            border-radius: 8px;\n            padding: 10px 16px;\n            font-size: 11px;\n            color: var(--text);\n            white-space: nowrap;\n            opacity: 0;\n            transition: opacity 0.15s;\n            z-index: 10;\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            box-shadow: 0 4px 30px rgba(0,0,0,0.5);\n        }\n        .chart-tooltip.visible { opacity: 1; }\n        .chart-tooltip-val {\n            font-size: 15px;\n            font-weight: 700;\n            color: var(--warning);\n        }\n        .chart-tooltip-val.anomaly { color: var(--success); }\n        .chart-tooltip-time {\n            color: var(--muted);\n            font-size: 10px;\n            margin-top: 2px;\n        }\n\n        \/* Anomaly glow pulse - kept for potential future use *\/\n\n        .rtp-card-stats {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 12px;\n            padding-top: 16px;\n            border-top: 1px solid var(--glass-border);\n        }\n\n        .rtp-stat {\n            text-align: center;\n        }\n\n        .rtp-stat-label {\n            font-size: 10px;\n            color: var(--muted);\n            margin-bottom: 2px;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .rtp-stat-val {\n            font-size: 16px;\n            font-weight: 700;\n        }\n\n        .rtp-stat-val.warning { color: var(--warning); }\n        .rtp-stat-val.success { color: var(--success); }\n        .rtp-stat-val.profit-positive { color: var(--success); }\n        .rtp-stat-val.profit-negative { color: #ef4444; }\n        .rtp-stat-val.profit-zero { color: var(--muted); }\n\n        \/* === HERO TRUST BADGES === *\/\n        .trust-row {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 24px;\n            font-size: 14px;\n            color: var(--muted);\n        }\n\n        @media (min-width: 768px) {\n            .trust-row { gap: 48px; }\n        }\n\n        .trust-item {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .trust-item svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        .trust-item .green { color: var(--success); }\n        .trust-item .purple { color: var(--primary); }\n\n        \/* === HERO ONLINE COUNTER === *\/\n        .hero-online-counter {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 14px;\n            color: var(--muted);\n            margin-bottom: 16px;\n        }\n\n        .hero-online-counter .dot-live {\n            position: relative;\n            width: 8px;\n            height: 8px;\n        }\n\n        .hero-online-counter .dot-live::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: var(--success);\n            border-radius: 50%;\n            animation: ping 1.5s cubic-bezier(0,0,0.2,1) infinite;\n        }\n\n        .hero-online-counter .dot-live::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: var(--success);\n            border-radius: 50%;\n        }\n\n        .hero-online-counter .count {\n            color: var(--text);\n            font-weight: 700;\n        }\n\n        \/* === HERO AI BADGE === *\/\n        .hero-ai-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 24px;\n            border-radius: 9999px;\n            background: rgba(139,92,246,0.08);\n            border: 1px solid rgba(139,92,246,0.35);\n            margin-bottom: 32px;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--primary-light);\n        }\n\n        \/* === HERO LIVE INDICATOR === *\/\n        .hero-live-indicator {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 4px 16px;\n            border-radius: 9999px;\n            border: 1px solid rgba(139,92,246,0.2);\n            background: rgba(139,92,246,0.06);\n            margin-bottom: 12px;\n        }\n\n        .hero-live-indicator .live-dot-red {\n            width: 8px;\n            height: 8px;\n            background: #ef4444;\n            border-radius: 50%;\n            animation: pulse-dot 1.5s ease-in-out infinite;\n        }\n\n        @keyframes pulse-dot {\n            0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0.5); }\n            50% { box-shadow: 0 0 0 6px rgba(239,68,68,0); }\n        }\n\n        .hero-live-indicator .live-label {\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--success);\n            letter-spacing: 1px;\n        }\n\n        \/* === HERO TRUST LINE === *\/\n        .hero-trust-line {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            font-size: 13px;\n            color: var(--muted);\n            margin-bottom: 14px;\n        }\n\n        \/* === HERO WIN TICKER === *\/\n        .hero-win-ticker {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 0 20px;\n            border-radius: 9999px;\n            background: rgba(139,92,246,0.10);\n            border: 1px solid rgba(139,92,246,0.25);\n            font-size: 13px;\n            color: var(--text);\n            margin-bottom: 40px;\n            \/* Su mobile occupa tutta la larghezza, su desktop si limita *\/\n            width: 100%;\n            max-width: 560px;\n            margin-left: auto;\n            margin-right: auto;\n            box-sizing: border-box;\n            \/* ALTEZZA FISSA: non pu\u00f2 mai cambiare indipendentemente dal contenuto *\/\n            height: 44px;\n            min-height: 44px;\n            max-height: 44px;\n            overflow: hidden;\n            \/* Nessun transform, nessun translateY \u2013 solo opacity *\/\n            opacity: 1;\n        }\n\n        .hero-win-ticker svg {\n            color: var(--warning);\n            flex-shrink: 0;\n            align-self: center;\n            min-width: 16px;\n            width: 16px;\n            height: 16px;\n        }\n\n        \/* Track: container a altezza fissa con overflow hidden *\/\n        .ticker-track {\n            position: relative;\n            flex: 1;\n            min-width: 0;\n            height: 20px;\n            overflow: hidden;\n        }\n\n        \/* Ogni item \u00e8 absolute, fuori dal normal flow \u2192 zero reflow *\/\n        .ticker-item {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            opacity: 0;\n            \/* Solo opacity: compositor-layer only, mai reflow *\/\n            transition: opacity 0.35s ease;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            line-height: 20px;\n            pointer-events: none;\n        }\n\n        .ticker-item.active {\n            opacity: 1;\n            pointer-events: auto;\n        }\n\n        .ticker-item .win-name {\n            font-weight: 700;\n        }\n\n        .ticker-item .win-amount {\n            color: var(--success);\n            font-weight: 700;\n        }\n\n        @media (max-width: 767px) {\n            .hero-win-ticker { font-size: 12px; padding: 0 14px; max-width: calc(100vw - 32px); height: 40px; min-height: 40px; max-height: 40px; }\n            .hero {\n                min-height: auto;\n                padding: 88px 10px 32px;\n                align-items: flex-start;\n            }\n\n            .hero-online-counter {\n                margin-bottom: 10px;\n            }\n\n            .hero-ai-badge {\n                margin-bottom: 18px;\n                padding: 8px 16px;\n                font-size: 13px;\n            }\n\n            .hero h1 {\n                margin-bottom: 16px;\n            }\n\n            .hero-sub {\n                margin: 0 auto 18px;\n            }\n\n            .hero-actions {\n                margin-bottom: 18px;\n            }\n\n            .hero-live-indicator {\n                margin-bottom: 8px;\n            }\n\n            .hero-trust-line {\n                margin-bottom: 10px;\n                font-size: 12px;\n                gap: 6px;\n                align-items: flex-start;\n                text-align: left;\n                justify-content: center;\n            }\n\n            .hero-trust-line svg {\n                flex-shrink: 0;\n                margin-top: 1px;\n            }\n\n            .hero-win-ticker {\n                padding: 0 14px;\n                border-radius: 12px;\n                gap: 8px;\n                font-size: 12px;\n                margin-bottom: 20px;\n                width: 100%;\n                height: 40px;\n                min-height: 40px;\n                max-height: 40px;\n                overflow: hidden;\n            }\n\n            .hero-win-ticker svg {\n                align-self: center;\n                flex-shrink: 0;\n            }\n\n            .hero-stats-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 8px;\n                margin: 0 auto 16px;\n            }\n\n            .hero-stat-card {\n                padding: 10px 6px;\n            }\n\n            .hero-stat-number {\n                font-size: 20px;\n                margin: 3px 0 2px;\n            }\n\n            .hero-stat-label {\n                font-size: 10px;\n            }\n\n            .hero-bottom-trust {\n                gap: 12px;\n                font-size: 12px;\n            }\n        }\n\n        \/* === HERO STAT CARDS === *\/\n        .hero-stats-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n            max-width: 820px;\n            margin: 0 auto 28px;\n        }\n\n        @media (min-width: 600px) {\n            .hero-stats-grid {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n\n        .hero-stat-card {\n            padding: 24px 16px;\n            border-radius: var(--radius);\n            border: 1px solid var(--glass-border);\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            text-align: center;\n            transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            min-height: 140px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .hero-stat-card:hover {\n            box-shadow: 0 0 20px rgba(139,92,246,0.4),\n                        0 0 40px rgba(139,92,246,0.2),\n                        0 0 60px rgba(139,92,246,0.1);\n            transform: translateY(-4px);\n        }\n\n        .hero-stat-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 52px;\n            height: 52px;\n            border-radius: 14px;\n            background: rgba(139,92,246,0.1);\n            margin-bottom: 16px;\n            transition: transform 0.3s;\n        }\n\n        .hero-stat-card:hover .hero-stat-icon {\n            transform: scale(1.1);\n        }\n\n        .hero-stat-icon svg {\n            width: 26px;\n            height: 26px;\n            stroke: var(--primary);\n        }\n\n        .hero-stat-number {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Segoe UI', sans-serif;\n            font-size: 36px;\n            font-weight: 700;\n            line-height: 1.2;\n            margin-bottom: 4px;\n            background: linear-gradient(135deg, #04DBFF, #8b5cf6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            font-variant-numeric: tabular-nums;\n        }\n\n        .hero-stat-label {\n            font-size: 13px;\n            color: var(--muted);\n        }\n\n        \/* === HERO BOTTOM TRUST === *\/\n        .hero-bottom-trust {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 32px;\n            font-size: 13px;\n            color: var(--muted);\n        }\n\n        .hero-bottom-trust .trust-dot {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .hero-bottom-trust .dot-indicator {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n        }\n\n        .hero-bottom-trust .dot-indicator.green { background: var(--success); }\n        .hero-bottom-trust .dot-indicator.amber { background: var(--warning); }\n\n        \/* === STATS SECTION === *\/\n        .stats-section {\n            padding: 80px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .stats-section .cyber-grid {\n            position: absolute;\n            inset: 0;\n            opacity: 0.5;\n        }\n\n        .stats-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            max-width: 768px;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(139,92,246,0.4), transparent);\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 48px;\n        }\n\n        .section-header h2 {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Segoe UI', sans-serif;\n            font-size: 28px;\n            font-weight: 700;\n            margin-bottom: 12px;\n        }\n\n        .section-header p {\n            color: var(--muted);\n            font-size: 15px;\n            max-width: 500px;\n            margin: 0 auto;\n        }\n\n        @media (min-width: 480px) {\n            .section-header h2 { font-size: 34px; }\n        }\n\n        .stats-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n        }\n\n        @media (min-width: 768px) {\n            .stats-grid { grid-template-columns: repeat(4, 1fr); }\n        }\n\n        .stat-card {\n            text-align: center;\n            padding: 24px 16px;\n            border-radius: var(--radius);\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid var(--glass-border);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .stat-card:hover {\n            box-shadow: 0 0 20px rgba(139,92,246,0.4),\n                        0 0 40px rgba(139,92,246,0.2),\n                        0 0 60px rgba(139,92,246,0.1);\n            transform: translateY(-4px);\n        }\n\n        .stat-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 52px;\n            height: 52px;\n            border-radius: 14px;\n            background: rgba(139,92,246,0.1);\n            margin-bottom: 16px;\n            transition: transform 0.3s;\n        }\n\n        .stat-card:hover .stat-icon {\n            transform: scale(1.1);\n        }\n\n        .stat-icon svg {\n            width: 26px;\n            height: 26px;\n            color: var(--primary);\n        }\n\n        .stat-number {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Segoe UI', sans-serif;\n            font-size: 36px;\n            font-weight: 700;\n            margin-bottom: 4px;\n            background: linear-gradient(135deg, #04DBFF, #8b5cf6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .stat-label {\n            font-size: 13px;\n            color: var(--muted);\n        }\n\n        \/* === HOW IT WORKS === *\/\n        .how-section {\n            padding: 80px 0;\n            position: relative;\n        }\n\n        .how-section::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, var(--bg), rgba(139,92,246,0.03), var(--bg));\n        }\n\n        .how-badge {\n            display: inline-block;\n            padding: 4px 14px;\n            border-radius: 50px;\n            background: var(--glass);\n            border: 1px solid rgba(139,92,246,0.25);\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--primary);\n            margin-bottom: 12px;\n        }\n\n        .steps-grid {\n            display: grid;\n            gap: 20px;\n            position: relative;\n        }\n\n        @media (min-width: 768px) {\n            .steps-grid { grid-template-columns: repeat(3, 1fr); gap: 28px; }\n        }\n\n        .step-card {\n            position: relative;\n            text-align: center;\n            padding: 24px 20px;\n            border-radius: 1rem;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(139,92,246,0.15);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .step-card:hover {\n            border-color: rgba(139,92,246,0.5);\n            box-shadow: 0 0 30px rgba(139,92,246,0.15);\n        }\n\n        .step-num {\n            position: absolute;\n            top: -12px;\n            right: -8px;\n            width: 36px;\n            height: 36px;\n            border-radius: 50%;\n            background: rgba(139,92,246,0.15);\n            border: 1px solid rgba(139,92,246,0.4);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 12px;\n            font-weight: 800;\n            color: var(--primary);\n            font-family: monospace;\n        }\n\n        .step-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 56px;\n            height: 56px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, rgba(139,92,246,0.15), rgba(6,182,212,0.08));\n            margin-bottom: 20px;\n            transition: transform 0.3s;\n        }\n\n        .step-card:hover .step-icon {\n            transform: scale(1.1);\n        }\n\n        .step-icon svg {\n            width: 28px;\n            height: 28px;\n            color: var(--primary);\n        }\n\n        .step-title {\n            font-size: 18px;\n            font-weight: 700;\n            margin-bottom: 8px;\n        }\n\n        .step-desc {\n            font-size: 14px;\n            color: var(--muted);\n            line-height: 1.5;\n        }\n\n        \/* === TESTIMONIALS === *\/\n        .reviews-section {\n            padding: 80px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .reviews-section .cyber-grid {\n            position: absolute;\n            inset: 0;\n            opacity: 0.3;\n        }\n\n        .review-badge {\n            display: inline-block;\n            padding: 4px 14px;\n            border-radius: 50px;\n            background: var(--glass);\n            border: 1px solid rgba(139,92,246,0.3);\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--primary-light);\n            margin-bottom: 12px;\n        }\n\n        .reviews-grid {\n            display: grid;\n            gap: 20px;\n            position: relative;\n        }\n\n        @media (min-width: 768px) {\n            .reviews-grid { grid-template-columns: repeat(2, 1fr); }\n        }\n\n        .review-card {\n            padding: 24px;\n            border-radius: 16px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(139,92,246,0.15);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .review-card:hover {\n            border-color: rgba(139,92,246,0.4);\n            box-shadow: 0 0 20px rgba(139,92,246,0.12);\n        }\n\n        .review-top {\n            display: flex;\n            align-items: flex-start;\n            gap: 14px;\n            margin-bottom: 14px;\n        }\n\n        .review-avatar {\n            width: 44px;\n            height: 44px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--primary), var(--accent));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 16px;\n            color: #fff;\n            flex-shrink: 0;\n        }\n\n        .review-info {\n            flex: 1;\n        }\n\n        .review-name-row {\n            display: flex;\n            justify-content: space-between;\n            align-items: baseline;\n            margin-bottom: 2px;\n        }\n\n        .review-name {\n            font-size: 15px;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .review-tier {\n            font-size: 10px;\n            font-weight: 700;\n            padding: 1px 8px;\n            border-radius: 4px;\n            background: rgba(139,92,246,0.15);\n            color: var(--primary);\n        }\n\n        .review-amount {\n            font-size: 18px;\n            font-weight: 800;\n            color: var(--success);\n        }\n\n        .review-slot {\n            font-size: 12px;\n            color: var(--muted);\n        }\n\n        .review-stars {\n            display: flex;\n            gap: 2px;\n            margin-top: 4px;\n        }\n\n        .review-stars svg {\n            width: 14px;\n            height: 14px;\n            color: var(--warning);\n            fill: var(--warning);\n        }\n\n        .review-text {\n            font-size: 14px;\n            color: var(--muted);\n            font-style: italic;\n            line-height: 1.5;\n            padding-left: 14px;\n            border-left: 2px solid rgba(139,92,246,0.15);\n        }\n\n        \/* === REVIEWS MOBILE CAROUSEL === *\/\n        @media (max-width: 767px) {\n            .reviews-grid.carousel-mode {\n                display: block;\n            }\n            .reviews-grid.carousel-mode .review-card {\n                display: none;\n            }\n            .reviews-grid.carousel-mode .review-card.carousel-active {\n                display: block;\n                animation: carouselFadeIn 0.35s ease both;\n            }\n            @keyframes carouselFadeIn {\n                from { opacity: 0; transform: translateX(24px); }\n                to   { opacity: 1; transform: translateX(0); }\n            }\n        }\n\n        .reviews-carousel-controls {\n            display: none;\n        }\n        @media (max-width: 767px) {\n            .reviews-carousel-controls {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 20px;\n                margin-top: 20px;\n            }\n            .reviews-carousel-btn {\n                width: 40px;\n                height: 40px;\n                border-radius: 50%;\n                background: var(--glass);\n                border: 1px solid rgba(139,92,246,0.35);\n                color: var(--primary-light);\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                cursor: pointer;\n                transition: background 0.2s, border-color 0.2s;\n                flex-shrink: 0;\n            }\n            .reviews-carousel-btn:active {\n                background: rgba(139,92,246,0.2);\n            }\n            .reviews-carousel-dots {\n                display: flex;\n                gap: 6px;\n                align-items: center;\n            }\n            .reviews-carousel-dot {\n                width: 6px;\n                height: 6px;\n                border-radius: 50%;\n                background: rgba(139,92,246,0.25);\n                transition: background 0.2s, transform 0.2s;\n            }\n            .reviews-carousel-dot.active {\n                background: var(--primary);\n                transform: scale(1.3);\n            }\n        }\n\n        \/* === FINAL CTA === *\/\n        .final-cta {\n            padding: 80px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .final-cta::before, .final-cta::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(139,92,246,0.3), transparent);\n        }\n\n        .final-cta::before { top: 0; }\n        .final-cta::after { bottom: 0; }\n\n        .final-cta-bg {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, var(--bg), rgba(139,92,246,0.05), var(--bg));\n        }\n\n        .final-glow-1 {\n            position: absolute;\n            top: 50%;\n            left: 25%;\n            transform: translateY(-50%);\n            width: 256px;\n            height: 256px;\n            background: rgba(139,92,246,0.10);\n            border-radius: 50%;\n            filter: blur(48px);\n        }\n\n        .final-glow-2 {\n            position: absolute;\n            top: 50%;\n            right: 25%;\n            transform: translateY(-50%);\n            width: 256px;\n            height: 256px;\n            background: rgba(6,182,212,0.10);\n            border-radius: 50%;\n            filter: blur(48px);\n        }\n\n        .final-content {\n            position: relative;\n            z-index: 10;\n            max-width: 650px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        .final-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 6px 16px;\n            border-radius: 50px;\n            background: var(--glass);\n            border: 1px solid rgba(139,92,246,0.25);\n            font-size: 13px;\n            color: var(--muted);\n            margin-bottom: 24px;\n        }\n\n        .final-badge svg {\n            width: 16px;\n            height: 16px;\n            color: var(--primary);\n        }\n\n        .final-content h2 {\n            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Segoe UI', sans-serif;\n            font-size: 28px;\n            font-weight: 700;\n            margin-bottom: 16px;\n        }\n\n        @media (min-width: 480px) {\n            .final-content h2 { font-size: 40px; }\n        }\n\n        .final-content p {\n            font-size: 16px;\n            color: var(--muted);\n            margin-bottom: 28px;\n            max-width: 480px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .final-checks {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 16px;\n            margin-top: 24px;\n            font-size: 13px;\n            color: var(--muted);\n        }\n\n        \/* === FOOTER === *\/\n        .footer {\n            padding: 48px 0 32px;\n            border-top: 1px solid rgba(139,92,246,0.1);\n        }\n\n        .footer-grid {\n            display: grid;\n            gap: 32px;\n            margin-bottom: 32px;\n        }\n\n        @media (min-width: 768px) {\n            .footer-grid { grid-template-columns: 2fr 1fr 1fr; }\n        }\n\n        .footer-brand p {\n            font-size: 13px;\n            color: var(--muted);\n            max-width: 350px;\n            line-height: 1.6;\n            margin-top: 12px;\n        }\n\n        .footer-col h4 {\n            font-size: 14px;\n            font-weight: 700;\n            margin-bottom: 12px;\n        }\n\n        .footer-col ul {\n            list-style: none;\n        }\n\n        .footer-col li {\n            margin-bottom: 8px;\n        }\n\n        .footer-col a {\n            color: var(--muted);\n            text-decoration: none;\n            font-size: 13px;\n            transition: color 0.2s;\n        }\n\n        .footer-col a:hover {\n            color: var(--primary);\n        }\n\n        .footer-bottom {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n            align-items: center;\n            padding-top: 24px;\n            border-top: 1px solid var(--glass-border);\n            font-size: 12px;\n            color: var(--muted);\n            text-align: center;\n        }\n\n        @media (min-width: 768px) {\n            .footer-bottom { flex-direction: row; justify-content: space-between; }\n        }\n\n        \/* === ANIMATIONS === *\/\n        .fade-in {\n            animation: fadeIn 0.6s ease-out forwards;\n        }\n\n        .fade-in-d1 { animation-delay: 0.1s; }\n        .fade-in-d2 { animation-delay: 0.2s; }\n        .fade-in-d3 { animation-delay: 0.3s; }\n        .fade-in-d4 { animation-delay: 0.4s; }\n        .fade-in-d5 { animation-delay: 0.5s; }\n\n        @keyframes fadeIn {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        @keyframes pulse-glow {\n            0%, 100% { box-shadow: 0 0 20px rgba(139,92,246,0.4); }\n            50% { box-shadow: 0 0 40px rgba(139,92,246,0.6), 0 0 60px rgba(139,92,246,0.3); }\n        }\n\n        \/* Telegram icon inline *\/\n        .tg-icon {\n            width: 20px;\n            height: 20px;\n            flex-shrink: 0;\n        }\n\n        \/* === SCROLL ANIMATIONS === *\/\n        .scroll-animate {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .scroll-animate.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        .scroll-animate-delay-1 { transition-delay: 0.1s; }\n        .scroll-animate-delay-2 { transition-delay: 0.2s; }\n        .scroll-animate-delay-3 { transition-delay: 0.3s; }\n        .scroll-animate-delay-4 { transition-delay: 0.4s; }\n\n        \/* === TRANSPARENCY SECTION === *\/\n        .transparency-section { padding: 80px 0; position: relative; }\n        .transparency-section::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, var(--bg), rgba(6,182,212,0.03), var(--bg));\n        }\n        .transparency-grid {\n            display: grid;\n            gap: 24px;\n            position: relative;\n            z-index: 1;\n        }\n        @media (min-width: 768px) { .transparency-grid { grid-template-columns: 1fr 1fr; gap: 32px; } }\n        .transparency-card {\n            padding: 32px;\n            border-radius: 16px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid var(--border);\n            transition: border-color 0.3s, box-shadow 0.3s;\n        }\n        .transparency-card:hover {\n            border-color: var(--border-hover);\n            box-shadow: 0 0 30px rgba(139,92,246,0.15);\n        }\n        .transparency-icon {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 56px;\n            height: 56px;\n            border-radius: 16px;\n            background: linear-gradient(135deg, rgba(139,92,246,0.15), rgba(6,182,212,0.08));\n            margin-bottom: 20px;\n            transition: transform 0.3s;\n        }\n        .transparency-card:hover .transparency-icon { transform: scale(1.1); }\n        .transparency-icon svg { width: 28px; height: 28px; color: var(--primary); }\n        .transparency-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; }\n        .transparency-card p { font-size: 15px; color: var(--muted); line-height: 1.6; }\n        .transparency-list { list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }\n        .transparency-list li { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--muted); }\n        .transparency-list li::before { content: '\u2713'; color: var(--success); font-weight: 700; flex-shrink: 0; }\n\n        \/* === RTP CHART FULL-WIDTH WRAPPER === *\/\n        .rtp-chart-fw-wrapper {\n            max-width: 1100px;\n            margin: 0 auto 48px;\n            padding: 0 16px;\n        }\n\n        \/* === RTP CARD FULLWIDTH (sezione Monitor) === *\/\n        .rtp-card-fullwidth {\n            max-width: 100%;\n            margin: 0;\n            padding: 32px 36px;\n        }\n        .rtp-card-fullwidth .chart-area {\n            height: 280px;\n        }\n        @media (max-width: 767px) {\n            .rtp-chart-fw-wrapper {\n                padding: 0 8px;\n            }\n            .rtp-card-fullwidth {\n                padding: 20px 16px;\n            }\n            .rtp-card-fullwidth .chart-area {\n                height: 200px;\n            }\n        }\n\n        \/* === RTP MONITOR SECTION === *\/\n        .rtp-monitor-section {\n            padding: 80px 0;\n            position: relative;\n            overflow: hidden;\n        }\n        .rtp-monitor-section::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, var(--bg), rgba(139,92,246,0.04), var(--bg));\n        }\n        .slot-monitor-grid {\n            display: grid;\n            gap: 20px;\n            position: relative;\n            z-index: 1;\n        }\n        @media (min-width: 640px) { .slot-monitor-grid { grid-template-columns: repeat(2, 1fr); } }\n        @media (min-width: 1024px) { .slot-monitor-grid { grid-template-columns: repeat(3, 1fr); } }\n        .slot-monitor-card {\n            padding: 24px;\n            border-radius: 16px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid var(--border);\n            transition: all 0.3s;\n        }\n        .slot-monitor-card:hover {\n            border-color: var(--border-hover);\n            box-shadow: 0 0 30px rgba(139,92,246,0.2);\n        }\n        .slot-monitor-card.hot { border-color: rgba(245,158,11,0.35); }\n        .slot-monitor-card.hot:hover { box-shadow: 0 0 30px rgba(245,158,11,0.2); }\n        .slot-monitor-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: flex-start;\n            margin-bottom: 20px;\n        }\n        .slot-monitor-name { font-size: 16px; font-weight: 700; margin-bottom: 4px; }\n        .slot-monitor-provider { font-size: 12px; color: var(--muted); }\n        .slot-status-badge {\n            padding: 3px 10px;\n            border-radius: 50px;\n            font-size: 11px;\n            font-weight: 700;\n            white-space: nowrap;\n        }\n        .slot-status-badge.hot { background: rgba(245,158,11,0.15); color: var(--warning); border: 1px solid rgba(245,158,11,0.3); }\n        .slot-status-badge.normal { background: rgba(139,92,246,0.1); color: var(--primary-light); border: 1px solid rgba(139,92,246,0.2); }\n        .slot-status-badge.wait { background: rgba(113,113,122,0.1); color: var(--muted); border: 1px solid rgba(113,113,122,0.2); }\n        .slot-rtp-display {\n            font-size: 42px;\n            font-weight: 800;\n            margin-bottom: 4px;\n            font-variant-numeric: tabular-nums;\n            transition: color 0.5s;\n        }\n        .slot-rtp-display.rtp-hot { color: var(--warning); }\n        .slot-rtp-display.rtp-normal { color: var(--primary-light); }\n        .slot-rtp-display.rtp-low { color: var(--muted); }\n        .slot-rtp-label { font-size: 12px; color: var(--muted); margin-bottom: 16px; }\n        .slot-rtp-bar { height: 4px; border-radius: 2px; background: rgba(255,255,255,0.08); overflow: hidden; margin-bottom: 12px; }\n        .slot-rtp-fill { height: 100%; border-radius: 2px; transition: width 1s ease; }\n        .slot-rtp-fill.fill-hot { background: linear-gradient(90deg, var(--warning), #ef4444); }\n        .slot-rtp-fill.fill-normal { background: linear-gradient(90deg, var(--primary), var(--accent)); }\n        .slot-rtp-fill.fill-low { background: var(--muted); }\n        .slot-volatility { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }\n\n        \/* === STICKY CTA BAR === *\/\n        .sticky-cta-bar {\n            position: fixed;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            z-index: 200;\n            padding: 12px 20px calc(16px + env(safe-area-inset-bottom, 0px));\n            background: rgba(9,9,11,0.96);\n            -webkit-backdrop-filter: blur(16px);\n            backdrop-filter: blur(16px);\n            border-top: 1px solid rgba(139,92,246,0.25);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transform: translate3d(0, 100%, 0);\n            transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);\n            -webkit-backface-visibility: hidden;\n            backface-visibility: hidden;\n            will-change: transform;\n        }\n        .sticky-cta-bar.visible { transform: translate3d(0, 0, 0); }\n        .sticky-cta-bar .btn-primary { max-width: 320px; width: 100%; position: relative; overflow: hidden; padding: 15px 24px; font-size: 17px; }\n\n        \/* Shimmer \/ glint effect *\/\n        @keyframes btn-glint {\n            0%   { transform: translateX(-130%) skewX(-20deg); opacity: 0; }\n            5%   { opacity: 1; }\n            95%  { opacity: 1; }\n            100% { transform: translateX(280%)  skewX(-20deg); opacity: 0; }\n        }\n        .sticky-cta-bar .btn-primary::after {\n            content: '';\n            position: absolute;\n            top: -10%;\n            left: 0;\n            width: 35%;\n            height: 120%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.28), transparent);\n            transform: translateX(-130%) skewX(-20deg);\n            animation: btn-glint 4s ease-in-out infinite;\n            animation-delay: 1.8s;\n            pointer-events: none;\n            border-radius: inherit;\n        }\n\n        @media (min-width: 768px) { .sticky-cta-bar { display: none; } }\n        @media (max-width: 767px) {\n            body { padding-bottom: 80px; }\n            \/* Tighter button proportions on mobile: less horizontal padding, consistent look across all CTAs *\/\n            .btn-primary { padding: 14px 24px; font-size: 16px; gap: 8px; }\n            .btn-primary svg { width: 18px; height: 18px; }\n            \/* Demo CTA should fit snugly inside the card *\/\n            #demo-cta { max-width: 320px; width: 100%; }\n        }\n\n        \/* === SECTION CTA === *\/\n        .section-cta-row {\n            display: flex;\n            justify-content: center;\n            margin-top: 40px;\n        }\n        .section-cta-row .btn-primary { max-width: 320px; width: 100%; }\n\n        \/* === WINS SECTION === *\/\n        .wins-section { padding: 80px 0; position: relative; overflow: hidden; }\n        .wins-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100%;\n            max-width: 768px;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(139,92,246,0.4), transparent);\n        }\n        .wins-section .cyber-grid { position: absolute; inset: 0; opacity: 0.3; }\n        .wins-stats-row {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n            margin-bottom: 40px;\n            position: relative;\n            z-index: 1;\n        }\n        @media (min-width: 768px) { .wins-stats-row { grid-template-columns: repeat(4, 1fr); } }\n        .wins-stat {\n            text-align: center;\n            padding: 20px 16px;\n            border-radius: 12px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px);\n            backdrop-filter: blur(12px);\n            border: 1px solid var(--border);\n        }\n        .wins-stat-val { font-size: 26px; font-weight: 800; margin-bottom: 4px; }\n        .wins-stat-val.gv { background: linear-gradient(135deg, #04DBFF, #8b5cf6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n        .wins-stat-val.gv-green { color: var(--success); }\n        .wins-stat-label { font-size: 12px; color: var(--muted); }\n        \/* \u2500\u2500 WIN FEED GRID \u2500\u2500 *\/\n        .wins-feed-grid {\n            display: grid;\n            gap: 12px;\n            grid-template-columns: repeat(2, 1fr);\n            position: relative;\n            z-index: 1;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n        @media (min-width: 1024px) {\n            .wins-feed-grid {\n                grid-template-columns: repeat(3, 1fr);\n                max-width: 100%;\n                gap: 16px;\n            }\n        }\n        \/* Mobile: iOS notification stack *\/\n        @media (max-width: 767px) {\n            \/* Override scroll-animate on the wins grid: show immediately, no fade-in glitch *\/\n            #wins-feed-grid {\n                opacity: 1 !important;\n                transform: none !important;\n                transition: none !important;\n            }\n            \/* Disable card transitions until JS marks the grid as ready *\/\n            #wins-feed-grid:not(.wfc-ready) .win-feed-card {\n                transition: none !important;\n            }\n            .wins-feed-grid {\n                display: block;\n                position: relative;\n                height: 164px;   \/* card ~130px + 34px peek space *\/\n                max-width: 420px;\n                margin: 0 auto;\n                overflow: visible;\n            }\n            \/* nasconde card 4-6, mobile usa solo le prime 3 *\/\n            .wins-feed-grid .win-feed-card:nth-child(n+4) { display: none; }\n            \/* absolute stack: tutte le card partono da top:0 *\/\n            .wins-feed-grid .win-feed-card {\n                position: absolute;\n                left: 0; right: 0;\n                transform-origin: top center;\n                transition: transform 0.62s cubic-bezier(0.32, 0.72, 0, 1),\n                            opacity 0.5s ease;\n                will-change: transform, opacity;\n            }\n            \/* posizioni gestite da JS *\/\n            .wins-feed-grid .win-feed-card.wfc-pos-0 {\n                transform: translateY(0) scale(1);\n                opacity: 1; z-index: 3;\n            }\n            .wins-feed-grid .win-feed-card.wfc-pos-1 {\n                transform: translateY(14px) scale(0.94);\n                opacity: 0.55; z-index: 2; pointer-events: none;\n            }\n            .wins-feed-grid .win-feed-card.wfc-pos-2 {\n                transform: translateY(24px) scale(0.88);\n                opacity: 0.3; z-index: 1; pointer-events: none;\n            }\n            \/* stato di ingresso (sopra, istantaneo \u2014 transition annullata via JS) *\/\n            .wins-feed-grid .win-feed-card.wfc-entering {\n                transform: translateY(-108%) scale(0.97);\n                opacity: 0; z-index: 4;\n            }\n        }\n        \/* \u2500\u2500 CARD: iOS lock-screen notification style \u2500\u2500 *\/\n        .win-feed-card {\n            padding: 0;\n            border-radius: 20px;\n            background: rgba(255,255,255,0.07);\n            -webkit-backdrop-filter: blur(20px);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255,255,255,0.13);\n            transition: box-shadow 0.3s, border-color 0.3s, transform 0.2s;\n            min-width: 0;\n            overflow: hidden;\n            \/* sottile glow viola come bordo illuminato *\/\n            box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08);\n        }\n        .win-feed-card:hover {\n            border-color: rgba(139,92,246,0.35);\n            box-shadow: 0 8px 32px rgba(139,92,246,0.2), inset 0 1px 0 rgba(255,255,255,0.1);\n            transform: translateY(-2px);\n        }\n        \/* \"App bar\" iOS stile \u2014 riga in cima con nome app + tempo *\/\n        .win-feed-card::before {\n            content: attr(data-app);\n            display: flex;\n            align-items: center;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 0.4px;\n            color: rgba(255,255,255,0.4);\n            padding: 9px 14px 0;\n            text-transform: uppercase;\n        }\n        \/* Body della notifica *\/\n        .win-feed-top {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 8px 14px 0;\n            margin-bottom: 0;\n        }\n        .win-feed-meta {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 6px 14px 12px;\n            margin-top: 0;\n        }\n        @keyframes fadeSlideIn {\n            from { opacity: 0; }\n            to   { opacity: 1; }\n        }\n        .win-feed-card.new-win { animation: fadeSlideIn 0.35s ease both; }\n        .win-feed-avatar {\n            width: 40px; height: 40px; border-radius: 50%;\n            background: linear-gradient(135deg, var(--primary), var(--accent));\n            display: flex; align-items: center; justify-content: center;\n            font-weight: 800; font-size: 14px; color: #fff; flex-shrink: 0;\n        }\n        .win-feed-info { flex: 1; min-width: 0; }\n        .win-feed-name { font-size: 14px; font-weight: 700; }\n        .win-feed-slot { font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n        .win-feed-amount { font-size: 20px; font-weight: 800; color: var(--success); }\n        .win-feed-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 0; }\n        .win-feed-time { font-size: 11px; color: var(--muted); }\n        .win-feed-stars { display: flex; gap: 1px; }\n        .win-feed-stars svg { width: 12px; height: 12px; color: var(--warning); fill: var(--warning); }\n\n        \/* === DEMO SECTION === *\/\n        .demo-section { padding: 80px 0; position: relative; }\n        .demo-section > .container { position: relative; z-index: 2; }\n        .demo-card {\n            max-width: 700px; margin: 0 auto;\n            padding: 20px; border-radius: 20px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n            border: 1px solid var(--border);\n            position: relative; z-index: 1;\n        }\n        @media (min-width: 640px) { .demo-card { padding: 32px; } }\n        .demo-controls { display: flex; gap: 12px; margin-bottom: 24px; flex-wrap: wrap; }\n        .demo-select {\n            flex: 1; min-width: 180px;\n            padding: 12px 16px;\n            background: rgba(255,255,255,0.04);\n            border: 1px solid var(--border);\n            border-radius: 10px;\n            color: var(--text); font-size: 14px;\n            cursor: pointer; outline: none;\n            transition: border-color 0.3s;\n            -webkit-appearance: none; appearance: none;\n        }\n        .demo-select:focus { border-color: var(--primary); }\n        .demo-select option { background: #14141e; }\n        .btn-scan {\n            display: inline-flex; align-items: center; gap: 8px;\n            padding: 12px 24px;\n            background: var(--gradient-primary);\n            color: #fff; border: none; border-radius: 10px;\n            font-size: 14px; font-weight: 700; cursor: pointer;\n            transition: all 0.3s; white-space: nowrap;\n        }\n        .btn-scan:hover { transform: translateY(-2px); box-shadow: 0 0 20px rgba(139,92,246,0.4); }\n        .btn-scan:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n        .demo-progress { display: none; margin-bottom: 24px; }\n        .demo-progress-bar-wrap { height: 6px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; margin-bottom: 20px; }\n        .demo-progress-bar { height: 100%; border-radius: 3px; background: var(--gradient-primary); width: 0%; transition: width 0.6s ease; }\n        .demo-steps { display: flex; flex-direction: column; gap: 10px; }\n        .demo-step { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); transition: color 0.3s; }\n        .demo-step.active { color: var(--text); }\n        .demo-step.done { color: var(--success); }\n        .demo-step-dot {\n            width: 22px; height: 22px; border-radius: 50%;\n            border: 2px solid currentColor;\n            display: flex; align-items: center; justify-content: center;\n            flex-shrink: 0; font-size: 10px; font-weight: 700; transition: all 0.3s;\n        }\n        .demo-step.done .demo-step-dot { background: var(--success); border-color: var(--success); color: #fff; }\n        .demo-step.active .demo-step-dot { border-color: var(--primary); animation: pulse-dot 1.2s ease-in-out infinite; }\n        .demo-results { display: none; margin-top: 24px; }\n        .demo-results-table { width: 100%; border-collapse: collapse; }\n        .demo-results-table th { font-size: 11px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; padding: 8px 12px; text-align: left; border-bottom: 1px solid var(--border); }\n        .demo-results-table td { padding: 12px; font-size: 14px; border-bottom: 1px solid rgba(139,92,246,0.06); vertical-align: middle; }\n        .demo-results-table tr:last-child td { border-bottom: none; }\n        .demo-results-table tr:hover td { background: rgba(139,92,246,0.04); }\n        .demo-volatility { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; }\n        .demo-volatility.alta { background: rgba(239,68,68,0.15); color: #ef4444; }\n        .demo-volatility.media { background: rgba(245,158,11,0.15); color: var(--warning); }\n        .demo-volatility.bassa { background: rgba(34,197,94,0.15); color: var(--success); }\n        .demo-score { font-weight: 700; }\n        .demo-score.hot { color: var(--warning); }\n        .demo-score.good { color: var(--success); }\n        .demo-score.ok { color: var(--primary-light); }\n        .demo-score.low { color: var(--muted); }\n        .demo-cta-row { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border); text-align: center; }\n        .demo-cta-row p { font-size: 14px; color: var(--muted); margin-bottom: 12px; }\n\n        \/* === FEATURES SECTION === *\/\n        .features-section { padding: 80px 0; position: relative; overflow: hidden; }\n        .features-section .cyber-grid { position: absolute; inset: 0; opacity: 0.3; }\n        .features-grid {\n            display: grid; gap: 20px;\n            position: relative; z-index: 1;\n        }\n        @media (min-width: 640px) { .features-grid { grid-template-columns: repeat(2, 1fr); } }\n        @media (min-width: 1024px) { .features-grid { grid-template-columns: repeat(3, 1fr); } }\n        .feature-card {\n            padding: 24px; border-radius: 16px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n            border: 1px solid var(--border);\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        .feature-card:hover {\n            border-color: var(--border-hover);\n            box-shadow: 0 0 30px rgba(139,92,246,0.15);\n            transform: translateY(-4px);\n        }\n        .feature-icon {\n            display: inline-flex; align-items: center; justify-content: center;\n            width: 52px; height: 52px; border-radius: 14px;\n            background: linear-gradient(135deg, rgba(139,92,246,0.15), rgba(6,182,212,0.08));\n            margin-bottom: 16px; transition: transform 0.3s;\n        }\n        .feature-card:hover .feature-icon { transform: scale(1.1); }\n        .feature-icon svg { width: 26px; height: 26px; color: var(--primary); }\n        .feature-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; }\n        .feature-card p { font-size: 14px; color: var(--muted); line-height: 1.5; }\n\n        \/* === FAQ SECTION === *\/\n        .faq-section { padding: 80px 0; position: relative; }\n        .faq-section::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, var(--bg), rgba(139,92,246,0.03), var(--bg)); z-index: 0; pointer-events: none; }\n        .faq-section > .container { position: relative; z-index: 2; }\n        .faq-list {\n            max-width: 768px; margin: 0 auto;\n            display: flex; flex-direction: column; gap: 12px;\n            position: relative; z-index: 1;\n        }\n        .faq-item {\n            border-radius: 12px;\n            background: var(--glass);\n            -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n            border: 1px solid var(--border);\n            overflow: hidden; transition: border-color 0.3s;\n        }\n        .faq-item.open { border-color: rgba(139,92,246,0.4); }\n        .faq-question {\n            display: flex; justify-content: space-between; align-items: center;\n            padding: 20px 24px; cursor: pointer;\n            font-size: 15px; font-weight: 600; gap: 16px; user-select: none;\n        }\n        .faq-question:hover { background: rgba(139,92,246,0.04); }\n        .faq-chevron { width: 20px; height: 20px; color: var(--primary); flex-shrink: 0; transition: transform 0.3s ease; }\n        .faq-item.open .faq-chevron { transform: rotate(180deg); }\n        .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }\n        .faq-answer-inner {\n            padding: 0 24px 20px; padding-top: 16px;\n            font-size: 14px; color: var(--muted); line-height: 1.6;\n            border-top: 1px solid var(--border);\n        }\n        .faq-item.open .faq-answer { max-height: 300px; }\n    \n        \/* \u2500\u2500\u2500 Meta classes \u2192 slotpredictor design tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n        \/* Hero structure wrapper *\/\n        .hero-content { position:relative; z-index:10; max-width:900px; margin:0 auto; text-align:center; padding-top:0; padding-bottom:20px; }\n        @media (min-width: 768px) { .hero-content { padding-bottom:60px; } }\n\n        \/* Live stats row \u2014 3 cards always on one line *\/\n        .live-stats { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; margin-bottom:32px; max-width:640px; margin-left:auto; margin-right:auto; }\n        .stat-card { background:var(--card-solid); border:1px solid var(--border); border-radius:14px; padding:14px 8px; min-width:0; text-align:center; transition:all 0.3s; }\n        .stat-card:hover { border-color:var(--border-hover); box-shadow:var(--shadow-glow); transform:translateY(-2px); }\n        .stat-card.anomaly-active { border-color:var(--success)!important; box-shadow:0 0 20px rgba(34,197,94,0.3)!important; }\n        .stat-number { font-size:clamp(22px, 5.5vw, 34px); font-weight:800; color:var(--accent); display:flex; align-items:center; justify-content:center; gap:6px; font-variant-numeric:tabular-nums; line-height:1.1; letter-spacing:-0.02em; }\n        .stat-number.anomaly-active { color:var(--success); }\n        .stat-label { font-size:clamp(9px, 2.2vw, 11px); color:var(--muted); text-transform:uppercase; letter-spacing:1px; font-weight:600; margin-top:6px; display:flex; align-items:center; justify-content:center; gap:4px; flex-wrap:wrap; line-height:1.2; }\n        .live-badge { flex-shrink:0; }\n        @media (min-width: 640px) {\n            .live-stats { gap:16px; }\n            .stat-card { padding:20px 18px; border-radius:16px; }\n            .stat-label { letter-spacing:1.5px; }\n        }\n        .live-badge { background:rgba(239,68,68,0.15); color:#f87171; padding:2px 6px; border-radius:4px; font-size:9px; font-weight:700; animation:blink-badge 2s infinite; }\n        @keyframes blink-badge { 0%,100%{opacity:1}50%{opacity:0.4} }\n        .live-dot { width:8px; height:8px; background:var(--success); border-radius:50%; animation:pulse-dot 2s infinite; flex-shrink:0; }\n        @keyframes pulse-dot { 0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0.6} }\n\n        \/* CTA helpers *\/\n        .cta-container { display:flex; justify-content:center; align-items:center; margin:12px 0; }\n        .cta-secondary { margin-top:8px; background:transparent; border:1px solid var(--border); }\n        .cta-secondary:hover { border-color:var(--primary); background:rgba(139,92,246,0.1); box-shadow:none; }\n\n        \/* Section titles \u2014 unified typography with hero H1 (same family, weight, sizes, tracking) *\/\n        .section-title { font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,'Segoe UI',sans-serif; font-size:42px; font-weight:800; text-align:center; margin-bottom:32px; color:#fff; background:linear-gradient(135deg,#7DE8FF 0%,#04DBFF 40%,#C4B5FD 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-transform:none; letter-spacing:-0.03em; line-height:1.15; position:relative; z-index:2; max-width:100%; overflow-wrap:break-word; word-wrap:break-word; text-wrap:pretty; padding:0 10px; }\n        @media (min-width: 480px) { .section-title { font-size:46px; line-height:1.15; } }\n        @media (min-width: 768px) { .section-title { font-size:clamp(52px,6vw,72px); margin-bottom:40px; padding:0; text-wrap:balance; line-height:1.12; } }\n        .section-title .hl { background:linear-gradient(135deg,#04DBFF 0%,#8b5cf6 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\n\n        \/* Hero subtitle *\/\n        .hero-subtitle { font-size:16px; color:rgba(255,255,255,0.72); max-width:600px; margin:0 auto 32px; line-height:1.55; text-wrap:pretty; padding:0 10px; font-weight:400; }\n        .hero-subtitle strong { font-weight:600; color:rgba(255,255,255,0.92); }\n        @media (min-width: 768px) { .hero-subtitle { font-size:clamp(18px, 2.5vw, 24px); max-width:800px; line-height:1.6; padding:0; margin-bottom:40px; } }\n\n        \/* \u2500\u2500 Live wins section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .live-wins-section { padding:80px 0; }\n        .live-wins-container { background:var(--card-solid); border:1px solid var(--border); border-radius:20px; padding:20px; max-width:820px; margin:0 auto; }\n        @media (min-width: 640px) { .live-wins-container { padding:32px; } }\n        .live-wins-header { text-align:center; margin-bottom:24px; }\n        .live-indicator-top { display:inline-block; background:rgba(239,68,68,0.15); color:#f87171; padding:4px 12px; border-radius:20px; font-size:11px; font-weight:700; letter-spacing:2px; margin-bottom:12px; }\n        .live-wins-title { font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,'Segoe UI',sans-serif; font-size:clamp(24px, 3.5vw, 30px); font-weight:800; margin-bottom:8px; letter-spacing:-0.02em; line-height:1.2; }\n        .live-wins-subtitle { color:var(--muted); font-size:14px; }\n        .wins-ticker { min-height:60px; }\n        \/* win-notification from meta's JS *\/\n        .win-notification { display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-bottom:1px solid var(--border); animation:fadeSlideIn 0.4s ease; }\n        .win-notification:last-child { border-bottom:none; }\n        @keyframes fadeSlideIn { from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none} }\n        .notification-content { display:flex; align-items:center; gap:12px; }\n        .win-icon { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800; color:#fff; flex-shrink:0; background:linear-gradient(135deg,#04DBFF,#8b5cf6); box-shadow:0 2px 8px rgba(4,219,255,0.25); letter-spacing:0.5px; }\n        .win-icon.avatar-v1 { background:linear-gradient(135deg,#04DBFF,#8b5cf6); }\n        .win-icon.avatar-v2 { background:linear-gradient(135deg,#f59e0b,#ef4444); }\n        .win-icon.avatar-v3 { background:linear-gradient(135deg,#10b981,#06b6d4); }\n        .win-icon.avatar-v4 { background:linear-gradient(135deg,#8b5cf6,#ec4899); }\n        .win-icon.avatar-v5 { background:linear-gradient(135deg,#06b6d4,#3b82f6); }\n        .win-icon.avatar-v6 { background:linear-gradient(135deg,#ec4899,#f97316); }\n        .notification-text { display:flex; flex-wrap:wrap; gap:4px; font-size:13px; color:var(--text); }\n        .win-user-name { font-weight:700; }\n        .win-action { color:var(--muted); }\n        .win-slot { font-weight:600; color:var(--accent); }\n        .win-time { color:var(--muted); font-size:12px; }\n        .win-amount { color:var(--success); font-weight:700; font-size:16px; white-space:nowrap; }\n        .wins-summary { display:flex; gap:24px; justify-content:center; margin-top:20px; padding-top:20px; border-top:1px solid var(--border); }\n        .summary-stat { text-align:center; }\n        .summary-value { font-size:22px; font-weight:700; color:var(--primary); }\n        .summary-label { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }\n\n        \/* \u2500\u2500 Demo section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .demo-section { padding:80px 0; background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }\n        .demo-container { background:var(--card-solid); border:1px solid var(--border); border-radius:20px; padding:20px; max-width:700px; margin:0 auto; }\n        @media (min-width: 640px) { .demo-container { padding:32px; } }\n        .demo-header { text-align:center; margin-bottom:24px; }\n        .demo-title { font-size:22px; font-weight:700; margin-bottom:8px; }\n        .demo-subtitle { color:var(--muted); font-size:14px; }\n        .region-selector { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:20px; }\n        .region-btn { background:rgba(139,92,246,0.08); border:1px solid var(--border); color:var(--text); padding:8px 16px; border-radius:8px; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s; }\n        .region-btn:hover,.region-btn.active { background:rgba(139,92,246,0.2); border-color:var(--primary); color:var(--primary); }\n        .scan-button { display:flex; align-items:center; justify-content:center; gap:8px; background:var(--gradient-primary); color:#fff; border:none; border-radius:12px; padding:16px 32px; font-size:16px; font-weight:800; cursor:pointer; width:100%; transition:all 0.3s; margin-bottom:20px; box-shadow:0 4px 20px rgba(4,219,255,0.35); letter-spacing:0.3px; position:relative; overflow:hidden; }\n        .scan-button:hover { transform:translateY(-2px); box-shadow:0 6px 28px rgba(4,219,255,0.5), 0 0 40px rgba(139,92,246,0.35); }\n        .scan-button:active { transform:translateY(0); }\n        .scan-button::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent); transition:left 0.6s; }\n        .scan-button:hover::after { left:100%; }\n        .scan-button:disabled { opacity:0.6; cursor:not-allowed; transform:none; }\n        .scanning-animation { display:none; margin-bottom:16px; }\n        .scanning-animation.active { display:block; }\n        .scan-status { color:var(--accent); font-size:14px; margin-bottom:8px; text-align:center; }\n        .scan-progress { height:4px; background:var(--border); border-radius:2px; overflow:hidden; }\n        .scan-progress-bar { height:100%; background:var(--gradient-primary); border-radius:2px; width:0; transition:width 0.3s; }\n        .anomaly-result { display:none; background:rgba(34,197,94,0.06); border:1px solid rgba(34,197,94,0.2); border-radius:16px; padding:24px; text-align:center; }\n        .anomaly-result.active { display:block; }\n        .anomaly-badge { display:inline-block; background:rgba(34,197,94,0.15); color:var(--success); padding:4px 12px; border-radius:20px; font-size:11px; font-weight:700; letter-spacing:2px; margin-bottom:12px; }\n        .anomaly-value { font-size:48px; font-weight:800; color:var(--success); margin-bottom:4px; }\n        .anomaly-details { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }\n        .detail-item { background:var(--card); border:1px solid var(--border); border-radius:10px; padding:12px; text-align:center; }\n        .detail-label { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }\n        .detail-value { font-size:15px; font-weight:700; }\n\n        \/* \u2500\u2500 Features section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .features-section { padding:80px 0; }\n        .features-grid { display:grid; grid-template-columns:1fr; gap:16px; }\n        @media (min-width: 640px) { .features-grid { grid-template-columns:repeat(2,1fr); gap:20px; } }\n        @media (min-width: 1024px) { .features-grid { grid-template-columns:repeat(3,1fr); } }\n        .feature-card { background:var(--card-solid); border:1px solid var(--border); border-radius:16px; padding:28px; transition:all 0.3s; opacity:0; transform:translateY(20px); }\n        .feature-card.visible { opacity:1; transform:translateY(0); }\n        .feature-card:hover { border-color:var(--border-hover); transform:translateY(-4px); box-shadow:var(--shadow-card); }\n        .feature-icon { width:48px; height:48px; background:rgba(139,92,246,0.1); border:1px solid var(--border); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(--primary); }\n        .feature-title { font-size:17px; font-weight:700; margin-bottom:8px; }\n        .feature-description { color:var(--muted); font-size:14px; line-height:1.65; }\n\n        \/* \u2500\u2500 Testimonials section \u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .social-proof { padding:80px 0; background:var(--bg2); overflow:hidden; }\n        .testimonials-container { overflow:hidden; overflow-x:clip; width:100%; max-width:100vw; position:relative; contain:layout paint size; min-height:240px; }\n        .testimonials-slider { display:flex; gap:0; will-change:transform; position:absolute; top:0; left:0; }\n        .testimonial-card { background:var(--card-solid); border:1px solid var(--border); border-radius:16px; padding:24px; min-width:320px; max-width:320px; flex-shrink:0; margin-right:30px; opacity:0; transform:translateY(20px); }\n        .testimonial-card.visible { opacity:1; transform:translateY(0); }\n        .testimonial-text { color:var(--text); font-size:14px; line-height:1.65; margin-bottom:16px; }\n        .testimonial-author { display:flex; align-items:center; gap:12px; }\n        .author-avatar { width:40px; height:40px; border-radius:50%; background:var(--gradient-primary); display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:700; color:#fff; flex-shrink:0; }\n        .author-name { font-weight:600; font-size:14px; }\n        .author-win { color:var(--success); font-size:12px; font-weight:600; }\n\n        \/* \u2500\u2500 FAQ section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .faq-section { padding:80px 0; }\n        .faq-container { max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:12px; }\n        .faq-item { background:var(--card-solid); border:1px solid var(--border); border-radius:14px; overflow:hidden; transition:border-color 0.3s; }\n        .faq-item.active { border-color:var(--primary); }\n        .faq-question { padding:20px 24px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font-weight:600; font-size:15px; user-select:none; }\n        .faq-icon { font-size:22px; color:var(--primary); transition:transform 0.3s; flex-shrink:0; }\n        .faq-item.active .faq-icon { transform:rotate(45deg); }\n        .faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }\n        .faq-item.active .faq-answer { max-height:500px; }\n        .faq-answer-content { padding:0 24px 20px; color:var(--muted); font-size:14px; line-height:1.7; }\n\n        \/* Mobile: tighten section vertical rhythm *\/\n        @media (max-width: 767px) {\n            .live-wins-section,\n            .demo-section,\n            .features-section,\n            .social-proof,\n            .faq-section,\n            .cta-section { padding: 48px 0 !important; }\n            .trust-section { padding: 32px 0 !important; }\n            .section-title { margin-bottom: 24px; }\n        }\n\n        \/* \u2500\u2500 Trust section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .trust-section { padding:40px 0; border-top:1px solid var(--border); }\n        .trust-badges { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }\n        .trust-badge { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--muted); }\n        .badge-icon { color:var(--primary); }\n\n        \/* \u2500\u2500 CTA section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .cta-section { padding:80px 0; text-align:center; }\n        .cta-title { font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,'Segoe UI',sans-serif; font-size:42px; font-weight:800; margin-bottom:16px; letter-spacing:-0.03em; line-height:1.15; background:linear-gradient(135deg,#7DE8FF 0%,#04DBFF 40%,#C4B5FD 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; padding:0 10px; }\n        @media (min-width: 480px) { .cta-title { font-size:46px; } }\n        @media (min-width: 768px) { .cta-title { font-size:clamp(52px,6vw,72px); line-height:1.12; padding:0; } }\n        .cta-subtitle { color:var(--muted); font-size:16px; margin-bottom:32px; }\n\n        \/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        footer { padding:40px 0; border-top:1px solid var(--border); text-align:center; }\n        footer p { color:var(--muted); font-size:13px; }\n\n        \/* \u2500\u2500 Scroll-animate base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n        .scroll-animate { opacity:0; transform:translateY(20px); transition:opacity 0.6s ease,transform 0.6s ease; }\n        .scroll-animate.visible { opacity:1!important; transform:translateY(0)!important; }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ==================== NAVBAR ==================== -->\n    <nav class=\"navbar\">\n        <div class=\"container\">\n            <div class=\"nav-inner\">\n                <a href=\"#\" class=\"nav-logo\" aria-label=\"SlotGenius AI\">\n                    <img fetchpriority=\"high\" class=\"nav-logo-img\" src=\"https:\/\/geniuslabai.net\/wp-content\/uploads\/2026\/06\/Logo-Long.png\"\n                         alt=\"SlotGenius AI\" width=\"1024\" height=\"216\"\n                         decoding=\"async\"\n                         style=\"max-height:30px;width:auto;height:auto;display:block;\">\n                <\/a>\n\n                <ul class=\"nav-links\">\n                    <li><a href=\"#come-funziona\">Come Funziona<\/a><\/li>\n                    <li><a href=\"#funzionalita\">Funzionalit\u00e0<\/a><\/li>\n                    <li><a href=\"#testimonianze\">Testimonianze<\/a><\/li>\n                    <li><a href=\"#faq\">FAQ<\/a><\/li>\n                <\/ul>\n\n                <div class=\"nav-cta\">\n                    <button class=\"nav-cta-btn cta-trigger\">Inizia Gratis<\/button>\n                <\/div>\n\n                <button class=\"burger-btn\" id=\"burger-btn\" aria-label=\"Menu\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <!-- MOBILE MENU -->\n    <div class=\"mobile-menu\" id=\"mobile-menu\">\n        <a href=\"#come-funziona\" class=\"mobile-nav-link\">Come Funziona<\/a>\n        <a href=\"#funzionalita\" class=\"mobile-nav-link\">Funzionalit\u00e0<\/a>\n        <a href=\"#testimonianze\" class=\"mobile-nav-link\">Testimonianze<\/a>\n        <a href=\"#faq\" class=\"mobile-nav-link\">FAQ<\/a>\n        <div class=\"mobile-cta\">\n            <button class=\"btn-primary cta-trigger\" style=\"max-width:280px;\">\n                <svg class=\"tg-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n                Inizia Gratis\n            <\/button>\n        <\/div>\n    <\/div>\n\n\n    <\/div>\n    \n    <!-- Header -->\n<!-- Hero Section -->\n    <section class=\"hero\">\n        <div class=\"hero-bg-grid\"><\/div>\n        <div class=\"hero-matrix\"><\/div>\n        <div class=\"hero-glow-1\"><\/div>\n        <div class=\"hero-glow-2\"><\/div>\n        <div class=\"hero-content\">\n            <h1>L'<span class=\"text-gradient\">Intelligenza Artificiale<\/span> che Rivoluziona le <span class=\"text-gradient\" style=\"white-space:nowrap;\">Slot&nbsp;Online<\/span><\/h1>\n            <p class=\"hero-subtitle\">\n                Scopri <strong style=\"color:#04DBFF;\">anomalie RTP<\/strong> prima che vengano corrette e massimizza le tue vincite con il nostro sistema AI che analizza oltre <strong style=\"color:#8b5cf6;\">127.000 slot<\/strong> ogni secondo\n            <\/p>\n            \n            <!-- Live Stats -->\n            <div class=\"live-stats\">\n                <div class=\"stat-card\" id=\"active-users-card\">\n                    <div class=\"stat-number\" id=\"active-users-stat\">\n                        <span id=\"active-users\">3.247<\/span>\n                    <\/div>\n                    <div class=\"stat-label\">\n                        Utenti Attivi\n                        <span class=\"live-badge\">LIVE<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"stat-card\" id=\"anomalies-card\">\n                    <div class=\"stat-number\" id=\"anomalies-stat\">\n                        <span id=\"anomalies-found\">84<\/span>\n                    <\/div>\n                    <div class=\"stat-label\">Anomalie Oggi<\/div>\n                <\/div>\n                <div class=\"stat-card\" id=\"precision-card\">\n                    <div class=\"stat-number\" id=\"precision-stat\">\n                        <span id=\"win-rate\">94.8%<\/span>\n                    <\/div>\n                    <div class=\"stat-label\">Precisione AI<\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u2705 BOTTONE CENTRATO CON CONTAINER -->\n            <div class=\"cta-container\">\n                <button class=\"btn-primary cta-trigger\" id=\"main-cta\">\n                    <svg class=\"tg-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n                    Inizia Gratis su Telegram\n                <\/button>\n            <\/div>\n            \n            <!-- RTP Chart SVG (Live, slotpredictor engine) -->\n            <div class=\"rtp-chart-fw-wrapper\" style=\"margin:30px -16px 0;\">\n                <div class=\"rtp-card rtp-card-fullwidth scroll-animate\">\n                    <div class=\"rtp-card-header\">\n                        <div id=\"rtp-hdr-left\">\n                            <div class=\"rtp-card-title\">Monitoraggio RTP Globale<\/div>\n                            <div class=\"rtp-card-subtitle\">Analisi continua su 127.000+ slot in tempo reale<\/div>\n                        <\/div>\n                        <div class=\"rtp-live-badge\" id=\"rtp-hdr-right\">\n                            <span class=\"dot-sm\"><\/span><span class=\"live-text\">LIVE<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"chart-area\" id=\"chart-area-main\">\n                        <svg id=\"rtp-chart-main\" viewBox=\"0 0 500 180\" style=\"width:100%;height:100%;display:block;\"><\/svg>\n                        <div class=\"chart-tooltip\" id=\"chart-tooltip-main\">\n                            <div class=\"chart-tooltip-val\" id=\"tt-val-main\"><\/div>\n                            <div class=\"chart-tooltip-time\" id=\"tt-time-main\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rtp-card-stats\">\n                        <div class=\"rtp-stat\">\n                            <div class=\"rtp-stat-label\">RTP Medio<\/div>\n                            <div class=\"rtp-stat-val warning\" id=\"rtp-display-main\">96.2%<\/div>\n                        <\/div>\n                        <div class=\"rtp-stat\">\n                            <div class=\"rtp-stat-label\">Anomalie Oggi<\/div>\n                            <div class=\"rtp-stat-val success\" id=\"anomaly-display-main\">0<\/div>\n                        <\/div>\n                        <div class=\"rtp-stat\">\n                            <div class=\"rtp-stat-label\">Ultimi 60s<\/div>\n                            <div class=\"rtp-stat-val profit-zero\" id=\"profit-display-main\">+\u20ac0.00<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <\/div>\n        <\/div><!-- \/.hero-content -->\n    <\/section>\n\n    <!-- Live Wins Section -->\n    <section class=\"live-wins-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">La Community sta vincendo!<\/h2>\n            <div class=\"live-wins-container\">\n                <div class=\"live-wins-header\">\n                    <span class=\"live-indicator-top\">LIVE<\/span>\n                    <h3 class=\"live-wins-title\">Vincite in Tempo Reale<\/h3>\n                    <p class=\"live-wins-subtitle\">Ultime vincite verificate dai nostri utenti<\/p>\n                <\/div>\n                \n                <div class=\"wins-ticker\" id=\"wins-ticker\">\n                    <!-- Le vincite verranno inserite dinamicamente via JS -->\n                <\/div>\n                \n                <!-- Stats Summary -->\n                <div class=\"wins-summary\">\n                    <div class=\"summary-stat\">\n                        <div class=\"summary-value\" id=\"total-wins\">48.752\u20ac<\/div>\n                        <div class=\"summary-label\">Vinto Oggi<\/div>\n                    <\/div>\n                    <div class=\"summary-stat\">\n                        <div class=\"summary-value\" id=\"avg-win\">385\u20ac<\/div>\n                        <div class=\"summary-label\">Vincita Media<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u2705 CTA AGGIUNTIVO CENTRATO -->\n                <div class=\"cta-container\">\n                    <button class=\"btn-primary cta-trigger cta-secondary\">\n                        <svg class=\"tg-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n                        Unisciti ai Vincitori\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Demo Section -->\n    <section class=\"demo-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Prova la Demo dal Vivo<\/h2>\n            \n            <div class=\"demo-container\">\n                <div class=\"demo-header\">\n                    <h3 class=\"demo-title\">Generatore Anomalie RTP<\/h3>\n                    <p class=\"demo-subtitle\">Seleziona la tua regione e scopri le anomalie in tempo reale<\/p>\n                <\/div>\n                \n                <div class=\"region-selector\">\n                    <button class=\"region-btn\" data-region=\"lombardia\">Lombardia<\/button>\n                    <button class=\"region-btn\" data-region=\"lazio\">Lazio<\/button>\n                    <button class=\"region-btn\" data-region=\"veneto\">Veneto<\/button>\n                    <button class=\"region-btn\" data-region=\"campania\">Campania<\/button>\n                    <button class=\"region-btn\" data-region=\"piemonte\">Piemonte<\/button>\n                    <button class=\"region-btn\" data-region=\"toscana\">Toscana<\/button>\n                    <button class=\"region-btn\" data-region=\"emilia\">Emilia-R.<\/button>\n                    <button class=\"region-btn\" data-region=\"sicilia\">Sicilia<\/button>\n                <\/div>\n                \n                <button class=\"scan-button\" id=\"scan-btn\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"20\" height=\"20\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"m21 21-4.3-4.3\"\/><\/svg> Avvia Scansione AI\n                <\/button>\n                \n                <div class=\"scanning-animation\" id=\"scanning\">\n                    <div class=\"scan-status\" id=\"scan-status\">Connessione ai server regionali...<\/div>\n                    <div class=\"scan-progress\">\n                        <div class=\"scan-progress-bar\" id=\"progress-bar\"><\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"anomaly-result\" id=\"result\">\n                    <div class=\"anomaly-badge\">ANOMALIA RILEVATA<\/div>\n                    <div class=\"anomaly-value\" id=\"rtp-value\">108.7%<\/div>\n                    <p>RTP Anomalo Rilevato<\/p>\n                    \n                    <div class=\"anomaly-details\">\n                        <div class=\"detail-item\">\n                            <div class=\"detail-label\">Slot<\/div>\n                            <div class=\"detail-value\" id=\"slot-name\">Book of Ra Deluxe<\/div>\n                        <\/div>\n                        <div class=\"detail-item\">\n                            <div class=\"detail-label\">Casino<\/div>\n                            <div class=\"detail-value\" id=\"casino-name\">Bassbet<\/div>\n                        <\/div>\n                        <div class=\"detail-item\">\n                            <div class=\"detail-label\">Confidenza AI<\/div>\n                            <div class=\"detail-value\" id=\"confidence\">96%<\/div>\n                        <\/div>\n                        <div class=\"detail-item\">\n                            <div class=\"detail-label\">Durata<\/div>\n                            <div class=\"detail-value\" id=\"duration\">75 minuti<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <p style=\"margin-top: 20px; color: var(--text-secondary);\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"\/><\/svg> Questa \u00e8 solo una demo. Accedi al bot per anomalie reali che possono essere corrette in qualsiasi momento!\n                    <\/p>\n\n                    <div class=\"cta-container\" style=\"margin-top:24px;\">\n                        <button class=\"btn-primary cta-trigger\" id=\"demo-cta\">\n                            <svg class=\"tg-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n                            Accedi alle Anomalie Reali <span>&rarr;<\/span>\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Features Section -->\n    <section class=\"features-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Come Funziona SlotGenius AI<\/h2>\n            \n            <div class=\"features-grid\">\n                <div class=\"feature-card scroll-animate\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">AI Quantistica v6.0<\/h3>\n                    <p class=\"feature-description\">\n                        Algoritmi di ultima generazione analizzano pattern RTP impossibili da rilevare manualmente\n                    <\/p>\n                <\/div>\n                \n                <div class=\"feature-card scroll-animate\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><path d=\"M3 3v16a2 2 0 0 0 2 2h16\"\/><path d=\"m19 9-5 5-4-4-3 3\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">127.000+ Slot Monitorate<\/h3>\n                    <p class=\"feature-description\">\n                        Scansione in tempo reale di tutte le principali piattaforme di gioco italiane 24\/7\n                    <\/p>\n                <\/div>\n                \n                <div class=\"feature-card scroll-animate\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">Notifiche Istantanee<\/h3>\n                    <p class=\"feature-description\">\n                        Ricevi alert su Telegram quando l'AI rileva anomalie prima che vengano corrette dai casin\u00f2\n                    <\/p>\n                <\/div>\n                \n                <div class=\"feature-card scroll-animate\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">94.8% di Precisione<\/h3>\n                    <p class=\"feature-description\">\n                        Strategie personalizzate basate su milioni di dati storici e pattern vincenti verificati\n                    <\/p>\n                <\/div>\n                \n                <div class=\"feature-card scroll-animate\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n                    <\/div>\n                    <h3 class=\"feature-title\">100% Sicuro e Anonimo<\/h3>\n                    <p class=\"feature-description\">\n                        Nessun dato personale richiesto, accesso completamente anonimo tramite Telegram\n                    <\/p>\n                <\/div>\n                \n                <div class=\"feature-card scroll-animate\">\n                    <div class=\"feature-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><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 15-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>\n                    <\/div>\n                    <h3 class=\"feature-title\">Prova Gratuita<\/h3>\n                    <p class=\"feature-description\">\n                        Testa il sistema senza rischi e scopri il potere dell'AI applicata alle slot online\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- \u2705 SOCIAL PROOF - RECENSIONI LOOP CONTINUATIVO -->\n    <section class=\"social-proof\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Cosa Dicono i Nostri Utenti<\/h2>\n            \n            <div class=\"testimonials-container\">\n                <div class=\"testimonials-slider\" id=\"testimonials-slider\">\n                    <!-- Set 1 -->\n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"In 3 giorni ho vinto 1.850\u20ac! L'AI ha individuato un'anomalia su Burning Chilli X che mi ha fatto vincere 420x la puntata.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">MR<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Marco R.<\/div>\n                                <div class=\"author-win\">+1.850\u20ac in 3 giorni<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Non credevo fosse possibile, ma l'AI ha davvero cambiato il mio approccio. Ho ridotto le perdite del 70%!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">SV<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Sara V.<\/div>\n                                <div class=\"author-win\">-70% perdite<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Le notifiche arrivano al momento giusto. Ieri ho vinto 650\u20ac su Oops seguendo l'alert dell'AI.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">LP<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Luca P.<\/div>\n                                <div class=\"author-win\">+650\u20ac in un giorno<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Finalmente un sistema che funziona davvero. Ho recuperato tutto quello che avevo perso in mesi!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">GF<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Giulia F.<\/div>\n                                <div class=\"author-win\">ROI +285%<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Ho usato le 3 anomalie gratuite e ho vinto 950\u20ac. Ora sono utente premium e continuo a vincere!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">AF<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Andrea F.<\/div>\n                                <div class=\"author-win\">+950\u20ac con prova gratuita<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"L'AI mi ha segnalato un'anomalia su Book of Ra che mi ha fruttato 15x il deposito iniziale!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">CT<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Carla T.<\/div>\n                                <div class=\"author-win\">ROI 1500%<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Prima perdevo sempre, ora con SlotGenius vinco 3 volte su 4. \u00c8 incredibile come funzioni!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">DM<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Davide M.<\/div>\n                                <div class=\"author-win\">75% win rate<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Le 3 anomalie gratis mi hanno convinto. Ho vinto subito 320\u20ac e sono passato al premium!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">EB<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Elena B.<\/div>\n                                <div class=\"author-win\">+320\u20ac subito<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Set 2 - Copia per loop infinito seamless -->\n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"In 3 giorni ho vinto 1.850\u20ac! L'AI ha individuato un'anomalia su Burning Chilli X che mi ha fatto vincere 420x la puntata.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">MR<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Marco R.<\/div>\n                                <div class=\"author-win\">+1.850\u20ac in 3 giorni<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Non credevo fosse possibile, ma l'AI ha davvero cambiato il mio approccio. Ho ridotto le perdite del 70%!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">SV<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Sara V.<\/div>\n                                <div class=\"author-win\">-70% perdite<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Le notifiche arrivano al momento giusto. Ieri ho vinto 650\u20ac su Oops seguendo l'alert dell'AI.\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">LP<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Luca P.<\/div>\n                                <div class=\"author-win\">+650\u20ac in un giorno<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"testimonial-card scroll-animate\">\n                        <p class=\"testimonial-text\">\n                            \"Finalmente un sistema che funziona davvero. Ho recuperato tutto quello che avevo perso in mesi!\"\n                        <\/p>\n                        <div class=\"testimonial-author\">\n                            <div class=\"author-avatar\">GF<\/div>\n                            <div class=\"author-info\">\n                                <div class=\"author-name\">Giulia F.<\/div>\n                                <div class=\"author-win\">ROI +285%<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- \u2705 FAQ SECTION CON SPIEGAZIONE 3 ANOMALIE GRATUITE -->\n    <section class=\"faq-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Domande Frequenti<\/h2>\n            \n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Come funziona la prova gratuita?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            La prova gratuita ti permette di testare SlotGenius AI con <strong>3 anomalie completamente gratuite<\/strong>. Ogni anomalia rappresenta un'opportunit\u00e0 di vincita reale che puoi sfruttare senza alcun costo. Dopo aver utilizzato le 3 anomalie, potrai decidere se continuare con il servizio premium per anomalie illimitate.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Cos'\u00e8 un'anomalia RTP?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Un'anomalia RTP (Return to Player) si verifica quando una slot presenta temporaneamente un tasso di restituzione superiore al normale. Il nostro AI identifica questi momenti analizzando milioni di spin in tempo reale. Le anomalie possono essere corrette dai casin\u00f2 in qualsiasi momento, per questo \u00e8 importante agire velocemente quando vengono rilevate.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Perch\u00e9 solo 3 anomalie gratuite?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Le 3 anomalie gratuite sono sufficienti per testare l'efficacia del sistema e ottenere le prime vincite. Limitiamo il numero per mantenere alta la qualit\u00e0 delle previsioni e evitare sovraccarichi sui nostri server AI. La maggior parte degli utenti vince gi\u00e0 con le prime anomalie e decide di continuare con il servizio completo.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Come fa l'AI a prevedere le vincite?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            SlotGenius AI utilizza algoritmi di machine learning avanzati che analizzano pattern storici, volatilit\u00e0 delle slot e cicli di pagamento. Non prevediamo singoli spin, ma identifichiamo finestre temporali dove statisticamente le slot sono pi\u00f9 generose e presentano anomalie RTP sfruttabili.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Cosa succede dopo le 3 anomalie gratuite?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Dopo aver utilizzato le 3 anomalie gratuite, ti invitiamo a unirti alla <strong>SlotGenius Academy<\/strong> per rimanere aggiornato sul mondo dell'intelligenza artificiale applicata alle slot. Nell'Academy troverai analisi settimanali, strategie avanzate, tips esclusivi e una community di giocatori esperti che condividono le loro esperienze.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        \u00c8 legale utilizzare SlotGenius AI?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Assolutamente s\u00ec. SlotGenius AI \u00e8 un sistema di analisi statistica che fornisce informazioni basate su dati pubblici. Non interferiamo con i giochi n\u00e9 violiamo alcuna regola dei casin\u00f2. \u00c8 come usare un navigatore per trovare la strada migliore, ma applicato alle slot online.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Quanto posso vincere con le 3 anomalie gratuite?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Le vincite dipendono da molti fattori, inclusa la tua strategia di gioco. Con le 3 anomalie gratuite, i nostri utenti riportano vincite medie di 200-800\u20ac. Alcuni hanno vinto molto di pi\u00f9 seguendo alla lettera le nostre indicazioni. Ricorda sempre di giocare responsabilmente e nei limiti del tuo budget.\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Come inizio ad usare il sistema?\n                        <span class=\"faq-icon\">+<\/span>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <div class=\"faq-answer-content\">\n                            Semplicissimo! Clicca sul pulsante \"Inizia Gratis su Telegram\", verrai reindirizzato al nostro bot. Dopo una breve configurazione iniziale, riceverai le tue 3 anomalie gratuite. Il sistema \u00e8 completamente gratuito per le prime 3 anomalie, senza vincoli o costi nascosti.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Trust badges -->\n    <section class=\"trust-section\">\n        <div class=\"container\">\n            <div class=\"trust-badges\">\n                <div class=\"trust-badge\">\n                    <span class=\"badge-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg><\/span>\n                    <span>SSL Protetto<\/span>\n                <\/div>\n                <div class=\"trust-badge\">\n                    <span class=\"badge-icon\">\u2713<\/span>\n                    <span>94,8% Precisione<\/span>\n                <\/div>\n                <div class=\"trust-badge\">\n                    <span class=\"badge-icon\">\ud83d\udc65<\/span>\n                    <span>12.847+ Utenti<\/span>\n                <\/div>\n                <div class=\"trust-badge\">\n                    <span class=\"badge-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"24\" height=\"24\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"\/><\/svg><\/span>\n                    <span>Aggiornamenti Real-Time<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- CTA Section -->\n    <section class=\"cta-section\">\n        <div class=\"container\">\n            <h2 class=\"cta-title\">Inizia a Vincere Oggi<\/h2>\n            <p class=\"cta-subtitle\">\n                Unisciti a migliaia di giocatori che hanno gi\u00e0 scoperto il potere dell'AI\n            <\/p>\n            <!-- \u2705 BOTTONE FINALE CENTRATO -->\n            <div class=\"cta-container\">\n                <button class=\"btn-primary cta-trigger\" id=\"footer-cta\">\n                    <svg class=\"tg-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n                    Attiva SlotGenius AI Gratis\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <img loading=\"lazy\" class=\"footer-logo\" src=\"https:\/\/geniuslabai.net\/wp-content\/uploads\/2026\/06\/Logo-Long.png\"\n                 alt=\"SlotGenius AI\" width=\"1024\" height=\"216\"\n                 loading=\"lazy\" decoding=\"async\"\n                 style=\"max-height:26px;width:auto;height:auto;display:block;margin:0 auto 16px;opacity:.75;\">\n            <p>&copy; 2025 SlotGenius AI. Tutti i diritti riservati. | Il gioco \u00e8 vietato ai minori di 18 anni.<\/p>\n            <p style=\"margin-top: 10px; font-size: 12px; opacity: 0.7;\">\n                SlotGenius AI \u00e8 un sistema di analisi statistica. Gioca responsabilmente.\n            <\/p>\n        <\/div>\n    <\/footer>\n    \n    <!-- STICKY CTA BAR (mobile only) -->\n    <div class=\"sticky-cta-bar\" id=\"sticky-cta-bar\">\n        <button class=\"btn-primary cta-trigger\">\n            <svg class=\"tg-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n            Inizia Gratis Ora <span>&rarr;<\/span>\n        <\/button>\n    <\/div>\n\n\n    <script>\n        \/\/ =====================================================\n        \/\/ \u2705 META PIXEL TRACKING & EMQ \u2014 from meta_optimized\n        \/\/ =====================================================\n        \/\/ =====================================================\n        \/\/ \u2705 FBP COLLECTION & META EMQ MANAGEMENT\n        \/\/ =====================================================\n        \n        \/\/ \u2705 FUNZIONE PER OTTENERE O GENERARE FBP\n        function getOrGenerateFBP() {\n            \/\/ 1. Controlla se c'\u00e8 gi\u00e0 un FBP nei cookie\n            let fbp = getCookie('_fbp');\n            \n            if (!fbp) {\n                \/\/ 2. Genera nuovo FBP: fb.1.{timestamp_ms}.{random_number}\n                const timestamp = Date.now();\n                const randomNum = Math.floor(Math.random() * 2147483647); \/\/ Max 32-bit int\n                fbp = `fb.1.${timestamp}.${randomNum}`;\n                \n                \/\/ 3. Salva nei cookie (scade dopo 90 giorni come Facebook standard)\n                const expirationDate = new Date();\n                expirationDate.setDate(expirationDate.getDate() + 90);\n                document.cookie = `_fbp=${fbp}; expires=${expirationDate.toUTCString()}; path=\/; SameSite=Lax`;\n                \n                console.log('\ud83c\udd95 Generated new FBP:', fbp);\n            } else {\n                console.log('\ud83d\udcd6 Retrieved existing FBP:', fbp);\n            }\n            \n            return fbp;\n        }\n        \n        \/\/ \u2705 UTILITY PER LEGGERE COOKIE\n        function getCookie(name) {\n            const value = `; ${document.cookie}`;\n            const parts = value.split(`; ${name}=`);\n            if (parts.length === 2) return parts.pop().split(';').shift();\n            return null;\n        }\n        \n        \/\/ \u2705 ESTRAI FBCLID DALL'URL\n        function extractFbclid() {\n            const urlParams = new URLSearchParams(window.location.search);\n            return urlParams.get('fbclid');\n        }\n\n        \/\/ \u2705 LEGGI COOKIE _FBC (impostato da Meta Pixel con timestamp corretto)\n        function getFBC() {\n            \/\/ 1) Cerca il cookie _fbc esistente (creato da Meta Pixel)\n            var existing = getCookie('_fbc');\n            if (existing) return existing;\n            \/\/ 2) FALLBACK: se cookie non esiste, costruisci dal fbclid presente nell'URL.\n            \/\/ Formato Meta: fb.1.{timestamp_ms}.{fbclid}\n            var fbclid = extractFbclid();\n            if (fbclid && fbclid.length >= 10) {\n                var fbc = 'fb.1.' + Date.now() + '.' + fbclid;\n                try {\n                    document.cookie = '_fbc=' + fbc + ';path=\/;max-age=7776000;SameSite=Lax';\n                } catch (e) {}\n                return fbc;\n            }\n            return null;\n        }\n        \n        \/\/ \u2705 OTTIENI DATI ATTRIBUTION ENHANCED\n        function getEnhancedAttributionData() {\n            return {\n                userAgent: navigator.userAgent,\n                referrer: document.referrer || 'direct',\n                timestamp: Date.now(),\n                url: window.location.href,\n                screen: `${screen.width}x${screen.height}`,\n                language: navigator.language,\n                timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n                platform: navigator.platform,\n                cookieEnabled: navigator.cookieEnabled,\n                onLine: navigator.onLine\n            };\n        }\n        \n        \/\/ =====================================================\n        \/\/ \u2705 CONFIGURAZIONE WEBHOOK OTTIMIZZATA\n        \/\/ =====================================================\n        const WEBHOOK_URL = 'https:\/\/go.slotgeniusai.com';\n        const BOT_URL = 'https:\/\/telegram.me\/slotgenius_ai_bot';\n        const DOMAIN = 'https:\/\/slotgeniusai.com\/demoprova\/';\n        \n        \/\/ \u2705 GENERA LINK BOT CON FBP + FBCLID + FBC\n        async function generateOptimizedBotLink() {\n            const fbclid = extractFbclid();\n            const fbp = getOrGenerateFBP();\n            const fbc = getFBC(); \/\/ \ud83d\udd27 FIX: Leggi cookie _fbc con timestamp corretto\n\n            \/\/ \u2705 LOG PER DEBUG EMQ\n            console.log('\ud83d\udcca EMQ Data Collection:');\n            console.log('   - fbclid:', fbclid ? fbclid.substring(0, 20) + '...' : 'none');\n            console.log('   - fbp:', fbp ? fbp.substring(0, 20) + '...' : 'none');\n            console.log('   - fbc:', fbc ? fbc.substring(0, 30) + '...' : 'none (Meta Pixel not set yet)');\n            console.log('   - UA:', navigator.userAgent.substring(0, 50) + '...');\n            console.log('   - IP: (detected by server)');\n            console.log('   - Referrer:', document.referrer || 'direct');\n\n            \/\/ \u2705 GESTIONE FBCLID + FBP\n            if (!fbclid || fbclid.length < 10) {\n                \/\/ Nessun fbclid valido - usa link diretto con FBP\n                return `${BOT_URL}?start=direct&fbp=${encodeURIComponent(fbp)}`;\n            }\n\n            try {\n                \/\/ \u2705 ENHANCED ATTRIBUTION DATA\n                const attributionData = getEnhancedAttributionData();\n                attributionData.fbp = fbp; \/\/ Aggiungi FBP ai dati\n\n                \/\/ Invia a webhook per shortening con enhanced data + FBC cookie\n                const response = await fetch(`${WEBHOOK_URL}\/api\/shorten`, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                    },\n                    body: JSON.stringify({\n                        fbclid: fbclid,\n                        fbp: fbp,\n                        fbc: fbc,\n                        click_timestamp_ms: Date.now(),\n                        attribution: attributionData\n                    })\n                });\n                \n                if (response.ok) {\n                    const data = await response.json();\n                    \/\/ \u2705 USA REDIRECT URL CHE INCLUDER\u00c0 FBP\n                    return `${WEBHOOK_URL}\/r\/${data.short_id}?fbp=${encodeURIComponent(fbp)}`;\n                } else {\n                    console.warn('URL shortener failed, using direct link');\n                    return `${BOT_URL}?start=direct&fbp=${encodeURIComponent(fbp)}`;\n                }\n            } catch (error) {\n                console.error('Error shortening URL:', error);\n                return `${BOT_URL}?start=direct&fbp=${encodeURIComponent(fbp)}`;\n            }\n        }\n        \n        \/\/ =====================================================\n        \/\/ \u2705 FAQ ACCORDION FUNCTIONALITY (invariato)\n        \/\/ =====================================================\n        document.querySelectorAll('.faq-question').forEach(question => {\n            question.addEventListener('click', function() {\n                const item = this.parentElement;\n                const isActive = item.classList.contains('active');\n\n        \/\/ =====================================================\n        \/\/ FAQ ACCORDION\n        \/\/ =====================================================\n        document.addEventListener('click', function(e) {\n            var q = e.target.closest('.faq-question');\n            if (!q) return;\n            var item = q.parentElement;\n            var isActive = item.classList.contains('active');\n            document.querySelectorAll('.faq-item').forEach(function(fi) { fi.classList.remove('active'); });\n            if (!isActive) item.classList.add('active');\n        });\n\n                \/\/ Close all FAQ items\n                document.querySelectorAll('.faq-item').forEach(faq => {\n                    faq.classList.remove('active');\n                });\n                \n                \/\/ Open clicked item if it wasn't active\n                if (!isActive) {\n                    item.classList.add('active');\n                }\n            });\n        });\n        \n        \/\/ =====================================================\n        \/\/ \u2705 LOOP INFINITO RECENSIONI (invariato)\n        \/\/ =====================================================\n\n        \/\/ =====================================================\n        \/\/ TESTIMONIALS LOOP (infinite seamless scroll)\n        \/\/ =====================================================\n        function initTestimonialsLoop() {\n            const slider = document.getElementById('testimonials-slider');\n            const originalCards = Array.from(slider.children);\n            const gap = 30; \/\/ Deve corrispondere al CSS gap\n            const cardW = 320; \/\/ min-width \/ max-width delle card\n            const step = cardW + gap; \/\/ 350px per card+gap\n\n            \/\/ Clona le card per creare il loop seamless\n            originalCards.forEach(card => {\n                slider.appendChild(card.cloneNode(true));\n            });\n\n            const originalCount = originalCards.length;\n            const totalCards = slider.children.length;\n            \/\/ Distanza esatta da scorrere = numero card originali * step\n            const scrollDist = originalCount * step;\n\n            slider.style.width = `${totalCards * step}px`;\n\n            \/\/ Velocit\u00e0 costante: ~50px\/s \u2192 loop fluido\n            const speed = 50;\n            const duration = scrollDist \/ speed;\n\n            \/\/ Inietta keyframes con translate3d per compositing GPU\n            const style = document.createElement('style');\n            style.textContent = `\n                @keyframes slide-infinite {\n                    from { transform: translate3d(0, 0, 0); }\n                    to   { transform: translate3d(-${scrollDist}px, 0, 0); }\n                }\n            `;\n            document.head.appendChild(style);\n\n            \/\/ Applica animazione - linear infinite = loop continuo senza pause\n            slider.style.animation = `slide-infinite ${duration}s linear infinite`;\n        }\n        \n        \/\/ =====================================================\n        \/\/ MATRIX RAIN EFFECT (invariato)\n        \/\/ =====================================================\n\n        \/\/ =====================================================\n        \/\/ LIVE COUNTERS\n        \/\/ =====================================================\n        function animateValue(element, start, end, duration) {\n            var startTime = performance.now();\n            var endTime = startTime + duration;\n            function update() {\n                var now = performance.now();\n                var progress = Math.min((now - startTime) \/ duration, 1);\n                var value = Math.floor(start + (end - start) * progress);\n                if (element.id === 'win-rate') {\n                    element.textContent = value.toFixed(1) + '%';\n                } else {\n                    element.textContent = value.toLocaleString('it-IT').replace(\/,\/g, '.');\n                }\n                if (progress < 1) requestAnimationFrame(update);\n            }\n            requestAnimationFrame(update);\n        }\n        function updateLiveStats() {\n            var activeUsers = document.getElementById('active-users');\n            if (!activeUsers) return;\n            var currentUsers = parseInt(activeUsers.textContent.replace(\/[,.]\/g, ''));\n            var newUsers = currentUsers + Math.floor(Math.random() * 10 - 3);\n            animateValue(activeUsers, currentUsers, Math.max(3200, newUsers), 1000);\n        }\n\n        \/\/ =====================================================\n        \/\/ SVG RTP CHART ENGINE \u2014 from slotpredictor_style\n        \/\/ =====================================================\n        function initLiveChart(suffix) {\n            suffix = suffix || '';\n            var gradId = 'cGrad' + suffix;\n            var clipId = 'plotClip' + suffix;\n            var svg = document.getElementById('rtp-chart' + suffix);\n            var chartArea = document.getElementById('chart-area' + suffix);\n            var tooltip = document.getElementById('chart-tooltip' + suffix);\n            var ttVal = document.getElementById('tt-val' + suffix);\n            var ttTime = document.getElementById('tt-time' + suffix);\n            var rtpEl = document.getElementById('rtp-display' + suffix);\n            var anomalyEl = document.getElementById('anomaly-display' + suffix);\n            var profitEl = document.getElementById('profit-display' + suffix);\n            if (!svg || !chartArea) return;\n\n            \/\/ --- Config: read real container size for 1:1 viewBox mapping ---\n            var rect = chartArea.getBoundingClientRect();\n            var W = Math.round(rect.width) || 500;\n            var H = Math.round(rect.height) || 180;\n            svg.setAttribute('viewBox', '0 0 ' + W + ' ' + H);\n            \/\/ Scale fonts and strokes proportionally to actual pixel height\n            var SC = H \/ 180;\n            var FS_Y = Math.round(9 * SC);   \/\/ Y-axis label font size (px)\n            var FS_X = Math.round(8 * SC);   \/\/ X-axis label font size (px)\n            var SW = Math.max(1.5, 2 * SC);  \/\/ curve stroke width (px)\n            var PAD_L = Math.round(42 * SC), PAD_R = Math.round(10 * SC), PAD_T = Math.round(20 * SC), PAD_B = Math.round(24 * SC);\n            var PLOT_W = W - PAD_L - PAD_R;\n            var PLOT_H = H - PAD_T - PAD_B;\n\n            \/\/ Align header title with the Y-axis label column (left edge of SVG)\n            var hdrLeft = document.getElementById('rtp-hdr-left' + suffix);\n            var hdrRight = document.getElementById('rtp-hdr-right' + suffix);\n            if (hdrLeft) hdrLeft.style.paddingLeft = '0px';\n            if (hdrRight) hdrRight.style.paddingRight = PAD_R + 'px';\n\n            var Y_MIN = 93, Y_MAX = 104;\n            var ANOMALY_THRESH = 97.5;\n            var TOTAL_POINTS = 50;\n            var POINT_INTERVAL = 1500; \/\/ ms between data points\n\n            \/\/ --- Smooth scroll animation (like SlotPredictor) ---\n            var scrollProgress = 0;\n            var lastPointTime = 0;\n            var pendingPoint = null;\n\n            \/\/ --- Anomaly generation state ---\n            var isAnomalyGenerating = false;\n            var anomalyStartRTP = 95.0;\n            var anomalyCounted = false;\n            var ANOMALY_SHOW_TICKS = 22; \/\/ ~33s anomaly lifecycle (longer duration)\n\n            \/\/ --- Data generators ---\n            var lastRTP = 95.0;\n            function genNormalRTP() {\n                \/\/ Wider random walk for organic, lively movement\n                var delta = (Math.random() - 0.5) * 1.4;\n                lastRTP = lastRTP + delta;\n                \/\/ Soft pull toward center (95.0)\n                lastRTP += (95.0 - lastRTP) * 0.06;\n                \/\/ Wider range for visible oscillation\n                if (lastRTP < 93.2) lastRTP = 93.2 + Math.random() * 0.5;\n                if (lastRTP > 96.8) lastRTP = 96.8 - Math.random() * 0.5;\n                return lastRTP;\n            }\n            function genAnomalyRTP(phase) {\n                \/\/ Asymmetric envelope: fast aggressive rise, brief peak hold, natural descent\n                \/\/ NOT instant (still curved), but much faster than sin\n                var envelope;\n                if (phase < 0.22) {\n                    \/\/ Fast rise: ease-out cubic (0 -> ~0.95 in 22% of duration)\n                    var t = phase \/ 0.22;\n                    envelope = 1 - Math.pow(1 - t, 2.5);\n                } else if (phase < 0.40) {\n                    \/\/ Hold near peak with slight wobble\n                    envelope = 0.95 + 0.05 * Math.sin((phase - 0.22) \/ 0.18 * Math.PI);\n                } else {\n                    \/\/ Gradual natural descent\n                    var t = (phase - 0.40) \/ 0.60;\n                    envelope = Math.cos(t * Math.PI * 0.5);\n                }\n                var peakRTP = 102.5;\n                var base = anomalyStartRTP + (peakRTP - anomalyStartRTP) * envelope;\n                var noise = (Math.random() - 0.5) * 0.6;\n                lastRTP = base + noise;\n                return lastRTP;\n            }\n            function yForVal(v) {\n                return PAD_T + PLOT_H * (1 - (v - Y_MIN) \/ (Y_MAX - Y_MIN));\n            }\n            function xForIdx(i) {\n                \/\/ Smooth scroll offset for fluid motion\n                return PAD_L + ((i - scrollProgress) \/ (TOTAL_POINTS - 1)) * PLOT_W;\n            }\n            function xForIdxFixed(i) {\n                \/\/ Fixed position (no scroll) for axis labels\n                return PAD_L + (i \/ (TOTAL_POINTS - 1)) * PLOT_W;\n            }\n            function valForY(py) {\n                return Y_MIN + (1 - (py - PAD_T) \/ PLOT_H) * (Y_MAX - Y_MIN);\n            }\n\n            \/\/ --- Data ---\n            var data = [];\n            var now = Date.now();\n            for (var i = 0; i < TOTAL_POINTS; i++) {\n                data.push({\n                    t: now - (TOTAL_POINTS - 1 - i) * POINT_INTERVAL,\n                    v: genNormalRTP()\n                });\n            }\n\n            \/\/ --- Build static SVG elements ---\n            var ns = 'http:\/\/www.w3.org\/2000\/svg';\n            function el(tag, attrs) {\n                var e = document.createElementNS(ns, tag);\n                for (var k in attrs) e.setAttribute(k, attrs[k]);\n                return e;\n            }\n\n            \/\/ Defs: gradient + clip path for scroll\n            var defs = el('defs', {});\n            var grad = el('linearGradient', { id: gradId, x1: '0', y1: '0', x2: '0', y2: '1' });\n            var s1 = el('stop', { offset: '0%', 'stop-color': '#8b5cf6', 'stop-opacity': '0.05' });\n            var s2 = el('stop', { offset: '100%', 'stop-color': '#8b5cf6', 'stop-opacity': '0' });\n            grad.appendChild(s1); grad.appendChild(s2);\n            defs.appendChild(grad);\n            var clipEl = el('clipPath', { id: clipId });\n            clipEl.appendChild(el('rect', { x: PAD_L, y: 0, width: PLOT_W, height: H }));\n            defs.appendChild(clipEl);\n            svg.appendChild(defs);\n\n            \/\/ Y-axis lines & labels\n            var yTicks = [94, 96, 97.5, 100, 102, 104];\n            var yColors = { 94: '#71717a', 96: '#71717a', 97.5: '#22c55e', 100: '#f59e0b', 102: '#71717a', 104: '#71717a' };\n            var yOpacity = { 94: 0.2, 96: 0.35, 97.5: 0.45, 100: 0.5, 102: 0.2, 104: 0.2 };\n            yTicks.forEach(function(tick) {\n                var y = yForVal(tick);\n                svg.appendChild(el('line', {\n                    x1: PAD_L, y1: y, x2: W - PAD_R, y2: y,\n                    stroke: yColors[tick] || '#71717a', 'stroke-width': tick === 100 ? '0.8' : '0.5',\n                    'stroke-dasharray': tick === 100 ? '6 3' : '3 4',\n                    opacity: yOpacity[tick] || 0.3\n                }));\n                var label = el('text', {\n                    x: 2, y: y - FS_Y * 0.3,\n                    fill: yColors[tick] || '#71717a',\n                    'font-size': FS_Y, 'font-family': 'monospace',\n                    'text-anchor': 'start',\n                    opacity: tick === 97.5 || tick === 100 ? 0.9 : 0.5\n                });\n                label.textContent = tick + '%';\n                svg.appendChild(label);\n            });\n\n            \/\/ X-axis time labels (updated dynamically)\n            var xLabels = [];\n            for (var xi = 0; xi < 6; xi++) {\n                var lbl = el('text', {\n                    x: xForIdxFixed(xi * (TOTAL_POINTS - 1) \/ 5),\n                    y: H - PAD_B * 0.15,\n                    fill: '#71717a',\n                    'font-size': FS_X, 'font-family': 'monospace',\n                    'text-anchor': 'middle',\n                    opacity: '0.5'\n                });\n                svg.appendChild(lbl);\n                xLabels.push(lbl);\n            }\n\n            \/\/ Clipped group for chart line + area (scroll clipping)\n            var plotGroup = el('g', { 'clip-path': 'url(#' + clipId + ')' });\n            svg.appendChild(plotGroup);\n\n            \/\/ Area fill path\n            var areaPath = el('path', { fill: 'url(#' + gradId + ')', opacity: '0.5' });\n            areaPath.style.transition = 'opacity 0.8s ease';\n            plotGroup.appendChild(areaPath);\n\n            \/\/ Single curve path - smooth color transition white <-> orange\n            var curvePath = el('path', {\n                fill: 'none', stroke: 'rgba(255,255,255,0.65)', 'stroke-width': SW,\n                'stroke-linecap': 'round', 'stroke-linejoin': 'round'\n            });\n            curvePath.style.transition = 'stroke 0.8s ease, stroke-width 0.8s ease';\n            plotGroup.appendChild(curvePath);\n\n            \/\/ Hover crosshair\n            var crossLine = el('line', {\n                x1: 0, y1: PAD_T, x2: 0, y2: H - PAD_B,\n                stroke: '#8b5cf6', 'stroke-width': '0.7',\n                'stroke-dasharray': '3 3', opacity: '0'\n            });\n            svg.appendChild(crossLine);\n            var hoverDot = el('circle', {\n                cx: 0, cy: 0, r: '4',\n                fill: '#f59e0b', stroke: '#fff', 'stroke-width': '1.5', opacity: '0'\n            });\n            svg.appendChild(hoverDot);\n\n            \/\/ --- Smooth Catmull-Rom to Bezier ---\n            function catmullRomToBezier(pts) {\n                if (pts.length < 2) return '';\n                var d = 'M' + pts[0][0] + ',' + pts[0][1];\n                if (pts.length === 2) {\n                    d += 'L' + pts[1][0] + ',' + pts[1][1];\n                    return d;\n                }\n                for (var i = 0; i < pts.length - 1; i++) {\n                    var p0 = pts[Math.max(i - 1, 0)];\n                    var p1 = pts[i];\n                    var p2 = pts[Math.min(i + 1, pts.length - 1)];\n                    var p3 = pts[Math.min(i + 2, pts.length - 1)];\n                    var cp1x = p1[0] + (p2[0] - p0[0]) \/ 6;\n                    var cp1y = p1[1] + (p2[1] - p0[1]) \/ 6;\n                    var cp2x = p2[0] - (p3[0] - p1[0]) \/ 6;\n                    var cp2y = p2[1] - (p3[1] - p1[1]) \/ 6;\n                    d += 'C' + cp1x + ',' + cp1y + ' ' + cp2x + ',' + cp2y + ' ' + p2[0] + ',' + p2[1];\n                }\n                return d;\n            }\n\n            \/\/ --- Render (called every animation frame) ---\n            var totalAnomalyCount = 0;\n            var isAnomalyActive = false; \/\/ visual state, based on actual value\n            var sessionProfit = 0;\n            var profitDisplay = 0; \/\/ smoothed display value\n\n            function render() {\n                \/\/ Temporarily include pending point for rendering\n                var hasPending = !!pendingPoint;\n                if (hasPending) data.push(pendingPoint);\n\n                var pts = [];\n                for (var i = 0; i < data.length; i++) {\n                    pts.push([xForIdx(i), yForVal(data[i].v)]);\n                }\n\n                \/\/ Single curve - smooth transition via CSS\n                var curveD = catmullRomToBezier(pts);\n                curvePath.setAttribute('d', curveD);\n\n                \/\/ Visual anomaly based on ACTUAL value crossing threshold\n                var latestVal = data[data.length - 1].v;\n                var visualAnomaly = latestVal >= ANOMALY_THRESH;\n\n                \/\/ Only update color attributes when state changes (perf + CSS transition)\n                if (visualAnomaly !== isAnomalyActive) {\n                    isAnomalyActive = visualAnomaly;\n                    if (visualAnomaly) {\n                        curvePath.setAttribute('stroke', '#f59e0b');\n                        curvePath.setAttribute('stroke-width', '2.5');\n                        s1.setAttribute('stop-color', '#f59e0b');\n                        s1.setAttribute('stop-opacity', '0.20');\n                        s2.setAttribute('stop-color', '#f59e0b');\n                        areaPath.setAttribute('opacity', '0.8');\n                    } else {\n                        curvePath.setAttribute('stroke', 'rgba(255,255,255,0.65)');\n                        curvePath.setAttribute('stroke-width', '2');\n                        s1.setAttribute('stop-color', '#8b5cf6');\n                        s1.setAttribute('stop-opacity', '0.15');\n                        s2.setAttribute('stop-color', '#8b5cf6');\n                        areaPath.setAttribute('opacity', '0.5');\n                    }\n                    \/\/ Count anomaly when it first becomes visible\n                    if (visualAnomaly && isAnomalyGenerating && !anomalyCounted) {\n                        totalAnomalyCount++;\n                        anomalyCounted = true;\n                        if (anomalyEl) anomalyEl.textContent = totalAnomalyCount;\n                    }\n                }\n\n                \/\/ Area fill\n                var lastPt = pts[pts.length - 1];\n                var firstPt = pts[0];\n                var areaD = curveD + 'L' + lastPt[0] + ',' + (H - PAD_B) + 'L' + firstPt[0] + ',' + (H - PAD_B) + 'Z';\n                areaPath.setAttribute('d', areaD);\n\n                \/\/ X-axis labels (fixed positions, no scroll)\n                for (var j = 0; j < 6; j++) {\n                    var idx = Math.round(j * (TOTAL_POINTS - 1) \/ 5);\n                    var sec = Math.round((TOTAL_POINTS - 1 - idx) * POINT_INTERVAL \/ 1000);\n                    xLabels[j].textContent = sec === 0 ? 'ora' : '-' + sec + 's';\n                    xLabels[j].setAttribute('x', xForIdxFixed(idx));\n                }\n\n                \/\/ Update stat displays\n                if (rtpEl) {\n                    rtpEl.textContent = latestVal.toFixed(1) + '%';\n                    rtpEl.className = 'rtp-stat-val ' + (latestVal >= 100 ? 'success' : 'warning');\n                }\n\n                \/\/ Smooth profit display (lerp toward actual value)\n                profitDisplay += (sessionProfit - profitDisplay) * 0.15;\n                if (Math.abs(profitDisplay - sessionProfit) < 0.01) profitDisplay = sessionProfit;\n                if (profitEl) {\n                    var sign = profitDisplay >= 0 ? '+' : '';\n                    profitEl.textContent = sign + '\\u20AC' + profitDisplay.toFixed(2);\n                    if (profitDisplay > 0.5) {\n                        profitEl.className = 'rtp-stat-val profit-positive';\n                    } else if (profitDisplay < -0.5) {\n                        profitEl.className = 'rtp-stat-val profit-negative';\n                    } else {\n                        profitEl.className = 'rtp-stat-val profit-zero';\n                    }\n                }\n\n                \/\/ Remove pending point\n                if (hasPending) data.pop();\n            }\n\n            \/\/ --- Point generation + anomaly sequencing ---\n            var tickCount = 0;\n            var ticksSinceAnomaly = 999;\n            var anomalyDuration = 0;\n            var MIN_TICKS_BETWEEN_ANOMALIES = 12;\n            var FIRST_ANOMALY_TICK = 3;\n\n            function generateNextPoint() {\n                tickCount++;\n                ticksSinceAnomaly++;\n\n                \/\/ If anomaly is generating, count ticks\n                if (isAnomalyGenerating) {\n                    anomalyDuration++;\n                    if (anomalyDuration >= ANOMALY_SHOW_TICKS) {\n                        isAnomalyGenerating = false;\n                        anomalyDuration = 0;\n                        ticksSinceAnomaly = 0;\n                    }\n                }\n\n                \/\/ Check if a new anomaly should start\n                var startAnomaly = false;\n                if (!isAnomalyGenerating) {\n                    if (tickCount === FIRST_ANOMALY_TICK) {\n                        startAnomaly = true;\n                    } else if (ticksSinceAnomaly >= MIN_TICKS_BETWEEN_ANOMALIES && Math.random() < 0.15) {\n                        startAnomaly = true;\n                    }\n                }\n\n                if (startAnomaly) {\n                    isAnomalyGenerating = true;\n                    anomalyDuration = 0;\n                    anomalyStartRTP = lastRTP; \/\/ remember where line was\n                    anomalyCounted = false;\n                    \/\/ count will increment when line visually crosses threshold\n                }\n\n                var newVal;\n                if (isAnomalyGenerating) {\n                    var phase = anomalyDuration \/ ANOMALY_SHOW_TICKS;\n                    newVal = genAnomalyRTP(phase);\n                } else {\n                    newVal = genNormalRTP();\n                }\n\n                \/\/ --- Profit logic ---\n                \/\/ Normal: small losses (simulates playing without signal)\n                \/\/ Anomaly: aggressive gains proportional to how high above threshold\n                if (isAnomalyGenerating && newVal > ANOMALY_THRESH) {\n                    \/\/ Above threshold = profit zone. Higher RTP = bigger gains\n                    var excess = newVal - ANOMALY_THRESH;\n                    \/\/ Aggressive scaling: \u20ac3-12 per tick based on how far above threshold\n                    var gain = excess * (1.8 + Math.random() * 0.8);\n                    sessionProfit += gain;\n                } else {\n                    \/\/ Normal play: slow bleed (-\u20ac0.30 to -\u20ac1.50 per tick)\n                    var loss = 0.30 + Math.random() * 1.20;\n                    sessionProfit -= loss;\n                    \/\/ Floor: don't go below -\u20ac15 so it doesn't look too depressing\n                    if (sessionProfit < -15) sessionProfit = -15 + Math.random() * 2;\n                }\n\n                return { t: Date.now(), v: newVal };\n            }\n\n            \/\/ --- requestAnimationFrame loop for fluid motion ---\n            function animationLoop(timestamp) {\n                if (!lastPointTime) lastPointTime = timestamp;\n\n                var elapsed = timestamp - lastPointTime;\n                scrollProgress = Math.min(elapsed \/ POINT_INTERVAL, 1);\n\n                if (scrollProgress >= 1) {\n                    \/\/ Commit pending point to data\n                    data.push(pendingPoint);\n                    if (data.length > TOTAL_POINTS) data.shift();\n\n                    \/\/ Generate next point and reset scroll\n                    pendingPoint = generateNextPoint();\n                    scrollProgress = 0;\n                    lastPointTime = timestamp;\n                }\n\n                render();\n                requestAnimationFrame(animationLoop);\n            }\n\n            \/\/ --- Hover \/ Touch ---\n            function getMouseIdx(e) {\n                var rect = chartArea.getBoundingClientRect();\n                var mx = ((e.clientX || (e.touches && e.touches[0].clientX) || 0) - rect.left) \/ rect.width * W;\n                var closest = 0, minDist = Infinity;\n                for (var i = 0; i < data.length; i++) {\n                    var dist = Math.abs(xForIdx(i) - mx);\n                    if (dist < minDist) { minDist = dist; closest = i; }\n                }\n                return closest;\n            }\n\n            function showTooltip(e) {\n                var idx = getMouseIdx(e);\n                var val = data[idx].v;\n                var x = xForIdx(idx);\n                var y = yForVal(val);\n                var sec = Math.round((data.length - 1 - idx) * POINT_INTERVAL \/ 1000);\n\n                crossLine.setAttribute('x1', x);\n                crossLine.setAttribute('x2', x);\n                crossLine.setAttribute('opacity', '0.5');\n                hoverDot.setAttribute('cx', x);\n                hoverDot.setAttribute('cy', y);\n                hoverDot.setAttribute('opacity', '1');\n                hoverDot.setAttribute('fill', val >= 100 ? '#22c55e' : '#f59e0b');\n\n                ttVal.textContent = val.toFixed(1) + '%';\n                ttVal.className = 'chart-tooltip-val' + (val >= 100 ? ' anomaly' : '');\n                ttTime.textContent = sec === 0 ? 'adesso' : sec + 's fa';\n                tooltip.classList.add('visible');\n\n                var rect = chartArea.getBoundingClientRect();\n                var px = (x \/ W) * rect.width;\n                var py = (y \/ H) * rect.height;\n                var tLeft = px + 14;\n                if (tLeft + 90 > rect.width) tLeft = px - 100;\n                tooltip.style.left = tLeft + 'px';\n                tooltip.style.top = (py - 20) + 'px';\n            }\n\n            function hideTooltip() {\n                tooltip.classList.remove('visible');\n                crossLine.setAttribute('opacity', '0');\n                hoverDot.setAttribute('opacity', '0');\n            }\n\n            chartArea.addEventListener('mousemove', showTooltip);\n            chartArea.addEventListener('touchmove', function(e) { e.preventDefault(); showTooltip(e); }, { passive: false });\n            chartArea.addEventListener('mouseleave', hideTooltip);\n            chartArea.addEventListener('touchend', hideTooltip);\n\n            \/\/ --- Start ---\n            pendingPoint = generateNextPoint();\n            render();\n            requestAnimationFrame(animationLoop);\n        }\n\n        \/\/ === SLOT MONITOR ANIMATION ===\n\n        \/\/ =====================================================\n        \/\/ LIVE WINS TICKER\n        \/\/ =====================================================\n        \/\/ LIVE WINS TICKER (invariato)\n        \/\/ =====================================================\n        const winnerNames = ['Mario R.', 'Anna L.', 'Giuseppe T.', 'Francesca B.', 'Luca P.', \n                           'Sara M.', 'Roberto C.', 'Elena V.', 'Marco D.', 'Giulia F.'];\n        const slotNames = ['Coin Strike', 'Burning Chilli X', 'Oops', 'Big Bass Bonanza',\n                         'Wolf Gold', 'Dog House', 'Starburst', 'Gonzo\\'s Quest'];\n        \n        function generateWin() {\n            const name = winnerNames[Math.floor(Math.random() * winnerNames.length)];\n            const slot = slotNames[Math.floor(Math.random() * slotNames.length)];\n            const amount = Math.floor(Math.random() * 800 + 200);\n            const minutes = Math.floor(Math.random() * 59 + 1);\n            \n            return {\n                name,\n                slot,\n                amount,\n                time: `${minutes} min fa`\n            };\n        }\n        \n        function getInitials(fullName) {\n            var parts = fullName.trim().split(\/\\s+\/);\n            if (parts.length >= 2) {\n                return (parts[0][0] + parts[1][0]).toUpperCase();\n            }\n            return fullName.substring(0, 2).toUpperCase();\n        }\n\n        function addWinNotification() {\n            const ticker = document.getElementById('wins-ticker');\n            const win = generateWin();\n            const initials = getInitials(win.name);\n            const avatarVariant = 'avatar-v' + (Math.floor(Math.random() * 6) + 1);\n\n            const notification = document.createElement('div');\n            notification.className = 'win-notification';\n            notification.innerHTML = `\n                <div class=\"notification-content\">\n                    <div class=\"win-icon ${avatarVariant}\">${initials}<\/div>\n                    <div class=\"notification-text\">\n                        <span class=\"win-user-name\">${win.name}<\/span>\n                        <span class=\"win-action\">ha vinto su<\/span>\n                        <span class=\"win-slot\">${win.slot}<\/span>\n                        <span class=\"win-time\">\u2022 ${win.time}<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"win-amount\">\u20ac${win.amount}<\/div>\n            `;\n            \n            ticker.insertBefore(notification, ticker.firstChild);\n            \n            while (ticker.children.length > 4) {\n                ticker.removeChild(ticker.lastChild);\n            }\n            \n            updateWinTotals(win.amount);\n        }\n        \n        let totalWinsToday = 48752;\n        let winsCount = 127;\n        \n        function updateWinTotals(newWin) {\n            totalWinsToday += newWin;\n            winsCount++;\n            \n            document.getElementById('total-wins').textContent = \n                totalWinsToday.toLocaleString('it-IT').replace(\/,\/g, '.') + '\u20ac';\n            document.getElementById('avg-win').textContent = \n                Math.floor(totalWinsToday \/ winsCount) + '\u20ac';\n        }\n        \n        \/\/ =====================================================\n\n        \/\/ =====================================================\n        \/\/ DEMO SCANNER FUNCTIONALITY\n        \/\/ =====================================================\n        \/\/ DEMO FUNCTIONALITY (invariato)\n        \/\/ =====================================================\n        let selectedRegion = null;\n\n        document.querySelectorAll('.region-btn').forEach(btn => {\n            btn.addEventListener('click', function() {\n                document.querySelectorAll('.region-btn').forEach(b => {\n                    b.classList.remove('active');\n                });\n\n                this.classList.add('active');\n                selectedRegion = this.dataset.region;\n            });\n        });\n\n        document.getElementById('scan-btn').addEventListener('click', function() {\n            \/\/ Se l'utente non ha selezionato una regione, ne scegliamo una random ed evidenziamola\n            if (!selectedRegion) {\n                var regionBtns = document.querySelectorAll('.region-btn');\n                if (regionBtns.length > 0) {\n                    var randomBtn = regionBtns[Math.floor(Math.random() * regionBtns.length)];\n                    regionBtns.forEach(function(b) { b.classList.remove('active'); });\n                    randomBtn.classList.add('active');\n                    selectedRegion = randomBtn.dataset.region;\n                    \/\/ Scorri dolcemente verso la regione selezionata per feedback visivo\n                    try { randomBtn.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' }); } catch (e) {}\n                }\n            }\n\n            this.disabled = true;\n            \n            const scanning = document.getElementById('scanning');\n            const result = document.getElementById('result');\n            const progressBar = document.getElementById('progress-bar');\n            const scanStatus = document.getElementById('scan-status');\n            \n            scanning.classList.add('active');\n            result.classList.remove('active');\n            \n            const steps = [\n                { text: 'Connessione ai server regionali...', progress: 0 },\n                { text: 'Acquisizione dati RTP in corso...', progress: 30 },\n                { text: 'Analisi pattern anomali...', progress: 60 },\n                { text: 'Calibrazione AI completata!', progress: 90 },\n                { text: 'Anomalia rilevata!', progress: 100 }\n            ];\n            \n            let currentStep = 0;\n            \n            const interval = setInterval(() => {\n                if (currentStep < steps.length) {\n                    scanStatus.textContent = steps[currentStep].text;\n                    progressBar.style.width = steps[currentStep].progress + '%';\n                    currentStep++;\n                } else {\n                    clearInterval(interval);\n                    \n                    const rtpValue = (103 + Math.random() * 5).toFixed(1);\n                    const slots = ['Coin Strike', 'Oops', 'Burning Chilli X', 'Big Bass Bonanza'];\n                    const casinos = ['Bassbet', 'Candy Spinz', 'Green Luck', 'PriBet'];\n                    const confidence = Math.floor(91 + Math.random() * 8);\n                    const duration = Math.floor(60 + Math.random() * 80);\n                    \n                    document.getElementById('rtp-value').textContent = rtpValue + '%';\n                    document.getElementById('slot-name').textContent = slots[Math.floor(Math.random() * slots.length)];\n                    document.getElementById('casino-name').textContent = casinos[Math.floor(Math.random() * casinos.length)];\n                    document.getElementById('confidence').textContent = confidence + '%';\n                    document.getElementById('duration').textContent = duration + ' minuti';\n                    \n                    setTimeout(() => {\n                        scanning.classList.remove('active');\n                        result.classList.add('active');\n                        \n                        setTimeout(() => {\n                            document.getElementById('scan-btn').disabled = false;\n                        }, 3000);\n                    }, 500);\n                }\n            }, 800);\n        });\n\n        \/\/ =====================================================\n        \/\/ \u2705 INITIALIZATION \u2014 DOMContentLoaded\n        \/\/ =====================================================\n        document.addEventListener('DOMContentLoaded', async function() {\n\n            \/\/ \u2705 FBP + BOT LINK\n            var fbp = getOrGenerateFBP();\n            var botLink = await generateOptimizedBotLink();\n\n            \/\/ \u2705 TRACK CLICK CTA & OPEN BOT\n            function trackLeadAndOpen(botLink, buttonName) {\n                \/\/ \ud83d\udd01 ALLINEATO AL WIDGET (20\/10\/2026) \u2014 landing\/widget-bot.html.\n                \/\/ Prima partiva un ClickCTA custom e basta: per Meta un evento\n                \/\/ custom non alimenta i modelli di ottimizzazione standard, e\n                \/\/ soprattutto non ne esisteva copia server \u2014 se il browser\n                \/\/ bloccava il pixel, quel click non era mai avvenuto.\n                \/\/ Ora: Lead browser + Lead CAPI con lo STESSO event_id, cos\u00ec\n                \/\/ Meta li unisce invece di contarli due volte.\n                var leadId = (window._sgTracking && window._sgTracking.newEventId)\n                    ? window._sgTracking.newEventId()\n                    : (Date.now().toString(36) + Math.random().toString(36).slice(2, 14));\n                var fbpNow = getCookie('_fbp');\n\n                if (typeof fbq !== 'undefined') {\n                    fbq('track', 'Lead', {\n                        content_name: 'CTA Click - ' + buttonName,\n                        content_category: 'landing_page_click',\n                        value: 1,\n                        currency: 'EUR'\n                    }, { eventID: leadId });\n                }\n\n                if (window._sgTracking && window._sgTracking.sendCAPI) {\n                    window._sgTracking.sendCAPI('\/api\/track\/lead', {\n                        event_id: leadId,\n                        button_name: buttonName,\n                        fbclid: extractFbclid(),\n                        fbp: fbpNow,\n                        fbc: getCookie('_fbc'),\n                        external_id: fbpNow,   \/\/ EMQ: _fbp come external_id\n                        page_url: window.location.href\n                    });\n                }\n\n                window.open(botLink, '_blank');\n            }\n\n            \/\/ Attach CTA handlers (all .cta-trigger buttons)\n            document.querySelectorAll('.cta-trigger').forEach(function(btn, i) {\n                btn.addEventListener('click', function() {\n                    trackLeadAndOpen(botLink, btn.id || ('cta-' + i));\n                });\n            });\n\n            \/\/ PageView gi\u00e0 tracciato (Pixel + CAPI deduplicato) nel blocco _sgTracking in <head>\n\n            \/\/ === BURGER MENU ===\n            var burgerBtn = document.getElementById('burger-btn');\n            var mobileMenu = document.getElementById('mobile-menu');\n            if (burgerBtn && mobileMenu) {\n                burgerBtn.addEventListener('click', function() {\n                    burgerBtn.classList.toggle('active');\n                    mobileMenu.classList.toggle('open');\n                    document.body.style.overflow = mobileMenu.classList.contains('open') ? 'hidden' : '';\n                });\n                \/\/ Close menu on nav link click\n                mobileMenu.querySelectorAll('a').forEach(function(a) {\n                    a.addEventListener('click', function() {\n                        burgerBtn.classList.remove('active');\n                        mobileMenu.classList.remove('open');\n                        document.body.style.overflow = '';\n                    });\n                });\n            }\n\n            \/\/ === SVG RTP CHART ===\n            initLiveChart('-main');\n\n            \/\/ === TESTIMONIALS LOOP ===\n            initTestimonialsLoop();\n\n            \/\/ === LIVE COUNTERS ===\n            setInterval(updateLiveStats, 3000);\n\n            \/\/ === WIN TICKER \u2014 initial 3 wins then periodic ===\n            for (var i = 0; i < 3; i++) addWinNotification();\n            setInterval(function() {\n                if (Math.random() > 0.3) addWinNotification();\n            }, 7000);\n\n            \/\/ === SCROLL ANIMATIONS ===\n            var scrollEls = document.querySelectorAll('.scroll-animate');\n            if ('IntersectionObserver' in window) {\n                var scrollObs = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('visible');\n                            scrollObs.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.12 });\n                scrollEls.forEach(function(el) { scrollObs.observe(el); });\n            } else {\n                scrollEls.forEach(function(el) { el.classList.add('visible'); });\n            }\n\n            \/\/ === STICKY CTA BAR ===\n            var stickyCta = document.getElementById('sticky-cta-bar');\n            if (stickyCta) {\n                window.addEventListener('scroll', function() {\n                    stickyCta.classList.toggle('visible', window.scrollY > 600);\n                }, { passive: true });\n            }\n        });\n    <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SlotGenius AI &#8211; L&#8217;Intelligenza Artificiale che Rivoluziona le Slot Online Come Funziona Funzionalit\u00e0 Testimonianze FAQ Inizia Gratis Come Funziona Funzionalit\u00e0 Testimonianze FAQ Inizia Gratis L&#8217;Intelligenza Artificiale che Rivoluziona le Slot&nbsp;Online Scopri anomalie RTP prima che vengano corrette e massimizza le tue vincite con il nostro sistema AI che analizza oltre 127.000 slot ogni secondo 3.247 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/pages\/668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/comments?post=668"}],"version-history":[{"count":16,"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/pages\/668\/revisions"}],"predecessor-version":[{"id":685,"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/pages\/668\/revisions\/685"}],"wp:attachment":[{"href":"https:\/\/geniuslabai.net\/index.php\/wp-json\/wp\/v2\/media?parent=668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}