{"id":3667,"date":"2026-05-19T10:04:48","date_gmt":"2026-05-19T10:04:48","guid":{"rendered":"https:\/\/fontib.com\/?page_id=3667"},"modified":"2026-06-06T03:49:46","modified_gmt":"2026-06-06T03:49:46","slug":"pricing","status":"publish","type":"page","link":"https:\/\/fontib.com\/pricing\/","title":{"rendered":"Pricing"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; theme_builder_area=&#8221;post_content&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]    <style>\r\n        :root {\r\n            --fontib-pricing-primary: #003EA4;\r\n            --fontib-pricing-secondary: #185cc9;\r\n            --fontib-pricing-primary-rgb: 0, 62, 164;\r\n            --fontib-pricing-secondary-rgb: 24, 92, 201;\r\n            --fontib-pricing-dark: #0a1628;\r\n            --fontib-pricing-card-bg: rgba(255, 255, 255, 0.06);\r\n            --fontib-pricing-card-border: rgba(255, 255, 255, 0.1);\r\n            --fontib-pricing-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            --fontib-pricing-glass-blur: 20px;\r\n            --fontib-pricing-text-primary: #0a1628;\r\n            --fontib-pricing-text-secondary: rgba(10, 22, 40, 0.65);\r\n            --fontib-pricing-text-muted: rgba(10, 22, 40, 0.45);\r\n            --fontib-pricing-accent-glow: rgba(0, 62, 164, 0.12);\r\n            --fontib-pricing-section-alt: #f0f4fa;\r\n            --fontib-pricing-max-width: 1200px;\r\n            --fontib-pricing-radius: 20px;\r\n            --fontib-pricing-radius-sm: 12px;\r\n            --fontib-pricing-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            --fontib-pricing-card-bg: #ffffff;\r\n            --fontib-pricing-card-border: rgba(0, 62, 164, 0.12);\r\n            --fontib-pricing-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        \/* \u2500\u2500 Utility Wrapper \u2500\u2500 *\/\r\n        .fontib-pricing-wrapper {\r\n            max-width: var(--fontib-pricing-max-width);\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Section Spacing \u2500\u2500 *\/\r\n        .fontib-pricing-section {\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-section-alt {\r\n            background: var(--fontib-pricing-section-alt);\r\n        }\r\n\r\n        \/* \u2500\u2500 Section Title \u2500\u2500 *\/\r\n        .fontib-pricing-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            color: var(--fontib-pricing-secondary);\r\n            margin-bottom: 16px;\r\n            padding: 6px 16px;\r\n            background: rgba(24, 92, 201, 0.08);\r\n            border: 1px solid rgba(24, 92, 201, 0.2);\r\n            border-radius: 50px;\r\n        }\r\n\r\n        .fontib-pricing-section-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(28px, 4vw, 44px);\r\n            font-weight: 800;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.15;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .fontib-pricing-section-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 17px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .fontib-pricing-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-mx-auto {\r\n            margin-left: auto;\r\n            margin-right: auto;\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\r\n           1. 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 *\/\r\n        .fontib-pricing-hero {\r\n            padding: 140px 0 100px;\r\n            position: relative;\r\n            background: linear-gradient(160deg, #f8fafc 0%, #e8f0fe 40%, #dce8f8 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -200px;\r\n            right: -200px;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(var(--fontib-pricing-primary-rgb), 0.12) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-float 8s ease-in-out infinite;\r\n        }\r\n\r\n        .fontib-pricing-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -150px;\r\n            left: -150px;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(var(--fontib-pricing-secondary-rgb), 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-float 10s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes fontib-pricing-float {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0) scale(1);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-30px) scale(1.05);\r\n            }\r\n        }\r\n\r\n        \/* Abstract 3D shapes *\/\r\n        .fontib-pricing-shape {\r\n            position: absolute;\r\n            border-radius: 20px;\r\n            opacity: 0.1;\r\n            backdrop-filter: blur(2px);\r\n            border: 1px solid rgba(0, 62, 164, 0.1);\r\n        }\r\n\r\n        .fontib-pricing-shape-1 {\r\n            top: 15%;\r\n            right: 8%;\r\n            width: 120px;\r\n            height: 120px;\r\n            background: linear-gradient(135deg, var(--fontib-pricing-primary), var(--fontib-pricing-secondary));\r\n            transform: rotate(45deg);\r\n            animation: fontib-pricing-shape-spin 20s linear infinite;\r\n        }\r\n\r\n        .fontib-pricing-shape-2 {\r\n            bottom: 20%;\r\n            left: 5%;\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, var(--fontib-pricing-secondary), #4a90e2);\r\n            transform: rotate(30deg);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-shape-spin 15s linear infinite reverse;\r\n        }\r\n\r\n        .fontib-pricing-shape-3 {\r\n            top: 60%;\r\n            right: 15%;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #4a90e2, var(--fontib-pricing-primary));\r\n            transform: rotate(60deg);\r\n            animation: fontib-pricing-shape-spin 25s linear infinite;\r\n        }\r\n\r\n        @keyframes fontib-pricing-shape-spin {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .fontib-pricing-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-hero-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(36px, 5.5vw, 64px);\r\n            font-weight: 900;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.1;\r\n            margin-bottom: 24px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .fontib-pricing-hero-title span {\r\n            background: linear-gradient(90deg, #4a90e2, var(--fontib-pricing-secondary), #7bb3f0);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .fontib-pricing-hero-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(16px, 2vw, 20px);\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 650px;\r\n            margin: 0 auto 40px;\r\n        }\r\n\r\n        \/* Toggle Switch *\/\r\n        .fontib-pricing-toggle-wrap {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 1px solid rgba(0, 62, 164, 0.15);\r\n            border-radius: 50px;\r\n            padding: 8px 24px;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .fontib-pricing-toggle-label {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--fontib-pricing-text-muted);\r\n            transition: var(--fontib-pricing-transition);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fontib-pricing-toggle-label.active {\r\n            color: var(--fontib-pricing-text-primary);\r\n        }\r\n\r\n        .fontib-pricing-toggle {\r\n            position: relative;\r\n            width: 52px;\r\n            height: 28px;\r\n            background: rgba(0, 62, 164, 0.15);\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: var(--fontib-pricing-transition);\r\n            border: none;\r\n            outline: none;\r\n        }\r\n\r\n        .fontib-pricing-toggle::after {\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: linear-gradient(135deg, var(--fontib-pricing-primary), var(--fontib-pricing-secondary));\r\n            border-radius: 50%;\r\n            transition: var(--fontib-pricing-transition);\r\n            box-shadow: 0 2px 8px rgba(var(--fontib-pricing-primary-rgb), 0.4);\r\n        }\r\n\r\n        .fontib-pricing-toggle.active {\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.25);\r\n        }\r\n\r\n        .fontib-pricing-toggle.active::after {\r\n            left: 27px;\r\n        }\r\n\r\n        .fontib-pricing-save-badge {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #22c55e;\r\n            background: rgba(34, 197, 94, 0.1);\r\n            border: 1px solid rgba(34, 197, 94, 0.2);\r\n            padding: 3px 10px;\r\n            border-radius: 50px;\r\n            letter-spacing: 0.5px;\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\r\n           2. PRICING 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 *\/\r\n        .fontib-pricing-table-section {\r\n            background: linear-gradient(180deg, #e8f0fe 0%, #f8fafc 100%);\r\n            padding-top: 0;\r\n            margin-top: -1px;\r\n        }\r\n\r\n        .fontib-pricing-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fontib-pricing-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 575.98px) {\r\n            .fontib-pricing-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 400px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n        }\r\n\r\n        \/* Glass Card Base *\/\r\n        .fontib-pricing-card {\r\n            position: relative;\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius);\r\n            padding: 36px 28px 32px;\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow:\r\n                var(--fontib-pricing-card-shadow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n            transition: var(--fontib-pricing-transition);\r\n            transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0);\r\n            transform-style: preserve-3d;\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-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: 1px;\r\n            background: linear-gradient(90deg, transparent, rgba(0, 62, 164, 0.15), transparent);\r\n        }\r\n\r\n        .fontib-pricing-card:hover {\r\n            transform: perspective(1000px) rotateX(2deg) rotateY(-1deg) translateZ(20px);\r\n            box-shadow:\r\n                0 20px 60px rgba(0, 62, 164, 0.15),\r\n                0 0 40px var(--fontib-pricing-accent-glow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.5);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.4);\r\n        }\r\n\r\n        \/* Popular Card Glow *\/\r\n        .fontib-pricing-card-popular {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.4);\r\n            background: linear-gradient(180deg, #f0f6ff 0%, #ffffff 100%);\r\n        }\r\n\r\n        .fontib-pricing-card-popular::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -1px;\r\n            border-radius: var(--fontib-pricing-radius);\r\n            background: linear-gradient(135deg, rgba(var(--fontib-pricing-primary-rgb), 0.15), transparent 50%, rgba(var(--fontib-pricing-secondary-rgb), 0.1));\r\n            z-index: -1;\r\n            filter: blur(1px);\r\n        }\r\n\r\n        .fontib-pricing-card-popular:hover {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.6);\r\n            box-shadow:\r\n                0 25px 70px rgba(0, 62, 164, 0.18),\r\n                0 0 60px rgba(var(--fontib-pricing-secondary-rgb), 0.12),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Popular Badge *\/\r\n        .fontib-pricing-badge {\r\n            position: absolute;\r\n            top: -1px;\r\n            right: 28px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 8px 18px 10px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            color: #fff;\r\n            background: linear-gradient(135deg, var(--fontib-pricing-primary), var(--fontib-pricing-secondary));\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-top: none;\r\n            border-radius: 0 0 14px 14px;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            box-shadow:\r\n                0 4px 15px rgba(var(--fontib-pricing-primary-rgb), 0.25),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n            z-index: 5;\r\n        }\r\n\r\n        .fontib-pricing-badge i {\r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* Plan Icon *\/\r\n        .fontib-pricing-plan-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 16px;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border: 1px solid rgba(var(--fontib-pricing-primary-rgb), 0.15);\r\n            margin-bottom: 24px;\r\n            font-size: 28px;\r\n            color: var(--fontib-pricing-secondary);\r\n            box-shadow:\r\n                0 4px 15px rgba(var(--fontib-pricing-primary-rgb), 0.08),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.5);\r\n            backdrop-filter: blur(8px);\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-card:hover .fontib-pricing-plan-icon {\r\n            transform: translateZ(10px) scale(1.05);\r\n            box-shadow: 0 6px 25px rgba(var(--fontib-pricing-primary-rgb), 0.15);\r\n        }\r\n\r\n        \/* Plan Name *\/\r\n        .fontib-pricing-plan-name {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .fontib-pricing-plan-desc {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            color: var(--fontib-pricing-text-muted);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Price *\/\r\n        .fontib-pricing-price-wrap {\r\n            display: flex;\r\n            align-items: baseline;\r\n            gap: 4px;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-pricing-currency {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            align-self: flex-start;\r\n            margin-top: 6px;\r\n        }\r\n\r\n        .fontib-pricing-amount {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 52px;\r\n            font-weight: 900;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1;\r\n            letter-spacing: -2px;\r\n        }\r\n\r\n        .fontib-pricing-period {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-muted);\r\n        }\r\n\r\n        .fontib-pricing-price-original {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            color: var(--fontib-pricing-text-muted);\r\n            text-decoration: line-through;\r\n            margin-left: 8px;\r\n        }\r\n\r\n        \/* Feature List *\/\r\n        .fontib-pricing-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 32px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .fontib-pricing-features li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            padding: 9px 0;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.45;\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-pricing-features li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .fontib-pricing-features li i {\r\n            font-size: 18px;\r\n            color: #22c55e;\r\n            flex-shrink: 0;\r\n            margin-top: 1px;\r\n        }\r\n\r\n        .fontib-pricing-features li i.bx-x {\r\n            color: rgba(0, 62, 164, 0.2);\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        .fontib-pricing-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            width: 100%;\r\n            padding: 14px 28px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            background: linear-gradient(90deg, rgb(0, 62, 164), rgb(24, 92, 201));\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            border-radius: var(--fontib-pricing-radius-sm);\r\n            cursor: pointer;\r\n            transition: var(--fontib-pricing-transition);\r\n            box-shadow:\r\n                0 4px 15px rgba(var(--fontib-pricing-primary-rgb), 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n            text-decoration: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), transparent, rgba(255, 255, 255, 0.1));\r\n            opacity: 0;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow:\r\n                0 8px 30px rgba(var(--fontib-pricing-primary-rgb), 0.45),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-pricing-btn:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .fontib-pricing-btn-outline {\r\n            background: #f8fafc;\r\n            border: 1px solid rgba(0, 62, 164, 0.2);\r\n            box-shadow: 0 2px 8px rgba(0, 62, 164, 0.08);\r\n            color: var(--fontib-pricing-primary);\r\n        }\r\n\r\n        .fontib-pricing-btn-outline:hover {\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.5);\r\n            box-shadow: 0 8px 25px rgba(var(--fontib-pricing-primary-rgb), 0.15);\r\n            color: var(--fontib-pricing-primary);\r\n        }\r\n\r\n        .fontib-pricing-btn i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-pricing-btn:hover i {\r\n            transform: translateX(3px);\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\r\n           3. FEATURE HIGHLIGHTS\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 *\/\r\n        .fontib-pricing-features-section {\r\n            background: linear-gradient(180deg, #f8fafc 0%, #e8f0fe 50%, #f8fafc 100%);\r\n        }\r\n\r\n        .fontib-pricing-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fontib-pricing-features-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 575.98px) {\r\n            .fontib-pricing-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .fontib-pricing-feature-card {\r\n            position: relative;\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius);\r\n            padding: 42px 32px;\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow:\r\n                var(--fontib-pricing-card-shadow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n            transition: var(--fontib-pricing-transition);\r\n            transform: perspective(800px) translateZ(0);\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60%;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, rgba(0, 62, 164, 0.15), transparent);\r\n        }\r\n\r\n        .fontib-pricing-feature-card:hover {\r\n            transform: perspective(800px) translateZ(15px);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.35);\r\n            box-shadow:\r\n                0 16px 50px rgba(0, 62, 164, 0.12),\r\n                0 0 30px var(--fontib-pricing-accent-glow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .fontib-pricing-feature-icon {\r\n            width: 74px;\r\n            height: 74px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 20px;\r\n            background: linear-gradient(135deg, rgba(var(--fontib-pricing-primary-rgb), 0.1), rgba(var(--fontib-pricing-secondary-rgb), 0.06));\r\n            border: 1px solid rgba(var(--fontib-pricing-secondary-rgb), 0.15);\r\n            margin-bottom: 24px;\r\n            font-size: 34px;\r\n            color: var(--fontib-pricing-secondary);\r\n            box-shadow: 0 4px 20px rgba(var(--fontib-pricing-primary-rgb), 0.1);\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-feature-card:hover .fontib-pricing-feature-icon {\r\n            transform: scale(1.1) translateZ(10px);\r\n            box-shadow: 0 8px 30px rgba(var(--fontib-pricing-secondary-rgb), 0.15);\r\n        }\r\n\r\n        .fontib-pricing-feature-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 19px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .fontib-pricing-feature-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-muted);\r\n            line-height: 1.7;\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\r\n           4. 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 *\/\r\n        .fontib-pricing-comparison-section {\r\n            background: linear-gradient(180deg, #f8fafc 0%, #e8f0fe 100%);\r\n        }\r\n\r\n        .fontib-pricing-comparison-wrap {\r\n            margin-top: 60px;\r\n            border-radius: var(--fontib-pricing-radius);\r\n            overflow: hidden;\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            background: var(--fontib-pricing-card-bg);\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow: var(--fontib-pricing-card-shadow);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead {\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 10;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead th {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            padding: 20px 24px;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.12);\r\n            text-align: center;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead th:first-child {\r\n            text-align: left;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.05);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead th.col-popular {\r\n            background: rgba(var(--fontib-pricing-secondary-rgb), 0.12);\r\n            border-bottom-color: rgba(var(--fontib-pricing-secondary-rgb), 0.25);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody td {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            padding: 16px 24px;\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.06);\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody td:first-child {\r\n            text-align: left;\r\n\/*             font-weight: 500; *\/\r\n            color: var(--fontib-pricing-text-primary) !important;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody tr:hover {\r\n            background: rgba(0, 62, 164, 0.03);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody td.col-popular {\r\n            background: rgba(var(--fontib-pricing-secondary-rgb), 0.04);\r\n        }\r\n\r\n        .fontib-pricing-check {\r\n            color: #22c55e;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .fontib-pricing-cross {\r\n            color: rgba(0, 62, 164, 0.2);\r\n            font-size: 20px;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap {\r\n            overflow-x: auto;\r\n            -webkit-overflow-scrolling: touch;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap::-webkit-scrollbar {\r\n            height: 6px;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap::-webkit-scrollbar-track {\r\n            background: rgba(0, 62, 164, 0.05);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap::-webkit-scrollbar-thumb {\r\n            background: rgba(0, 62, 164, 0.2);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        \/* Category Row *\/\r\n        .fontib-pricing-cat-row td {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n            color: var(--fontib-pricing-secondary) !important;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.05) !important;\r\n            padding: 14px 24px !important;\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\r\n           5. TESTIMONIALS\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 *\/\r\n        .fontib-pricing-testimonials-section {\r\n            background: linear-gradient(180deg, #e8f0fe 0%, #f8fafc 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fontib-pricing-testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .fontib-pricing-testimonial-card {\r\n            position: relative;\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius);\r\n            padding: 32px 28px;\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow:\r\n                var(--fontib-pricing-card-shadow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n            transition: var(--fontib-pricing-transition);\r\n            transform: perspective(800px) translateZ(0);\r\n        }\r\n\r\n        .fontib-pricing-testimonial-card:hover {\r\n            transform: perspective(800px) translateZ(12px);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.3);\r\n            box-shadow:\r\n                0 16px 50px rgba(0, 62, 164, 0.12),\r\n                0 0 25px var(--fontib-pricing-accent-glow);\r\n        }\r\n\r\n        .fontib-pricing-testimonial-stars {\r\n            display: flex;\r\n            gap: 3px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-stars i {\r\n            font-size: 16px;\r\n            color: #f59e0b;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-quote {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.75;\r\n            margin-bottom: 24px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-avatar {\r\n            width: 46px;\r\n            height: 46px !important;\r\n            border-radius: 50%!important;\r\n            object-fit: cover!important;\r\n            border: 2px solid rgba(var(--fontib-pricing-secondary-rgb), 0.25)!important;\r\n            box-shadow: 0 2px 10px rgba(0, 62, 164, 0.1)!important;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-name {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n        }\r\n\r\n        .fontib-pricing-testimonial-role {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 12px;\r\n            color: var(--fontib-pricing-text-muted);\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\r\n           6. FAQ\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 *\/\r\n        .fontib-pricing-faq-section {\r\n            background: linear-gradient(180deg, #f8fafc 0%, #e8f0fe 100%);\r\n        }\r\n\r\n        .fontib-pricing-faq-list {\r\n            max-width: 780px;\r\n            margin: 60px auto 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .fontib-pricing-faq-item {\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius-sm);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            overflow: hidden;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-faq-item:hover {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.3);\r\n        }\r\n\r\n        .fontib-pricing-faq-item.active {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.4);\r\n            box-shadow: 0 4px 20px rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n        }\r\n\r\n        .fontib-pricing-faq-question {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            width: 100%;\r\n            padding: 20px 24px;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            text-align: left;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-faq-question span {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .fontib-pricing-faq-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            min-width: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 8px;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border: 1px solid rgba(var(--fontib-pricing-primary-rgb), 0.12);\r\n            color: var(--fontib-pricing-secondary);\r\n            font-size: 18px;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-faq-item.active .fontib-pricing-faq-icon {\r\n            transform: rotate(180deg);\r\n            background: rgba(var(--fontib-pricing-secondary-rgb), 0.15);\r\n        }\r\n\r\n        .fontib-pricing-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.3s ease;\r\n        }\r\n\r\n        .fontib-pricing-faq-answer-inner {\r\n            padding: 0 24px 20px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .fontib-pricing-faq-item.active .fontib-pricing-faq-answer {\r\n            max-height: 300px;\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\r\n           7. FINAL CTA\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 *\/\r\n        .fontib-pricing-cta-section {\r\n            padding: 120px 0;\r\n            position: relative;\r\n            background: linear-gradient(160deg, #f8fafc 0%, #e8f0fe 50%, #dce8f8 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 700px;\r\n            height: 700px;\r\n            background: radial-gradient(circle, rgba(var(--fontib-pricing-primary-rgb), 0.1) 0%, transparent 65%);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-float 8s ease-in-out infinite;\r\n        }\r\n\r\n        .fontib-pricing-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-cta-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(30px, 4.5vw, 50px);\r\n            font-weight: 900;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.15;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .fontib-pricing-cta-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 17px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 550px;\r\n            margin: 0 auto 36px;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 18px 44px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            color: #fff;\r\n            background: linear-gradient(90deg, rgb(0, 62, 164), rgb(24, 92, 201));\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            border-radius: 60px;\r\n            cursor: pointer;\r\n            transition: var(--fontib-pricing-transition);\r\n            box-shadow:\r\n                0 6px 25px rgba(var(--fontib-pricing-primary-rgb), 0.35),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n            text-decoration: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.15) 50%, transparent 60%);\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn:hover {\r\n            transform: translateY(-3px) scale(1.03);\r\n            box-shadow:\r\n                0 12px 40px rgba(var(--fontib-pricing-primary-rgb), 0.5),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-pricing-cta-btn i {\r\n            font-size: 20px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .fontib-pricing-cta-trust {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-top: 20px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            color: var(--fontib-pricing-text-muted);\r\n        }\r\n\r\n        .fontib-pricing-cta-trust i {\r\n            color: #22c55e;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Responsive adjustments \u2500\u2500 *\/\r\n        @media (max-width: 575.98px) {\r\n            .fontib-pricing-section {\r\n                padding: 70px 0;\r\n            }\r\n\r\n            .fontib-pricing-hero {\r\n                padding: 100px 0 70px;\r\n            }\r\n\r\n            .fontib-pricing-card {\r\n                padding: 28px 22px 26px;\r\n            }\r\n\r\n            .fontib-pricing-amount {\r\n                font-size: 44px;\r\n            }\r\n\r\n            .fontib-pricing-cta-section {\r\n                padding: 80px 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\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. 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=\"fontib-pricing-hero\">\r\n        <div class=\"fontib-pricing-shape fontib-pricing-shape-1\"><\/div>\r\n        <div class=\"fontib-pricing-shape fontib-pricing-shape-2\"><\/div>\r\n        <div class=\"fontib-pricing-shape fontib-pricing-shape-3\"><\/div>\r\n\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-hero-content\" data-aos=\"fade-up\" data-aos-duration=\"800\">\r\n                <h1 class=\"fontib-pricing-hero-title\">\r\n                    Flexible Pricing for<br>Every <span>Font Creator<\/span>\r\n                <\/h1>\r\n                <p class=\"fontib-pricing-hero-subtitle\">\r\n                    Choose a plan that fits your workflow and budget\u2014start creating custom fonts instantly.\r\n                <\/p>\r\n\r\n                <div class=\"fontib-pricing-toggle-wrap\">\r\n                    <span class=\"fontib-pricing-toggle-label active\" id=\"toggleMonthly\">Monthly<\/span>\r\n                    <button class=\"fontib-pricing-toggle\" id=\"billingToggle\"\r\n                        aria-label=\"Toggle billing period\"><\/button>\r\n                    <span class=\"fontib-pricing-toggle-label\" id=\"toggleYearly\">Yearly<\/span>\r\n                    <span class=\"fontib-pricing-save-badge\">Save 20%<\/span>\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. PRICING 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=\"fontib-pricing-table-section fontib-pricing-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-grid\">\r\n\r\n                <!-- FREE -->\r\n                <div class=\"fontib-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"fontib-pricing-plan-icon\">\r\n                        <i class='bx bx-font'><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"fontib-pricing-plan-name\">Free<\/h4>\r\n                    <p class=\"fontib-pricing-plan-desc\">Perfect for exploring font creation basics.<\/p>\r\n                    <div class=\"fontib-pricing-price-wrap\">\r\n                        <span class=\"fontib-pricing-currency\">$<\/span>\r\n                        <span class=\"fontib-pricing-amount\" data-monthly=\"0\" data-yearly=\"0\">0<\/span>\r\n                        <span class=\"fontib-pricing-period\">\/month<\/span>\r\n                    <\/div>\r\n                    <ul class=\"fontib-pricing-features\">\r\n                        <li><i class='bx bx-check'><\/i> 1 font project<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Basic glyph editor<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Export to OTF format<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Community support<\/li>\r\n                        <li><i class='bx bx-x'><\/i> <span style=\"opacity:0.4\">Cloud storage<\/span><\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"fontib-pricing-btn fontib-pricing-btn-outline\">Get Started Free <i\r\n                            class='bx bx-arrow-right'><\/i><\/a>\r\n                <\/div>\r\n\r\n                <!-- PRO (Popular) -->\r\n                <div class=\"fontib-pricing-card fontib-pricing-card-popular\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"fontib-pricing-badge\">\r\n                        <i class='bx bx-star'><\/i> Most Popular\r\n                    <\/div>\r\n                    <div class=\"fontib-pricing-plan-icon\"\r\n                        style=\"background: linear-gradient(135deg, rgba(24,92,201,0.25), rgba(0,62,164,0.15)); border-color: rgba(24,92,201,0.35);\">\r\n                        <i class='bx bx-crown'><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"fontib-pricing-plan-name\">Pro<\/h4>\r\n                    <p class=\"fontib-pricing-plan-desc\">For professional type designers & studios.<\/p>\r\n                    <div class=\"fontib-pricing-price-wrap\">\r\n                        <span class=\"fontib-pricing-currency\">$<\/span>\r\n                        <span class=\"fontib-pricing-amount\" data-monthly=\"49\" data-yearly=\"39\">49<\/span>\r\n                        <span class=\"fontib-pricing-price-original\" data-monthly-hide data-yearly=\"$49\">$49<\/span>\r\n                        <span class=\"fontib-pricing-period\">\/month<\/span>\r\n                    <\/div>\r\n                    <ul class=\"fontib-pricing-features\">\r\n                        <li><i class='bx bx-check'><\/i> Unlimited font projects<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Real-time collaborative editing<\/li>\r\n                        <li><i class='bx bx-check'><\/i> All export formats + variable fonts<\/li>\r\n                        <li><i class='bx bx-check'><\/i> 20 GB cloud storage<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Priority support & tutorials<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"fontib-pricing-btn\">Start Free Trial <i class='bx bx-arrow-right'><\/i><\/a>\r\n                <\/div>\r\n\r\n                <!-- ENTERPRISE -->\r\n                <div class=\"fontib-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"fontib-pricing-plan-icon\">\r\n                        <i class='bx bx-building-house'><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"fontib-pricing-plan-name\">Enterprise<\/h4>\r\n                    <p class=\"fontib-pricing-plan-desc\">Custom solutions for teams & agencies.<\/p>\r\n                    <div class=\"fontib-pricing-price-wrap\">\r\n                        <span class=\"fontib-pricing-currency\">$<\/span>\r\n                        <span class=\"fontib-pricing-amount\" data-monthly=\"99\" data-yearly=\"79\">99<\/span>\r\n                        <span class=\"fontib-pricing-price-original\" data-monthly-hide data-yearly=\"$99\">$99<\/span>\r\n                        <span class=\"fontib-pricing-period\">\/month<\/span>\r\n                    <\/div>\r\n                    <ul class=\"fontib-pricing-features\">\r\n                        <li><i class='bx bx-check'><\/i> Everything in Pro<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Team management & roles<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Custom branding & white-label<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Unlimited cloud storage<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Dedicated account manager<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"fontib-pricing-btn fontib-pricing-btn-outline\">Contact Sales <i\r\n                            class='bx bx-arrow-right'><\/i><\/a>\r\n                <\/div>\r\n\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. FEATURE HIGHLIGHTS\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=\"fontib-pricing-features-section fontib-pricing-section fontib-pricing-section-alt\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-sparkles'><\/i> Premium Features\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Why Upgrade Your Plan?<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    Unlock powerful tools designed to streamline your font creation workflow from sketch to final\r\n                    export.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-features-grid\">\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-cloud'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Cloud Storage<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Access your font projects from anywhere with secure, synced\r\n                        cloud storage across all devices.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-bolt-circle'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Real-Time Editing<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">See changes instantly as you draw glyphs with our\r\n                        GPU-accelerated real-time rendering engine.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-group'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Collaboration<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Invite team members, assign glyph ranges, and work\r\n                        simultaneously on the same font file.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-headphone'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Premium Support<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Get priority help from type design experts with faster\r\n                        response times and dedicated guidance.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-export'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Advanced Export<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Export to OTF, TTF, WOFF2, SVG and variable fonts with full\r\n                        OpenType feature support for any platform.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-palette'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Custom Branding<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Add your own branding, custom metadata, and licensing details\r\n                        to every font you create and distribute.<\/p>\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. 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=\"fontib-pricing-comparison-section fontib-pricing-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-table'><\/i> Detailed Comparison\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Compare All Plans<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    See exactly what's included in each plan to make the best decision for your needs.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-comparison-wrap\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"fontib-pricing-comparison-table-wrap\">\r\n                    <table class=\"fontib-pricing-comparison-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th>Feature<\/th>\r\n                                <th>Free<\/th>\r\n                                <th class=\"col-popular\">Pro<\/th>\r\n                                <th>Enterprise<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Projects & Editing<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Font projects<\/td>\r\n                                <td>1<\/td>\r\n                                <td class=\"col-popular\">Unlimited<\/td>\r\n                                <td>Unlimited<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Glyph editor<\/td>\r\n                                <td>Basic<\/td>\r\n                                <td class=\"col-popular\">Advanced<\/td>\r\n                                <td>Advanced<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>OpenType features<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Variable font support<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Export & Formats<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>OTF export<\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>TTF export<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>WOFF2 (web fonts)<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>SVG font export<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Storage & Collaboration<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Cloud storage<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\">20 GB<\/td>\r\n                                <td>Unlimited<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Real-time collaboration<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Team management<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Support<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Community forum<\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Email support<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Dedicated account manager<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\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. TESTIMONIALS\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=\"fontib-pricing-testimonials-section fontib-pricing-section fontib-pricing-section-alt\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-message-rounded-dots'><\/i> Testimonials\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Loved by Font Creators<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    Hear from designers and studios who trust Fontib for their typeface projects.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-testimonials-grid\">\r\n                <div class=\"fontib-pricing-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"fontib-pricing-testimonial-stars\">\r\n                        <i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i\r\n                            class='bx bx-star'><\/i><i class='bx bx-star'><\/i>\r\n                    <\/div>\r\n                    <p class=\"fontib-pricing-testimonial-quote\">\r\n                        \"Fontib's Pro plan completely changed my workflow. The real-time collaboration feature let me\r\n                        work with my team across three time zones without any conflicts.\"\r\n                    <\/p>\r\n                    <div class=\"fontib-pricing-testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fontib.com\/wp-content\/uploads\/2023\/05\/md-b.jpg\" alt=\"Sarah Mitchell\"\r\n                            class=\"fontib-pricing-testimonial-avatar\">\r\n                        <div>\r\n                            <div class=\"fontib-pricing-testimonial-name\">Sarah Mitchell<\/div>\r\n                            <div class=\"fontib-pricing-testimonial-role\">Type Designer, Glyphic Studio<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"fontib-pricing-testimonial-stars\">\r\n                        <i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i\r\n                            class='bx bx-star'><\/i><i class='bx bx-star'><\/i>\r\n                    <\/div>\r\n                    <p class=\"fontib-pricing-testimonial-quote\">\r\n                        \"We switched from three separate tools to just Fontib Enterprise. The variable font export alone\r\n                        saved us hundreds of hours per project. Absolutely worth it.\"\r\n                    <\/p>\r\n                    <div class=\"fontib-pricing-testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fontib.com\/wp-content\/uploads\/2023\/05\/md-a.jpg\" alt=\"Marcus Chen\"\r\n                            class=\"fontib-pricing-testimonial-avatar\">\r\n                        <div>\r\n                            <div class=\"fontib-pricing-testimonial-name\">Marcus Chen<\/div>\r\n                            <div class=\"fontib-pricing-testimonial-role\">Creative Director, Typefoundry Co.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"fontib-pricing-testimonial-stars\">\r\n                        <i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i\r\n                            class='bx bx-star'><\/i><i class='bx bx-star'><\/i>\r\n                    <\/div>\r\n                    <p class=\"fontib-pricing-testimonial-quote\">\r\n                        \"Started with the free plan to learn the basics, then upgraded to Starter within a week. The\r\n                        WOFF2 export made it so easy to test my fonts on the web instantly.\"\r\n                    <\/p>\r\n                    <div class=\"fontib-pricing-testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fontib.com\/wp-content\/uploads\/2026\/05\/profile1.jpg\" alt=\"Emily Rodriguez\"\r\n                            class=\"fontib-pricing-testimonial-avatar\">\r\n                        <div>\r\n                            <div class=\"fontib-pricing-testimonial-name\">Emily Rodriguez<\/div>\r\n                            <div class=\"fontib-pricing-testimonial-role\">Freelance Font Designer<\/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         6. FAQ 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=\"fontib-pricing-faq-section fontib-pricing-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-help-circle'><\/i> FAQ\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Frequently Asked Questions<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    Everything you need to know about our pricing and plans.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-faq-list\">\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Can I switch between monthly and yearly billing?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Yes, you can switch your billing cycle at any time from your account settings. When\r\n                            upgrading from monthly to yearly, we'll prorate the remaining balance. When downgrading, the\r\n                            change takes effect at the end of your current billing period.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>What are the limitations of the free trial?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            The 14-day free trial gives you full access to your chosen plan's features, including all\r\n                            export formats and cloud storage. No credit card is required to start. When the trial ends,\r\n                            you can choose to subscribe or continue with the free plan.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Do I own the fonts I create?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Absolutely. You retain 100% ownership and all intellectual property rights to every font you\r\n                            create with Fontib, regardless of your plan. We never claim any rights to your work.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>How does the Enterprise custom plan work?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Enterprise plans are tailored to your organization's specific needs. This may include custom\r\n                            storage limits, SSO integration, white-label options, custom SLAs, and volume pricing.\r\n                            Contact our sales team to discuss your requirements and get a personalized quote.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Can I cancel my subscription at any time?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Yes, you can cancel your subscription at any time with no penalties. Your access continues\r\n                            until the end of the current billing period. All your font projects will remain accessible\r\n                            in read-only mode, and you can export them anytime.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Is there a discount for students or educators?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Yes! We offer a 50% discount on all paid plans for verified students and educators. Simply\r\n                            sign up with your .edu email address or submit proof of enrollment through our support\r\n                            portal, and the discount will be applied automatically.\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         7. FINAL CTA\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=\"fontib-pricing-cta-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-cta-content\" data-aos=\"zoom-in\" data-aos-duration=\"700\">\r\n                <h2 class=\"fontib-pricing-cta-title\">Start Creating Your Fonts Today<\/h2>\r\n                <p class=\"fontib-pricing-cta-text\">\r\n                    Join thousands of font creators who build professional typefaces with Fontib. No credit card\r\n                    required to get started.\r\n                <\/p>\r\n                <a href=\"#\" class=\"fontib-pricing-cta-btn\">\r\n                    Get Started Free <i class='bx bx-right-arrow-alt'><\/i>\r\n                <\/a>\r\n                <div class=\"fontib-pricing-cta-trust\">\r\n                    <i class='bx bx-shield-check'><\/i>\r\n                    14-day free trial \u00a0\u00b7\u00a0 No credit card required \u00a0\u00b7\u00a0 Cancel anytime\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <script>\r\n\r\n        \/\/ \u2500\u2500 Billing Toggle \u2500\u2500\r\n        const billingToggle = document.getElementById('billingToggle');\r\n        const toggleMonthly = document.getElementById('toggleMonthly');\r\n        const toggleYearly = document.getElementById('toggleYearly');\r\n        let isYearly = false;\r\n\r\n        billingToggle.addEventListener('click', function () {\r\n            isYearly = !isYearly;\r\n            this.classList.toggle('active', isYearly);\r\n            toggleMonthly.classList.toggle('active', !isYearly);\r\n            toggleYearly.classList.toggle('active', isYearly);\r\n\r\n            document.querySelectorAll('.fontib-pricing-amount').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            document.querySelectorAll('.fontib-pricing-price-original').forEach(el => {\r\n                if (isYearly) {\r\n                    el.style.display = '';\r\n                } else {\r\n                    el.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            document.querySelectorAll('.fontib-pricing-period').forEach(el => {\r\n                el.textContent = isYearly ? '\/month (billed yearly)' : '\/month';\r\n            });\r\n        });\r\n\r\n        \/\/ Hide original prices initially (monthly mode)\r\n        document.querySelectorAll('.fontib-pricing-price-original').forEach(el => {\r\n            el.style.display = 'none';\r\n        });\r\n\r\n        \/\/ \u2500\u2500 FAQ Accordion \u2500\u2500\r\n        document.querySelectorAll('.fontib-pricing-faq-question').forEach(btn => {\r\n            btn.addEventListener('click', function () {\r\n                const item = this.closest('.fontib-pricing-faq-item');\r\n                const isActive = item.classList.contains('active');\r\n\r\n                \/\/ Close all\r\n                document.querySelectorAll('.fontib-pricing-faq-item').forEach(faq => {\r\n                    faq.classList.remove('active');\r\n                    faq.querySelector('.fontib-pricing-faq-question').setAttribute('aria-expanded', 'false');\r\n                });\r\n\r\n                \/\/ Open clicked if wasn't active\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                    this.setAttribute('aria-expanded', 'true');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ \u2500\u2500 3D Tilt Effect on Pricing Cards \u2500\u2500\r\n        document.querySelectorAll('.fontib-pricing-card, .fontib-pricing-feature-card, .fontib-pricing-testimonial-card').forEach(card => {\r\n            card.addEventListener('mousemove', function (e) {\r\n                const rect = this.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                const centerX = rect.width \/ 2;\r\n                const centerY = rect.height \/ 2;\r\n                const rotateX = ((y - centerY) \/ centerY) * -4;\r\n                const rotateY = ((x - centerX) \/ centerX) * 4;\r\n\r\n                this.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateZ(15px)`;\r\n            });\r\n\r\n            card.addEventListener('mouseleave', function () {\r\n                this.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0)';\r\n            });\r\n        });\r\n    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"    <style>\r\n        :root {\r\n            --fontib-pricing-primary: #003EA4;\r\n            --fontib-pricing-secondary: #185cc9;\r\n            --fontib-pricing-primary-rgb: 0, 62, 164;\r\n            --fontib-pricing-secondary-rgb: 24, 92, 201;\r\n            --fontib-pricing-dark: #0a1628;\r\n            --fontib-pricing-card-bg: rgba(255, 255, 255, 0.06);\r\n            --fontib-pricing-card-border: rgba(255, 255, 255, 0.1);\r\n            --fontib-pricing-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n            --fontib-pricing-glass-blur: 20px;\r\n            --fontib-pricing-text-primary: #0a1628;\r\n            --fontib-pricing-text-secondary: rgba(10, 22, 40, 0.65);\r\n            --fontib-pricing-text-muted: rgba(10, 22, 40, 0.45);\r\n            --fontib-pricing-accent-glow: rgba(0, 62, 164, 0.12);\r\n            --fontib-pricing-section-alt: #f0f4fa;\r\n            --fontib-pricing-max-width: 1200px;\r\n            --fontib-pricing-radius: 20px;\r\n            --fontib-pricing-radius-sm: 12px;\r\n            --fontib-pricing-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            --fontib-pricing-card-bg: #ffffff;\r\n            --fontib-pricing-card-border: rgba(0, 62, 164, 0.12);\r\n            --fontib-pricing-card-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);\r\n        }\r\n\r\n        \/* \u2500\u2500 Utility Wrapper \u2500\u2500 *\/\r\n        .fontib-pricing-wrapper {\r\n            max-width: var(--fontib-pricing-max-width);\r\n            margin: 0 auto;\r\n            padding: 0 24px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Section Spacing \u2500\u2500 *\/\r\n        .fontib-pricing-section {\r\n            padding: 100px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-section-alt {\r\n            background: var(--fontib-pricing-section-alt);\r\n        }\r\n\r\n        \/* \u2500\u2500 Section Title \u2500\u2500 *\/\r\n        .fontib-pricing-section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            color: var(--fontib-pricing-secondary);\r\n            margin-bottom: 16px;\r\n            padding: 6px 16px;\r\n            background: rgba(24, 92, 201, 0.08);\r\n            border: 1px solid rgba(24, 92, 201, 0.2);\r\n            border-radius: 50px;\r\n        }\r\n\r\n        .fontib-pricing-section-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(28px, 4vw, 44px);\r\n            font-weight: 800;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.15;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .fontib-pricing-section-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 17px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .fontib-pricing-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-mx-auto {\r\n            margin-left: auto;\r\n            margin-right: auto;\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\r\n           1. 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 *\/\r\n        .fontib-pricing-hero {\r\n            padding: 140px 0 100px;\r\n            position: relative;\r\n            background: linear-gradient(160deg, #f8fafc 0%, #e8f0fe 40%, #dce8f8 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -200px;\r\n            right: -200px;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(var(--fontib-pricing-primary-rgb), 0.12) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-float 8s ease-in-out infinite;\r\n        }\r\n\r\n        .fontib-pricing-hero::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -150px;\r\n            left: -150px;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(var(--fontib-pricing-secondary-rgb), 0.08) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-float 10s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes fontib-pricing-float {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0) scale(1);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-30px) scale(1.05);\r\n            }\r\n        }\r\n\r\n        \/* Abstract 3D shapes *\/\r\n        .fontib-pricing-shape {\r\n            position: absolute;\r\n            border-radius: 20px;\r\n            opacity: 0.1;\r\n            backdrop-filter: blur(2px);\r\n            border: 1px solid rgba(0, 62, 164, 0.1);\r\n        }\r\n\r\n        .fontib-pricing-shape-1 {\r\n            top: 15%;\r\n            right: 8%;\r\n            width: 120px;\r\n            height: 120px;\r\n            background: linear-gradient(135deg, var(--fontib-pricing-primary), var(--fontib-pricing-secondary));\r\n            transform: rotate(45deg);\r\n            animation: fontib-pricing-shape-spin 20s linear infinite;\r\n        }\r\n\r\n        .fontib-pricing-shape-2 {\r\n            bottom: 20%;\r\n            left: 5%;\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, var(--fontib-pricing-secondary), #4a90e2);\r\n            transform: rotate(30deg);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-shape-spin 15s linear infinite reverse;\r\n        }\r\n\r\n        .fontib-pricing-shape-3 {\r\n            top: 60%;\r\n            right: 15%;\r\n            width: 60px;\r\n            height: 60px;\r\n            background: linear-gradient(135deg, #4a90e2, var(--fontib-pricing-primary));\r\n            transform: rotate(60deg);\r\n            animation: fontib-pricing-shape-spin 25s linear infinite;\r\n        }\r\n\r\n        @keyframes fontib-pricing-shape-spin {\r\n            from {\r\n                transform: rotate(0deg);\r\n            }\r\n\r\n            to {\r\n                transform: rotate(360deg);\r\n            }\r\n        }\r\n\r\n        .fontib-pricing-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-hero-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(36px, 5.5vw, 64px);\r\n            font-weight: 900;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.1;\r\n            margin-bottom: 24px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .fontib-pricing-hero-title span {\r\n            background: linear-gradient(90deg, #4a90e2, var(--fontib-pricing-secondary), #7bb3f0);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .fontib-pricing-hero-subtitle {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(16px, 2vw, 20px);\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 650px;\r\n            margin: 0 auto 40px;\r\n        }\r\n\r\n        \/* Toggle Switch *\/\r\n        .fontib-pricing-toggle-wrap {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border: 1px solid rgba(0, 62, 164, 0.15);\r\n            border-radius: 50px;\r\n            padding: 8px 24px;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .fontib-pricing-toggle-label {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            color: var(--fontib-pricing-text-muted);\r\n            transition: var(--fontib-pricing-transition);\r\n            cursor: pointer;\r\n        }\r\n\r\n        .fontib-pricing-toggle-label.active {\r\n            color: var(--fontib-pricing-text-primary);\r\n        }\r\n\r\n        .fontib-pricing-toggle {\r\n            position: relative;\r\n            width: 52px;\r\n            height: 28px;\r\n            background: rgba(0, 62, 164, 0.15);\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            transition: var(--fontib-pricing-transition);\r\n            border: none;\r\n            outline: none;\r\n        }\r\n\r\n        .fontib-pricing-toggle::after {\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: linear-gradient(135deg, var(--fontib-pricing-primary), var(--fontib-pricing-secondary));\r\n            border-radius: 50%;\r\n            transition: var(--fontib-pricing-transition);\r\n            box-shadow: 0 2px 8px rgba(var(--fontib-pricing-primary-rgb), 0.4);\r\n        }\r\n\r\n        .fontib-pricing-toggle.active {\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.25);\r\n        }\r\n\r\n        .fontib-pricing-toggle.active::after {\r\n            left: 27px;\r\n        }\r\n\r\n        .fontib-pricing-save-badge {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #22c55e;\r\n            background: rgba(34, 197, 94, 0.1);\r\n            border: 1px solid rgba(34, 197, 94, 0.2);\r\n            padding: 3px 10px;\r\n            border-radius: 50px;\r\n            letter-spacing: 0.5px;\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\r\n           2. PRICING 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 *\/\r\n        .fontib-pricing-table-section {\r\n            background: linear-gradient(180deg, #e8f0fe 0%, #f8fafc 100%);\r\n            padding-top: 0;\r\n            margin-top: -1px;\r\n        }\r\n\r\n        .fontib-pricing-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fontib-pricing-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 575.98px) {\r\n            .fontib-pricing-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 400px;\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n        }\r\n\r\n        \/* Glass Card Base *\/\r\n        .fontib-pricing-card {\r\n            position: relative;\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius);\r\n            padding: 36px 28px 32px;\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow:\r\n                var(--fontib-pricing-card-shadow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n            transition: var(--fontib-pricing-transition);\r\n            transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0);\r\n            transform-style: preserve-3d;\r\n            display: flex;\r\n            flex-direction: column;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-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: 1px;\r\n            background: linear-gradient(90deg, transparent, rgba(0, 62, 164, 0.15), transparent);\r\n        }\r\n\r\n        .fontib-pricing-card:hover {\r\n            transform: perspective(1000px) rotateX(2deg) rotateY(-1deg) translateZ(20px);\r\n            box-shadow:\r\n                0 20px 60px rgba(0, 62, 164, 0.15),\r\n                0 0 40px var(--fontib-pricing-accent-glow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.5);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.4);\r\n        }\r\n\r\n        \/* Popular Card Glow *\/\r\n        .fontib-pricing-card-popular {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.4);\r\n            background: linear-gradient(180deg, #f0f6ff 0%, #ffffff 100%);\r\n        }\r\n\r\n        .fontib-pricing-card-popular::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: -1px;\r\n            border-radius: var(--fontib-pricing-radius);\r\n            background: linear-gradient(135deg, rgba(var(--fontib-pricing-primary-rgb), 0.15), transparent 50%, rgba(var(--fontib-pricing-secondary-rgb), 0.1));\r\n            z-index: -1;\r\n            filter: blur(1px);\r\n        }\r\n\r\n        .fontib-pricing-card-popular:hover {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.6);\r\n            box-shadow:\r\n                0 25px 70px rgba(0, 62, 164, 0.18),\r\n                0 0 60px rgba(var(--fontib-pricing-secondary-rgb), 0.12),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* Popular Badge *\/\r\n        .fontib-pricing-badge {\r\n            position: absolute;\r\n            top: -1px;\r\n            right: 28px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            padding: 8px 18px 10px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            color: #fff;\r\n            background: linear-gradient(135deg, var(--fontib-pricing-primary), var(--fontib-pricing-secondary));\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-top: none;\r\n            border-radius: 0 0 14px 14px;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            box-shadow:\r\n                0 4px 15px rgba(var(--fontib-pricing-primary-rgb), 0.25),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n            z-index: 5;\r\n        }\r\n\r\n        .fontib-pricing-badge i {\r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* Plan Icon *\/\r\n        .fontib-pricing-plan-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 16px;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border: 1px solid rgba(var(--fontib-pricing-primary-rgb), 0.15);\r\n            margin-bottom: 24px;\r\n            font-size: 28px;\r\n            color: var(--fontib-pricing-secondary);\r\n            box-shadow:\r\n                0 4px 15px rgba(var(--fontib-pricing-primary-rgb), 0.08),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.5);\r\n            backdrop-filter: blur(8px);\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-card:hover .fontib-pricing-plan-icon {\r\n            transform: translateZ(10px) scale(1.05);\r\n            box-shadow: 0 6px 25px rgba(var(--fontib-pricing-primary-rgb), 0.15);\r\n        }\r\n\r\n        \/* Plan Name *\/\r\n        .fontib-pricing-plan-name {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .fontib-pricing-plan-desc {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            color: var(--fontib-pricing-text-muted);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Price *\/\r\n        .fontib-pricing-price-wrap {\r\n            display: flex;\r\n            align-items: baseline;\r\n            gap: 4px;\r\n            margin-bottom: 28px;\r\n        }\r\n\r\n        .fontib-pricing-currency {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 22px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            align-self: flex-start;\r\n            margin-top: 6px;\r\n        }\r\n\r\n        .fontib-pricing-amount {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 52px;\r\n            font-weight: 900;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1;\r\n            letter-spacing: -2px;\r\n        }\r\n\r\n        .fontib-pricing-period {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-muted);\r\n        }\r\n\r\n        .fontib-pricing-price-original {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            color: var(--fontib-pricing-text-muted);\r\n            text-decoration: line-through;\r\n            margin-left: 8px;\r\n        }\r\n\r\n        \/* Feature List *\/\r\n        .fontib-pricing-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 32px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .fontib-pricing-features li {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            padding: 9px 0;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.45;\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.06);\r\n        }\r\n\r\n        .fontib-pricing-features li:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .fontib-pricing-features li i {\r\n            font-size: 18px;\r\n            color: #22c55e;\r\n            flex-shrink: 0;\r\n            margin-top: 1px;\r\n        }\r\n\r\n        .fontib-pricing-features li i.bx-x {\r\n            color: rgba(0, 62, 164, 0.2);\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        .fontib-pricing-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            width: 100%;\r\n            padding: 14px 28px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: #fff;\r\n            background: linear-gradient(90deg, rgb(0, 62, 164), rgb(24, 92, 201));\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            border-radius: var(--fontib-pricing-radius-sm);\r\n            cursor: pointer;\r\n            transition: var(--fontib-pricing-transition);\r\n            box-shadow:\r\n                0 4px 15px rgba(var(--fontib-pricing-primary-rgb), 0.3),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n            text-decoration: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), transparent, rgba(255, 255, 255, 0.1));\r\n            opacity: 0;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow:\r\n                0 8px 30px rgba(var(--fontib-pricing-primary-rgb), 0.45),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-pricing-btn:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        .fontib-pricing-btn-outline {\r\n            background: #f8fafc;\r\n            border: 1px solid rgba(0, 62, 164, 0.2);\r\n            box-shadow: 0 2px 8px rgba(0, 62, 164, 0.08);\r\n            color: var(--fontib-pricing-primary);\r\n        }\r\n\r\n        .fontib-pricing-btn-outline:hover {\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.5);\r\n            box-shadow: 0 8px 25px rgba(var(--fontib-pricing-primary-rgb), 0.15);\r\n            color: var(--fontib-pricing-primary);\r\n        }\r\n\r\n        .fontib-pricing-btn i {\r\n            font-size: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-pricing-btn:hover i {\r\n            transform: translateX(3px);\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\r\n           3. FEATURE HIGHLIGHTS\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 *\/\r\n        .fontib-pricing-features-section {\r\n            background: linear-gradient(180deg, #f8fafc 0%, #e8f0fe 50%, #f8fafc 100%);\r\n        }\r\n\r\n        .fontib-pricing-features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fontib-pricing-features-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 575.98px) {\r\n            .fontib-pricing-features-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .fontib-pricing-feature-card {\r\n            position: relative;\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius);\r\n            padding: 42px 32px;\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow:\r\n                var(--fontib-pricing-card-shadow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n            transition: var(--fontib-pricing-transition);\r\n            transform: perspective(800px) translateZ(0);\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 60%;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, rgba(0, 62, 164, 0.15), transparent);\r\n        }\r\n\r\n        .fontib-pricing-feature-card:hover {\r\n            transform: perspective(800px) translateZ(15px);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.35);\r\n            box-shadow:\r\n                0 16px 50px rgba(0, 62, 164, 0.12),\r\n                0 0 30px var(--fontib-pricing-accent-glow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .fontib-pricing-feature-icon {\r\n            width: 74px;\r\n            height: 74px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 20px;\r\n            background: linear-gradient(135deg, rgba(var(--fontib-pricing-primary-rgb), 0.1), rgba(var(--fontib-pricing-secondary-rgb), 0.06));\r\n            border: 1px solid rgba(var(--fontib-pricing-secondary-rgb), 0.15);\r\n            margin-bottom: 24px;\r\n            font-size: 34px;\r\n            color: var(--fontib-pricing-secondary);\r\n            box-shadow: 0 4px 20px rgba(var(--fontib-pricing-primary-rgb), 0.1);\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-feature-card:hover .fontib-pricing-feature-icon {\r\n            transform: scale(1.1) translateZ(10px);\r\n            box-shadow: 0 8px 30px rgba(var(--fontib-pricing-secondary-rgb), 0.15);\r\n        }\r\n\r\n        .fontib-pricing-feature-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 19px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .fontib-pricing-feature-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-muted);\r\n            line-height: 1.7;\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\r\n           4. 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 *\/\r\n        .fontib-pricing-comparison-section {\r\n            background: linear-gradient(180deg, #f8fafc 0%, #e8f0fe 100%);\r\n        }\r\n\r\n        .fontib-pricing-comparison-wrap {\r\n            margin-top: 60px;\r\n            border-radius: var(--fontib-pricing-radius);\r\n            overflow: hidden;\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            background: var(--fontib-pricing-card-bg);\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow: var(--fontib-pricing-card-shadow);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead {\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 10;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead th {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n            padding: 20px 24px;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.12);\r\n            text-align: center;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead th:first-child {\r\n            text-align: left;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.05);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table thead th.col-popular {\r\n            background: rgba(var(--fontib-pricing-secondary-rgb), 0.12);\r\n            border-bottom-color: rgba(var(--fontib-pricing-secondary-rgb), 0.25);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody td {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            padding: 16px 24px;\r\n            border-bottom: 1px solid rgba(0, 62, 164, 0.06);\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody td:first-child {\r\n            text-align: left;\r\n\/*             font-weight: 500; *\/\r\n            color: var(--fontib-pricing-text-primary) !important;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody tr:hover {\r\n            background: rgba(0, 62, 164, 0.03);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table tbody td.col-popular {\r\n            background: rgba(var(--fontib-pricing-secondary-rgb), 0.04);\r\n        }\r\n\r\n        .fontib-pricing-check {\r\n            color: #22c55e;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .fontib-pricing-cross {\r\n            color: rgba(0, 62, 164, 0.2);\r\n            font-size: 20px;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap {\r\n            overflow-x: auto;\r\n            -webkit-overflow-scrolling: touch;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap::-webkit-scrollbar {\r\n            height: 6px;\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap::-webkit-scrollbar-track {\r\n            background: rgba(0, 62, 164, 0.05);\r\n        }\r\n\r\n        .fontib-pricing-comparison-table-wrap::-webkit-scrollbar-thumb {\r\n            background: rgba(0, 62, 164, 0.2);\r\n            border-radius: 3px;\r\n        }\r\n\r\n        \/* Category Row *\/\r\n        .fontib-pricing-cat-row td {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 1.5px;\r\n            text-transform: uppercase;\r\n            color: var(--fontib-pricing-secondary) !important;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.05) !important;\r\n            padding: 14px 24px !important;\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\r\n           5. TESTIMONIALS\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 *\/\r\n        .fontib-pricing-testimonials-section {\r\n            background: linear-gradient(180deg, #e8f0fe 0%, #f8fafc 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n            .fontib-pricing-testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        .fontib-pricing-testimonial-card {\r\n            position: relative;\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius);\r\n            padding: 32px 28px;\r\n            backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            -webkit-backdrop-filter: blur(var(--fontib-pricing-glass-blur));\r\n            box-shadow:\r\n                var(--fontib-pricing-card-shadow),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.8);\r\n            transition: var(--fontib-pricing-transition);\r\n            transform: perspective(800px) translateZ(0);\r\n        }\r\n\r\n        .fontib-pricing-testimonial-card:hover {\r\n            transform: perspective(800px) translateZ(12px);\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.3);\r\n            box-shadow:\r\n                0 16px 50px rgba(0, 62, 164, 0.12),\r\n                0 0 25px var(--fontib-pricing-accent-glow);\r\n        }\r\n\r\n        .fontib-pricing-testimonial-stars {\r\n            display: flex;\r\n            gap: 3px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-stars i {\r\n            font-size: 16px;\r\n            color: #f59e0b;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-quote {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.75;\r\n            margin-bottom: 24px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 14px;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-avatar {\r\n            width: 46px;\r\n            height: 46px !important;\r\n            border-radius: 50%!important;\r\n            object-fit: cover!important;\r\n            border: 2px solid rgba(var(--fontib-pricing-secondary-rgb), 0.25)!important;\r\n            box-shadow: 0 2px 10px rgba(0, 62, 164, 0.1)!important;\r\n        }\r\n\r\n        .fontib-pricing-testimonial-name {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            color: var(--fontib-pricing-text-primary);\r\n        }\r\n\r\n        .fontib-pricing-testimonial-role {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 12px;\r\n            color: var(--fontib-pricing-text-muted);\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\r\n           6. FAQ\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 *\/\r\n        .fontib-pricing-faq-section {\r\n            background: linear-gradient(180deg, #f8fafc 0%, #e8f0fe 100%);\r\n        }\r\n\r\n        .fontib-pricing-faq-list {\r\n            max-width: 780px;\r\n            margin: 60px auto 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .fontib-pricing-faq-item {\r\n            background: var(--fontib-pricing-card-bg);\r\n            border: 1px solid var(--fontib-pricing-card-border);\r\n            border-radius: var(--fontib-pricing-radius-sm);\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n            overflow: hidden;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-faq-item:hover {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.3);\r\n        }\r\n\r\n        .fontib-pricing-faq-item.active {\r\n            border-color: rgba(var(--fontib-pricing-secondary-rgb), 0.4);\r\n            box-shadow: 0 4px 20px rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n        }\r\n\r\n        .fontib-pricing-faq-question {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            width: 100%;\r\n            padding: 20px 24px;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            text-align: left;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-faq-question span {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .fontib-pricing-faq-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            min-width: 32px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 8px;\r\n            background: rgba(var(--fontib-pricing-primary-rgb), 0.08);\r\n            border: 1px solid rgba(var(--fontib-pricing-primary-rgb), 0.12);\r\n            color: var(--fontib-pricing-secondary);\r\n            font-size: 18px;\r\n            transition: var(--fontib-pricing-transition);\r\n        }\r\n\r\n        .fontib-pricing-faq-item.active .fontib-pricing-faq-icon {\r\n            transform: rotate(180deg);\r\n            background: rgba(var(--fontib-pricing-secondary-rgb), 0.15);\r\n        }\r\n\r\n        .fontib-pricing-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.4s ease, padding 0.3s ease;\r\n        }\r\n\r\n        .fontib-pricing-faq-answer-inner {\r\n            padding: 0 24px 20px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.75;\r\n        }\r\n\r\n        .fontib-pricing-faq-item.active .fontib-pricing-faq-answer {\r\n            max-height: 300px;\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\r\n           7. FINAL CTA\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 *\/\r\n        .fontib-pricing-cta-section {\r\n            padding: 120px 0;\r\n            position: relative;\r\n            background: linear-gradient(160deg, #f8fafc 0%, #e8f0fe 50%, #dce8f8 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-cta-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 700px;\r\n            height: 700px;\r\n            background: radial-gradient(circle, rgba(var(--fontib-pricing-primary-rgb), 0.1) 0%, transparent 65%);\r\n            border-radius: 50%;\r\n            animation: fontib-pricing-float 8s ease-in-out infinite;\r\n        }\r\n\r\n        .fontib-pricing-cta-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            text-align: center;\r\n        }\r\n\r\n        .fontib-pricing-cta-title {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: clamp(30px, 4.5vw, 50px);\r\n            font-weight: 900;\r\n            color: var(--fontib-pricing-text-primary);\r\n            line-height: 1.15;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .fontib-pricing-cta-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 17px;\r\n            color: var(--fontib-pricing-text-secondary);\r\n            line-height: 1.7;\r\n            max-width: 550px;\r\n            margin: 0 auto 36px;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 18px 44px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            color: #fff;\r\n            background: linear-gradient(90deg, rgb(0, 62, 164), rgb(24, 92, 201));\r\n            border: 1px solid rgba(255, 255, 255, 0.12);\r\n            border-radius: 60px;\r\n            cursor: pointer;\r\n            transition: var(--fontib-pricing-transition);\r\n            box-shadow:\r\n                0 6px 25px rgba(var(--fontib-pricing-primary-rgb), 0.35),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n            text-decoration: none;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.15) 50%, transparent 60%);\r\n            transform: translateX(-100%);\r\n            transition: transform 0.6s ease;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn:hover {\r\n            transform: translateY(-3px) scale(1.03);\r\n            box-shadow:\r\n                0 12px 40px rgba(var(--fontib-pricing-primary-rgb), 0.5),\r\n                inset 0 1px 0 rgba(255, 255, 255, 0.15);\r\n            color: #fff;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn:hover::before {\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .fontib-pricing-cta-btn i {\r\n            font-size: 20px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .fontib-pricing-cta-btn:hover i {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        .fontib-pricing-cta-trust {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            margin-top: 20px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            color: var(--fontib-pricing-text-muted);\r\n        }\r\n\r\n        .fontib-pricing-cta-trust i {\r\n            color: #22c55e;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* \u2500\u2500 Responsive adjustments \u2500\u2500 *\/\r\n        @media (max-width: 575.98px) {\r\n            .fontib-pricing-section {\r\n                padding: 70px 0;\r\n            }\r\n\r\n            .fontib-pricing-hero {\r\n                padding: 100px 0 70px;\r\n            }\r\n\r\n            .fontib-pricing-card {\r\n                padding: 28px 22px 26px;\r\n            }\r\n\r\n            .fontib-pricing-amount {\r\n                font-size: 44px;\r\n            }\r\n\r\n            .fontib-pricing-cta-section {\r\n                padding: 80px 0;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\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. 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=\"fontib-pricing-hero\">\r\n        <div class=\"fontib-pricing-shape fontib-pricing-shape-1\"><\/div>\r\n        <div class=\"fontib-pricing-shape fontib-pricing-shape-2\"><\/div>\r\n        <div class=\"fontib-pricing-shape fontib-pricing-shape-3\"><\/div>\r\n\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-hero-content\" data-aos=\"fade-up\" data-aos-duration=\"800\">\r\n                <h1 class=\"fontib-pricing-hero-title\">\r\n                    Flexible Pricing for<br>Every <span>Font Creator<\/span>\r\n                <\/h1>\r\n                <p class=\"fontib-pricing-hero-subtitle\">\r\n                    Choose a plan that fits your workflow and budget\u2014start creating custom fonts instantly.\r\n                <\/p>\r\n\r\n                <div class=\"fontib-pricing-toggle-wrap\">\r\n                    <span class=\"fontib-pricing-toggle-label active\" id=\"toggleMonthly\">Monthly<\/span>\r\n                    <button class=\"fontib-pricing-toggle\" id=\"billingToggle\"\r\n                        aria-label=\"Toggle billing period\"><\/button>\r\n                    <span class=\"fontib-pricing-toggle-label\" id=\"toggleYearly\">Yearly<\/span>\r\n                    <span class=\"fontib-pricing-save-badge\">Save 20%<\/span>\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. PRICING 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=\"fontib-pricing-table-section fontib-pricing-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-grid\">\r\n\r\n                <!-- FREE -->\r\n                <div class=\"fontib-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"fontib-pricing-plan-icon\">\r\n                        <i class='bx bx-font'><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"fontib-pricing-plan-name\">Free<\/h4>\r\n                    <p class=\"fontib-pricing-plan-desc\">Perfect for exploring font creation basics.<\/p>\r\n                    <div class=\"fontib-pricing-price-wrap\">\r\n                        <span class=\"fontib-pricing-currency\">$<\/span>\r\n                        <span class=\"fontib-pricing-amount\" data-monthly=\"0\" data-yearly=\"0\">0<\/span>\r\n                        <span class=\"fontib-pricing-period\">\/month<\/span>\r\n                    <\/div>\r\n                    <ul class=\"fontib-pricing-features\">\r\n                        <li><i class='bx bx-check'><\/i> 1 font project<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Basic glyph editor<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Export to OTF format<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Community support<\/li>\r\n                        <li><i class='bx bx-x'><\/i> <span style=\"opacity:0.4\">Cloud storage<\/span><\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"fontib-pricing-btn fontib-pricing-btn-outline\">Get Started Free <i\r\n                            class='bx bx-arrow-right'><\/i><\/a>\r\n                <\/div>\r\n\r\n                <!-- PRO (Popular) -->\r\n                <div class=\"fontib-pricing-card fontib-pricing-card-popular\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"fontib-pricing-badge\">\r\n                        <i class='bx bx-star'><\/i> Most Popular\r\n                    <\/div>\r\n                    <div class=\"fontib-pricing-plan-icon\"\r\n                        style=\"background: linear-gradient(135deg, rgba(24,92,201,0.25), rgba(0,62,164,0.15)); border-color: rgba(24,92,201,0.35);\">\r\n                        <i class='bx bx-crown'><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"fontib-pricing-plan-name\">Pro<\/h4>\r\n                    <p class=\"fontib-pricing-plan-desc\">For professional type designers & studios.<\/p>\r\n                    <div class=\"fontib-pricing-price-wrap\">\r\n                        <span class=\"fontib-pricing-currency\">$<\/span>\r\n                        <span class=\"fontib-pricing-amount\" data-monthly=\"49\" data-yearly=\"39\">49<\/span>\r\n                        <span class=\"fontib-pricing-price-original\" data-monthly-hide data-yearly=\"$49\">$49<\/span>\r\n                        <span class=\"fontib-pricing-period\">\/month<\/span>\r\n                    <\/div>\r\n                    <ul class=\"fontib-pricing-features\">\r\n                        <li><i class='bx bx-check'><\/i> Unlimited font projects<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Real-time collaborative editing<\/li>\r\n                        <li><i class='bx bx-check'><\/i> All export formats + variable fonts<\/li>\r\n                        <li><i class='bx bx-check'><\/i> 20 GB cloud storage<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Priority support & tutorials<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"fontib-pricing-btn\">Start Free Trial <i class='bx bx-arrow-right'><\/i><\/a>\r\n                <\/div>\r\n\r\n                <!-- ENTERPRISE -->\r\n                <div class=\"fontib-pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"fontib-pricing-plan-icon\">\r\n                        <i class='bx bx-building-house'><\/i>\r\n                    <\/div>\r\n                    <h4 class=\"fontib-pricing-plan-name\">Enterprise<\/h4>\r\n                    <p class=\"fontib-pricing-plan-desc\">Custom solutions for teams & agencies.<\/p>\r\n                    <div class=\"fontib-pricing-price-wrap\">\r\n                        <span class=\"fontib-pricing-currency\">$<\/span>\r\n                        <span class=\"fontib-pricing-amount\" data-monthly=\"99\" data-yearly=\"79\">99<\/span>\r\n                        <span class=\"fontib-pricing-price-original\" data-monthly-hide data-yearly=\"$99\">$99<\/span>\r\n                        <span class=\"fontib-pricing-period\">\/month<\/span>\r\n                    <\/div>\r\n                    <ul class=\"fontib-pricing-features\">\r\n                        <li><i class='bx bx-check'><\/i> Everything in Pro<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Team management & roles<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Custom branding & white-label<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Unlimited cloud storage<\/li>\r\n                        <li><i class='bx bx-check'><\/i> Dedicated account manager<\/li>\r\n                    <\/ul>\r\n                    <a href=\"#\" class=\"fontib-pricing-btn fontib-pricing-btn-outline\">Contact Sales <i\r\n                            class='bx bx-arrow-right'><\/i><\/a>\r\n                <\/div>\r\n\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. FEATURE HIGHLIGHTS\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=\"fontib-pricing-features-section fontib-pricing-section fontib-pricing-section-alt\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-sparkles'><\/i> Premium Features\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Why Upgrade Your Plan?<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    Unlock powerful tools designed to streamline your font creation workflow from sketch to final\r\n                    export.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-features-grid\">\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-cloud'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Cloud Storage<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Access your font projects from anywhere with secure, synced\r\n                        cloud storage across all devices.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-bolt-circle'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Real-Time Editing<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">See changes instantly as you draw glyphs with our\r\n                        GPU-accelerated real-time rendering engine.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-group'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Collaboration<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Invite team members, assign glyph ranges, and work\r\n                        simultaneously on the same font file.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-headphone'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Premium Support<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Get priority help from type design experts with faster\r\n                        response times and dedicated guidance.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-export'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Advanced Export<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Export to OTF, TTF, WOFF2, SVG and variable fonts with full\r\n                        OpenType feature support for any platform.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-feature-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <div class=\"fontib-pricing-feature-icon\">\r\n                        <i class='bx bx-palette'><\/i>\r\n                    <\/div>\r\n                    <h5 class=\"fontib-pricing-feature-title\">Custom Branding<\/h5>\r\n                    <p class=\"fontib-pricing-feature-text\">Add your own branding, custom metadata, and licensing details\r\n                        to every font you create and distribute.<\/p>\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. 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=\"fontib-pricing-comparison-section fontib-pricing-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-table'><\/i> Detailed Comparison\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Compare All Plans<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    See exactly what's included in each plan to make the best decision for your needs.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-comparison-wrap\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                <div class=\"fontib-pricing-comparison-table-wrap\">\r\n                    <table class=\"fontib-pricing-comparison-table\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th>Feature<\/th>\r\n                                <th>Free<\/th>\r\n                                <th class=\"col-popular\">Pro<\/th>\r\n                                <th>Enterprise<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Projects & Editing<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Font projects<\/td>\r\n                                <td>1<\/td>\r\n                                <td class=\"col-popular\">Unlimited<\/td>\r\n                                <td>Unlimited<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Glyph editor<\/td>\r\n                                <td>Basic<\/td>\r\n                                <td class=\"col-popular\">Advanced<\/td>\r\n                                <td>Advanced<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>OpenType features<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Variable font support<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Export & Formats<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>OTF export<\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>TTF export<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>WOFF2 (web fonts)<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>SVG font export<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Storage & Collaboration<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Cloud storage<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\">20 GB<\/td>\r\n                                <td>Unlimited<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Real-time collaboration<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Team management<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n\r\n                            <tr class=\"fontib-pricing-cat-row\">\r\n                                <td colspan=\"4\">Support<\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Community forum<\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Email support<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                            <tr>\r\n                                <td>Dedicated account manager<\/td>\r\n                                <td><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td class=\"col-popular\"><i class='bx bx-x fontib-pricing-cross'><\/i><\/td>\r\n                                <td><i class='bx bx-check fontib-pricing-check'><\/i><\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\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. TESTIMONIALS\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=\"fontib-pricing-testimonials-section fontib-pricing-section fontib-pricing-section-alt\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-message-rounded-dots'><\/i> Testimonials\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Loved by Font Creators<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    Hear from designers and studios who trust Fontib for their typeface projects.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-testimonials-grid\">\r\n                <div class=\"fontib-pricing-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <div class=\"fontib-pricing-testimonial-stars\">\r\n                        <i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i\r\n                            class='bx bx-star'><\/i><i class='bx bx-star'><\/i>\r\n                    <\/div>\r\n                    <p class=\"fontib-pricing-testimonial-quote\">\r\n                        \"Fontib's Pro plan completely changed my workflow. The real-time collaboration feature let me\r\n                        work with my team across three time zones without any conflicts.\"\r\n                    <\/p>\r\n                    <div class=\"fontib-pricing-testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fontib.com\/wp-content\/uploads\/2023\/05\/md-b.jpg\" alt=\"Sarah Mitchell\"\r\n                            class=\"fontib-pricing-testimonial-avatar\">\r\n                        <div>\r\n                            <div class=\"fontib-pricing-testimonial-name\">Sarah Mitchell<\/div>\r\n                            <div class=\"fontib-pricing-testimonial-role\">Type Designer, Glyphic Studio<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"fontib-pricing-testimonial-stars\">\r\n                        <i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i\r\n                            class='bx bx-star'><\/i><i class='bx bx-star'><\/i>\r\n                    <\/div>\r\n                    <p class=\"fontib-pricing-testimonial-quote\">\r\n                        \"We switched from three separate tools to just Fontib Enterprise. The variable font export alone\r\n                        saved us hundreds of hours per project. Absolutely worth it.\"\r\n                    <\/p>\r\n                    <div class=\"fontib-pricing-testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fontib.com\/wp-content\/uploads\/2023\/05\/md-a.jpg\" alt=\"Marcus Chen\"\r\n                            class=\"fontib-pricing-testimonial-avatar\">\r\n                        <div>\r\n                            <div class=\"fontib-pricing-testimonial-name\">Marcus Chen<\/div>\r\n                            <div class=\"fontib-pricing-testimonial-role\">Creative Director, Typefoundry Co.<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-testimonial-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"fontib-pricing-testimonial-stars\">\r\n                        <i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i class='bx bx-star'><\/i><i\r\n                            class='bx bx-star'><\/i><i class='bx bx-star'><\/i>\r\n                    <\/div>\r\n                    <p class=\"fontib-pricing-testimonial-quote\">\r\n                        \"Started with the free plan to learn the basics, then upgraded to Starter within a week. The\r\n                        WOFF2 export made it so easy to test my fonts on the web instantly.\"\r\n                    <\/p>\r\n                    <div class=\"fontib-pricing-testimonial-author\">\r\n                        <img decoding=\"async\" src=\"https:\/\/fontib.com\/wp-content\/uploads\/2026\/05\/profile1.jpg\" alt=\"Emily Rodriguez\"\r\n                            class=\"fontib-pricing-testimonial-avatar\">\r\n                        <div>\r\n                            <div class=\"fontib-pricing-testimonial-name\">Emily Rodriguez<\/div>\r\n                            <div class=\"fontib-pricing-testimonial-role\">Freelance Font Designer<\/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         6. FAQ 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=\"fontib-pricing-faq-section fontib-pricing-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-text-center\" data-aos=\"fade-up\">\r\n                <span class=\"fontib-pricing-section-label\">\r\n                    <i class='bx bx-help-circle'><\/i> FAQ\r\n                <\/span>\r\n                <h2 class=\"fontib-pricing-section-title\">Frequently Asked Questions<\/h2>\r\n                <p class=\"fontib-pricing-section-subtitle fontib-pricing-mx-auto\">\r\n                    Everything you need to know about our pricing and plans.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"fontib-pricing-faq-list\">\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Can I switch between monthly and yearly billing?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Yes, you can switch your billing cycle at any time from your account settings. When\r\n                            upgrading from monthly to yearly, we'll prorate the remaining balance. When downgrading, the\r\n                            change takes effect at the end of your current billing period.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>What are the limitations of the free trial?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            The 14-day free trial gives you full access to your chosen plan's features, including all\r\n                            export formats and cloud storage. No credit card is required to start. When the trial ends,\r\n                            you can choose to subscribe or continue with the free plan.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Do I own the fonts I create?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Absolutely. You retain 100% ownership and all intellectual property rights to every font you\r\n                            create with Fontib, regardless of your plan. We never claim any rights to your work.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>How does the Enterprise custom plan work?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Enterprise plans are tailored to your organization's specific needs. This may include custom\r\n                            storage limits, SSO integration, white-label options, custom SLAs, and volume pricing.\r\n                            Contact our sales team to discuss your requirements and get a personalized quote.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Can I cancel my subscription at any time?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Yes, you can cancel your subscription at any time with no penalties. Your access continues\r\n                            until the end of the current billing period. All your font projects will remain accessible\r\n                            in read-only mode, and you can export them anytime.\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"fontib-pricing-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n                    <button class=\"fontib-pricing-faq-question\" aria-expanded=\"false\">\r\n                        <span>Is there a discount for students or educators?<\/span>\r\n                        <span class=\"fontib-pricing-faq-icon\"><i class='bx bx-chevron-down'><\/i><\/span>\r\n                    <\/button>\r\n                    <div class=\"fontib-pricing-faq-answer\">\r\n                        <div class=\"fontib-pricing-faq-answer-inner\">\r\n                            Yes! We offer a 50% discount on all paid plans for verified students and educators. Simply\r\n                            sign up with your .edu email address or submit proof of enrollment through our support\r\n                            portal, and the discount will be applied automatically.\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         7. FINAL CTA\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=\"fontib-pricing-cta-section\">\r\n        <div class=\"fontib-pricing-wrapper\">\r\n            <div class=\"fontib-pricing-cta-content\" data-aos=\"zoom-in\" data-aos-duration=\"700\">\r\n                <h2 class=\"fontib-pricing-cta-title\">Start Creating Your Fonts Today<\/h2>\r\n                <p class=\"fontib-pricing-cta-text\">\r\n                    Join thousands of font creators who build professional typefaces with Fontib. No credit card\r\n                    required to get started.\r\n                <\/p>\r\n                <a href=\"#\" class=\"fontib-pricing-cta-btn\">\r\n                    Get Started Free <i class='bx bx-right-arrow-alt'><\/i>\r\n                <\/a>\r\n                <div class=\"fontib-pricing-cta-trust\">\r\n                    <i class='bx bx-shield-check'><\/i>\r\n                    14-day free trial \u00a0\u00b7\u00a0 No credit card required \u00a0\u00b7\u00a0 Cancel anytime\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <script>\r\n\r\n        \/\/ \u2500\u2500 Billing Toggle \u2500\u2500\r\n        const billingToggle = document.getElementById('billingToggle');\r\n        const toggleMonthly = document.getElementById('toggleMonthly');\r\n        const toggleYearly = document.getElementById('toggleYearly');\r\n        let isYearly = false;\r\n\r\n        billingToggle.addEventListener('click', function () {\r\n            isYearly = !isYearly;\r\n            this.classList.toggle('active', isYearly);\r\n            toggleMonthly.classList.toggle('active', !isYearly);\r\n            toggleYearly.classList.toggle('active', isYearly);\r\n\r\n            document.querySelectorAll('.fontib-pricing-amount').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            document.querySelectorAll('.fontib-pricing-price-original').forEach(el => {\r\n                if (isYearly) {\r\n                    el.style.display = '';\r\n                } else {\r\n                    el.style.display = 'none';\r\n                }\r\n            });\r\n\r\n            document.querySelectorAll('.fontib-pricing-period').forEach(el => {\r\n                el.textContent = isYearly ? '\/month (billed yearly)' : '\/month';\r\n            });\r\n        });\r\n\r\n        \/\/ Hide original prices initially (monthly mode)\r\n        document.querySelectorAll('.fontib-pricing-price-original').forEach(el => {\r\n            el.style.display = 'none';\r\n        });\r\n\r\n        \/\/ \u2500\u2500 FAQ Accordion \u2500\u2500\r\n        document.querySelectorAll('.fontib-pricing-faq-question').forEach(btn => {\r\n            btn.addEventListener('click', function () {\r\n                const item = this.closest('.fontib-pricing-faq-item');\r\n                const isActive = item.classList.contains('active');\r\n\r\n                \/\/ Close all\r\n                document.querySelectorAll('.fontib-pricing-faq-item').forEach(faq => {\r\n                    faq.classList.remove('active');\r\n                    faq.querySelector('.fontib-pricing-faq-question').setAttribute('aria-expanded', 'false');\r\n                });\r\n\r\n                \/\/ Open clicked if wasn't active\r\n                if (!isActive) {\r\n                    item.classList.add('active');\r\n                    this.setAttribute('aria-expanded', 'true');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ \u2500\u2500 3D Tilt Effect on Pricing Cards \u2500\u2500\r\n        document.querySelectorAll('.fontib-pricing-card, .fontib-pricing-feature-card, .fontib-pricing-testimonial-card').forEach(card => {\r\n            card.addEventListener('mousemove', function (e) {\r\n                const rect = this.getBoundingClientRect();\r\n                const x = e.clientX - rect.left;\r\n                const y = e.clientY - rect.top;\r\n                const centerX = rect.width \/ 2;\r\n                const centerY = rect.height \/ 2;\r\n                const rotateX = ((y - centerY) \/ centerY) * -4;\r\n                const rotateY = ((x - centerX) \/ centerX) * 4;\r\n\r\n                this.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateZ(15px)`;\r\n            });\r\n\r\n            card.addEventListener('mouseleave', function () {\r\n                this.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0)';\r\n            });\r\n        });\r\n    <\/script>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-3667","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/3667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/comments?post=3667"}],"version-history":[{"count":4,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/3667\/revisions"}],"predecessor-version":[{"id":3709,"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/pages\/3667\/revisions\/3709"}],"wp:attachment":[{"href":"https:\/\/fontib.com\/wp-json\/wp\/v2\/media?parent=3667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}