{"id":299,"date":"2026-07-18T00:45:15","date_gmt":"2026-07-18T00:45:15","guid":{"rendered":"https:\/\/cashchat.se\/dir\/?page_id=299"},"modified":"2026-07-18T19:44:23","modified_gmt":"2026-07-18T19:44:23","slug":"flicks","status":"publish","type":"page","link":"https:\/\/cashchat.se\/dir\/","title":{"rendered":"Flicks"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=5.0\">\n    <title>CashChat Flicks \u00b7 Install Now<\/title>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <!-- Google Font: Inter -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800;14..32,900&#038;display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* ============================================================\n           1.  RESET & VARIABLES\n           ============================================================ *\/\n        *,\n        *::before,\n        *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --bg-primary: #05050A;\n            --bg-secondary: #0D0D1A;\n            --bg-card: rgba(255, 255, 255, 0.03);\n            --bg-card-hover: rgba(255, 255, 255, 0.07);\n            --text-primary: #FFFFFF;\n            --text-secondary: #A0A0B8;\n            --text-muted: #6A6A82;\n            --accent-green: #ccff00;\n            --accent-purple: #a855f7;\n            --accent-pink: #ec4899;\n            --glow-green: rgba(204, 255, 0, 0.25);\n            --glow-purple: rgba(168, 85, 247, 0.25);\n            --radius-card: 24px;\n            --radius-btn: 60px;\n            --nav-height: 72px;\n            --transition: 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n        }\n\n        html {\n            scroll-behavior: smooth;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: var(--bg-primary);\n            color: var(--text-primary);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            overflow-x: hidden;\n            min-height: 100vh;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        @media (min-width: 640px) {\n            .container {\n                padding: 0 40px;\n            }\n        }\n\n        @media (min-width: 1024px) {\n            .container {\n                padding: 0 60px;\n            }\n        }\n\n        a {\n            text-decoration: none;\n            color: inherit;\n        }\n\n        \/* Custom Scrollbar *\/\n        ::-webkit-scrollbar {\n            width: 5px;\n        }\n        ::-webkit-scrollbar-track {\n            background: var(--bg-primary);\n        }\n        ::-webkit-scrollbar-thumb {\n            background: var(--accent-green);\n            border-radius: 12px;\n            box-shadow: 0 0 20px var(--glow-green);\n        }\n\n        \/* ============================================================\n           2.  UTILITY & TYPOGRAPHY\n           ============================================================ *\/\n        .section-tag {\n            display: inline-block;\n            font-size: 0.7rem;\n            font-weight: 700;\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n            color: var(--accent-green);\n            background: rgba(204, 255, 0, 0.08);\n            padding: 6px 18px;\n            border-radius: 100px;\n            margin-bottom: 14px;\n            border: 1px solid rgba(204, 255, 0, 0.1);\n        }\n\n        .section-title {\n            font-size: clamp(2.2rem, 5vw, 3.8rem);\n            font-weight: 900;\n            line-height: 1.1;\n            letter-spacing: -0.04em;\n            margin-bottom: 14px;\n        }\n\n        .section-title .gradient {\n            background: linear-gradient(135deg, var(--accent-green), var(--accent-purple), var(--accent-pink));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            background-size: 300% 300%;\n            animation: gradientShift 6s ease-in-out infinite;\n        }\n\n        @keyframes gradientShift {\n            0% {\n                background-position: 0% 50%;\n            }\n            50% {\n                background-position: 100% 50%;\n            }\n            100% {\n                background-position: 0% 50%;\n            }\n        }\n\n        .section-desc {\n            font-size: clamp(1rem, 1.1vw, 1.2rem);\n            color: var(--text-secondary);\n            max-width: 600px;\n            margin-bottom: 40px;\n        }\n\n        .grid-2col {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }\n        @media (min-width: 640px) {\n            .grid-2col {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 30px;\n            }\n        }\n\n        \/* ---- Flicks Link ---- *\/\n        .flicks-link {\n            color: inherit;\n            border-bottom: 1px dotted rgba(255, 255, 255, 0.2);\n            transition: var(--transition);\n            display: inline-block;\n            padding: 2px 0;\n            font-weight: 600;\n        }\n        .flicks-link:hover {\n            color: var(--accent-green);\n            border-bottom-color: var(--accent-green);\n            text-shadow: 0 0 30px var(--glow-green);\n        }\n\n        \/* ============================================================\n           3.  BUTTONS (mobile-first touch friendly)\n           ============================================================ *\/\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            padding: 16px 28px;\n            border-radius: var(--radius-btn);\n            font-weight: 700;\n            font-size: 1rem;\n            transition: var(--transition);\n            border: none;\n            cursor: pointer;\n            min-height: 56px;\n            min-width: 56px;\n            width: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n\n        @media (min-width: 480px) {\n            .btn {\n                width: auto;\n                padding: 16px 38px;\n            }\n        }\n\n        .btn-install {\n            background: var(--accent-green);\n            color: #05050A;\n            box-shadow: 0 8px 32px var(--glow-green);\n            font-weight: 800;\n        }\n        .btn-install::before {\n            content: '';\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            right: -2px;\n            bottom: -2px;\n            background: linear-gradient(135deg, var(--accent-green), var(--accent-purple));\n            border-radius: var(--radius-btn);\n            z-index: -1;\n            opacity: 0;\n            transition: var(--transition);\n        }\n        .btn-install:hover {\n            transform: scale(1.04) translateY(-3px);\n            box-shadow: 0 16px 48px var(--glow-green);\n        }\n        .btn-install:hover::before {\n            opacity: 1;\n        }\n\n        .btn-outline {\n            background: rgba(255, 255, 255, 0.04);\n            color: var(--text-primary);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n        }\n        .btn-outline:hover {\n            background: rgba(255, 255, 255, 0.10);\n            border-color: var(--accent-green);\n            color: var(--accent-green);\n            box-shadow: 0 0 30px var(--glow-green);\n        }\n\n        .btn-ghost {\n            background: transparent;\n            color: var(--text-secondary);\n            border: 1px solid transparent;\n        }\n        .btn-ghost:hover {\n            color: #fff;\n            background: rgba(255, 255, 255, 0.04);\n            border-color: rgba(255, 255, 255, 0.08);\n        }\n\n        \/* ============================================================\n           4.  NAVBAR\n           ============================================================ *\/\n        .navbar {\n            position: fixed;\n            top: 0;\n            left: 0;\n            right: 0;\n            z-index: 1000;\n            height: var(--nav-height);\n            background: rgba(5, 5, 10, 0.7);\n            backdrop-filter: blur(20px) saturate(180%);\n            transition: var(--transition);\n            display: flex;\n            align-items: center;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n        }\n\n        .navbar .container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding-top: 0;\n            padding-bottom: 0;\n        }\n\n        .logo {\n            font-size: 1.4rem;\n            font-weight: 800;\n            letter-spacing: -0.03em;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            flex-shrink: 0;\n        }\n        .logo i {\n            color: var(--accent-green);\n            font-size: 1.6rem;\n            filter: drop-shadow(0 0 10px var(--glow-green));\n        }\n        .logo .cash {\n            background: linear-gradient(135deg, #f8fafc, #94a3b8);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n        .logo .flicks-link {\n            font-weight: 900;\n            border-bottom: none;\n            font-size: 1.4rem;\n        }\n\n        .nav-links {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            list-style: none;\n        }\n        .nav-links a:not(.btn) {\n            font-size: 0.9rem;\n            font-weight: 500;\n            color: var(--text-secondary);\n            transition: var(--transition);\n            position: relative;\n            padding: 8px 0;\n        }\n        .nav-links a:not(.btn):hover {\n            color: #fff;\n        }\n        .nav-links a:not(.btn)::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--accent-green);\n            transition: var(--transition);\n            box-shadow: 0 0 10px var(--glow-green);\n        }\n        .nav-links a:not(.btn):hover::after {\n            width: 100%;\n        }\n\n        .nav-links .btn-install {\n            padding: 10px 22px;\n            font-size: 0.85rem;\n            min-height: 44px;\n            width: auto;\n            box-shadow: 0 4px 20px var(--glow-green);\n        }\n\n        .hamburger {\n            display: flex;\n            font-size: 1.8rem;\n            color: #fff;\n            cursor: pointer;\n            background: none;\n            border: none;\n            padding: 8px;\n            z-index: 1001;\n            align-items: center;\n            justify-content: center;\n        }\n\n        @media (max-width: 899px) {\n            .nav-links {\n                position: fixed;\n                top: 0;\n                right: -100%;\n                width: 280px;\n                height: 100vh;\n                background: rgba(13, 13, 26, 0.95);\n                backdrop-filter: blur(30px);\n                flex-direction: column;\n                justify-content: center;\n                align-items: center;\n                gap: 28px;\n                transition: var(--transition);\n                padding: 40px 24px;\n                border-left: 1px solid rgba(255, 255, 255, 0.04);\n            }\n            .nav-links.open {\n                right: 0;\n            }\n            .nav-links .btn-install {\n                width: 100%;\n                justify-content: center;\n                margin-top: 8px;\n            }\n            .nav-links a:not(.btn) {\n                font-size: 1.2rem;\n            }\n        }\n\n        @media (min-width: 900px) {\n            .hamburger {\n                display: none;\n            }\n            .nav-links {\n                gap: 32px;\n            }\n        }\n\n        \/* ============================================================\n           5.  HERO (Cosmic \/ Neon Theme)\n           ============================================================ *\/\n        .hero {\n            padding: calc(var(--nav-height) + 40px) 0 60px;\n            background: radial-gradient(ellipse at 30% 20%, #1a0a2e 0%, #05050A 70%);\n            position: relative;\n            overflow: hidden;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n        }\n\n        \/* Animated Background Orbs *\/\n        .hero .orb {\n            position: absolute;\n            border-radius: 50%;\n            pointer-events: none;\n            filter: blur(80px);\n            animation: floatOrb 12s ease-in-out infinite;\n        }\n        .hero .orb-1 {\n            top: -10%;\n            right: -10%;\n            width: 600px;\n            height: 600px;\n            background: var(--accent-purple);\n            opacity: 0.15;\n            animation-delay: 0s;\n        }\n        .hero .orb-2 {\n            bottom: -20%;\n            left: -10%;\n            width: 500px;\n            height: 500px;\n            background: var(--accent-green);\n            opacity: 0.08;\n            animation-delay: -4s;\n        }\n        .hero .orb-3 {\n            top: 40%;\n            left: 40%;\n            width: 300px;\n            height: 300px;\n            background: var(--accent-pink);\n            opacity: 0.08;\n            animation-delay: -8s;\n        }\n\n        @keyframes floatOrb {\n            0%,\n            100% {\n                transform: translate(0, 0) scale(1);\n            }\n            50% {\n                transform: translate(-40px, 30px) scale(1.1);\n            }\n        }\n\n        .hero .container {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 48px;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        @media (min-width: 900px) {\n            .hero .container {\n                grid-template-columns: 1fr 1fr;\n                gap: 60px;\n            }\n            .hero {\n                padding: calc(var(--nav-height) + 60px) 0 80px;\n            }\n        }\n\n        .hero-content {\n            max-width: 100%;\n            text-align: left;\n        }\n        @media (max-width: 899px) {\n            .hero-content {\n                text-align: center;\n            }\n            .hero-content p {\n                margin-left: auto;\n                margin-right: auto;\n            }\n            .hero-actions {\n                justify-content: center;\n            }\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: rgba(204, 255, 0, 0.06);\n            padding: 6px 16px 6px 12px;\n            border-radius: 100px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: var(--accent-green);\n            border: 1px solid rgba(204, 255, 0, 0.08);\n            margin-bottom: 20px;\n            backdrop-filter: blur(4px);\n        }\n\n        .hero h1 {\n            font-size: clamp(2.8rem, 7vw, 5.5rem);\n            font-weight: 900;\n            line-height: 1.02;\n            letter-spacing: -0.05em;\n            margin-bottom: 18px;\n        }\n        .hero h1 .gradient {\n            background: linear-gradient(135deg, var(--accent-green), var(--accent-purple), var(--accent-pink));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            background-size: 300% 300%;\n            animation: gradientShift 8s ease-in-out infinite;\n        }\n\n        .hero p {\n            font-size: clamp(1.05rem, 1.2vw, 1.3rem);\n            color: var(--text-secondary);\n            max-width: 560px;\n            margin-bottom: 36px;\n        }\n        @media (max-width: 899px) {\n            .hero p {\n                max-width: 100%;\n            }\n        }\n\n        .hero-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 14px;\n            margin-bottom: 48px;\n        }\n        @media (max-width: 480px) {\n            .hero-actions .btn {\n                width: 100%;\n            }\n        }\n\n        \/* Hero Stats *\/\n        .hero-stats {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px 24px;\n            padding-top: 28px;\n            border-top: 1px solid rgba(255, 255, 255, 0.04);\n        }\n        @media (min-width: 640px) {\n            .hero-stats {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 20px 32px;\n            }\n        }\n\n        .stat-item {\n            display: flex;\n            flex-direction: column;\n        }\n        .stat-number {\n            font-size: clamp(1.6rem, 2.5vw, 2.6rem);\n            font-weight: 800;\n            color: #fff;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .stat-number i {\n            color: var(--accent-green);\n            font-size: clamp(1.2rem, 2vw, 1.8rem);\n            filter: drop-shadow(0 0 8px var(--glow-green));\n        }\n        .stat-label {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            font-weight: 500;\n            letter-spacing: 0.02em;\n        }\n\n        \/* Hero Visual - Premium Mockup *\/\n        .hero-visual {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 100%;\n        }\n        .mockup-card {\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            border-radius: var(--radius-card);\n            padding: 28px 24px;\n            width: 100%;\n            max-width: 460px;\n            box-shadow: 0 32px 80px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n            transition: var(--transition);\n        }\n        .mockup-card:hover {\n            transform: translateY(-8px);\n            border-color: rgba(204, 255, 0, 0.15);\n            box-shadow: 0 40px 100px rgba(0, 0, 0, 0.7), 0 0 40px var(--glow-green);\n        }\n\n        .mockup-card .card-header {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 20px;\n        }\n        .mockup-card .card-header .avatar {\n            width: 48px;\n            height: 48px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--accent-green), var(--accent-purple));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 900;\n            font-size: 1.2rem;\n            color: #05050A;\n            flex-shrink: 0;\n            box-shadow: 0 0 30px var(--glow-green);\n        }\n        .mockup-card .card-header h3 {\n            font-size: 1.2rem;\n            font-weight: 700;\n        }\n        .mockup-card .card-header p {\n            color: var(--text-secondary);\n            font-size: 0.8rem;\n        }\n        .mockup-card .live-indicator {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: rgba(239, 68, 68, 0.15);\n            padding: 4px 12px;\n            border-radius: 100px;\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: #ef4444;\n            margin-top: 4px;\n        }\n        .mockup-card .live-indicator .dot {\n            width: 6px;\n            height: 6px;\n            background: #ef4444;\n            border-radius: 50%;\n            animation: pulse 1.5s ease-in-out infinite;\n        }\n        @keyframes pulse {\n            0%,\n            100% {\n                opacity: 1;\n                transform: scale(1);\n            }\n            50% {\n                opacity: 0.5;\n                transform: scale(0.8);\n            }\n        }\n\n        .mockup-card .chart {\n            display: flex;\n            align-items: flex-end;\n            gap: 6px;\n            height: 60px;\n            margin: 20px 0 16px;\n            padding: 0 4px;\n        }\n        .mockup-card .chart .bar {\n            flex: 1;\n            background: linear-gradient(180deg, var(--accent-green), var(--accent-purple));\n            border-radius: 4px 4px 0 0;\n            height: calc(20% + 10% * var(--i, 1));\n            min-height: 8px;\n            opacity: 0.7;\n            transition: var(--transition);\n        }\n        .mockup-card:hover .chart .bar {\n            opacity: 1;\n        }\n\n        .mockup-card .stat-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-top: 16px;\n            padding-top: 16px;\n            border-top: 1px solid rgba(255, 255, 255, 0.04);\n        }\n        .mockup-card .stat-grid div {\n            display: flex;\n            flex-direction: column;\n        }\n        .mockup-card .stat-grid strong {\n            font-size: 1.5rem;\n            color: #fff;\n        }\n        .mockup-card .stat-grid small {\n            color: var(--text-muted);\n            font-size: 0.75rem;\n        }\n        .mockup-card .progress-bar {\n            margin-top: 16px;\n            height: 4px;\n            background: rgba(255, 255, 255, 0.06);\n            border-radius: 12px;\n            overflow: hidden;\n        }\n        .mockup-card .progress-bar span {\n            display: block;\n            height: 100%;\n            width: 72%;\n            background: linear-gradient(90deg, var(--accent-green), var(--accent-purple));\n            border-radius: 12px;\n            box-shadow: 0 0 20px var(--glow-green);\n        }\n\n        \/* ============================================================\n           6.  CARDS & SECTIONS (Glassmorphism)\n           ============================================================ *\/\n        section {\n            padding: 60px 0;\n            width: 100%;\n        }\n        @media (min-width: 768px) {\n            section {\n                padding: 80px 0;\n            }\n        }\n        section:nth-child(even) {\n            background: rgba(255, 255, 255, 0.008);\n        }\n\n        .card {\n            background: var(--bg-card);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            border-radius: var(--radius-card);\n            padding: 32px 28px;\n            transition: var(--transition);\n            height: 100%;\n            border: 1px solid rgba(255, 255, 255, 0.03);\n        }\n        .card:hover {\n            background: var(--bg-card-hover);\n            transform: translateY(-6px);\n            border-color: rgba(204, 255, 0, 0.08);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 40px rgba(204, 255, 0, 0.02);\n        }\n        .card-icon {\n            font-size: 2.2rem;\n            color: var(--accent-green);\n            margin-bottom: 16px;\n            display: inline-block;\n            filter: drop-shadow(0 0 10px var(--glow-green));\n        }\n        .card h3 {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n        .card p,\n        .card li {\n            color: var(--text-secondary);\n            font-size: 0.95rem;\n        }\n        .card ul {\n            list-style: none;\n            padding: 0;\n            margin-top: 12px;\n        }\n        .card ul li {\n            padding: 6px 0;\n            display: flex;\n            gap: 12px;\n            align-items: flex-start;\n        }\n        .card ul li i {\n            color: var(--accent-green);\n            font-size: 0.8rem;\n            margin-top: 5px;\n            flex-shrink: 0;\n        }\n\n        .highlight-box {\n            background: rgba(204, 255, 0, 0.04);\n            padding: 16px 20px;\n            border-radius: 14px;\n            margin-top: 16px;\n            border-left: 3px solid var(--accent-green);\n        }\n        .highlight-box strong {\n            color: #fff;\n        }\n\n        \/* ============================================================\n           7.  STEP CARDS (Register \/ Activate)\n           ============================================================ *\/\n        .step-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n        @media (min-width: 480px) {\n            .step-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 18px;\n            }\n        }\n        @media (min-width: 900px) {\n            .step-grid {\n                grid-template-columns: repeat(3, 1fr);\n                gap: 20px;\n            }\n        }\n\n        .step-card {\n            background: var(--bg-card);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            border-radius: var(--radius-card);\n            padding: 20px 22px;\n            display: flex;\n            align-items: flex-start;\n            gap: 16px;\n            transition: var(--transition);\n            border: 1px solid rgba(255, 255, 255, 0.03);\n        }\n        .step-card:hover {\n            background: var(--bg-card-hover);\n            transform: translateY(-4px);\n            border-color: rgba(204, 255, 0, 0.06);\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);\n        }\n        .step-number {\n            flex-shrink: 0;\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, rgba(204, 255, 0, 0.15), rgba(168, 85, 247, 0.15));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 800;\n            font-size: 1rem;\n            color: var(--accent-green);\n            margin-top: 2px;\n            border: 1px solid rgba(204, 255, 0, 0.1);\n        }\n        .step-content {\n            flex: 1;\n        }\n        .step-content strong {\n            color: #fff;\n            display: block;\n            font-size: 0.95rem;\n            margin-bottom: 2px;\n        }\n        .step-content p {\n            color: var(--text-secondary);\n            font-size: 0.85rem;\n            margin: 0;\n        }\n        .step-content p i {\n            color: var(--accent-green);\n            margin-right: 4px;\n        }\n        .step-card.highlight-step {\n            background: rgba(204, 255, 0, 0.05);\n            border-color: rgba(204, 255, 0, 0.12);\n        }\n\n        .note-box {\n            background: rgba(204, 255, 0, 0.04);\n            padding: 18px 24px;\n            border-radius: 16px;\n            margin-top: 32px;\n            display: flex;\n            gap: 16px;\n            align-items: flex-start;\n            border: 1px solid rgba(204, 255, 0, 0.06);\n        }\n        .note-box i {\n            color: var(--accent-green);\n            font-size: 1.4rem;\n            margin-top: 2px;\n        }\n        .note-box p {\n            color: var(--text-secondary);\n            font-size: 0.95rem;\n            margin: 0;\n        }\n        .note-box strong {\n            color: #fff;\n        }\n\n        \/* ============================================================\n           8.  TABLE & TIMELINE\n           ============================================================ *\/\n        .table-wrap {\n            overflow-x: auto;\n            margin-top: 20px;\n            border-radius: var(--radius-card);\n            background: rgba(255, 255, 255, 0.015);\n            -webkit-overflow-scrolling: touch;\n            padding: 0 4px;\n            border: 1px solid rgba(255, 255, 255, 0.03);\n        }\n        table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 0.9rem;\n            min-width: 420px;\n        }\n        thead {\n            background: rgba(204, 255, 0, 0.03);\n        }\n        th {\n            text-align: left;\n            padding: 14px 18px;\n            font-weight: 600;\n            color: #fff;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n        }\n        td {\n            padding: 12px 18px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.02);\n            color: var(--text-secondary);\n        }\n        tr:last-child td {\n            border-bottom: none;\n        }\n        td strong {\n            color: #fff;\n        }\n\n        .timeline-item {\n            display: flex;\n            gap: 20px;\n            align-items: flex-start;\n            padding: 16px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.02);\n        }\n        .timeline-item:last-child {\n            border-bottom: none;\n        }\n        .timeline-year {\n            font-weight: 900;\n            font-size: 1.2rem;\n            color: var(--accent-green);\n            min-width: 70px;\n            flex-shrink: 0;\n        }\n        .timeline-content p {\n            color: var(--text-secondary);\n            font-size: 0.9rem;\n        }\n\n        \/* ============================================================\n           9.  FOOTER\n           ============================================================ *\/\n        footer {\n            padding: 32px 0;\n            text-align: center;\n            color: var(--text-muted);\n            font-size: 0.85rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.03);\n            width: 100%;\n        }\n        footer i {\n            color: var(--accent-green);\n        }\n\n        \/* ============================================================\n           10. ANIMATIONS\n           ============================================================ *\/\n        .fade-up {\n            opacity: 0;\n            transform: translateY(40px);\n            animation: fadeUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n        }\n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        .delay-1 {\n            animation-delay: 0.1s;\n        }\n        .delay-2 {\n            animation-delay: 0.2s;\n        }\n        .delay-3 {\n            animation-delay: 0.3s;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================================\n    NAVBAR\n    ============================================================ -->\n    <header class=\"navbar\" id=\"navbar\">\n        <div class=\"container\">\n            <div class=\"logo\">\n                <i class=\"fas fa-film\"><\/i>\n                <span class=\"cash\">CashChat<\/span>\n                <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"flicks-link\">Flicks<\/a>\n            <\/div>\n            <button class=\"hamburger\" id=\"menuToggle\" aria-label=\"Toggle navigation\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/button>\n            <ul class=\"nav-links\" id=\"navLinks\">\n                <li><a href=\"#ad-model\">Ad Model<\/a><\/li>\n                <li><a href=\"#gifts\">Gifts<\/a><\/li>\n                <li><a href=\"#register\">Register<\/a><\/li>\n                <li><a href=\"#activate\">Activate<\/a><\/li>\n                <li><a href=\"#revenue\">Revenue<\/a><\/li>\n                <li>\n                    <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"btn btn-install\">\n                        <i class=\"fas fa-download\"><\/i> Install\n                    <\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/header>\n\n    <!-- ============================================================\n    HERO\n    ============================================================ -->\n    <section class=\"hero\" id=\"home\">\n        <div class=\"orb orb-1\"><\/div>\n        <div class=\"orb orb-2\"><\/div>\n        <div class=\"orb orb-3\"><\/div>\n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-badge\">\n                    <i class=\"fas fa-shield-alt\"><\/i> Zero fraud complaints since 2016\n                <\/div>\n                <h1>\n                    The <span class=\"gradient\">future<\/span> of<br>\n                    creator monetization\n                <\/h1>\n                <p>\n                    CashChat <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"flicks-link\">Flicks<\/a> combines\n                    digital advertising, virtual gifting, and a proprietary convertible\u2011note economy to build a self\u2011sustaining\n                    ecosystem.\n                <\/p>\n\n                <div class=\"hero-actions\">\n                    <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"btn btn-install\">\n                        <i class=\"fas fa-download\"><\/i> Install Flicks\n                    <\/a>\n                    <a href=\"https:\/\/usd.bcbank.se\" target=\"_blank\" class=\"btn btn-outline\">\n                        <i class=\"fas fa-wallet\"><\/i> Create Wallet\n                    <\/a>\n                    <a href=\"https:\/\/my.cashchatapp.com\/account\/login\" target=\"_blank\" class=\"btn btn-ghost\">\n                        <i class=\"fas fa-sign-in-alt\"><\/i> Login\n                    <\/a>\n                <\/div>\n\n                <div class=\"hero-stats\">\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\"><i class=\"fas fa-users\"><\/i> 200k<\/span>\n                        <span class=\"stat-label\">Ad Agents<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\"><i class=\"fas fa-gift\"><\/i> $1\u2013$300<\/span>\n                        <span class=\"stat-label\">Gift Range<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\"><i class=\"fas fa-percent\"><\/i> 60%<\/span>\n                        <span class=\"stat-label\">Creator Share<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-number\"><i class=\"fas fa-coins\"><\/i> 500<\/span>\n                        <span class=\"stat-label\">Points to Withdraw<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Hero Visual \/ Premium Mockup -->\n            <div class=\"hero-visual\">\n                <div class=\"mockup-card\">\n                    <div class=\"card-header\">\n                        <div class=\"avatar\">CF<\/div>\n                        <div>\n                            <h3>CashChat Flicks<\/h3>\n                            <div class=\"live-indicator\">\n                                <span class=\"dot\"><\/span> Live \u00b7 1.2k watching\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <p style=\"color:var(--text-secondary); font-size:0.9rem;\">Your dashboard is ready. Start earning from ads and gifts today.<\/p>\n\n                    <!-- Mini Chart -->\n                    <div class=\"chart\">\n                        <div class=\"bar\" style=\"--i:1; height:30%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:2; height:55%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:3; height:45%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:4; height:75%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:5; height:65%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:6; height:90%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:7; height:80%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:8; height:100%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:9; height:70%;\"><\/div>\n                        <div class=\"bar\" style=\"--i:10; height:85%;\"><\/div>\n                    <\/div>\n\n                    <div class=\"stat-grid\">\n                        <div>\n                            <strong>$284.50<\/strong>\n                            <small>Earned this week<\/small>\n                        <\/div>\n                        <div>\n                            <strong>1,842<\/strong>\n                            <small>Total views<\/small>\n                        <\/div>\n                    <\/div>\n                    <div class=\"progress-bar\">\n                        <span><\/span>\n                    <\/div>\n                    <p style=\"font-size:0.7rem; color:var(--text-muted); margin-top:10px;\">72% towards next payout<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    AD MODEL\n    ============================================================ -->\n    <section id=\"ad-model\">\n        <div class=\"container\">\n            <span class=\"section-tag\"><i class=\"fas fa-bullhorn\"><\/i> Revenue engine<\/span>\n            <h2 class=\"section-title\">Digital Advertising <span class=\"gradient\">&amp; Agent Network<\/span><\/h2>\n            <p class=\"section-desc\">\n                Advertisements served on user videos fund the entire ecosystem. Creators earn up to 60%,\n                while our 200,000 advertising agents drive global campaign management.\n            <\/p>\n\n            <div class=\"grid-2col\">\n                <div class=\"card\">\n                    <div class=\"card-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n                    <h3>Creator Ad Share<\/h3>\n                    <p>When ads play on your video, you earn between <strong>2% and 60%<\/strong> of the advertiser&#8217;s payment. The remaining 40% is shared with the company and advertising agents.<\/p>\n                    <div class=\"highlight-box\">\n                        <i class=\"fas fa-arrow-up\" style=\"color:var(--accent-green); margin-right:8px;\"><\/i>\n                        <strong>Max payout:<\/strong> 60% of ad revenue per video.\n                    <\/div>\n                <\/div>\n                <div class=\"card\">\n                    <div class=\"card-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\n                    <h3>Agent Commission<\/h3>\n                    <p>CashChat <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"flicks-link\">Flicks<\/a> is managed by a dedicated network of <strong>200,000 advertising agents<\/strong>.<\/p>\n                    <ul>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Each agent earns <strong>20% commission<\/strong> on every advert they upload.<\/li>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Advertisers benefit from a decentralized, high-touch distribution model.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    GIFTS & POINTS\n    ============================================================ -->\n    <section id=\"gifts\">\n        <div class=\"container\">\n            <span class=\"section-tag\"><i class=\"fas fa-heart\"><\/i> Engagement<\/span>\n            <h2 class=\"section-title\">Virtual Gifts <span class=\"gradient\">&amp; Engagement Points<\/span><\/h2>\n            <p class=\"section-desc\">\n                Viewers support creators directly via virtual gifts. A portion of every gift fuels a\n                platform\u2011wide engagement pool that rewards all active users.\n            <\/p>\n\n            <div class=\"grid-2col\">\n                <div class=\"card\">\n                    <div class=\"card-icon\"><i class=\"fas fa-gem\"><\/i><\/div>\n                    <h3>Gift Mechanics<\/h3>\n                    <ul>\n                        <li><i class=\"fas fa-dollar-sign\"><\/i> Gifts range from <strong>$1<\/strong> (minimum) to <strong>$300<\/strong> (maximum).<\/li>\n                        <li><i class=\"fas fa-percent\"><\/i> Creator receives <strong>60%<\/strong> of gift value immediately.<\/li>\n                        <li><i class=\"fas fa-percent\"><\/i> The remaining <strong>40%<\/strong> is split between the company and users based on engagement.<\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"card\">\n                    <div class=\"card-icon\"><i class=\"fas fa-trophy\"><\/i><\/div>\n                    <h3>Engagement Points<\/h3>\n                    <p>Users earn <strong>Engagement Points<\/strong> by interacting with content, watching videos, and participating in the community.<\/p>\n                    <div class=\"highlight-box\">\n                        <i class=\"fas fa-wallet\" style=\"color:var(--accent-green); margin-right:8px;\"><\/i>\n                        <strong>Withdraw at 500 points:<\/strong> Once you hit 500 points, you can withdraw directly to your <strong>CashChat Wallet<\/strong> from the 40% gift pool.\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    REGISTER WALLET\n    ============================================================ -->\n    <section id=\"register\">\n        <div class=\"container\">\n            <span class=\"section-tag\"><i class=\"fas fa-user-plus\"><\/i> Step-by-Step<\/span>\n            <h2 class=\"section-title\">Register <span class=\"gradient\">Your Wallet<\/span><\/h2>\n            <p class=\"section-desc\">\n                Follow these 10 simple steps to create your CashChat wallet and join the <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"flicks-link\">Flicks<\/a> ecosystem.\n            <\/p>\n\n            <div class=\"step-grid\">\n                <div class=\"step-card\"><span class=\"step-number\">1<\/span><div class=\"step-content\"><strong>First name<\/strong><p>Exactly as on your ID.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">2<\/span><div class=\"step-content\"><strong>Last name<\/strong><p>Exactly as on your ID.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">3<\/span><div class=\"step-content\"><strong>Valid email address<\/strong><p>Used for verification.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">4<\/span><div class=\"step-content\"><strong>Select your country<\/strong><p>Choose your country from the dropdown.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">5<\/span><div class=\"step-content\"><strong>Mobile phone number<\/strong><p>Include country code \u2014 <strong style=\"color: var(--accent-green);\">NO + sign<\/strong> (e.g., 256712345678).<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">6<\/span><div class=\"step-content\"><strong>Sponsor code <span style=\"color: var(--accent-green); font-weight:400;\">(Required)<\/span><\/strong><p>If none provided, get one from a verified user.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">7<\/span><div class=\"step-content\"><strong>Create a 6\u2011digit PIN<\/strong><p>Only numbers, no letters.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">8<\/span><div class=\"step-content\"><strong>Confirm PIN<\/strong><p>Re\u2011enter the same 6\u2011digit PIN to confirm.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">9<\/span><div class=\"step-content\"><strong>Accept Terms &amp; Conditions<\/strong><p><i class=\"fas fa-check-circle\"><\/i> Tick to accept.<\/p><\/div><\/div>\n                <div class=\"step-card highlight-step\"><span class=\"step-number\">10<\/span><div class=\"step-content\"><strong>Click Signup<\/strong><p>Your wallet will be created instantly.<\/p><\/div><\/div>\n            <\/div>\n\n            <div class=\"note-box\">\n                <i class=\"fas fa-lightbulb\"><\/i>\n                <div>\n                    <p><strong>Important:<\/strong> Use only <strong>6 numeric digits<\/strong> for PIN. Phone number example: <strong>2567XXXXXXXX<\/strong> (omit \u2018+\u2019). Sponsor code: ask a verified CashChat user if needed.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    ACTIVATE & PAY SUBSCRIPTION\n    ============================================================ -->\n    <section id=\"activate\">\n        <div class=\"container\">\n            <span class=\"section-tag\"><i class=\"fas fa-rocket\"><\/i> Get Started<\/span>\n            <h2 class=\"section-title\">Activate <span class=\"gradient\">&amp; Pay Subscription<\/span><\/h2>\n            <p class=\"section-desc\">\n                After registering, follow these 7 steps to activate your account and start earning on CashChat <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"flicks-link\">Flicks<\/a>.\n            <\/p>\n\n            <div class=\"step-grid\">\n                <div class=\"step-card\"><span class=\"step-number\">1<\/span><div class=\"step-content\"><strong>Login to wallet<\/strong><p>Use your email + 6\u2011digit PIN.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">2<\/span><div class=\"step-content\"><strong>Click \u201cPay Subscription\u201d<\/strong><p>To pay using wallet credit \u2192 click the <strong style=\"color: #3b82f6;\">Blue wallet<\/strong> icon.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">3<\/span><div class=\"step-content\"><strong>Type \u201cStart\u201d<\/strong><p>Type it and press Send.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">4<\/span><div class=\"step-content\"><strong>Type \u201c1\u201d<\/strong><p>Select \u201cMy wallet\u201d and Send.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">5<\/span><div class=\"step-content\"><strong>Type \u201c2\u201d<\/strong><p>Select \u201cPay Subscription\u201d and Send.<\/p><\/div><\/div>\n                <div class=\"step-card\"><span class=\"step-number\">6<\/span><div class=\"step-content\"><strong>Choose currency<\/strong><p>Type <strong>1<\/strong> for UGX \/ <strong>2<\/strong> for KES \/ <strong>3<\/strong> for USD \u2192 Send.<\/p><\/div><\/div>\n                <div class=\"step-card highlight-step\"><span class=\"step-number\">7<\/span><div class=\"step-content\"><strong>Payment method<\/strong><p>Type <strong>1<\/strong> (Use Mobile: MTN or Mpesa) <strong>OR<\/strong> <strong>2<\/strong> (Use Wallet credit) \u2192 Send.<\/p><\/div><\/div>\n            <\/div>\n\n            <div class=\"note-box\">\n                <i class=\"fas fa-check-circle\"><\/i>\n                <div>\n                    <p><strong>Activation tip:<\/strong> After step 7 your subscription will be active. For wallet credit payments, ensure sufficient balance. The <strong style=\"color: #3b82f6;\">\u201cBlue wallet\u201d<\/strong> refers to the blue\u2011coloured wallet credit button inside the dashboard.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    REVENUE STREAMS\n    ============================================================ -->\n    <section id=\"revenue\">\n        <div class=\"container\">\n            <span class=\"section-tag\"><i class=\"fas fa-coins\"><\/i> Institutional<\/span>\n            <h2 class=\"section-title\">Company <span class=\"gradient\">Revenue Streams<\/span><\/h2>\n            <p class=\"section-desc\">\n                CashChat generates sustainable, diversified income through platform fees, commissions,\n                and premium services \u2014 ensuring long\u2011term operational health.\n            <\/p>\n\n            <div class=\"table-wrap\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th>Revenue Stream<\/th>\n                            <th>Description<\/th>\n                            <th>Fee \/ Rate<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td><strong>Wallet Transfers<\/strong><\/td>\n                            <td>Charged per peer-to-peer wallet transfer<\/td>\n                            <td><span style=\"color:var(--accent-green);\">UGX 500<\/span> (fixed)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Advertising Commissions<\/strong><\/td>\n                            <td>Retained from digital ad campaigns<\/td>\n                            <td><span style=\"color:var(--accent-green);\">20%<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Video Gift Commissions<\/strong><\/td>\n                            <td>Retained from total virtual gift volume<\/td>\n                            <td><span style=\"color:var(--accent-green);\">20%<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>AI Pro Services<\/strong><\/td>\n                            <td>Premium AI tool subscriptions and credit sales<\/td>\n                            <td><span style=\"color:var(--accent-green);\">Variable<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Share Trading Fee<\/strong><\/td>\n                            <td>Fee applied when users sell convertible notes<\/td>\n                            <td><span style=\"color:var(--accent-green);\">3.5%<\/span><\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    INTEGRITY & TIMELINE\n    ============================================================ -->\n    <section id=\"integrity\">\n        <div class=\"container\">\n            <span class=\"section-tag\"><i class=\"fas fa-medal\"><\/i> Trust<\/span>\n            <h2 class=\"section-title\">Operational Integrity <span class=\"gradient\">&amp; Track Record<\/span><\/h2>\n            <p class=\"section-desc\">\n                Since launching as Pesamoni in 2016 and evolving into CashChat in 2018, the ecosystem has\n                maintained an unblemished record \u2014 no fraud or scam complaints.\n            <\/p>\n\n            <div style=\"background:var(--bg-card); backdrop-filter:blur(8px); border-radius:var(--radius-card); padding: 20px 22px; border:1px solid rgba(255,255,255,0.03);\">\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">2016<\/div>\n                    <div class=\"timeline-content\">\n                        <strong>Pesamoni launched<\/strong>\n                        <p>Foundation of the financial\u2011social hybrid model.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">2018<\/div>\n                    <div class=\"timeline-content\">\n                        <strong>CashChat social media born<\/strong>\n                        <p>Transitioned to a full\u2011featured social ecosystem with integrated wallet.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"timeline-item\">\n                    <div class=\"timeline-year\">2020 \u2013 Present<\/div>\n                    <div class=\"timeline-content\">\n                        <strong>Zero fraud complaints<\/strong>\n                        <p>No verified scam reports, fraud cases, or regulatory violations associated with CashChat.<\/p>\n                        <div style=\"margin-top:12px; display:inline-flex; gap:10px; flex-wrap:wrap;\">\n                            <span style=\"background:rgba(204,255,0,0.06); color:var(--accent-green); padding:4px 14px; border-radius:100px; font-size:0.75rem; font-weight:600; border:1px solid rgba(204,255,0,0.08);\"><i class=\"fas fa-check-circle\"><\/i> Fully compliant<\/span>\n                            <span style=\"background:rgba(250,204,21,0.06); color:#facc15; padding:4px 14px; border-radius:100px; font-size:0.75rem; font-weight:600; border:1px solid rgba(250,204,21,0.08);\"><i class=\"fas fa-building-columns\"><\/i> URSB registered<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ============================================================\n    FOOTER\n    ============================================================ -->\n    <footer>\n        <div class=\"container\">\n            <p style=\"margin-bottom:4px;\">\n                <i class=\"fas fa-film\" style=\"margin-right:6px;\"><\/i>\n                CashChat <a href=\"https:\/\/ai.cashchatapp.com\" target=\"_blank\" class=\"flicks-link\">Flicks<\/a> \u00b7 Official Financial Framework\n            <\/p>\n            <p style=\"font-size:0.75rem; opacity:0.6;\">\n                &copy; 2026 CashChat Ecosystem. Built on transparency, compliance, and innovation.\n            <\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- ============================================================\n    JAVASCRIPT\n    ============================================================ -->\n    <script>\n        \/\/ Hamburger toggle\n        const menuToggle = document.getElementById('menuToggle');\n        const navLinks = document.getElementById('navLinks');\n\n        menuToggle.addEventListener('click', () => {\n            navLinks.classList.toggle('open');\n            const icon = menuToggle.querySelector('i');\n            icon.className = navLinks.classList.contains('open') ? 'fas fa-times' : 'fas fa-bars';\n        });\n\n        \/\/ Close menu on link click (mobile)\n        document.querySelectorAll('.nav-links a').forEach(link => {\n            link.addEventListener('click', () => {\n                navLinks.classList.remove('open');\n                const icon = menuToggle.querySelector('i');\n                if (icon) icon.className = 'fas fa-bars';\n            });\n        });\n\n        \/\/ Navbar shadow on scroll\n        window.addEventListener('scroll', () => {\n            const navbar = document.getElementById('navbar');\n            navbar.style.boxShadow = window.scrollY > 20 ? '0 8px 32px rgba(0,0,0,0.6)' : 'none';\n        });\n\n        \/\/ Intersection Observer for fade-up\n        document.addEventListener('DOMContentLoaded', () => {\n            const targets = document.querySelectorAll('.card, .step-card, .mockup-card');\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' });\n\n            targets.forEach(el => {\n                el.style.opacity = '0';\n                el.style.transform = 'translateY(30px)';\n                el.style.transition = 'opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1)';\n                observer.observe(el);\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>CashChat Flicks \u00b7 Install Now CashChat Flicks Ad Model Gifts Register Activate Revenue Install Zero fraud complaints since 2016 The future of creator monetization CashChat Flicks combines digital advertising, virtual gifting, and a proprietary convertible\u2011note economy to build a self\u2011sustaining ecosystem. Install Flicks Create Wallet Login 200k Ad Agents $1\u2013$300 Gift Range 60% Creator Share [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-299","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/comments?post=299"}],"version-history":[{"count":5,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":324,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/299\/revisions\/324"}],"wp:attachment":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}