{"id":2983,"date":"2023-05-08T11:36:51","date_gmt":"2023-05-08T11:36:51","guid":{"rendered":"https:\/\/themepanthers.com\/wp\/copygen\/v1\/?page_id=2983"},"modified":"2026-05-16T06:43:50","modified_gmt":"2026-05-16T06:43:50","slug":"pricing","status":"publish","type":"page","link":"https:\/\/gramiewer.com\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2983\" class=\"elementor elementor-2983\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f262a56 e-con-full e-flex e-con e-parent\" data-id=\"f262a56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9562fbd elementor-widget elementor-widget-shortcode\" data-id=\"9562fbd\" 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\"><style>\r\n    :root {\r\n        color-scheme: light;\r\n        --insta-profile-pricing-primary: #9D45EF;\r\n        --insta-profile-pricing-secondary: #C08EF0;\r\n        --insta-profile-pricing-accent: #9D45EF87;\r\n        --insta-profile-pricing-bg-dark: #F8FAFC;\r\n        --insta-profile-pricing-bg-dark-2: #EEF2FF;\r\n        --insta-profile-pricing-bg-card: #FFFFFF;\r\n        --insta-profile-pricing-bg-card-hover: #F3F4F6;\r\n        --insta-profile-pricing-text: #111827;\r\n        --insta-profile-pricing-text-muted: #6B7280;\r\n        --insta-profile-pricing-border: rgba(157, 69, 239, 0.18);\r\n        --insta-profile-pricing-glass: rgba(255, 255, 255, 0.88);\r\n        --insta-profile-pricing-glass-border: rgba(17, 24, 39, 0.08);\r\n        --insta-profile-pricing-soft-bg: rgba(15, 23, 42, 0.06);\r\n        --insta-profile-pricing-soft-bg-hover: rgba(15, 23, 42, 0.1);\r\n        --insta-profile-pricing-radius: 20px;\r\n        --insta-profile-pricing-radius-sm: 12px;\r\n        --insta-profile-pricing-shadow: 0 25px 60px rgba(15, 23, 42, 0.12);\r\n        --insta-profile-pricing-shadow-glow: 0 0 60px rgba(192, 142, 240, 0.28);\r\n    }\r\n  \r\n    html[data-theme=\"light\"] {\r\n        color-scheme: light;\r\n    }\r\n  \r\n    \/* \u2500\u2500\u2500 HERO SECTION \u2500\u2500\u2500 *\/\r\n    .pricing-hero {\r\n        position: relative;\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 80px 0 60px;\r\n        background: linear-gradient(130deg, #6b14bc 0%, #38224c 100%);\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .pricing-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -30%;\r\n        left: -10%;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, var(--insta-profile-pricing-accent), transparent 70%);\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        z-index: 0;\r\n        animation: floatBlob 8s ease-in-out infinite;\r\n    }\r\n  \r\n    .pricing-hero::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -20%;\r\n        right: -5%;\r\n        width: 500px;\r\n        height: 500px;\r\n        background: radial-gradient(circle, rgba(192, 142, 240, 0.28), transparent 70%);\r\n        border-radius: 50%;\r\n        filter: blur(80px);\r\n        z-index: 0;\r\n        animation: floatBlob 10s ease-in-out infinite reverse;\r\n    }\r\n  \r\n    @keyframes floatBlob {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        33% { transform: translate(30px, -20px) scale(1.05); }\r\n        66% { transform: translate(-20px, 15px) scale(0.95); }\r\n    }\r\n  \r\n    .hero-grid-bg {\r\n        position: absolute;\r\n        inset: 0;\r\n  \/*             background-image:\r\n            linear-gradient(rgba(236, 72, 153, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(236, 72, 153, 0.03) 1px, transparent 1px);\r\n        background-size: 60px 60px; *\/\r\n        z-index: 0;\r\n    }\r\n  \r\n    .hero-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n  \r\n    .hero-badge {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: var(--insta-profile-pricing-glass);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: 50px;\r\n        padding: 8px 20px;\r\n        font-size: 0.85rem;\r\n        color: var(--insta-profile-pricing-primary);\r\n        font-weight: 500;\r\n        margin-bottom: 28px;\r\n        backdrop-filter: blur(10px);\r\n    }\r\n  \r\n    .hero-badge i {\r\n        font-size: 1rem;\r\n    }\r\n  \r\n    .hero-title {\r\n        font-size: clamp(2.2rem, 5vw, 3.8rem);\r\n        font-weight: 800;\r\n        margin-bottom: 22px;\r\n        letter-spacing: -0.03em;\r\n        color: #ffffff;\r\n    }\r\n  \r\n    .hero-title .highlight {\r\n        background: linear-gradient(135deg, #ffffff 0%, #f2d9ff 65%, #d9b6ff 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    .hero-subtitle {\r\n        font-size: 1.15rem;\r\n        color: rgba(255, 255, 255, 0.9);\r\n        max-width: 520px;\r\n        margin-bottom: 36px;\r\n        font-weight: 300;\r\n    }\r\n  \r\n    .trust-badges {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n        margin-bottom: 40px;\r\n    }\r\n  \r\n    .trust-badge-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        font-size: 0.88rem;\r\n        color: rgba(255, 255, 255, 0.86);\r\n    }\r\n  \r\n    .trust-badge-item i {\r\n        color: var(--insta-profile-pricing-primary);\r\n        font-size: 1.1rem;\r\n    }\r\n  \r\n    .btn-primary-custom {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: linear-gradient(135deg, var(--insta-profile-pricing-primary), var(--insta-profile-pricing-secondary));\r\n        color: #fff;\r\n        border: none;\r\n        padding: 16px 36px;\r\n        border-radius: 50px;\r\n        font-size: 1rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        box-shadow: 0 8px 30px rgba(157, 69, 239, 0.35);\r\n        cursor: pointer;\r\n    }\r\n  \r\n    .btn-primary-custom:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 12px 40px rgba(157, 69, 239, 0.5);\r\n        color: #fff;\r\n    }\r\n  \r\n    .btn-outline-custom {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(226, 196, 255, 0.12));\r\n        color: #ffffff;\r\n        border: 1px solid rgba(255, 255, 255, 0.32);\r\n        padding: 16px 36px;\r\n        border-radius: 50px;\r\n        font-size: 1rem;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n  \r\n    .btn-outline-custom:hover {\r\n        border-color: rgba(255, 255, 255, 0.5);\r\n        color: #ffffff;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(226, 196, 255, 0.18));\r\n    }\r\n  \r\n    \/* Hero right \u2014 floating cards *\/\r\n    .hero-visual {\r\n        position: relative;\r\n        z-index: 2;\r\n        height: 500px;\r\n    }\r\n  \r\n    .floating-card {\r\n        position: absolute;\r\n        background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));\r\n        border: 1px solid rgba(255, 255, 255, 0.28);\r\n        backdrop-filter: blur(18px);\r\n        border-radius: var(--insta-profile-pricing-radius-sm);\r\n        padding: 20px 24px;\r\n        box-shadow: 0 18px 45px rgba(8, 5, 18, 0.35);\r\n        animation: floatCard 6s ease-in-out infinite;\r\n    }\r\n  \r\n    .floating-card.card-1 {\r\n        top: 0%;\r\n        left: 10%;\r\n        animation-delay: 0s;\r\n    }\r\n  \r\n    .floating-card.card-2 {\r\n        top: 35%;\r\n        right: 5%;\r\n        animation-delay: 2s;\r\n    }\r\n  \r\n    .floating-card.card-3 {\r\n        bottom: 0%;\r\n        left: 20%;\r\n        animation-delay: 4s;\r\n    }\r\n  \r\n    .floating-card.card-main {\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 240px;\r\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.24), rgba(218, 184, 255, 0.14));\r\n        border-color: rgba(255, 255, 255, 0.32);\r\n        animation: floatCardMain 8s ease-in-out infinite;\r\n    }\r\n  \r\n    @keyframes floatCard {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-12px); }\r\n    }\r\n  \r\n    @keyframes floatCardMain {\r\n        0%, 100% { transform: translate(-50%, -50%) translateY(0); }\r\n        50% { transform: translate(-50%, -50%) translateY(-15px); }\r\n    }\r\n  \r\n    .floating-card .fc-label {\r\n        font-size: 0.75rem;\r\n        color: rgba(255, 255, 255, 0.8);\r\n        opacity: 0.72;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n        margin-bottom: 6px;\r\n    }\r\n  \r\n    .floating-card .fc-value {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        color: #ffffff;\r\n    }\r\n  \r\n    .floating-card .fc-value .currency {\r\n        font-size: 0.9rem;\r\n        color: var(--insta-profile-pricing-primary);\r\n    }\r\n  \r\n    .floating-card .fc-sub {\r\n        font-size: 0.78rem;\r\n        color: rgba(255, 255, 255, 0.82);\r\n        opacity: 0.8;\r\n        margin-top: 4px;\r\n    }\r\n  \r\n    .floating-card .fc-icon {\r\n        width: 38px;\r\n        height: 38px;\r\n        border-radius: 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.2rem;\r\n        margin-bottom: 10px;\r\n    }\r\n  \r\n    .fc-icon.pink { background: rgba(157, 69, 239, 0.15); color: var(--insta-profile-pricing-primary); }\r\n    .fc-icon.purple { background: rgba(139, 92, 246, 0.15); color: #a78bfa; }\r\n    .fc-icon.green { background: rgba(34, 197, 94, 0.15); color: #22c55e; }\r\n  \r\n    \/* \u2500\u2500\u2500 SECTION COMMON \u2500\u2500\u2500 *\/\r\n    .section-pad {\r\n        padding: 100px 0;\r\n    }\r\n  \r\n    .section-label {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 6px;\r\n        font-size: 0.8rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.12em;\r\n        color: var(--insta-profile-pricing-primary);\r\n        margin-bottom: 14px;\r\n    }\r\n  \r\n    .section-title {\r\n        font-size: clamp(1.8rem, 3.5vw, 2.8rem);\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n        margin-bottom: 16px;\r\n    }\r\n  \r\n    .section-subtitle {\r\n        font-size: 1.05rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        max-width: 560px;\r\n        font-weight: 300;\r\n    }\r\n  \r\n    .section-subtitle.centered {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n  \r\n    \/* \u2500\u2500\u2500 PRICING CARDS \u2500\u2500\u2500 *\/\r\n    .pricing-section {\r\n        position: relative;\r\n    }\r\n  \r\n    .billing-toggle-wrap {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 14px;\r\n        margin-bottom: 50px;\r\n    }\r\n  \r\n    .billing-label {\r\n        font-size: 0.92rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        font-weight: 400;\r\n        transition: color 0.3s;\r\n    }\r\n  \r\n    .billing-label.active {\r\n        color: var(--insta-profile-pricing-text);\r\n        font-weight: 600;\r\n    }\r\n  \r\n    .toggle-switch {\r\n        position: relative;\r\n        width: 56px;\r\n        height: 30px;\r\n        cursor: pointer;\r\n    }\r\n  \r\n    .toggle-switch input {\r\n        display: none;\r\n    }\r\n  \r\n    .toggle-slider {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: var(--insta-profile-pricing-bg-card);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: 50px;\r\n        transition: all 0.3s;\r\n    }\r\n  \r\n    .toggle-slider::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 3px;\r\n        left: 3px;\r\n        width: 22px;\r\n        height: 22px;\r\n        background: var(--insta-profile-pricing-primary);\r\n        border-radius: 50%;\r\n        transition: transform 0.3s;\r\n        box-shadow: 0 2px 8px rgba(236, 72, 153, 0.4);\r\n    }\r\n  \r\n    .toggle-switch input:checked + .toggle-slider::before {\r\n        transform: translateX(26px);\r\n    }\r\n  \r\n    .toggle-switch input:checked + .toggle-slider {\r\n        background: linear-gradient(135deg, rgba(236, 72, 153, 0.22), rgba(139, 92, 246, 0.18));\r\n        border-color: rgba(236, 72, 153, 0.45);\r\n        box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.12);\r\n    }\r\n  \r\n    .save-badge {\r\n        background: rgba(34, 197, 94, 0.15);\r\n        color: #22c55e;\r\n        font-size: 0.75rem;\r\n        font-weight: 600;\r\n        padding: 4px 12px;\r\n        border-radius: 50px;\r\n    }\r\n  \r\n    .pricing-card {\r\n        background: var(--insta-profile-pricing-glass);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: var(--insta-profile-pricing-radius);\r\n        padding: 36px 32px;\r\n        height: 100%;\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .pricing-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        height: 3px;\r\n        background: transparent;\r\n        transition: background 0.4s;\r\n    }\r\n  \r\n    .pricing-card:hover {\r\n        transform: translateY(-6px);\r\n        border-color: rgba(236, 72, 153, 0.2);\r\n        box-shadow: var(--insta-profile-pricing-shadow);\r\n    }\r\n  \r\n    .pricing-card.featured {\r\n        background: linear-gradient(135deg, rgba(236, 72, 153, 0.08), rgba(139, 92, 246, 0.05));\r\n        border-color: rgba(236, 72, 153, 0.3);\r\n        box-shadow: var(--insta-profile-pricing-shadow-glow);\r\n    }\r\n  \r\n    .pricing-card.featured::before {\r\n        background: linear-gradient(90deg, var(--insta-profile-pricing-primary), var(--insta-profile-pricing-secondary));\r\n    }\r\n  \r\n    .popular-badge {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        background: linear-gradient(135deg, var(--insta-profile-pricing-primary), var(--insta-profile-pricing-secondary));\r\n        color: #fff;\r\n        font-size: 0.72rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n        padding: 5px 14px;\r\n        border-radius: 50px;\r\n    }\r\n  \r\n    .plan-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n        border-radius: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.5rem;\r\n        margin-bottom: 22px;\r\n    }\r\n  \r\n    .plan-icon.free-icon { background: rgba(156, 163, 175, 0.12); color: #9ca3af; }\r\n    .plan-icon.pro-icon { background: rgba(157, 69, 239, 0.12); color: var(--insta-profile-pricing-primary); }\r\n    .plan-icon.prem-icon { background: rgba(139, 92, 246, 0.12); color: #a78bfa; }\r\n  \r\n    .plan-name {\r\n        font-size: 1.15rem;\r\n        font-weight: 700;\r\n        margin-bottom: 6px;\r\n    }\r\n  \r\n    .plan-desc {\r\n        font-size: 0.88rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        margin-bottom: 24px;\r\n        font-weight: 300;\r\n    }\r\n  \r\n    .plan-price {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 4px;\r\n        margin-bottom: 6px;\r\n    }\r\n  \r\n    .plan-price .currency {\r\n        font-size: 1.3rem;\r\n        font-weight: 600;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n    }\r\n  \r\n    .plan-price .amount {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 3rem;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n    }\r\n  \r\n    .plan-price .period {\r\n        font-size: 0.88rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        font-weight: 400;\r\n    }\r\n  \r\n    .plan-price-note {\r\n        font-size: 0.8rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        margin-bottom: 28px;\r\n    }\r\n  \r\n    .plan-divider {\r\n        border: none;\r\n        border-top: 1px solid var(--insta-profile-pricing-glass-border);\r\n        margin-bottom: 24px;\r\n    }\r\n  \r\n    .plan-features-title {\r\n        font-size: 0.78rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        margin-bottom: 16px;\r\n    }\r\n  \r\n    .plan-features {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 30px;\r\n    }\r\n  \r\n    .plan-features li {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        font-size: 0.9rem;\r\n        color: var(--insta-profile-pricing-text);\r\n        padding: 8px 0;\r\n        font-weight: 400;\r\n    }\r\n  \r\n    .plan-features li i.bx-check-circle {\r\n        color: #22c55e;\r\n        font-size: 1.15rem;\r\n        flex-shrink: 0;\r\n    }\r\n  \r\n    .plan-features li i.bx-lock-alt {\r\n        color: #4b5563;\r\n        font-size: 1rem;\r\n        flex-shrink: 0;\r\n    }\r\n  \r\n    .plan-features li.disabled {\r\n        color: #4b5563;\r\n    }\r\n  \r\n    .btn-plan {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        width: 100%;\r\n        padding: 14px 24px;\r\n        border-radius: 14px;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        border: none;\r\n    }\r\n  \r\n    .btn-plan.outline {\r\n        background: transparent;\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        color: var(--insta-profile-pricing-text);\r\n    }\r\n  \r\n    .btn-plan.outline:hover {\r\n        border-color: var(--insta-profile-pricing-primary);\r\n        color: var(--insta-profile-pricing-primary);\r\n        background: rgba(236, 72, 153, 0.05);\r\n    }\r\n  \r\n    .btn-plan.filled {\r\n        background: linear-gradient(135deg, var(--insta-profile-pricing-primary), var(--insta-profile-pricing-secondary));\r\n        color: #fff;\r\n        box-shadow: 0 6px 24px rgba(236, 72, 153, 0.35);\r\n    }\r\n  \r\n    .btn-plan.filled:hover {\r\n        box-shadow: 0 10px 32px rgba(236, 72, 153, 0.5);\r\n        transform: translateY(-2px);\r\n        color: #fff;\r\n    }\r\n  \r\n    .btn-plan.purple {\r\n        background: linear-gradient(135deg, #8b5cf6, #7c3aed);\r\n        color: #fff;\r\n        box-shadow: 0 6px 24px rgba(139, 92, 246, 0.35);\r\n    }\r\n  \r\n    .btn-plan.purple:hover {\r\n        box-shadow: 0 10px 32px rgba(139, 92, 246, 0.5);\r\n        transform: translateY(-2px);\r\n        color: #fff;\r\n    }\r\n  \r\n    \/* \u2500\u2500\u2500 COMPARISON TABLE \u2500\u2500\u2500 *\/\r\n    .comparison-section {\r\n        background: linear-gradient(180deg, var(--insta-profile-pricing-bg-dark), var(--insta-profile-pricing-bg-dark-2));\r\n    }\r\n  \r\n    .comparison-table-wrap {\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: var(--insta-profile-pricing-radius);\r\n        overflow: hidden;\r\n        background: var(--insta-profile-pricing-glass);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n  \r\n    .comparison-table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n    }\r\n  \r\n    .comparison-table thead th {\r\n        background: rgba(236, 72, 153, 0.06);\r\n        padding: 20px 24px;\r\n        font-size: 0.88rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.08em;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        border-bottom: 1px solid var(--insta-profile-pricing-glass-border);\r\n        text-align: center;\r\n        white-space: nowrap;\r\n    }\r\n  \r\n    .comparison-table thead th:first-child {\r\n        text-align: left;\r\n    }\r\n  \r\n    .comparison-table thead th.col-pro {\r\n        background: rgba(236, 72, 153, 0.1);\r\n        color: var(--insta-profile-pricing-primary);\r\n    }\r\n  \r\n    .comparison-table tbody td {\r\n        padding: 18px 24px;\r\n        border-bottom: 1px solid var(--insta-profile-pricing-glass-border);\r\n        text-align: center;\r\n        font-size: 0.92rem;\r\n    }\r\n  \r\n    .comparison-table tbody td:first-child {\r\n        text-align: left;\r\n        font-weight: 500;\r\n        color: var(--insta-profile-pricing-text);\r\n    }\r\n  \r\n    .comparison-table tbody td i.bx-check-circle {\r\n        color: #22c55e;\r\n        font-size: 1.25rem;\r\n    }\r\n  \r\n    .comparison-table tbody td i.bx-lock-alt {\r\n        color: #374151;\r\n        font-size: 1.1rem;\r\n    }\r\n  \r\n    .comparison-table tbody tr:last-child td {\r\n        border-bottom: none;\r\n    }\r\n  \r\n    .comparison-table tbody tr {\r\n        transition: background 0.2s;\r\n    }\r\n  \r\n    .comparison-table tbody tr:hover {\r\n        background: rgba(236, 72, 153, 0.03);\r\n    }\r\n  \r\n    .comparison-table tbody td.col-pro-cell {\r\n        background: rgba(236, 72, 153, 0.03);\r\n    }\r\n  \r\n    \/* Mobile accordion for comparison *\/\r\n    .accordion-comparison {\r\n        display: none;\r\n    }\r\n  \r\n    .accordion-item-custom {\r\n        background: var(--insta-profile-pricing-glass);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: var(--insta-profile-pricing-radius-sm) !important;\r\n        margin-bottom: 12px;\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .accordion-button-custom {\r\n        background: transparent;\r\n        border: none;\r\n        width: 100%;\r\n        padding: 18px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        color: var(--insta-profile-pricing-text);\r\n        font-weight: 600;\r\n        font-size: 0.95rem;\r\n        cursor: pointer;\r\n    }\r\n  \r\n    .accordion-button-custom i {\r\n        color: var(--insta-profile-pricing-primary);\r\n        transition: transform 0.3s;\r\n    }\r\n  \r\n    .accordion-body-custom {\r\n        padding: 0 20px 18px;\r\n    }\r\n  \r\n    .tool-plan-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 10px 0;\r\n        border-bottom: 1px solid var(--insta-profile-pricing-glass-border);\r\n    }\r\n  \r\n    .tool-plan-row:last-child {\r\n        border-bottom: none;\r\n    }\r\n  \r\n    .tool-plan-row span {\r\n        font-size: 0.88rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n    }\r\n  \r\n    \/* \u2500\u2500\u2500 USAGE LIMITS \u2500\u2500\u2500 *\/\r\n    .usage-section {\r\n        background: var(--insta-profile-pricing-bg-dark);\r\n    }\r\n  \r\n    .usage-card {\r\n        background: var(--insta-profile-pricing-bg-card);\r\n        border-radius: var(--insta-profile-pricing-radius);\r\n        padding: 28px 28px 24px;\r\n        height: 100%;\r\n        transition: all 0.3s ease;\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n    }\r\n  \r\n    .usage-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\r\n    }\r\n  \r\n    .usage-card-header {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 20px;\r\n    }\r\n  \r\n    .usage-card-icon {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.2rem;\r\n    }\r\n  \r\n    .usage-card-icon.uc-pink { background: rgba(157, 69, 239, 0.1); color: var(--insta-profile-pricing-primary); }\r\n    .usage-card-icon.uc-blue { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }\r\n    .usage-card-icon.uc-green { background: rgba(34, 197, 94, 0.1); color: #22c55e; }\r\n    .usage-card-icon.uc-orange { background: rgba(249, 115, 22, 0.1); color: #f97316; }\r\n    .usage-card-icon.uc-purple { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }\r\n  \r\n    .usage-tooltip {\r\n        width: 20px;\r\n        height: 20px;\r\n        border-radius: 50%;\r\n        background: var(--insta-profile-pricing-soft-bg);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 0.7rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        cursor: help;\r\n        transition: all 0.2s;\r\n    }\r\n  \r\n    .usage-tooltip:hover {\r\n        background: var(--insta-profile-pricing-soft-bg-hover);\r\n        color: var(--insta-profile-pricing-text);\r\n    }\r\n  \r\n    .usage-card-title {\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--insta-profile-pricing-text);\r\n        margin-bottom: 18px;\r\n    }\r\n  \r\n    .usage-tier {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 10px;\r\n    }\r\n  \r\n    .usage-tier-label {\r\n        font-size: 0.82rem;\r\n        font-weight: 500;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n    }\r\n  \r\n    .usage-tier-value {\r\n        font-size: 0.82rem;\r\n        font-weight: 700;\r\n        color: var(--insta-profile-pricing-text);\r\n    }\r\n  \r\n    .usage-bar-track {\r\n        width: 100%;\r\n        height: 6px;\r\n        background: var(--insta-profile-pricing-soft-bg);\r\n        border-radius: 50px;\r\n        overflow: hidden;\r\n        margin-bottom: 14px;\r\n    }\r\n  \r\n    .usage-bar-fill {\r\n        height: 100%;\r\n        border-radius: 50px;\r\n        transition: width 1s ease;\r\n    }\r\n  \r\n    .usage-bar-fill.bar-pink { background: linear-gradient(90deg, var(--insta-profile-pricing-secondary), var(--insta-profile-pricing-primary)); }\r\n    .usage-bar-fill.bar-blue { background: linear-gradient(90deg, #93c5fd, #3b82f6); }\r\n    .usage-bar-fill.bar-green { background: linear-gradient(90deg, #86efac, #22c55e); }\r\n    .usage-bar-fill.bar-orange { background: linear-gradient(90deg, #fdba74, #f97316); }\r\n    .usage-bar-fill.bar-purple { background: linear-gradient(90deg, #c4b5fd, #8b5cf6); }\r\n  \r\n    \/* \u2500\u2500\u2500 WHY UPGRADE \u2500\u2500\u2500 *\/\r\n    .upgrade-section {\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .upgrade-section::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        right: -200px;\r\n        width: 600px;\r\n        height: 600px;\r\n        background: radial-gradient(circle, rgba(236, 72, 153, 0.08), transparent 70%);\r\n        border-radius: 50%;\r\n        filter: blur(60px);\r\n    }\r\n  \r\n    .upgrade-mockup {\r\n        background: var(--insta-profile-pricing-glass);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: var(--insta-profile-pricing-radius);\r\n        padding: 32px;\r\n        backdrop-filter: blur(10px);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .mockup-topbar {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        margin-bottom: 24px;\r\n    }\r\n  \r\n    .mockup-dot {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n    }\r\n  \r\n    .mockup-dot.red { background: #ef4444; }\r\n    .mockup-dot.yellow { background: #eab308; }\r\n    .mockup-dot.green { background: #22c55e; }\r\n  \r\n    .mockup-search {\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: 10px;\r\n        padding: 12px 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin-bottom: 20px;\r\n    }\r\n  \r\n    .mockup-search i {\r\n        color: var(--insta-profile-pricing-text-muted);\r\n    }\r\n  \r\n    .mockup-search span {\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        font-size: 0.88rem;\r\n    }\r\n  \r\n    .mockup-stats {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 12px;\r\n        margin-bottom: 20px;\r\n    }\r\n  \r\n    .mockup-stat {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: 12px;\r\n        padding: 16px;\r\n    }\r\n  \r\n    .mockup-stat .ms-label {\r\n        font-size: 0.72rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.06em;\r\n    }\r\n  \r\n    .mockup-stat .ms-value {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: 1.4rem;\r\n        font-weight: 700;\r\n        color: var(--insta-profile-pricing-text);\r\n    }\r\n  \r\n    .mockup-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n  \r\n    .mockup-list-item {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        padding: 10px 14px;\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border-radius: 10px;\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n    }\r\n  \r\n    .mockup-avatar {\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 8px;\r\n        object-fit: cover;\r\n    }\r\n  \r\n    .mockup-list-info .mli-name {\r\n        font-size: 0.85rem;\r\n        font-weight: 600;\r\n        color: var(--insta-profile-pricing-text);\r\n    }\r\n  \r\n    .mockup-list-info .mli-sub {\r\n        font-size: 0.75rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n    }\r\n  \r\n    .mockup-list-item .mli-badge {\r\n        margin-left: auto;\r\n        background: rgba(34, 197, 94, 0.15);\r\n        color: #22c55e;\r\n        font-size: 0.7rem;\r\n        font-weight: 600;\r\n        padding: 3px 10px;\r\n        border-radius: 50px;\r\n    }\r\n  \r\n    .upgrade-benefits {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0 0 36px;\r\n    }\r\n  \r\n    .upgrade-benefits li {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 14px;\r\n        padding: 14px 0;\r\n        font-size: 1rem;\r\n        color: var(--insta-profile-pricing-text);\r\n        font-weight: 400;\r\n        border-bottom: 1px solid var(--insta-profile-pricing-glass-border);\r\n    }\r\n  \r\n    .upgrade-benefits li:last-child {\r\n        border-bottom: none;\r\n    }\r\n  \r\n    .upgrade-benefits li .ub-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 8px;\r\n        background: rgba(236, 72, 153, 0.1);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n  \r\n    .upgrade-benefits li .ub-icon i {\r\n        color: var(--insta-profile-pricing-primary);\r\n        font-size: 1rem;\r\n    }\r\n  \r\n    .upgrade-cta-box {\r\n        background: linear-gradient(135deg, rgba(236, 72, 153, 0.1), rgba(139, 92, 246, 0.06));\r\n        border: 1px solid rgba(236, 72, 153, 0.2);\r\n        border-radius: var(--insta-profile-pricing-radius);\r\n        padding: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n    }\r\n  \r\n    .upgrade-cta-box h4 {\r\n        font-size: 1.15rem;\r\n        font-weight: 700;\r\n        margin-bottom: 4px;\r\n    }\r\n  \r\n    .upgrade-cta-box p {\r\n        font-size: 0.88rem;\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        margin: 0;\r\n    }\r\n  \r\n    \/* \u2500\u2500\u2500 FAQ SECTION \u2500\u2500\u2500 *\/\r\n    .faq-section {\r\n        background: linear-gradient(180deg, var(--insta-profile-pricing-bg-dark), var(--insta-profile-pricing-bg-dark-2));\r\n    }\r\n  \r\n    .faq-accordion .accordion-item {\r\n        background: var(--insta-profile-pricing-glass);\r\n        border: 1px solid var(--insta-profile-pricing-glass-border);\r\n        border-radius: var(--insta-profile-pricing-radius-sm) !important;\r\n        margin-bottom: 12px;\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .faq-accordion .accordion-button {\r\n        background: transparent;\r\n        color: var(--insta-profile-pricing-text);\r\n        font-weight: 600;\r\n        font-size: 0.95rem;\r\n  \/*             padding: 20px 24px; *\/\r\n        box-shadow: none !important;\r\n        border: none;\r\n    }\r\n  \r\n    .faq-accordion .accordion-button::after {\r\n        filter: brightness(0) invert(0.6);\r\n        transition: transform 0.3s;\r\n    }\r\n  \r\n    .faq-accordion .accordion-button:not(.collapsed)::after {\r\n        filter: brightness(0) invert(0.6) sepia(1) saturate(10) hue-rotate(260deg);\r\n        transform: rotate(180deg);\r\n    }\r\n  \r\n    .faq-accordion .accordion-button:not(.collapsed) {\r\n        color: var(--insta-profile-pricing-primary);\r\n        background: rgba(236, 72, 153, 0.03);\r\n    }\r\n  \r\n    .faq-accordion .accordion-body {\r\n        color: var(--insta-profile-pricing-text-muted);\r\n        font-size: 0.92rem;\r\n        padding: 0 24px 20px;\r\n        line-height: 1.7;\r\n        font-weight: 300;\r\n    }\r\n  \r\n    \/* Final CTA *\/\r\n    .final-cta {\r\n        background: linear-gradient(135deg, var(--insta-profile-pricing-primary), var(--insta-profile-pricing-secondary), #e3c8fb);\r\n        border-radius: var(--insta-profile-pricing-radius);\r\n        padding: 60px 50px;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n  \r\n    .final-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        right: -20%;\r\n        width: 400px;\r\n        height: 400px;\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border-radius: 50%;\r\n        filter: blur(40px);\r\n    }\r\n  \r\n    .final-cta::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: -30%;\r\n        left: -10%;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: rgba(255, 255, 255, 0.05);\r\n        border-radius: 50%;\r\n        filter: blur(40px);\r\n    }\r\n  \r\n    .final-cta h2 {\r\n        font-size: clamp(1.6rem, 3vw, 2.2rem);\r\n        font-weight: 800;\r\n        color: #fff;\r\n        margin-bottom: 12px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n  \r\n    .final-cta p {\r\n        color: rgba(255, 255, 255, 0.85);\r\n        font-size: 1.05rem;\r\n        margin-bottom: 32px;\r\n        font-weight: 300;\r\n        position: relative;\r\n        z-index: 1;\r\n        max-width: 500px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n  \r\n    .final-cta-buttons {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 14px;\r\n        flex-wrap: wrap;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n  \r\n    .btn-white {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: #fff;\r\n        color: var(--insta-profile-pricing-primary);\r\n        border: none;\r\n        padding: 15px 32px;\r\n        border-radius: 50px;\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n  \r\n    .btn-white:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n        color: var(--insta-profile-pricing-primary);\r\n    }\r\n  \r\n    .btn-white-outline {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n        background: transparent;\r\n        color: #fff;\r\n        border: 2px solid rgba(255, 255, 255, 0.4);\r\n        padding: 13px 32px;\r\n        border-radius: 50px;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n    }\r\n  \r\n    .btn-white-outline:hover {\r\n        border-color: #fff;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        color: #fff;\r\n    }\r\n  \r\n    \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n    @media (max-width: 991px) {\r\n        .hero-visual {\r\n            display: none;\r\n        }\r\n  \r\n        .comparison-table-wrap {\r\n            display: none;\r\n        }\r\n  \r\n        .accordion-comparison {\r\n            display: block;\r\n        }\r\n  \r\n        .upgrade-mockup {\r\n            margin-bottom: 40px;\r\n        }\r\n    }\r\n  \r\n    @media (max-width: 767px) {\r\n        .section-pad {\r\n            padding: 70px 0;\r\n        }\r\n  \r\n        .pricing-card {\r\n            padding: 28px 24px;\r\n        }\r\n  \r\n        .plan-price .amount {\r\n            font-size: 2.4rem;\r\n        }\r\n  \r\n        .final-cta {\r\n            padding: 40px 24px;\r\n        }\r\n  \r\n        .upgrade-cta-box {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n    }\r\n  \r\n    @media (max-width: 575px) {\r\n        .trust-badges {\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n  \r\n        .billing-toggle-wrap {\r\n            gap: 10px;\r\n        }\r\n  \r\n        .final-cta-buttons {\r\n            flex-direction: column;\r\n        }\r\n  \r\n        .final-cta-buttons a,\r\n        .final-cta-buttons button {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n    }\r\n  <\/style>\r\n  \r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <!-- 1. PRICING HERO SECTION                     -->\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"pricing-hero\">\r\n    <div class=\"hero-grid-bg\"><\/div>\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center\">\r\n            <div class=\"col-lg-6 hero-content\">\r\n                <div class=\"hero-badge\" data-aos=\"fade-down\" data-aos-delay=\"0\">\r\n                    <i class='bx bx-purchase-tag'><\/i>\r\n                     Pricing & Plan\r\n                <\/div>\r\n                <h1 class=\"hero-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    Pricing for <span class=\"highlight\">Smarter Gramiewer<\/span>\r\n                <\/h1>\r\n                <p class=\"hero-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    Choose a Gramiewer plan built for Gramiewer users who need fast profile lookup, HD display access, and privacy-first browsing without limits.\r\n                <\/p>\r\n                <div class=\"trust-badges\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"trust-badge-item\">\r\n                        <i class='bx bx-check-shield'><\/i>\r\n                        No complicated setup\r\n                    <\/div>\r\n                    <div class=\"trust-badge-item\">\r\n                        <i class='bx bx-bolt-circle'><\/i>\r\n                        Fast profile access\r\n                    <\/div>\r\n                    <div class=\"trust-badge-item\">\r\n                        <i class='bx bx-low-vision'><\/i>\r\n                        Privacy-focused experience\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"d-flex gap-3 flex-wrap\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"btn-primary-custom\" role=\"link\" tabindex=\"0\" onclick=\"window.location.href='#plans';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.href='#plans';}\">\r\n                        View Plans\r\n                        <i class='bx bx-arrow-down'><\/i>\r\n                    <\/div>\r\n                    <div class=\"btn-outline-custom\" role=\"link\" tabindex=\"0\" onclick=\"window.location.hash='faq';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.hash='faq';}\">\r\n                        Learn More\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"col-lg-6\">\r\n                <div class=\"hero-visual\">\r\n                    <!-- Floating Card: Main -->\r\n                    <div class=\"floating-card card-main\">\r\n                        <div class=\"fc-label\">Pro Plan<\/div>\r\n                        <div class=\"fc-value\"><span class=\"currency\">$<\/span>9.99<\/div>\r\n                        <div class=\"fc-sub\">per month \u00b7 billed yearly<\/div>\r\n                    <\/div>\r\n                    <!-- Floating Card 1 -->\r\n                    <div class=\"floating-card card-1\">\r\n                        <div class=\"fc-icon pink\"><i class='bx bx-show'><\/i><\/div>\r\n                        <div class=\"fc-label\">Stories Viewed<\/div>\r\n                        <div class=\"fc-value\">12,847<\/div>\r\n                        <div class=\"fc-sub\">This month<\/div>\r\n                    <\/div>\r\n                    <!-- Floating Card 2 -->\r\n                    <div class=\"floating-card card-2\">\r\n                        <div class=\"fc-icon green\"><i class='bx bx-shield-quarter'><\/i><\/div>\r\n                        <div class=\"fc-label\">Privacy Score<\/div>\r\n                        <div class=\"fc-value\">98%<\/div>\r\n                        <div class=\"fc-sub\">Fully anonymous<\/div>\r\n                    <\/div>\r\n                    <!-- Floating Card 3 -->\r\n                    <div class=\"floating-card card-3\">\r\n                        <div class=\"fc-icon purple\"><i class='bx bx-tachometer'><\/i><\/div>\r\n                        <div class=\"fc-label\">Load Speed<\/div>\r\n                        <div class=\"fc-value\">0.3s<\/div>\r\n                        <div class=\"fc-sub\">Average response<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  \r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <!-- 2. PLAN COMPARISON CARDS                    -->\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"pricing-section section-pad\" id=\"plans\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"section-label justify-content-center\" data-aos=\"fade-up\">\r\n                <i class='bx bx-package'><\/i>\r\n                Pricing Plans\r\n            <\/div>\r\n            <h2 class=\"section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Pick the Right Plan for You\r\n            <\/h2>\r\n            <p class=\"section-subtitle centered\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                Start free and scale up when you're ready. No hidden fees, cancel anytime.\r\n            <\/p>\r\n        <\/div>\r\n  \r\n        <div class=\"row g-4 justify-content-center\">\r\n            <!-- Free Plan -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"pricing-card\">\r\n                    <div class=\"plan-icon free-icon\">\r\n                        <i class='bx bx-user'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"plan-name\">Free<\/h3>\r\n                    <p class=\"plan-desc\">For users who want quick Instagram profile checks.<\/p>\r\n                    <div class=\"plan-price\">\r\n                        <span class=\"currency\">$<\/span>\r\n                        <span class=\"amount plan-amount\" data-monthly=\"0\" data-yearly=\"0\">0<\/span>\r\n                        <span class=\"period\">\/ month<\/span>\r\n                    <\/div>\r\n                    <p class=\"plan-price-note\">Free forever<\/p>\r\n                    <hr class=\"plan-divider\">\r\n                    <div class=\"plan-features-title\">What's Included<\/div>\r\n                    <ul class=\"plan-features\">\r\n                        <li><i class='bx bx-check-circle'><\/i> Limited profile lookups<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Basic profile insights<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Standard speed<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Community support<\/li>\r\n                        <li class=\"disabled\"><i class='bx bx-lock-alt'><\/i> No ads experience<\/li>\r\n                        <li class=\"disabled\"><i class='bx bx-lock-alt'><\/i> Anonymous mode<\/li>\r\n                    <\/ul>\r\n                    <div class=\"btn-plan outline\" role=\"link\" tabindex=\"0\" onclick=\"window.location.href='\/my-account';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.href='\/my-account';}\">\r\n                        Subscribe\r\n                        <i class='bx bx-right-arrow-alt'><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Pro Plan (Featured) -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"pricing-card featured\">\r\n                    <span class=\"popular-badge\">Most Popular<\/span>\r\n                    <div class=\"plan-icon pro-icon\">\r\n                        <i class='bx bx-crown'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"plan-name\">Pro<\/h3>\r\n                    <p class=\"plan-desc\">Best for regular users who need deeper profile insights.<\/p>\r\n                    <div class=\"plan-price\">\r\n                        <span class=\"currency\">$<\/span>\r\n                        <span class=\"amount plan-amount\" data-monthly=\"9.99\" data-yearly=\"7.49\">9.99<\/span>\r\n                        <span class=\"period\">\/ month<\/span>\r\n                    <\/div>\r\n                    <p class=\"plan-price-note plan-billing-note\">Billed monthly<\/p>\r\n                    <hr class=\"plan-divider\">\r\n                    <div class=\"plan-features-title\">Everything in Free, plus<\/div>\r\n                    <ul class=\"plan-features\">\r\n                        <li><i class='bx bx-check-circle'><\/i> More profile searches<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Faster loading<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Clean dashboard access<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Priority support<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> No distracting ads<\/li>\r\n                        <li class=\"disabled\"><i class='bx bx-lock-alt'><\/i> Multiple device access<\/li>\r\n                    <\/ul>\r\n                    <div class=\"btn-plan filled\" role=\"link\" tabindex=\"0\" onclick=\"window.location.href='\/my-account';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.href='\/my-account';}\">\r\n                        Subscribe\r\n                        <i class='bx bx-right-arrow-alt'><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Premium Plan -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"pricing-card\">\r\n                    <div class=\"plan-icon prem-icon\">\r\n                        <i class='bx bx-diamond'><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"plan-name\">Premium<\/h3>\r\n                    <p class=\"plan-desc\">For teams, agencies, and high-volume profile research.<\/p>\r\n                    <div class=\"plan-price\">\r\n                        <span class=\"currency\">$<\/span>\r\n                        <span class=\"amount plan-amount\" data-monthly=\"24.99\" data-yearly=\"18.74\">24.99<\/span>\r\n                        <span class=\"period\">\/ month<\/span>\r\n                    <\/div>\r\n                    <p class=\"plan-price-note plan-billing-note\">Billed monthly<\/p>\r\n                    <hr class=\"plan-divider\">\r\n                    <div class=\"plan-features-title\">Everything in Pro, plus<\/div>\r\n                    <ul class=\"plan-features\">\r\n                        <li><i class='bx bx-check-circle'><\/i> Highest usage limits<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Advanced profile intelligence tools<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Saved history option<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Multiple device access<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Premium support<\/li>\r\n                        <li><i class='bx bx-check-circle'><\/i> Early access to features<\/li>\r\n                    <\/ul>\r\n                    <div class=\"btn-plan purple\" role=\"link\" tabindex=\"0\" onclick=\"window.location.href='\/my-account';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.href='\/my-account';}\">\r\n                        Subscribe\r\n                        <i class='bx bx-right-arrow-alt'><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  \r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <!-- 3. TOOL ACCESS COMPARISON TABLE             -->\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"comparison-section section-pad\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"section-label justify-content-center\" data-aos=\"fade-up\">\r\n                <i class='bx bx-table'><\/i>\r\n                Feature Breakdown\r\n            <\/div>\r\n            <h2 class=\"section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Tools Included in Each Plan\r\n            <\/h2>\r\n            <p class=\"section-subtitle centered\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                See exactly which Gramiewer tools are available with your plan.\r\n            <\/p>\r\n        <\/div>\r\n  \r\n        <!-- Desktop Table -->\r\n        <div class=\"comparison-table-wrap\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n            <table class=\"comparison-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Tool Name<\/th>\r\n                        <th>Free<\/th>\r\n                        <th class=\"col-pro\">Pro<\/th>\r\n                        <th>Premium<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td><i class='bx bx-show me-2 text-muted'><\/i>Gramiewer<\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-user-circle me-2 text-muted'><\/i>Profile Picture & Bio Viewer<\/td>\r\n                        <td><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-low-vision me-2 text-muted'><\/i>Anonymous Viewing Mode<\/td>\r\n                        <td><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-images me-2 text-muted'><\/i>Posts Preview Tool<\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-search me-2 text-muted'><\/i>Fast Search Tool<\/td>\r\n                        <td><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-history me-2 text-muted'><\/i>Search History<\/td>\r\n                        <td><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-priority me-2 text-muted'><\/i>Priority Access<\/td>\r\n                        <td><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td><i class='bx bx-block me-2 text-muted'><\/i>Ad-Free Experience<\/td>\r\n                        <td><i class='bx bx-lock-alt'><\/i><\/td>\r\n                        <td class=\"col-pro-cell\"><i class='bx bx-check-circle'><\/i><\/td>\r\n                        <td><i class='bx bx-check-circle'><\/i><\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n  \r\n        <!-- Mobile Accordion -->\r\n        <div class=\"accordion-comparison\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n            <!-- Tool 1 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-show me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Gramiewer<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 2 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-user-circle me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Profile Picture & Bio Viewer<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 3 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-low-vision me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Anonymous Viewing Mode<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 4 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-images me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Posts Preview Tool<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 5 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-search me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Fast Search Tool<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 6 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-history me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Search History<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 7 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-priority me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Priority Access<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Tool 8 -->\r\n            <div class=\"accordion-item-custom\">\r\n                <div class=\"accordion-button-custom\" role=\"button\" tabindex=\"0\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                    <span><i class='bx bx-block me-2' style=\"color:var(--insta-profile-pricing-primary)\"><\/i>Ad-Free Experience<\/span>\r\n                    <i class='bx bx-chevron-down'><\/i>\r\n                <\/div>\r\n                <div class=\"accordion-body-custom\" style=\"display:none;\">\r\n                    <div class=\"tool-plan-row\"><span>Free<\/span><i class='bx bx-lock-alt' style=\"color:#374151;font-size:1.1rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Pro<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                    <div class=\"tool-plan-row\"><span>Premium<\/span><i class='bx bx-check-circle' style=\"color:#22c55e;font-size:1.15rem\"><\/i><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  \r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <!-- 4. USAGE LIMIT SECTION                      -->\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"usage-section section-pad\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"section-label justify-content-center\" data-aos=\"fade-up\">\r\n                <i class='bx bx-bar-chart-alt-2'><\/i>\r\n                Usage Limits\r\n            <\/div>\r\n            <h2 class=\"section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n             Your Plan Limits\r\n            <\/h2>\r\n            <p class=\"section-subtitle centered\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                See how each plan compares across key usage metrics.\r\n            <\/p>\r\n        <\/div>\r\n  \r\n        <div class=\"row g-4\">\r\n            <!-- Card 1: Daily Profile Views -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"usage-card\">\r\n                    <div class=\"usage-card-header\">\r\n                        <div class=\"usage-card-icon uc-pink\"><i class='bx bx-show'><\/i><\/div>\r\n                        <div class=\"usage-tooltip\"><i class='bx bx-info-in'><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"usage-card-title\">Daily Profile Views<\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Free<\/span>\r\n                        <span class=\"usage-tier-value\">10 views<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-pink\" style=\"width: 10%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Pro<\/span>\r\n                        <span class=\"usage-tier-value\">100 views<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-pink\" style=\"width: 50%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Premium<\/span>\r\n                        <span class=\"usage-tier-value\">Unlimited<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-pink\" style=\"width: 100%\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Card 2: Profile Searches -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"usage-card\">\r\n                    <div class=\"usage-card-header\">\r\n                        <div class=\"usage-card-icon uc-blue\"><i class='bx bx-search-alt'><\/i><\/div>\r\n                        <div class=\"usage-tooltip\"><i class='bx bx-info-in'><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"usage-card-title\">Profile Searches<\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Free<\/span>\r\n                        <span class=\"usage-tier-value\">5 \/ day<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-blue\" style=\"width: 8%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Pro<\/span>\r\n                        <span class=\"usage-tier-value\">50 \/ day<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-blue\" style=\"width: 45%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Premium<\/span>\r\n                        <span class=\"usage-tier-value\">Unlimited<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-blue\" style=\"width: 100%\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Card 3: Speed Priority -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"usage-card\">\r\n                    <div class=\"usage-card-header\">\r\n                        <div class=\"usage-card-icon uc-green\"><i class='bx bx-tachometer'><\/i><\/div>\r\n                        <div class=\"usage-tooltip\"><i class='bx bx-info-in'><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"usage-card-title\">Speed Priority<\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Free<\/span>\r\n                        <span class=\"usage-tier-value\">Standard<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-green\" style=\"width: 25%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Pro<\/span>\r\n                        <span class=\"usage-tier-value\">Fast<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-green\" style=\"width: 65%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Premium<\/span>\r\n                        <span class=\"usage-tier-value\">Instant<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-green\" style=\"width: 100%\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Card 4: History Storage -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"usage-card\">\r\n                    <div class=\"usage-card-header\">\r\n                        <div class=\"usage-card-icon uc-orange\"><i class='bx bx-hdd'><\/i><\/div>\r\n                        <div class=\"usage-tooltip\"><i class='bx bx-info-in'><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"usage-card-title\">History Storage<\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Free<\/span>\r\n                        <span class=\"usage-tier-value\">None<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-orange\" style=\"width: 0%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Pro<\/span>\r\n                        <span class=\"usage-tier-value\">7 days<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-orange\" style=\"width: 30%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Premium<\/span>\r\n                        <span class=\"usage-tier-value\">90 days<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-orange\" style=\"width: 100%\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Card 5: Support Response Time -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                <div class=\"usage-card\">\r\n                    <div class=\"usage-card-header\">\r\n                        <div class=\"usage-card-icon uc-purple\"><i class='bx bx-support'><\/i><\/div>\r\n                        <div class=\"usage-tooltip\"><i class='bx bx-info-in'><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"usage-card-title\">Support Response Time<\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Free<\/span>\r\n                        <span class=\"usage-tier-value\">48 hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-purple\" style=\"width: 15%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Pro<\/span>\r\n                        <span class=\"usage-tier-value\">12 hours<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-purple\" style=\"width: 55%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Premium<\/span>\r\n                        <span class=\"usage-tier-value\">1 hour<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-purple\" style=\"width: 100%\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Card 6: Concurrent Device Access -->\r\n            <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                <div class=\"usage-card\">\r\n                    <div class=\"usage-card-header\">\r\n                        <div class=\"usage-card-icon uc-blue\"><i class='bx bx-devices'><\/i><\/div>\r\n                        <div class=\"usage-tooltip\"><i class='bx bx-info-in'><\/i><\/div>\r\n                    <\/div>\r\n                    <div class=\"usage-card-title\">Concurrent Device Access<\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Free<\/span>\r\n                        <span class=\"usage-tier-value\">1 device<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-blue\" style=\"width: 20%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Pro<\/span>\r\n                        <span class=\"usage-tier-value\">3 devices<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-blue\" style=\"width: 60%\"><\/div><\/div>\r\n  \r\n                    <div class=\"usage-tier\">\r\n                        <span class=\"usage-tier-label\">Premium<\/span>\r\n                        <span class=\"usage-tier-value\">10 devices<\/span>\r\n                    <\/div>\r\n                    <div class=\"usage-bar-track\"><div class=\"usage-bar-fill bar-blue\" style=\"width: 100%\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  \r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <!-- 5. WHY UPGRADE SECTION                      -->\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"upgrade-section section-pad\">\r\n    <div class=\"container\">\r\n        <div class=\"row align-items-center g-5\">\r\n            <!-- Left: Dashboard Mockup -->\r\n            <div class=\"col-lg-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n                <div class=\"upgrade-mockup\">\r\n                    <div class=\"mockup-topbar\">\r\n                        <div class=\"mockup-dot red\"><\/div>\r\n                        <div class=\"mockup-dot yellow\"><\/div>\r\n                        <div class=\"mockup-dot green\"><\/div>\r\n                    <\/div>\r\n                    <div class=\"mockup-search\">\r\n                        <i class='bx bx-search'><\/i>\r\n                    <span>Search Instagram username...<\/span>\r\n                    <\/div>\r\n                    <div class=\"mockup-stats\">\r\n                        <div class=\"mockup-stat\">\r\n                            <div class=\"ms-label\">Views Today<\/div>\r\n                            <div class=\"ms-value\" style=\"color: var(--insta-profile-pricing-primary)\">247<\/div>\r\n                        <\/div>\r\n                        <div class=\"mockup-stat\">\r\n                            <div class=\"ms-label\">Profiles<\/div>\r\n                            <div class=\"ms-value\">38<\/div>\r\n                        <\/div>\r\n                        <div class=\"mockup-stat\">\r\n                            <div class=\"ms-label\">Avg Speed<\/div>\r\n                            <div class=\"ms-value\" style=\"color: #22c55e\">0.3s<\/div>\r\n                        <\/div>\r\n                        <div class=\"mockup-stat\">\r\n                            <div class=\"ms-label\">Uptime<\/div>\r\n                            <div class=\"ms-value\">99.9%<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n  \r\n            <!-- Right: Benefits -->\r\n            <div class=\"col-lg-7\" data-aos=\"fade-left\" data-aos-delay=\"200\">\r\n                <div class=\"section-label\">\r\n                    <i class='bx bx-rocket'><\/i>\r\n                    Why Upgrade\r\n                <\/div>\r\n                <h2 class=\"section-title\">\r\n                    Unlock the Full Power of Your Viewer\r\n                <\/h2>\r\n                <p class=\"section-subtitle mb-4\">\r\n                    Upgrading gives you faster profile access, richer insights, and a cleaner experience \u2014 so you can focus on analysis, not waiting.\r\n                <\/p>\r\n  \r\n                <ul class=\"upgrade-benefits\">\r\n                    <li>\r\n                        <div class=\"ub-icon\"><i class='bx bx-bolt-circle'><\/i><\/div>\r\n                        <span>View Instagram profiles faster without repeated daily limits slowing you down.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"ub-icon\"><i class='bx bx-grid-alt'><\/i><\/div>\r\n                        <span>Access more tools from one clean, organized dashboard.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"ub-icon\"><i class='bx bx-eraser'><\/i><\/div>\r\n                        <span>Enjoy a smoother, ad-free profile viewing experience every time.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"ub-icon\"><i class='bx bx-time-five'><\/i><\/div>\r\n                        <span>Save time with priority processing and instant loading.<\/span>\r\n                    <\/li>\r\n                    <li>\r\n                        <div class=\"ub-icon\"><i class='bx bx-headphone'><\/i><\/div>\r\n                        <span>Get better, faster support when you need help the most.<\/span>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  \r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <!-- 6. FAQ + FINAL CTA SECTION                  -->\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"faq-section section-pad\" id=\"faq\">\r\n    <div class=\"container\">\r\n        <div class=\"text-center mb-5\">\r\n            <div class=\"section-label justify-content-center\" data-aos=\"fade-up\">\r\n                <i class='bx bx-help-circle'><\/i>\r\n                FAQ\r\n            <\/div>\r\n            <h2 class=\"section-title\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Frequently Asked Questions\r\n            <\/h2>\r\n            <p class=\"section-subtitle centered\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                Everything you need to know before choosing a plan.\r\n            <\/p>\r\n        <\/div>\r\n  \r\n        <div class=\"row justify-content-center\">\r\n            <div class=\"col-lg-8\">\r\n                <div class=\"accordion faq-accordion\" id=\"faqAccordion\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n  \r\n                    <div class=\"accordion-item\">\r\n                        <h2 class=\"accordion-header\">\r\n                            <div class=\"accordion-button collapsed\" role=\"button\" tabindex=\"0\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq1\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                                Can I use Gramiewer Gramiewer for free?\r\n                            <\/div>\r\n                        <\/h2>\r\n                        <div id=\"faq1\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                Yes! Our Free plan gives you limited profile viewing access with standard speed and community support. It's a great way to try the tool before committing to a paid plan.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n  \r\n                    <div class=\"accordion-item\">\r\n                        <h2 class=\"accordion-header\">\r\n                            <div class=\"accordion-button collapsed\" role=\"button\" tabindex=\"0\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq2\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                                What is included in the Pro plan?\r\n                            <\/div>\r\n                        <\/h2>\r\n                        <div id=\"faq2\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                The Pro plan includes more profile views (up to 100\/day), faster loading, clean dashboard access, priority support, an ad-free experience, anonymous viewing mode, profile picture viewer, fast search, and priority access to servers.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n  \r\n                    <div class=\"accordion-item\">\r\n                        <h2 class=\"accordion-header\">\r\n                            <div class=\"accordion-button collapsed\" role=\"button\" tabindex=\"0\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq3\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                                Can I cancel my plan anytime?\r\n                            <\/div>\r\n                        <\/h2>\r\n                        <div id=\"faq3\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                Absolutely. You can cancel your subscription at any time from your account settings. Your access will continue until the end of your current billing period. No questions asked, no hidden fees.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n  \r\n                    <div class=\"accordion-item\">\r\n                        <h2 class=\"accordion-header\">\r\n                            <div class=\"accordion-button collapsed\" role=\"button\" tabindex=\"0\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq4\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                                Is my activity private?\r\n                            <\/div>\r\n                        <\/h2>\r\n                        <div id=\"faq4\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                Yes. Privacy is core to our service. Your viewing activity is not shared with Instagram users, and we don't store personally identifiable data. Pro and Premium plans include our Anonymous Viewing Mode for extra privacy.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n  \r\n                    <div class=\"accordion-item\">\r\n                        <h2 class=\"accordion-header\">\r\n                            <div class=\"accordion-button collapsed\" role=\"button\" tabindex=\"0\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq5\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                                Which plan is best for regular users?\r\n                            <\/div>\r\n                        <\/h2>\r\n                        <div id=\"faq5\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                The Pro plan is ideal for regular users. It offers 100 daily profile views, fast loading, ad-free browsing, and all the essential viewer tools \u2014 at an affordable price point.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n  \r\n                    <div class=\"accordion-item\">\r\n                        <h2 class=\"accordion-header\">\r\n                            <div class=\"accordion-button collapsed\" role=\"button\" tabindex=\"0\" data-bs-toggle=\"collapse\" data-bs-target=\"#faq6\" onclick=\"this.parentElement.classList.toggle('open')\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();this.click();}\">\r\n                                Do I need to install anything?\r\n                            <\/div>\r\n                        <\/h2>\r\n                        <div id=\"faq6\" class=\"accordion-collapse collapse\" data-bs-parent=\"#faqAccordion\">\r\n                            <div class=\"accordion-body\">\r\n                                No installation required. Our tool works entirely in your web browser. Just visit the site, enter a username, and start viewing profiles \u2014 on any device, including phones, tablets, and desktops.\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n  \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n  \r\n        <!-- Final CTA -->\r\n        <div class=\"mt-5 pt-4\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n            <div class=\"final-cta\">\r\n                <h2>Choose the Plan for Your Profile Viewing Needs<\/h2>\r\n                <p>Start free and upgrade when you need more power. No commitment required.<\/p>\r\n                <div class=\"final-cta-buttons\">\r\n                    <div class=\"btn-white\" role=\"link\" tabindex=\"0\" onclick=\"window.location.href='\/';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.href='\/';}\">\r\n                        <i class='bx bx-play-circle'><\/i>\r\n                        Start Free\r\n                    <\/div>\r\n                    <div class=\"btn-white-outline\" role=\"link\" tabindex=\"0\" onclick=\"window.location.hash='plans';\" onkeydown=\"if(event.key==='Enter'||event.key===' '){event.preventDefault();window.location.hash='plans';}\">\r\n                        <i class='bx bx-slider-alt'><\/i>\r\n                        Compare Plans\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <script>\r\n  \r\n    \/\/ \u2500\u2500\u2500 Billing Toggle \u2500\u2500\u2500\r\n    const billingToggle = document.getElementById('billingToggle');\r\n    const labelMonthly = document.getElementById('labelMonthly');\r\n    const labelYearly = document.getElementById('labelYearly');\r\n    const planAmounts = document.querySelectorAll('.plan-amount');\r\n    const billingNotes = document.querySelectorAll('.plan-billing-note');\r\n  \r\n    billingToggle.addEventListener('change', function () {\r\n        const isYearly = this.checked;\r\n  \r\n        labelMonthly.classList.toggle('active', !isYearly);\r\n        labelYearly.classList.toggle('active', isYearly);\r\n  \r\n        planAmounts.forEach(el => {\r\n            const monthly = el.getAttribute('data-monthly');\r\n            const yearly = el.getAttribute('data-yearly');\r\n            el.textContent = isYearly ? yearly : monthly;\r\n        });\r\n  \r\n        billingNotes.forEach(el => {\r\n            el.textContent = isYearly ? 'Billed yearly' : 'Billed monthly';\r\n        });\r\n    });\r\n  \r\n    \/\/ \u2500\u2500\u2500 Mobile Accordion Toggle \u2500\u2500\u2500\r\n    document.querySelectorAll('.accordion-button-custom').forEach(btn => {\r\n        btn.addEventListener('click', function () {\r\n            const body = this.nextElementSibling;\r\n            const icon = this.querySelector('i.bx-chevron-down');\r\n            const isOpen = body.style.display !== 'none';\r\n  \r\n            \/\/ Close all\r\n            document.querySelectorAll('.accordion-body-custom').forEach(b => b.style.display = 'none');\r\n            document.querySelectorAll('.accordion-button-custom i.bx-chevron-down').forEach(i => i.style.transform = 'rotate(0deg)');\r\n  \r\n            if (!isOpen) {\r\n                body.style.display = 'block';\r\n                icon.style.transform = 'rotate(180deg)';\r\n            }\r\n        });\r\n    });\r\n  \r\n    \/\/ \u2500\u2500\u2500 Animate usage bars on scroll \u2500\u2500\u2500\r\n    const usageBars = document.querySelectorAll('.usage-bar-fill');\r\n    const usageObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                const fills = entry.target.querySelectorAll('.usage-bar-fill');\r\n                fills.forEach(fill => {\r\n                    const width = fill.style.width;\r\n                    fill.style.width = '0%';\r\n                    setTimeout(() => {\r\n                        fill.style.width = width;\r\n                    }, 200);\r\n                });\r\n                usageObserver.unobserve(entry.target);\r\n            }\r\n        });\r\n    }, { threshold: 0.3 });\r\n  \r\n    document.querySelectorAll('.usage-card').forEach(card => usageObserver.observe(card));\r\n  \r\n    \/\/ \u2500\u2500\u2500 Smooth scroll for anchor links \u2500\u2500\u2500\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n        anchor.addEventListener('click', function (e) {\r\n            const target = document.querySelector(this.getAttribute('href'));\r\n            if (target) {\r\n                e.preventDefault();\r\n                target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n            }\r\n        });\r\n    });\r\n  <\/script><\/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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-2983","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/2983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/comments?post=2983"}],"version-history":[{"count":3,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/2983\/revisions"}],"predecessor-version":[{"id":5366,"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/pages\/2983\/revisions\/5366"}],"wp:attachment":[{"href":"https:\/\/gramiewer.com\/wp-json\/wp\/v2\/media?parent=2983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}