{"id":5573,"date":"2026-03-04T07:56:42","date_gmt":"2026-03-04T07:56:42","guid":{"rendered":"https:\/\/ary-themes.com\/?page_id=5573"},"modified":"2026-03-15T03:33:26","modified_gmt":"2026-03-15T03:33:26","slug":"tools","status":"publish","type":"page","link":"https:\/\/ary-themes.com\/tools\/","title":{"rendered":"Tools"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5573\" class=\"elementor elementor-5573\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6db108 e-con-full e-flex e-con e-parent\" data-id=\"b6db108\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e914c3 elementor-widget elementor-widget-shortcode\" data-id=\"5e914c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/boxicons@2.1.4\/css\/boxicons.min.css\" rel=\"stylesheet\" crossorigin=\"anonymous\">\r\n    <style>\r\n        :root {\r\n            --tv-primary: #6D28D9;\r\n            --tv-secondary: #1E293B;\r\n            --tv-text: #1E293B;\r\n            --tv-surface: #ffffff;\r\n            --tv-surface-soft: #f5f7f6;\r\n            --tv-border-soft: rgba(30, 41, 59, 0.12);\r\n            --tv-shadow-soft: 0 10px 30px rgba(109, 40, 217, 0.08);\r\n            --tv-shadow-strong: 0 22px 60px rgba(109, 40, 217, 0.16);\r\n            --tv-hero-padding-y: 14px;\r\n            --tv-hero-padding-x: 32px;\r\n        }\r\n        .tv-wrapper {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n            color: var(--tv-text);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .tv-section {\r\n            padding: 100px 80px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .tv-section {\r\n                padding: 100px 48px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .tv-section {\r\n                padding: 100px 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tv-section {\r\n                padding: 100px 24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-section {\r\n                padding: 100px 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .tv-section {\r\n                padding: 100px 16px;\r\n            }\r\n        }\r\n\t\t\t.page-wrapper p {\r\n\t\t\t\tmargin: 0 auto 20px;\r\n\t\t\t}\r\n\r\n        .tv-hero {\r\n            position: relative;\r\n            padding: 180px 80px 120px;\r\n            text-align: center;\r\n            overflow: hidden;\r\n            background: \r\n                radial-gradient(circle at top center, rgba(109, 40, 217, 0.08) 0%, transparent 40%),\r\n                radial-gradient(circle at 15% 25%, rgba(109, 40, 217, 0.04) 0%, transparent 30%),\r\n                radial-gradient(circle at 85% 15%, rgba(109, 40, 217, 0.04) 0%, transparent 25%),\r\n                #ffffff !important;\r\n        }\r\n\r\n        .tv-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background:\r\n                radial-gradient(ellipse 70% 50% at 80% 20%, rgba(109, 40, 217, 0.05) 0%, transparent 60%),\r\n                radial-gradient(ellipse 55% 65% at 20% 80%, rgba(109, 40, 217, 0.03) 0%, transparent 55%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tv-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            width: 500px;\r\n            height: 500px;\r\n            left: 50%;\r\n            bottom: -280px;\r\n            transform: translateX(-50%);\r\n            background: radial-gradient(circle, rgba(109, 40, 217, 0.08) 0%, rgba(109, 40, 217, 0) 70%);\r\n            filter: blur(25px);\r\n            pointer-events: none;\r\n        }\r\n\r\n        @keyframes tv-hero-float {\r\n            0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.6; }\r\n            25% { transform: translate(8px, -8px) rotate(5deg); opacity: 0.9; }\r\n            50% { transform: translate(-6px, 6px) rotate(-5deg); opacity: 0.7; }\r\n            75% { transform: translate(6px, 6px) rotate(3deg); opacity: 0.85; }\r\n        }\r\n\r\n        @keyframes tv-hero-float-mid {\r\n            0%, 100% { transform: translateY(-50%) translate(0, 0) rotate(0deg); opacity: 0.6; }\r\n            25% { transform: translateY(-50%) translate(8px, -8px) rotate(5deg); opacity: 0.9; }\r\n            50% { transform: translateY(-50%) translate(-6px, 6px) rotate(-5deg); opacity: 0.7; }\r\n            75% { transform: translateY(-50%) translate(6px, 6px) rotate(3deg); opacity: 0.85; }\r\n        }\r\n\r\n        @keyframes tv-hero-float-alt {\r\n            0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.5; }\r\n            33% { transform: translate(-10px, 8px) scale(1.05); opacity: 0.8; }\r\n            66% { transform: translate(8px, -6px) scale(0.95); opacity: 0.65; }\r\n        }\r\n\r\n        @keyframes tv-hero-pulse {\r\n            0%, 100% { transform: translateX(-50%) scale(1); opacity: 0.4; }\r\n            50% { transform: translateX(-50%) scale(1.15); opacity: 0.7; }\r\n        }\r\n\r\n        .tv-hero-icons {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .tv-hero-icon {\r\n            position: absolute;\r\n            width: 52px;\r\n            height: 52px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 16px;\r\n            background: rgba(109, 40, 217, 0.04);\r\n            border: 1px solid rgba(109, 40, 217, 0.12);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);\r\n            backdrop-filter: blur(8px);\r\n        }\r\n\r\n        .tv-hero-icon svg {\r\n            width: 26px;\r\n            height: 26px;\r\n            fill: none;\r\n            stroke: var(--tv-primary);\r\n            stroke-width: 2;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .tv-hero-icon--letter {\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            color: var(--tv-primary);\r\n            font-family: 'Inter', sans-serif;\r\n            letter-spacing: -0.03em;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .tv-hero-icon--tl { top: 12%; left: 6%; animation: tv-hero-float 6s ease-in-out infinite; }\r\n        .tv-hero-icon--tr { top: 15%; right: 8%; animation: tv-hero-float 7s ease-in-out infinite 0.5s; }\r\n        .tv-hero-icon--bl { bottom: 18%; left: 5%; animation: tv-hero-float-alt 5.5s ease-in-out infinite 1s; }\r\n        .tv-hero-icon--br { bottom: 12%; right: 6%; animation: tv-hero-float-alt 6.5s ease-in-out infinite 0.3s; }\r\n        .tv-hero-icon--ml { top: 50%; left: 3%; animation: tv-hero-float-mid 5s ease-in-out infinite 0.8s; }\r\n        .tv-hero-icon--mr { top: 50%; right: 3%; animation: tv-hero-float-mid 6s ease-in-out infinite 0.2s; }\r\n        .tv-hero-icon--tc { top: 8%; left: 50%; animation: tv-hero-pulse 4s ease-in-out infinite; }\r\n        .tv-hero-icon--bc { bottom: 10%; left: 50%; animation: tv-hero-pulse 4.5s ease-in-out infinite 0.5s; }\r\n\r\n        .tv-hero-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 920px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n\r\n        .tv-hero-brand-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            margin: 0 auto 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            border-radius: 16px;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            box-shadow: 0 8px 32px rgba(223, 170, 97, 0.3);\r\n            font-size: 32px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .tv-hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 10px 20px;\r\n            background: rgba(109, 40, 217, 0.05);\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--tv-primary);\r\n            margin-bottom: 24px;\r\n            border: 1px solid rgba(109, 40, 217, 0.15);\r\n            letter-spacing: 0.12em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .tv-hero-badge-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 50%;\r\n            background: var(--tv-primary);\r\n            box-shadow: 0 0 8px rgba(109, 40, 217, 0.4);\r\n        }\r\n\r\n        .tv-hero-title {\r\n            position: relative;\r\n            font-size: 64px;\r\n            font-weight: 800;\r\n            line-height: 1.15;\r\n            margin-bottom: 24px;\r\n            letter-spacing: -0.03em;\r\n            color: var(--tv-secondary);\r\n        }\r\n\r\n        .tv-hero-title::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 140%;\r\n            height: 280%;\r\n            background: radial-gradient(ellipse at center, rgba(109, 40, 217, 0.08) 0%, rgba(109, 40, 217, 0.02) 40%, transparent 65%);\r\n            filter: blur(42px);\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tv-hero-title .tv-kw {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, #a78bfa 50%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .tv-hero-desc {\r\n            font-size: 20px;\r\n            line-height: 1.6;\r\n            color: var(--tv-text);\r\n            max-width: 760px;\r\n            margin: 0 auto 40px;\r\n            font-weight: 400;\r\n            letter-spacing: -0.01em;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .tv-hero-features {\r\n            display: inline-flex;\r\n            flex-wrap: wrap;\r\n            gap: 0;\r\n            justify-content: center;\r\n            margin-top: 20px;\r\n            background: #ffffff;\r\n            border-radius: 18px;\r\n            border: 1px solid rgba(109, 40, 217, 0.1);\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .tv-hero-feature {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: var(--tv-hero-padding-y) var(--tv-hero-padding-x);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            color: var(--tv-secondary);\r\n            border-right: 1px solid rgba(109, 40, 217, 0.08);\r\n            text-decoration: none;\r\n            cursor: pointer;\r\n            transition: all 0.25s ease;\r\n        }\r\n\r\n        .tv-hero-feature:hover {\r\n            color: var(--tv-primary);\r\n            background: rgba(109, 40, 217, 0.02);\r\n        }\r\n\r\n        .tv-hero-feature:first-child {\r\n            border-top-left-radius: 18px;\r\n            border-bottom-left-radius: 18px;\r\n        }\r\n\r\n        .tv-hero-feature:last-child {\r\n            border-right: none;\r\n            border-top-right-radius: 18px;\r\n            border-bottom-right-radius: 18px;\r\n        }\r\n\r\n        .tv-hero-feature span {\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--tv-text);\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .tv-hero-feature:hover span {\r\n            color: rgba(255, 255, 255, 0.95);\r\n        }\r\n\r\n        .tv-hero-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-top: 28px;\r\n            margin-bottom: 32px;\r\n            padding: var(--tv-hero-padding-y) var(--tv-hero-padding-x);\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            border: none;\r\n            border-radius: 12px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            box-shadow: 0 10px 30px rgba(109, 40, 217, 0.3);\r\n            transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n        .tv-hero-btn i.bx {\r\n            font-size: 1.25em;\r\n        }\r\n        .tv-hero-btn:hover {\r\n            color: #ffffff;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 15px 35px rgba(109, 40, 217, 0.4);\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-hero-features {\r\n                flex-direction: column;\r\n                padding: 16px 24px;\r\n            }\r\n\r\n            .tv-hero-feature {\r\n                border-right: none;\r\n                border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n                padding: 12px 16px;\r\n            }\r\n\r\n            .tv-hero-feature:last-child {\r\n                border-bottom: none;\r\n            }\r\n\r\n            .tv-hero-btn {\r\n                padding: 12px 16px; \/* match .tv-hero-feature mobile *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .tv-hero {\r\n                padding: 92px 48px 84px;\r\n            }\r\n\r\n            .tv-hero-icon {\r\n                width: 40px;\r\n                height: 40px;\r\n            }\r\n\r\n            .tv-hero-icon svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tv-hero {\r\n                padding: 72px 24px 64px;\r\n            }\r\n\r\n            .tv-hero-title {\r\n                font-size: 42px;\r\n            }\r\n\r\n            .tv-hero-desc {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .tv-hero-icon {\r\n                width: 36px;\r\n                height: 36px;\r\n            }\r\n\r\n            .tv-hero-icon svg {\r\n                width: 18px;\r\n                height: 18px;\r\n            }\r\n\r\n            .tv-hero-icon--tc,\r\n            .tv-hero-icon--bc {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-hero {\r\n                padding: 64px 20px 56px;\r\n            }\r\n\r\n            .tv-hero-brand-icon {\r\n                width: 56px;\r\n                height: 56px;\r\n                font-size: 28px;\r\n            }\r\n\r\n            .tv-hero-title {\r\n                font-size: 30px;\r\n            }\r\n\r\n            .tv-hero-badge {\r\n                font-size: 11px;\r\n                padding: 6px 14px;\r\n            }\r\n\r\n            .tv-hero-icon {\r\n                width: 32px;\r\n                height: 32px;\r\n            }\r\n\r\n            .tv-hero-icon svg {\r\n                width: 16px;\r\n                height: 16px;\r\n            }\r\n\r\n            .tv-hero-icon--ml,\r\n            .tv-hero-icon--mr {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .tv-section-1 {\r\n            background: radial-gradient(circle at top, rgba(109, 40, 217, 0.06) 0%, transparent 55%), #ffffff;\r\n        }\r\n\r\n        .tv-section-2 {\r\n            background: #f5f5f7;\r\n        }\r\n\r\n        .tv-section-why {\r\n            background: radial-gradient(circle at top, rgba(109, 40, 217, 0.04) 0%, transparent 50%), #f8faf9;\r\n        }\r\n\r\n        .tv-grid-why {\r\n            grid-template-columns: repeat(3, 1fr);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .tv-grid-why {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-grid-why {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .tv-why-card {\r\n            background: radial-gradient(circle at top left, rgba(109, 40, 217, 0.08) 0%, transparent 55%), var(--tv-surface);\r\n            border-radius: 16px;\r\n            padding: 32px 24px;\r\n            text-align: center;\r\n            border: 1px solid var(--tv-border-soft);\r\n            box-shadow: var(--tv-shadow-soft);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n        }\r\n\r\n        .tv-why-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(135deg, rgba(109, 40, 217, 0.05) 0%, transparent 100%);\r\n            opacity: 0;\r\n            transition: opacity 0.4s ease;\r\n        }\r\n\r\n        .tv-why-card:hover {\r\n            transform: translateY(-8px);\r\n            background: var(--tv-surface);\r\n            box-shadow: var(--tv-shadow-strong);\r\n            border-color: rgba(109, 40, 217, 0.3);\r\n        }\r\n\r\n        .tv-why-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .tv-why-card-icon {\r\n            width: 56px;\r\n            height: 56px;\r\n            border-radius: 14px;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            box-shadow: 0 8px 20px rgba(109, 40, 217, 0.2);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tv-why-card:hover .tv-why-card-icon {\r\n            transform: scale(1.1) rotate(5deg);\r\n            box-shadow: 0 15px 35px rgba(109, 40, 217, 0.3);\r\n        }\r\n\r\n        .tv-why-card-icon i {\r\n            font-size: 28px;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .tv-why-card-title {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--tv-secondary);\r\n            margin-bottom: 12px;\r\n            transition: color 0.3s;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tv-why-card-desc {\r\n            font-size: 14.5px;\r\n            color: var(--tv-text);\r\n            line-height: 1.6;\r\n            opacity: 0.85;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tv-content {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .tv-section-badge-wrap {\r\n            text-align: center;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .tv-section-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 6px 14px;\r\n            border-radius: 999px;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n            color: var(--tv-secondary);\r\n            background: rgba(109, 40, 217, 0.08);\r\n            border: 1px solid rgba(109, 40, 217, 0.22);\r\n        }\r\n\r\n        .tv-section-badge-dot {\r\n            width: 6px;\r\n            height: 6px;\r\n            border-radius: 999px;\r\n            background: var(--tv-primary);\r\n            box-shadow: 0 0 0 3px rgba(109, 40, 217, 0.22);\r\n        }\r\n\r\n        .tv-heading {\r\n            font-size: 45px;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            margin-bottom: 12px;\r\n            line-height: 1.3;\r\n            white-space: normal;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, #a78bfa 50%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tv-heading {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-heading {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .tv-heading {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        .tv-heading .tv-kw {\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .tv-heading-2 .tv-kw {\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .tv-intro {\r\n            text-align: center;\r\n            max-width: 600px;\r\n            margin: 0 auto 32px;\r\n            font-size: 15px;\r\n            color: var(--tv-text);\r\n            line-height: 1.55;\r\n        }\r\n\r\n        .tv-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n        }\r\n\r\n        @media (max-width: 1200px) {\r\n            .tv-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 16px;\r\n            }\r\n        }\r\n\r\n        .tv-card {\r\n            background: radial-gradient(circle at top left, rgba(109, 40, 217, 0.1) 0%, transparent 55%), var(--tv-surface);\r\n            border-radius: 14px;\r\n            padding: 24px 22px;\r\n            box-shadow: var(--tv-shadow-soft);\r\n            border: 1px solid var(--tv-border-soft);\r\n            position: relative;\r\n            overflow: hidden;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        \/* Font Generator section: left icon, middle top title, bottom right button *\/\r\n        .tv-grid-1 .tv-card {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            grid-template-rows: auto 1fr;\r\n            gap: 12px 16px;\r\n            text-align: left;\r\n            align-items: start;\r\n            min-height: 100px;\r\n        }\r\n        .tv-grid-1 .tv-card-icon {\r\n            grid-column: 1;\r\n            grid-row: 1 \/ -1;\r\n            align-self: start;\r\n            margin-bottom: 0;\r\n        }\r\n        .tv-grid-1 .tv-card-title {\r\n            grid-column: 2;\r\n            grid-row: 1;\r\n            margin-bottom: 0;\r\n            align-self: start;\r\n        }\r\n        .tv-grid-1 .tv-card-btn {\r\n            grid-column: 2;\r\n            grid-row: 2;\r\n            justify-self: end;\r\n            align-self: end;\r\n            margin-top: auto;\r\n        }\r\n\r\n        \/* Social Viewer section: left icon, middle top title, bottom right button *\/\r\n        .tv-grid-2 .tv-card {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            grid-template-rows: auto 1fr;\r\n            gap: 12px 16px;\r\n            text-align: left;\r\n            align-items: start;\r\n            min-height: 100px;\r\n        }\r\n        .tv-grid-2 .tv-card-icon {\r\n            grid-column: 1;\r\n            grid-row: 1 \/ -1;\r\n            align-self: start;\r\n            margin-bottom: 0;\r\n        }\r\n        .tv-grid-2 .tv-card-title {\r\n            grid-column: 2;\r\n            grid-row: 1;\r\n            margin-bottom: 0;\r\n            align-self: start;\r\n        }\r\n        .tv-grid-2 .tv-card-btn {\r\n            grid-column: 2;\r\n            grid-row: 2;\r\n            justify-self: end;\r\n            align-self: end;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .tv-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, var(--tv-primary), var(--tv-secondary));\r\n            border-radius: 14px 14px 0 0;\r\n            z-index: 1;\r\n            transition: width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        \/* Status dot (active = green, inactive = gray) *\/\r\n        .tv-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 14px;\r\n            right: 14px;\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n            z-index: 2;\r\n        }\r\n        .tv-card--active::after {\r\n            background: #22c55e;\r\n            box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.35);\r\n        }\r\n\r\n        \/* Inactive tool: gray card, not clickable, gray dot *\/\r\n        .tv-card--inactive {\r\n            cursor: not-allowed;\r\n            filter: grayscale(0.9);\r\n            opacity: 0.75;\r\n            background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%) !important;\r\n            border-color: #cbd5e1;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n        }\r\n        .tv-card--inactive .tv-card-btn {\r\n            pointer-events: none;\r\n        }\r\n        .tv-card--inactive::after {\r\n            background: #94a3b8;\r\n            box-shadow: none;\r\n        }\r\n        .tv-card--inactive::before {\r\n            display: none;\r\n        }\r\n        .tv-card--inactive:hover {\r\n            background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%) !important;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n            border-color: #cbd5e1;\r\n        }\r\n        .tv-card--inactive .tv-card-icon {\r\n            background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);\r\n            box-shadow: none;\r\n        }\r\n        .tv-card--inactive .tv-card-title {\r\n            color: #64748b;\r\n        }\r\n        .tv-card--inactive .tv-card-btn {\r\n            background: #cbd5e1;\r\n            color: #64748b;\r\n        }\r\n\r\n        .tv-card:hover::before {\r\n            width: 100%;\r\n        }\r\n\r\n        .tv-card--active:hover,\r\n        .tv-card:hover:not(.tv-card--inactive) {\r\n            background: radial-gradient(circle at top left, rgba(109, 40, 217, 0.18) 0%, transparent 65%), var(--tv-surface);\r\n            box-shadow: var(--tv-shadow-strong);\r\n            border-color: rgba(109, 40, 217, 0.45);\r\n        }\r\n\r\n        .tv-card-icon {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 10px;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            box-shadow: 0 6px 18px rgba(109, 40, 217, 0.24);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 14px;\r\n            transition: box-shadow 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        .tv-card:hover .tv-card-icon {\r\n            transform: translateY(-4px) rotate(10deg) scale(1.15);\r\n            box-shadow: 0 14px 30px rgba(109, 40, 217, 0.26);\r\n        }\r\n\r\n        .tv-card-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            fill: #ffffff;\r\n        }\r\n        .tv-card-icon i.bx {\r\n            font-size: 22px;\r\n            color: #ffffff;\r\n        }\r\n\r\n        .tv-card-title {\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            color: var(--tv-secondary);\r\n        }\r\n\r\n        .tv-card:hover .tv-card-title {\r\n            color: #000000;\r\n        }\r\n\r\n        .tv-card-desc {\r\n            font-size: 14px;\r\n            color: var(--tv-text);\r\n            line-height: 1.55;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .tv-card-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 6px;\r\n            padding: 8px 18px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            border: none;\r\n            border-radius: 8px;\r\n            text-decoration: none;\r\n            box-shadow: 0 4px 16px rgba(109, 40, 217, 0.25);\r\n            transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            margin-top: auto;\r\n        }\r\n        .tv-card-btn svg {\r\n            width: 14px;\r\n            height: 14px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .tv-card-btn:hover {\r\n            color: #ffffff;\r\n            box-shadow: 0 6px 20px rgba(223, 170, 97, 0.45);\r\n        }\r\n\r\n        .tv-load-more-wrap {\r\n            text-align: center;\r\n            margin-top: 32px;\r\n        }\r\n\r\n        .tv-load-more {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            padding: 12px 28px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #ffffff;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            border: none;\r\n            border-radius: 10px;\r\n            cursor: pointer;\r\n            box-shadow: 0 6px 20px rgba(6, 18, 12, 0.26);\r\n            transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            text-decoration: none;\r\n        }\r\n        .tv-load-more i.bx {\r\n            font-size: 1.25em;\r\n        }\r\n\r\n        .tv-load-more:hover {\r\n            color: #ffffff;\r\n            box-shadow: 0 6px 20px rgba(223, 170, 97, 0.45);\r\n        }\r\n\r\n        .tv-load-more--loading {\r\n            pointer-events: none;\r\n            opacity: 0.8;\r\n            cursor: wait;\r\n        }\r\n        .tv-load-more--loading:hover {\r\n            box-shadow: 0 4px 14px rgba(223, 170, 97, 0.35);\r\n        }\r\n\r\n        @keyframes tv-card-enter {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(24px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        .tv-card.tv-card--enter {\r\n            opacity: 0;\r\n            animation: tv-card-enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n        }\r\n        .tv-grid-1 .tv-card.tv-card--enter {\r\n            opacity: 0;\r\n            animation: tv-card-enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;\r\n        }\r\n\r\n        .tv-section-3 {\r\n            background: radial-gradient(circle at top, rgba(109, 40, 217, 0.04) 0%, transparent 60%), #f8faf9;\r\n            border-top: 1px solid #e5e5e7;\r\n        }\r\n\r\n        .tv-faq-heading {\r\n            font-size: 45px;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            margin-bottom: 12px;\r\n            line-height: 1.3;\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, #a78bfa 50%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .tv-faq-heading .tv-kw {\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tv-faq-heading {\r\n                font-size: 32px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .tv-faq-heading {\r\n                font-size: 28px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 400px) {\r\n            .tv-faq-heading {\r\n                font-size: 24px;\r\n            }\r\n        }\r\n\r\n        .tv-faq-intro {\r\n            text-align: center;\r\n            max-width: 600px;\r\n            margin: 0 auto 40px;\r\n            font-size: 15px;\r\n            color: var(--tv-text);\r\n            line-height: 1.55;\r\n        }\r\n\r\n        \/* CTA SECTION *\/\r\n        .tv-section-cta {\r\n            background: radial-gradient(circle at top, rgba(109, 40, 217, 0.08) 0%, transparent 55%), #050807;\r\n        }\r\n\r\n        .tv-cta-inner {\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.2fr);\r\n            gap: 32px;\r\n            padding: 32px 32px;\r\n            border-radius: 20px;\r\n            background: radial-gradient(circle at top left, rgba(109, 40, 217, 0.3) 0%, rgba(5, 8, 7, 0.95) 55%);\r\n            border: 1px solid rgba(184, 230, 206, 0.28);\r\n            box-shadow: 0 26px 70px rgba(0, 0, 0, 0.55);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tv-cta-inner::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -40%;\r\n            background:\r\n                radial-gradient(circle at 0% 0%, rgba(109, 40, 217, 0.2) 0%, transparent 45%),\r\n                radial-gradient(circle at 100% 100%, rgba(109, 40, 217, 0.16) 0%, transparent 50%);\r\n            opacity: 0.9;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .tv-cta-main,\r\n        .tv-cta-meta {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .tv-cta-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 14px;\r\n            border-radius: 999px;\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n            color: #e9f7f0;\r\n            background: rgba(5, 8, 7, 0.7);\r\n            border: 1px solid rgba(184, 230, 206, 0.45);\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .tv-cta-dot {\r\n            width: 7px;\r\n            height: 7px;\r\n            border-radius: 999px;\r\n            background: #34d399;\r\n            box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.3);\r\n        }\r\n\r\n        .tv-cta-title {\r\n            font-size: 34px;\r\n            font-weight: 700;\r\n            line-height: 1.25;\r\n            margin-bottom: 14px;\r\n            letter-spacing: -0.02em;\r\n            color: #f9fdfb;\r\n        }\r\n\r\n        .tv-cta-title span {\r\n            background: linear-gradient(135deg, var(--tv-primary) 0%, #a78bfa 35%, var(--tv-secondary) 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .tv-cta-desc {\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n            color: rgba(233, 247, 240, 0.88);\r\n            max-width: 460px;\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .tv-cta-actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n        }\r\n\r\n        .tv-cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            padding: 11px 20px;\r\n            border-radius: 999px;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            font-family: 'Inter', sans-serif;\r\n            text-decoration: none;\r\n            border: 1px solid transparent;\r\n            cursor: pointer;\r\n            transition: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        .tv-cta-btn-primary {\r\n            color: #f9fdfb;\r\n            background: linear-gradient(135deg, #6D28D9 0%, #a78bfa 100%);\r\n            box-shadow: 0 10px 30px rgba(109, 40, 217, 0.45);\r\n        }\r\n\r\n        .tv-cta-btn-primary:hover {\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 16px 40px rgba(6, 18, 12, 0.6);\r\n        }\r\n\r\n        .tv-cta-btn-ghost {\r\n            color: #c1f1db;\r\n            background: rgba(5, 8, 7, 0.6);\r\n            border-color: rgba(184, 230, 206, 0.35);\r\n        }\r\n\r\n        .tv-cta-btn-ghost:hover {\r\n            background: rgba(11, 20, 16, 0.9);\r\n            border-color: rgba(184, 230, 206, 0.6);\r\n        }\r\n\r\n        .tv-cta-btn i.bx {\r\n            font-size: 1.2em;\r\n        }\r\n\r\n        .tv-cta-meta {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 10px;\r\n            padding: 10px 14px;\r\n            border-radius: 14px;\r\n            background: rgba(5, 8, 7, 0.75);\r\n            border: 1px solid rgba(184, 230, 206, 0.35);\r\n        }\r\n\r\n        .tv-cta-meta-item {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n        }\r\n\r\n        .tv-cta-meta-label {\r\n            font-size: 13px;\r\n            color: rgba(233, 247, 240, 0.82);\r\n        }\r\n\r\n        .tv-cta-meta-value {\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: #f9fdfb;\r\n        }\r\n\r\n        .tv-cta-meta-pill {\r\n            padding: 4px 10px;\r\n            border-radius: 999px;\r\n            background: rgba(52, 211, 153, 0.15);\r\n            border: 1px solid rgba(52, 211, 153, 0.7);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            .tv-cta-inner {\r\n                grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.3fr);\r\n                padding: 26px 24px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tv-cta-inner {\r\n                grid-template-columns: 1fr;\r\n                padding: 22px 20px;\r\n            }\r\n\r\n            .tv-cta-meta {\r\n                padding: 10px 12px;\r\n            }\r\n        }\r\n\r\n        .tv-faq-list {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .tv-faq-item {\r\n            background: linear-gradient(145deg, #ffffff 0%, rgba(223, 170, 97, 0.06) 50%, rgba(22, 57, 103, 0.04) 100%);\r\n            border-radius: 12px;\r\n            margin-bottom: 12px;\r\n            border: 1px solid rgba(223, 170, 97, 0.2);\r\n            overflow: hidden;\r\n            box-shadow: 0 2px 8px rgba(22, 57, 103, 0.08);\r\n        }\r\n\r\n        .tv-faq-item:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .tv-faq-q {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 18px 22px;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            color: var(--tv-secondary);\r\n            cursor: pointer;\r\n            transition: color 0.3s, background 0.3s;\r\n            list-style: none;\r\n        }\r\n\r\n        .tv-faq-q::-webkit-details-marker {\r\n            display: none;\r\n        }\r\n\r\n        .tv-faq-q:hover {\r\n            color: var(--tv-primary);\r\n        }\r\n\r\n        .tv-faq-item[open] .tv-faq-q {\r\n            color: var(--tv-primary);\r\n        }\r\n\r\n        .tv-faq-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            flex-shrink: 0;\r\n            margin-left: 12px;\r\n            transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        .tv-faq-item[open] .tv-faq-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .tv-faq-a {\r\n            padding: 0 22px 18px;\r\n            font-size: 15px;\r\n            color: var(--tv-text);\r\n            line-height: 1.65;\r\n        }\r\n\r\n        .tv-faq-a-inner {\r\n            padding-top: 4px;\r\n            border-top: 1px solid rgba(223, 170, 97, 0.2);\r\n        }\r\n    <\/style>\r\n    <div class=\"tv-wrapper\">\r\n        <section class=\"tv-hero\">\r\n            <div class=\"tv-hero-icons\">\r\n                <!-- TikTok style note -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--tl\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M9 3h3a4 4 0 0 0 4 4h2v3.2a6.8 6.8 0 1 1-6.8-6.8H12\"\/><\/svg>\r\n                <\/div>\r\n                <!-- Comment bubble -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--tr\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M21 11.5a7.5 7.5 0 0 1-7.5 7.5H8l-4 3v-9.5A7.5 7.5 0 0 1 11.5 5h2\"\/><\/svg>\r\n                <\/div>\r\n                <!-- Follower \/ group -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--bl\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"3\"\/><path d=\"M3 18a5 5 0 0 1 10 0\"\/><path d=\"M14 18a4 4 0 0 1 7 0\"\/><\/svg>\r\n                <\/div>\r\n                <!-- Play \/ video -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--br\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"13\" height=\"14\" rx=\"2\"\/><path d=\"M16 9l5-3v12l-5-3z\"\/><\/svg>\r\n                <\/div>\r\n                <!-- Account \/ profile -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--ml\">\r\n                    <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"3.2\"\/><path d=\"M5 20a7 7 0 0 1 14 0\"\/><\/svg>\r\n                <\/div>\r\n                <!-- Page \/ browser -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--mr\">\r\n                    <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 9h18\"\/><circle cx=\"7\" cy=\"7\" r=\"1\"\/><circle cx=\"11\" cy=\"7\" r=\"1\"\/><\/svg>\r\n                <\/div>\r\n                <!-- Tools badge -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--tc tv-hero-icon--letter\">SC<\/div>\r\n                <!-- Snapchat icon -->\r\n                <div class=\"tv-hero-icon tv-hero-icon--bc\">\r\n                    <i class='bx bxl-snapchat' style='font-size: 32px; color: #FFFC00;'><\/i>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"tv-hero-content\" data-aos=\"fade-up\">\r\n                <!-- <div class=\"tv-hero-brand-icon\">A<\/div> -->\r\n                <div class=\"tv-hero-badge\">\r\n                    <span class=\"tv-hero-badge-dot\"><\/span>\r\n                    Snapchat Tools Suite\r\n                <\/div>\r\n                <h1 class=\"tv-hero-title\"> Tools- <span class=\"tv-kw\">All in One Tools<\/span><\/h1>\r\n                <p class=\"tv-hero-desc\">Explore Snapchat profiles, stories, and spotlights anonymously. Download high-quality photos, videos, and private stories without any login required.<\/p>\r\n                <div class=\"tv-hero-features\">\r\n                <a href=\"#social-tools\" class=\"tv-hero-feature\">Explore All Tools<i class=\"bx bx-right-arrow-alt\"><\/i><\/a>\r\n\r\n                    <a class=\"tv-hero-feature\">100% Anonymous<\/a>\r\n                    <a class=\"tv-hero-feature\">Real-time <span>Access<\/span><\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"tv-section tv-section-1\" id=\"social-tools\">\r\n            <div class=\"tv-content\">\r\n                <div class=\"tv-section-badge-wrap\" data-aos=\"fade-up\">\r\n                    <div class=\"tv-section-badge\">\r\n                        <span class=\"tv-section-badge-dot\"><\/span>\r\n                        Snapchat Viewers & Downloaders\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"tv-heading tv-heading-2\" data-aos=\"fade-up\">Our Free All <span class=\"tv-kw\"> Tools<\/span><\/h2>\r\n                <p class=\"tv-intro\" data-aos=\"fade-up\" data-aos-delay=\"100\">Browse Snapchat profiles, highlights, and spotlights anonymously or download stories and photos securely with our advanced tools.<\/p>\r\n                <div class=\"tv-grid tv-grid-2\" data-aos=\"fade-up\" id=\"tv-social-grid\"><\/div>\r\n                <div class=\"tv-load-more-wrap\" data-aos=\"fade-up\">\r\n                    <button type=\"button\" class=\"tv-load-more\" id=\"tv-load-more-social\"><i class=\"bx bx-chevron-down\"><\/i><span class=\"tv-load-more-text\">More Tools<\/span><\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"tv-section tv-section-why\">\r\n            <div class=\"tv-content\">\r\n                <div class=\"tv-section-badge-wrap\" data-aos=\"fade-up\">\r\n                    <div class=\"tv-section-badge\">\r\n                        <span class=\"tv-section-badge-dot\"><\/span>\r\n                        Why Park Scan Tools\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"tv-heading\" data-aos=\"fade-up\">Why Use <span class=\"tv-kw\">Our Tools<\/span>?<\/h2>\r\n                <p class=\"tv-intro\" data-aos=\"fade-up\" data-aos-delay=\"100\">Professional, free tools designed for designers, developers, and creators. No sign up, no limits.<\/p>\r\n                <div class=\"tv-grid tv-grid-why\" data-aos=\"fade-up\">\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-user-check'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">100% Anonymous<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-time-five'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">Real-time Data<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-shield-quarter'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">Secure & Private<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-no-entry'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">No Login Needed<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-pulse'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">High Reliability<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-mouse-alt'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">Easy Interface<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-devices'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">All Platforms<\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-why-card\">\r\n                        <div class=\"tv-why-card-icon\">\r\n                            <i class='bx bx-bolt-circle'><\/i>\r\n                        <\/div>\r\n                        <div class=\"tv-why-card-title\">Instant Access<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"tv-section tv-section-3\">\r\n            <div class=\"tv-content\">\r\n                <div class=\"tv-section-badge-wrap\" data-aos=\"fade-up\">\r\n                    <div class=\"tv-section-badge\">\r\n                        <span class=\"tv-section-badge-dot\"><\/span>\r\n                        Help Center\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"tv-faq-heading\" data-aos=\"fade-up\">Frequently Asked <span class=\"tv-kw\">Questions<\/span><\/h2>\r\n                <p class=\"tv-faq-intro\" data-aos=\"fade-up\" data-aos-delay=\"100\">Common questions about our Social Viewer tools.<\/p>\r\n                <div class=\"tv-faq-list\" data-aos=\"fade-up\">\r\n                    <details class=\"tv-faq-item\">\r\n                        <summary class=\"tv-faq-q\">Is the Snapchat viewer truly anonymous?<svg class=\"tv-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/summary>\r\n                        <div class=\"tv-faq-a\"><div class=\"tv-faq-a-inner\">Yes, our Snapchat tools are designed for complete anonymity. When you view a profile, story, or spotlight using our suite, the account owner will not receive any notification, and your identity remains hidden.<\/div><\/div>\r\n                    <\/details>\r\n                    <details class=\"tv-faq-item\">\r\n                        <summary class=\"tv-faq-q\">Do I need a Snapchat account to use these tools?<svg class=\"tv-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/summary>\r\n                        <div class=\"tv-faq-a\"><div class=\"tv-faq-a-inner\">Absolutely not. We never ask for your Snapchat credentials. Our tools work independently to ensure maximum security and privacy without needing any login.<\/div><\/div>\r\n                    <\/details>\r\n                    <details class=\"tv-faq-item\">\r\n                        <summary class=\"tv-faq-q\">What content can I download with the Snapchat downloader?<svg class=\"tv-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/summary>\r\n                        <div class=\"tv-faq-a\"><div class=\"tv-faq-a-inner\">You can download profile pictures, photos, spotlight videos, and even private stories securely in high quality using our specialized downloader tools.<\/div><\/div>\r\n                    <\/details>\r\n                    <details class=\"tv-faq-item\">\r\n                        <summary class=\"tv-faq-q\">Can I view content from private Snapchat accounts?<svg class=\"tv-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/summary>\r\n                        <div class=\"tv-faq-a\"><div class=\"tv-faq-a-inner\">Access to private accounts depends on Snapchat's current security protocols. Our private story downloader is optimized for various access levels, but we always recommend respecting user privacy.<\/div><\/div>\r\n                    <\/details>\r\n                    <details class=\"tv-faq-item\">\r\n                        <summary class=\"tv-faq-q\">Is there any limit to using the Snapchat tools?<svg class=\"tv-faq-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/summary>\r\n                        <div class=\"tv-faq-a\"><div class=\"tv-faq-a-inner\">No, our Snapchat viewer and downloader services are completely free and unlimited. You can use any of our tools as often as you need without any restrictions.<\/div><\/div>\r\n                    <\/details>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- <section class=\"tv-section tv-section-cta\">\r\n            <div class=\"tv-content\">\r\n                <div class=\"tv-cta-inner\" data-aos=\"fade-up\">\r\n                    <div class=\"tv-cta-main\">\r\n                        <div class=\"tv-cta-badge\">\r\n                            <span class=\"tv-cta-dot\"><\/span>\r\n                            Start in a Few Seconds\r\n                        <\/div>\r\n                        <h2 class=\"tv-cta-title\">Start Your Private <span>Social Viewers <\/span><\/h2>\r\n                        <p class=\"tv-cta-desc\">Choose from our specialized Instagram and Facebook viewer tools to access content securely and anonymously. No login, no footprints, just pure insights.<\/p>\r\n                        <div class=\"tv-cta-actions\">\r\n                            <a href=\"#instagram-tools\" class=\"tv-cta-btn tv-cta-btn-primary\">\r\n                                Browse Instagram Tools\r\n                                <i class=\"bx bx-right-arrow-alt\"><\/i>\r\n                            <\/a>\r\n                            <a href=\"#facebook-tools\" class=\"tv-cta-btn tv-cta-btn-ghost\">\r\n                                View Facebook Tools\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"tv-cta-meta\">\r\n                        <div class=\"tv-cta-meta-item\">\r\n                            <span class=\"tv-cta-meta-label\">Active viewers<\/span>\r\n                            <span class=\"tv-cta-meta-value\">20+ specialized tools<\/span>\r\n                        <\/div>\r\n                        <div class=\"tv-cta-meta-item\">\r\n                            <span class=\"tv-cta-meta-label\">Anonymity<\/span>\r\n                            <span class=\"tv-cta-meta-value\">100% Guaranteed<\/span>\r\n                        <\/div>\r\n                        <div class=\"tv-cta-meta-item\">\r\n                            <span class=\"tv-cta-meta-label\">Access<\/span>\r\n                            <span class=\"tv-cta-meta-value tv-cta-meta-pill\">Unlimited & Free<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section> -->\r\n    <\/div>\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n    <script>\r\n        AOS.init({\r\n            duration: 600,\r\n            once: true,\r\n            offset: 80\r\n        });\r\n\r\n        (function() {\r\n            var CARD_ICONS = [\r\n                'bx bxs-user', 'bx bxs-image', 'bx bxs-video', 'bx bxs-planet', 'bx bxs-file',\r\n                'bx bxs-camera', 'bx bxs-grid', 'bx bxs-heart', 'bx bxs-group', 'bx bxs-bookmark',\r\n                'bx bxs-happy', 'bx bxs-show'\r\n            ];\r\n            var INITIAL_COUNT = 8;\r\n            var LOAD_MORE_COUNT = 4;\r\n            var LOAD_MORE_DELAY_MS = 1000;\r\n\r\n            function escapeHtml(text) {\r\n                var div = document.createElement('div');\r\n                div.textContent = text;\r\n                return div.innerHTML;\r\n            }\r\n\r\n            var OPEN_TOOL_HTML = '<span class=\"tv-card-btn\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg> Open Tool<\/span>';\r\n\r\n            function createCard(tool, index) {\r\n                var isInactive = (tool.active === false || tool.active === 'false');\r\n                var card = document.createElement(isInactive ? 'div' : 'a');\r\n                card.className = 'tv-card' + (isInactive ? ' tv-card--inactive' : ' tv-card--active');\r\n                if (!isInactive) {\r\n                    card.href = tool.href;\r\n                    card.target = '_blank';\r\n                    card.rel = 'noopener noreferrer';\r\n                }\r\n                var iconClass = tool.icon || CARD_ICONS[(index >= 0 ? index : 0) % CARD_ICONS.length];\r\n                card.innerHTML =\r\n                    '<div class=\"tv-card-icon\"><i class=\"' + iconClass + '\"><\/i><\/div>' +\r\n                    '<div class=\"tv-card-title\">' + escapeHtml(tool.title) + '<\/div>' +\r\n                    OPEN_TOOL_HTML;\r\n                return card;\r\n            }\r\n\r\n            function ToolSection(gridId, btnId, tools) {\r\n                this.grid = document.getElementById(gridId);\r\n                this.loadBtn = document.getElementById(btnId);\r\n                this.tools = tools || [];\r\n                this.visibleCount = 0;\r\n\r\n                if (!this.grid || !this.loadBtn) return;\r\n\r\n                this.loadMoreTextEl = this.loadBtn.querySelector('.tv-load-more-text');\r\n                this.loadMoreLabel = this.loadMoreTextEl ? this.loadMoreTextEl.textContent : this.loadBtn.textContent;\r\n\r\n                var _this = this;\r\n                this.loadBtn.addEventListener('click', function() {\r\n                    _this.loadMore();\r\n                });\r\n\r\n                this.init();\r\n            }\r\n\r\n            ToolSection.prototype.init = function() {\r\n                this.appendNext(INITIAL_COUNT, false);\r\n            };\r\n\r\n            ToolSection.prototype.appendNext = function(n, isLoadMore) {\r\n                var end = Math.min(this.visibleCount + n, this.tools.length);\r\n                for (var i = this.visibleCount; i < end; i++) {\r\n                    var card = createCard(this.tools[i], i);\r\n                    if (isLoadMore) {\r\n                        card.classList.add('tv-card--enter');\r\n                        card.style.animationDelay = (i - this.visibleCount) * 0.12 + 's';\r\n                    }\r\n                    this.grid.appendChild(card);\r\n                }\r\n                this.visibleCount = end;\r\n                this.loadBtn.style.display = (this.visibleCount >= this.tools.length) ? 'none' : '';\r\n            };\r\n\r\n            ToolSection.prototype.loadMore = function() {\r\n                if (this.loadBtn.classList.contains('tv-load-more--loading')) return;\r\n                \r\n                var _this = this;\r\n                this.loadBtn.classList.add('tv-load-more--loading');\r\n                this.loadBtn.disabled = true;\r\n                if (this.loadMoreTextEl) this.loadMoreTextEl.textContent = 'Loading...';\r\n                \r\n                setTimeout(function() {\r\n                    _this.appendNext(LOAD_MORE_COUNT, true);\r\n                    _this.loadBtn.classList.remove('tv-load-more--loading');\r\n                    _this.loadBtn.disabled = false;\r\n                    if (_this.loadMoreTextEl) _this.loadMoreTextEl.textContent = _this.loadMoreLabel;\r\n                }, LOAD_MORE_DELAY_MS);\r\n            };\r\n\r\n            var allTools = [\r\n                { \"title\": \"Snapchat Viewer\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-viewer\/snapchat\/\", \"active\": true, \"icon\": \"bx bxl-snapchat\" },\r\n                { \"title\": \"Snapchat Highlight Viewer\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-viewer\/snapchat-highlight\/\", \"active\": true, \"icon\": \"bx bx-star\" },\r\n                { \"title\": \"Snapchat Post Viewer\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-viewer\/snapchat-post\/\", \"active\": true, \"icon\": \"bx bx-grid-alt\" },\r\n                { \"title\": \"Snapchat Web Viewer\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-viewer\/snapchat-web\/\", \"active\": true, \"icon\": \"bx bx-globe\" },\r\n                { \"title\": \"Desktop Snapchat Viewer\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-viewer\/desktop-snapchat\/\", \"active\": true, \"icon\": \"bx bx-desktop\" },\r\n                { \"title\": \"Snapchat Profile Picture Downloader\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-downloader\/snapchat-profile-picture\/\", \"active\": true, \"icon\": \"bx bx-user-circle\" },\r\n                { \"title\": \"Snapchat Photo Downloader\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-downloader\/snapchat-photo\/\", \"active\": true, \"icon\": \"bx bx-image\" },\r\n                { \"title\": \"Snapchat Spotlight Downloader\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-downloader\/snapchat-spotlight\/\", \"active\": true, \"icon\": \"bx bx-play-circle\" },\r\n                { \"title\": \"Snapchat Private Story Downloader\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-downloader\/snapchat-private-story\/\", \"active\": true, \"icon\": \"bx bx-lock-open-alt\" },\r\n                { \"title\": \"Snapchat Image Downloader\", \"href\": \"https:\/\/ary-themes.com\/tools\/social-downloader\/snapchat-image\/\", \"active\": true, \"icon\": \"bx bx-download\" },\r\n                { \"title\": \"Snapchat Map Viewer\", \"href\": \"#\", \"active\": false, \"icon\": \"bx bx-map-alt\" },\r\n                { \"title\": \"Snapchat Friend Viewer\", \"href\": \"#\", \"active\": false, \"icon\": \"bx bx-navigation\" }\r\n            ];\r\n\r\n            new ToolSection('tv-social-grid', 'tv-load-more-social', allTools);\r\n        })();\r\n    <\/script>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5573","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/pages\/5573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/comments?post=5573"}],"version-history":[{"count":4,"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/pages\/5573\/revisions"}],"predecessor-version":[{"id":5656,"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/pages\/5573\/revisions\/5656"}],"wp:attachment":[{"href":"https:\/\/ary-themes.com\/wp-json\/wp\/v2\/media?parent=5573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}