{"id":31,"date":"2026-02-17T08:42:54","date_gmt":"2026-02-17T08:42:54","guid":{"rendered":"https:\/\/teradowntech.com\/?page_id=31"},"modified":"2026-08-11T03:47:54","modified_gmt":"2026-08-11T03:47:54","slug":"pricing","status":"publish","type":"page","link":"https:\/\/teradowntech.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;]    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        \/* ===================================\r\n           TeraDownTech Design System - White Background\r\n           =================================== *\/\r\n\r\n        :root {\r\n            \/* Color Palette - Updated for White Background *\/\r\n            --tb-bg-color: #ffffff;\r\n            --tb-section-bg: #f8f9fa;\r\n            --tb-primary-color: #4a148c;\r\n            --tb-secondary-color: #6a1b9a;\r\n            \r\n            \/* Accent Colors - Keeping Original Brand Colors *\/\r\n            --tb-accent-orange: #FF9800;\r\n            --tb-accent-orange-dark: #F57C00;\r\n            --tb-accent-cyan: #00BCD4;\r\n            --tb-accent-cyan-dark: #0097A7;\r\n            --tb-accent-green: #4CAF50;\r\n            --tb-accent-green-dark: #388E3C;\r\n            \r\n            \/* Text Colors - Updated for White Background *\/\r\n            --tb-text-primary: #212121;\r\n            --tb-text-secondary: #424242;\r\n            --tb-text-muted: #757575;\r\n            --tb-text-disabled: #bdbdbd;\r\n            \r\n            \/* Card & Component Colors *\/\r\n            --tb-card-bg: #ffffff;\r\n            --tb-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            --tb-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n            --tb-border-color: #e0e0e0;\r\n            --tb-border-light: #f0f0f0;\r\n            \r\n            \/* Typography *\/\r\n            --tb-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            --tb-font-size-xs: 14px;\r\n            --tb-font-size-sm: 16px;\r\n            --tb-font-size-base: 18px;\r\n            --tb-font-size-lg: 20px;\r\n            --tb-font-size-xl: 24px;\r\n            --tb-font-size-2xl: 32px;\r\n            --tb-font-size-3xl: 36px;\r\n            --tb-font-size-4xl: 42px;\r\n            --tb-font-weight-normal: 400;\r\n            --tb-font-weight-medium: 500;\r\n            --tb-font-weight-semibold: 600;\r\n            --tb-font-weight-bold: 700;\r\n            --tb-font-weight-extrabold: 800;\r\n            --tb-line-height-normal: 1.6;\r\n            \r\n            \/* Spacing *\/\r\n            --tb-space-1: 4px;\r\n            --tb-space-2: 8px;\r\n            --tb-space-3: 12px;\r\n            --tb-space-4: 16px;\r\n            --tb-space-5: 20px;\r\n            --tb-space-6: 24px;\r\n            --tb-space-8: 32px;\r\n            --tb-space-10: 40px;\r\n            --tb-space-12: 48px;\r\n            --tb-space-16: 64px;\r\n            --tb-space-20: 80px;\r\n            \r\n            \/* Border Radius *\/\r\n            --tb-radius-sm: 8px;\r\n            --tb-radius-md: 12px;\r\n            --tb-radius-lg: 16px;\r\n            --tb-radius-xl: 20px;\r\n            --tb-radius-full: 50%;\r\n            \r\n            \/* Transitions *\/\r\n            --tb-transition-fast: 0.2s ease;\r\n            --tb-transition-normal: 0.3s ease;\r\n            --tb-transition-slow: 0.4s ease;\r\n        }\r\n\r\n        \/* ===================================\r\n           Base Styles\r\n           =================================== *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--tb-font-family);\r\n            background-color: var(--tb-bg-color);\r\n            color: var(--tb-text-primary);\r\n            line-height: var(--tb-line-height-normal);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===================================\r\n           Section Styles\r\n           =================================== *\/\r\n\r\n        .tb-section {\r\n            padding: var(--tb-space-16) 0;\r\n        }\r\n\r\n        .tb-section:nth-child(even) {\r\n            background-color: var(--tb-section-bg);\r\n        }\r\n\r\n        .tb-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 var(--tb-space-4);\r\n        }\r\n\r\n        .tb-section-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            margin-bottom: var(--tb-space-4);\r\n            text-align: center;\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-section-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: var(--tb-text-secondary);\r\n            margin-bottom: var(--tb-space-10);\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tb-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .tb-grid {\r\n            display: grid;\r\n            gap: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-grid-2 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-3 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-4 {\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        }\r\n\r\n        \/* ===================================\r\n           Component Styles\r\n           =================================== *\/\r\n\r\n        \/* Buttons *\/\r\n        .tb-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-2);\r\n            padding: 12px 24px;\r\n            border-radius: var(--tb-radius-md);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            font-size: var(--tb-font-size-base);\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all var(--tb-transition-normal);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-btn-primary {\r\n            background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(0, 188, 212, 0.3);\r\n        }\r\n\r\n        .tb-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(0, 188, 212, 0.4);\r\n        }\r\n\r\n        .tb-btn-secondary {\r\n            background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\r\n        }\r\n\r\n        .tb-btn-secondary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\r\n        }\r\n\r\n        .tb-btn-success {\r\n            background: linear-gradient(135deg, var(--tb-accent-green), var(--tb-accent-green-dark));\r\n            color: white;\r\n        }\r\n\r\n        .tb-btn-success:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\r\n        }\r\n\r\n        .tb-btn-outline {\r\n            background: transparent;\r\n            color: var(--tb-accent-orange);\r\n            border: 2px solid var(--tb-accent-orange);\r\n        }\r\n\r\n        .tb-btn-outline:hover {\r\n            background: var(--tb-accent-orange);\r\n            color: white;\r\n        }\r\n\r\n        \/* ===================================\r\n           Pricing Page Specific Styles\r\n           =================================== *\/\r\n\r\n        \/* Hero Section *\/\r\n        .tb-hero-section {\r\n            background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-hero-content {\r\n            text-align: center;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .tb-hero-title {\r\n            font-size: var(--tb-font-size-4xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            margin-bottom: var(--tb-space-6);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .tb-hero-description {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: var(--tb-space-10);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Pricing Toggle *\/\r\n        .tb-pricing-toggle {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin: var(--tb-space-8) 0;\r\n            gap: var(--tb-space-4);\r\n        }\r\n\r\n        .tb-toggle-label {\r\n            font-size: var(--tb-font-size-base);\r\n            font-weight: var(--tb-font-weight-medium);\r\n            color: var(--tb-text-secondary);\r\n            padding: var(--tb-space-2) var(--tb-space-4);\r\n            border-radius: var(--tb-radius-md);\r\n            cursor: pointer;\r\n            transition: all var(--tb-transition-normal);\r\n        }\r\n\r\n        .tb-toggle-label.active {\r\n            background-color: rgba(255, 152, 0, 0.1);\r\n            color: var(--tb-accent-orange);\r\n        }\r\n\r\n        .tb-toggle-save {\r\n            font-size: var(--tb-font-size-sm);\r\n            color: var(--tb-accent-green);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n        }\r\n\r\n        \/* Pricing Plans *\/\r\n        .tb-pricing-plans {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: var(--tb-space-8);\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-pricing-card {\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            padding: var(--tb-space-8);\r\n            text-align: center;\r\n            transition: all var(--tb-transition-normal);\r\n            border: 1px solid var(--tb-border-light);\r\n            box-shadow: var(--tb-card-shadow);\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .tb-pricing-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--tb-card-hover-shadow);\r\n        }\r\n\r\n        .tb-pricing-card.featured {\r\n            border: 2px solid var(--tb-accent-orange);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .tb-pricing-card.featured:hover {\r\n            transform: scale(1.05) translateY(-5px);\r\n        }\r\n\r\n        .tb-pricing-card.featured::before {\r\n            content: \"Most Popular\";\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -35px;\r\n            background: var(--tb-accent-orange);\r\n            color: white;\r\n            font-size: var(--tb-font-size-sm);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            padding: var(--tb-space-1) var(--tb-space-6);\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .tb-pricing-badge {\r\n            display: inline-block;\r\n            background-color: rgba(0, 188, 212, 0.1);\r\n            color: var(--tb-accent-cyan);\r\n            font-size: var(--tb-font-size-sm);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            padding: var(--tb-space-2) var(--tb-space-4);\r\n            border-radius: var(--tb-radius-full);\r\n            margin-bottom: var(--tb-space-4);\r\n        }\r\n\r\n        .tb-pricing-name {\r\n            font-size: var(--tb-font-size-2xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            margin-bottom: var(--tb-space-2);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-pricing-subtitle {\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-muted);\r\n            margin-bottom: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-pricing-price {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            color: var(--tb-primary-color);\r\n            margin-bottom: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-pricing-price span {\r\n            font-size: var(--tb-font-size-base);\r\n            font-weight: var(--tb-font-weight-normal);\r\n            color: var(--tb-text-secondary);\r\n        }\r\n\r\n        .tb-pricing-features {\r\n            list-style: none;\r\n            margin-bottom: var(--tb-space-8);\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .tb-pricing-features li {\r\n            padding: var(--tb-space-3) 0;\r\n            color: var(--tb-text-secondary);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-3);\r\n        }\r\n\r\n        .tb-pricing-features li i {\r\n            color: var(--tb-accent-green);\r\n            font-size: var(--tb-font-size-sm);\r\n        }\r\n\r\n        \/* Comparison Table *\/\r\n        .tb-comparison-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-top: var(--tb-space-10);\r\n            box-shadow: var(--tb-card-shadow);\r\n            border-radius: var(--tb-radius-lg);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-comparison-table th,\r\n        .tb-comparison-table td {\r\n            padding: var(--tb-space-4) !important;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--tb-border-light);\r\n        }\r\n\r\n        .tb-comparison-table th {\r\n            background-color: rgba(0, 188, 212, 0.1);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-comparison-table tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .tb-comparison-table .feature-name {\r\n            text-align: left;\r\n            font-weight: var(--tb-font-weight-medium);\r\n        }\r\n\r\n        .tb-comparison-table .check-icon {\r\n            color: var(--tb-accent-green);\r\n            font-size: var(--tb-font-size-lg);\r\n        }\r\n\r\n        .tb-comparison-table .x-icon {\r\n            color: var(--tb-text-muted);\r\n            font-size: var(--tb-font-size-lg);\r\n        }\r\n\r\n        \/* Why Choose Paid Plans *\/\r\n        .tb-paid-benefits {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: var(--tb-space-6);\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-benefit-item {\r\n            text-align: center;\r\n            padding: var(--tb-space-6);\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            box-shadow: var(--tb-card-shadow);\r\n            transition: all var(--tb-transition-normal);\r\n        }\r\n\r\n        .tb-benefit-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--tb-card-hover-shadow);\r\n        }\r\n\r\n        .tb-benefit-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: var(--tb-radius-full);\r\n            background-color: rgba(255, 152, 0, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto var(--tb-space-4);\r\n            font-size: 24px;\r\n            color: var(--tb-accent-orange);\r\n        }\r\n\r\n        .tb-benefit-title {\r\n            font-size: var(--tb-font-size-lg);\r\n            margin-bottom: var(--tb-space-2);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-benefit-description {\r\n            color: var(--tb-text-muted);\r\n            font-size: var(--tb-font-size-sm);\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .tb-faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-faq-item {\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            margin-bottom: var(--tb-space-4);\r\n            border: 1px solid var(--tb-border-light);\r\n            overflow: hidden;\r\n            transition: all var(--tb-transition-normal);\r\n            box-shadow: var(--tb-card-shadow);\r\n        }\r\n\r\n        .tb-faq-item:hover {\r\n            box-shadow: var(--tb-card-hover-shadow);\r\n        }\r\n\r\n        .tb-faq-item.active {\r\n            border-color: var(--tb-accent-cyan);\r\n            box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.1);\r\n        }\r\n\r\n        .tb-faq-question {\r\n            width: 100%;\r\n            padding: var(--tb-space-6);\r\n            background: none;\r\n            border: none;\r\n            text-align: left;\r\n            font-size: var(--tb-font-size-lg);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            color: var(--tb-text-primary);\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all var(--tb-transition-normal);\r\n            position: relative;\r\n        }\r\n\r\n        .tb-faq-question:hover {\r\n            color: var(--tb-accent-cyan);\r\n            background-color: rgba(0, 188, 212, 0.05);\r\n        }\r\n\r\n        .tb-faq-question i {\r\n            color: var(--tb-accent-cyan);\r\n            transition: transform var(--tb-transition-normal);\r\n            font-size: var(--tb-font-size-base);\r\n        }\r\n\r\n        .tb-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            opacity: 0;\r\n            transition: all var(--tb-transition-normal);\r\n            padding: 0 var(--tb-space-6);\r\n        }\r\n\r\n        .tb-faq-answer p {\r\n            padding: var(--tb-space-2) 0 var(--tb-space-6);\r\n            color: var(--tb-text-secondary);\r\n            line-height: 1.6;\r\n            font-size: var(--tb-font-size-base);\r\n        }\r\n\r\n        \/* Final CTA Section *\/\r\n        .tb-final-cta {\r\n            background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-final-cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tb-final-cta-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            color: white;\r\n            margin-bottom: var(--tb-space-4);\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .tb-final-cta-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: var(--tb-space-10);\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Animation Classes *\/\r\n        @keyframes fadeIn {\r\n            from { \r\n                opacity: 0; \r\n                transform: translateY(12px); \r\n            }\r\n            to { \r\n                opacity: 1; \r\n                transform: translateY(0); \r\n            }\r\n        }\r\n\r\n        .tb-fade-in {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.6s ease, transform 0.6s ease;\r\n        }\r\n\r\n        .tb-fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* ===================================\r\n           Responsive Design\r\n           =================================== *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-pricing-plans {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .tb-pricing-card.featured {\r\n                transform: scale(1);\r\n            }\r\n            \r\n            .tb-comparison-table {\r\n                font-size: var(--tb-font-size-sm);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tb-grid-2,\r\n            .tb-grid-3,\r\n            .tb-grid-4 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-3xl);\r\n            }\r\n            \r\n            .tb-pricing-plans {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .tb-comparison-table {\r\n                font-size: var(--tb-font-size-xs);\r\n            }\r\n            \r\n            .tb-comparison-table th,\r\n            .tb-comparison-table td {\r\n                padding: var(--tb-space-2);\r\n            }\r\n            \r\n            .tb-comparison-table .feature-name {\r\n                min-width: 120px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .tb-section {\r\n                padding: var(--tb-space-10) 0;\r\n            }\r\n            \r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-xl);\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-hero-description {\r\n                font-size: var(--tb-font-size-base);\r\n            }\r\n            \r\n            .tb-pricing-card {\r\n                padding: var(--tb-space-6);\r\n            }\r\n            \r\n            .tb-pricing-name {\r\n                font-size: var(--tb-font-size-xl);\r\n            }\r\n            \r\n            .tb-pricing-price {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"hero\" class=\"tb-section tb-hero-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-hero-content tb-fade-in\">\r\n                <h1 class=\"tb-hero-title\">Simple Pricing for TeraDownTech<\/h1>\r\n                <p class=\"tb-hero-description\">Choose a plan that fits your download needs. Whether you need occasional access or unlimited usage, TeraDownTech offers flexible options.<\/p>\r\n                <a href=\"#pricing-plans\" class=\"tb-btn tb-btn-secondary\">Get Started<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Toggle -->\r\n    <section id=\"pricing-toggle\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-pricing-toggle tb-fade-in\">\r\n                <span class=\"tb-toggle-label active\" id=\"monthly\">Monthly<\/span>\r\n                <span class=\"tb-toggle-label\" id=\"yearly\">Yearly<\/span>\r\n                <span class=\"tb-toggle-save\">Save 20%<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Plans Section -->\r\n    <section id=\"pricing-plans\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-pricing-plans\">\r\n                <!-- Free Plan -->\r\n                <div class=\"tb-pricing-card tb-fade-in\">\r\n                    <h3 class=\"tb-pricing-name\">Free<\/h3>\r\n                    <p class=\"tb-pricing-subtitle\">Best for casual users<\/p>\r\n                    <div class=\"tb-pricing-price\">$0<span>\/month<\/span><\/div>\r\n                    <ul class=\"tb-pricing-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> 5 downloads per day<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Standard processing speed<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> File information preview<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Basic streaming support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Ads supported<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/my-account\/\" class=\"tb-btn tb-btn-outline\">Start Free<\/a>\r\n                <\/div>\r\n\r\n                <!-- Pro Plan -->\r\n                <div class=\"tb-pricing-card featured tb-fade-in\">\r\n                    <h3 class=\"tb-pricing-name\">Pro<\/h3>\r\n                    <p class=\"tb-pricing-subtitle\">Best for regular users<\/p>\r\n                    <div class=\"tb-pricing-price monthly-price\">$9.99<span>\/month<\/span><\/div>\r\n                    <div class=\"tb-pricing-price yearly-price\" style=\"display: none;\">$7.99<span>\/month<\/span><\/div>\r\n                    <ul class=\"tb-pricing-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Unlimited downloads<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Faster processing speed<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Full video streaming support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Priority link handling<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> No ads<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Email support<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/my-account\/\" class=\"tb-btn tb-btn-secondary\">Upgrade to Pro<\/a>\r\n                <\/div>\r\n\r\n                <!-- Business Plan -->\r\n                <div class=\"tb-pricing-card tb-fade-in\">\r\n                    <h3 class=\"tb-pricing-name\">Business<\/h3>\r\n                    <p class=\"tb-pricing-subtitle\">Best for heavy users or teams<\/p>\r\n                    <div class=\"tb-pricing-price monthly-price\">$29.99<span>\/month<\/span><\/div>\r\n                    <div class=\"tb-pricing-price yearly-price\" style=\"display: none;\">$23.99<span>\/month<\/span><\/div>\r\n                    <ul class=\"tb-pricing-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Everything in Pro<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> High-volume download support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Advanced processing priority<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Dedicated support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Custom usage limits<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> API access<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/my-account\/\" class=\"tb-btn tb-btn-primary\">Contact Sales<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Feature Comparison Table -->\r\n    <section id=\"comparison\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Compare Features<\/h2>\r\n            <table class=\"tb-comparison-table tb-fade-in\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Feature<\/th>\r\n                        <th>Free<\/th>\r\n                        <th>Pro<\/th>\r\n                        <th>Business<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Download Limit<\/td>\r\n                        <td>5 per day<\/td>\r\n                        <td>Unlimited<\/td>\r\n                        <td>Unlimited<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Streaming Support<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Basic<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Full<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Full<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Processing Speed<\/td>\r\n                        <td>Standard<\/td>\r\n                        <td>Fast<\/td>\r\n                        <td>Priority<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Ads<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Yes<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Support<\/td>\r\n                        <td>Community<\/td>\r\n                        <td>Email<\/td>\r\n                        <td>Dedicated<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">API Access<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Yes<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Paid Plans Section -->\r\n    <section id=\"why-paid\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Why Choose Paid Plans<\/h2>\r\n            <div class=\"tb-paid-benefits\">\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-bolt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">Faster Link Processing<\/h3>\r\n                    <p class=\"tb-benefit-description\">Premium users get priority processing for faster downloads<\/p>\r\n                <\/div>\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-server\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">More Stable Downloads<\/h3>\r\n                    <p class=\"tb-benefit-description\">Enhanced infrastructure ensures reliable download generation<\/p>\r\n                <\/div>\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-ban\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">No Interruptions<\/h3>\r\n                    <p class=\"tb-benefit-description\">Enjoy an ad-free experience with paid plans<\/p>\r\n                <\/div>\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-headset\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">Dedicated Support<\/h3>\r\n                    <p class=\"tb-benefit-description\">Get help when you need it with priority customer support<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section id=\"faq\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Frequently Asked Questions<\/h2>\r\n            <div class=\"tb-faq-container\">\r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>How do I upgrade my plan?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>Upgrading is simple! Just click the \"Upgrade to Pro\" or \"Contact Sales\" button on our pricing page. For Pro plans, you can upgrade instantly online. For Business plans, our sales team will help you get set up.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>Can I cancel anytime?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>Yes, you can cancel your subscription at any time with no penalties. Your access will continue until the end of your current billing period, after which you won't be charged again.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>What payment methods are supported?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>We accept all major credit cards, debit cards, PayPal, and other popular payment methods. All payments are processed securely through our payment partners.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>Are refunds available?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>Yes, we offer a 14-day money-back guarantee for all paid plans. If you're not satisfied with our service, contact our support team within 14 days of purchase for a full refund.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Section -->\r\n    <section id=\"final-cta\" class=\"tb-section tb-final-cta\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-final-cta-content\">\r\n                <h2 class=\"tb-final-cta-title\">Ready to Unlock Full Access?<\/h2>\r\n                <p class=\"tb-final-cta-subtitle\">Upgrade your TeraDownTech experience today.<\/p>\r\n                <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\r\n                    <a href=\"#pricing-plans\" class=\"tb-btn tb-btn-secondary\">Choose Your Plan<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Fade-in animation on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.tb-fade-in').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Pricing toggle functionality\r\n        const monthlyToggle = document.getElementById('monthly');\r\n        const yearlyToggle = document.getElementById('yearly');\r\n        const monthlyPrices = document.querySelectorAll('.monthly-price');\r\n        const yearlyPrices = document.querySelectorAll('.yearly-price');\r\n\r\n        if (monthlyToggle && yearlyToggle) {\r\n            monthlyToggle.addEventListener('click', function() {\r\n                monthlyToggle.classList.add('active');\r\n                yearlyToggle.classList.remove('active');\r\n                \r\n                monthlyPrices.forEach(price => price.style.display = 'block');\r\n                yearlyPrices.forEach(price => price.style.display = 'none');\r\n            });\r\n\r\n            yearlyToggle.addEventListener('click', function() {\r\n                yearlyToggle.classList.add('active');\r\n                monthlyToggle.classList.remove('active');\r\n                \r\n                monthlyPrices.forEach(price => price.style.display = 'none');\r\n                yearlyPrices.forEach(price => price.style.display = 'block');\r\n            });\r\n        }\r\n\r\n        \/\/ FAQ Accordion functionality\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const faqItems = document.querySelectorAll('.tb-faq-item');\r\n            \r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.tb-faq-question');\r\n                const answer = item.querySelector('.tb-faq-answer');\r\n                const icon = question.querySelector('i');\r\n                \r\n                question.addEventListener('click', function() {\r\n                    const isActive = item.classList.contains('active');\r\n                    \r\n                    \/\/ Close all other FAQ items\r\n                    faqItems.forEach(otherItem => {\r\n                        if (otherItem !== item) {\r\n                            otherItem.classList.remove('active');\r\n                            otherItem.querySelector('.tb-faq-answer').style.maxHeight = '0';\r\n                            otherItem.querySelector('.tb-faq-answer').style.opacity = '0';\r\n                            otherItem.querySelector('i').style.transform = 'rotate(0deg)';\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle current item\r\n                    if (isActive) {\r\n                        item.classList.remove('active');\r\n                        answer.style.maxHeight = '0';\r\n                        answer.style.opacity = '0';\r\n                        icon.style.transform = 'rotate(0deg)';\r\n                    } else {\r\n                        item.classList.add('active');\r\n                        answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                        answer.style.opacity = '1';\r\n                        icon.style.transform = 'rotate(180deg)';\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>[\/et_pb_fullwidth_code][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        \/* ===================================\r\n           TeraDownTech Design System - White Background\r\n           =================================== *\/\r\n\r\n        :root {\r\n            \/* Color Palette - Updated for White Background *\/\r\n            --tb-bg-color: #ffffff;\r\n            --tb-section-bg: #f8f9fa;\r\n            --tb-primary-color: #4a148c;\r\n            --tb-secondary-color: #6a1b9a;\r\n            \r\n            \/* Accent Colors - Keeping Original Brand Colors *\/\r\n            --tb-accent-orange: #FF9800;\r\n            --tb-accent-orange-dark: #F57C00;\r\n            --tb-accent-cyan: #00BCD4;\r\n            --tb-accent-cyan-dark: #0097A7;\r\n            --tb-accent-green: #4CAF50;\r\n            --tb-accent-green-dark: #388E3C;\r\n            \r\n            \/* Text Colors - Updated for White Background *\/\r\n            --tb-text-primary: #212121;\r\n            --tb-text-secondary: #424242;\r\n            --tb-text-muted: #757575;\r\n            --tb-text-disabled: #bdbdbd;\r\n            \r\n            \/* Card & Component Colors *\/\r\n            --tb-card-bg: #ffffff;\r\n            --tb-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\r\n            --tb-card-hover-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\r\n            --tb-border-color: #e0e0e0;\r\n            --tb-border-light: #f0f0f0;\r\n            \r\n            \/* Typography *\/\r\n            --tb-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n            --tb-font-size-xs: 14px;\r\n            --tb-font-size-sm: 16px;\r\n            --tb-font-size-base: 18px;\r\n            --tb-font-size-lg: 20px;\r\n            --tb-font-size-xl: 24px;\r\n            --tb-font-size-2xl: 32px;\r\n            --tb-font-size-3xl: 36px;\r\n            --tb-font-size-4xl: 42px;\r\n            --tb-font-weight-normal: 400;\r\n            --tb-font-weight-medium: 500;\r\n            --tb-font-weight-semibold: 600;\r\n            --tb-font-weight-bold: 700;\r\n            --tb-font-weight-extrabold: 800;\r\n            --tb-line-height-normal: 1.6;\r\n            \r\n            \/* Spacing *\/\r\n            --tb-space-1: 4px;\r\n            --tb-space-2: 8px;\r\n            --tb-space-3: 12px;\r\n            --tb-space-4: 16px;\r\n            --tb-space-5: 20px;\r\n            --tb-space-6: 24px;\r\n            --tb-space-8: 32px;\r\n            --tb-space-10: 40px;\r\n            --tb-space-12: 48px;\r\n            --tb-space-16: 64px;\r\n            --tb-space-20: 80px;\r\n            \r\n            \/* Border Radius *\/\r\n            --tb-radius-sm: 8px;\r\n            --tb-radius-md: 12px;\r\n            --tb-radius-lg: 16px;\r\n            --tb-radius-xl: 20px;\r\n            --tb-radius-full: 50%;\r\n            \r\n            \/* Transitions *\/\r\n            --tb-transition-fast: 0.2s ease;\r\n            --tb-transition-normal: 0.3s ease;\r\n            --tb-transition-slow: 0.4s ease;\r\n        }\r\n\r\n        \/* ===================================\r\n           Base Styles\r\n           =================================== *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--tb-font-family);\r\n            background-color: var(--tb-bg-color);\r\n            color: var(--tb-text-primary);\r\n            line-height: var(--tb-line-height-normal);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ===================================\r\n           Section Styles\r\n           =================================== *\/\r\n\r\n        .tb-section {\r\n            padding: var(--tb-space-16) 0;\r\n        }\r\n\r\n        .tb-section:nth-child(even) {\r\n            background-color: var(--tb-section-bg);\r\n        }\r\n\r\n        .tb-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 var(--tb-space-4);\r\n        }\r\n\r\n        .tb-section-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            margin-bottom: var(--tb-space-4);\r\n            text-align: center;\r\n            color: var(--tb-primary-color);\r\n        }\r\n\r\n        .tb-section-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: var(--tb-text-secondary);\r\n            margin-bottom: var(--tb-space-10);\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .tb-text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .tb-grid {\r\n            display: grid;\r\n            gap: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-grid-2 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-3 {\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        }\r\n\r\n        .tb-grid-4 {\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n        }\r\n\r\n        \/* ===================================\r\n           Component Styles\r\n           =================================== *\/\r\n\r\n        \/* Buttons *\/\r\n        .tb-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-2);\r\n            padding: 12px 24px;\r\n            border-radius: var(--tb-radius-md);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            font-size: var(--tb-font-size-base);\r\n            text-decoration: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: all var(--tb-transition-normal);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-btn-primary {\r\n            background: linear-gradient(135deg, var(--tb-accent-cyan), var(--tb-accent-cyan-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(0, 188, 212, 0.3);\r\n        }\r\n\r\n        .tb-btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(0, 188, 212, 0.4);\r\n        }\r\n\r\n        .tb-btn-secondary {\r\n            background: linear-gradient(135deg, var(--tb-accent-orange), var(--tb-accent-orange-dark));\r\n            color: white;\r\n            box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3);\r\n        }\r\n\r\n        .tb-btn-secondary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(255, 152, 0, 0.4);\r\n        }\r\n\r\n        .tb-btn-success {\r\n            background: linear-gradient(135deg, var(--tb-accent-green), var(--tb-accent-green-dark));\r\n            color: white;\r\n        }\r\n\r\n        .tb-btn-success:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4);\r\n        }\r\n\r\n        .tb-btn-outline {\r\n            background: transparent;\r\n            color: var(--tb-accent-orange);\r\n            border: 2px solid var(--tb-accent-orange);\r\n        }\r\n\r\n        .tb-btn-outline:hover {\r\n            background: var(--tb-accent-orange);\r\n            color: white;\r\n        }\r\n\r\n        \/* ===================================\r\n           Pricing Page Specific Styles\r\n           =================================== *\/\r\n\r\n        \/* Hero Section *\/\r\n        .tb-hero-section {\r\n            background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-hero-content {\r\n            text-align: center;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .tb-hero-title {\r\n            font-size: var(--tb-font-size-4xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            margin-bottom: var(--tb-space-6);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .tb-hero-description {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: var(--tb-space-10);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Pricing Toggle *\/\r\n        .tb-pricing-toggle {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            margin: var(--tb-space-8) 0;\r\n            gap: var(--tb-space-4);\r\n        }\r\n\r\n        .tb-toggle-label {\r\n            font-size: var(--tb-font-size-base);\r\n            font-weight: var(--tb-font-weight-medium);\r\n            color: var(--tb-text-secondary);\r\n            padding: var(--tb-space-2) var(--tb-space-4);\r\n            border-radius: var(--tb-radius-md);\r\n            cursor: pointer;\r\n            transition: all var(--tb-transition-normal);\r\n        }\r\n\r\n        .tb-toggle-label.active {\r\n            background-color: rgba(255, 152, 0, 0.1);\r\n            color: var(--tb-accent-orange);\r\n        }\r\n\r\n        .tb-toggle-save {\r\n            font-size: var(--tb-font-size-sm);\r\n            color: var(--tb-accent-green);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n        }\r\n\r\n        \/* Pricing Plans *\/\r\n        .tb-pricing-plans {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: var(--tb-space-8);\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-pricing-card {\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            padding: var(--tb-space-8);\r\n            text-align: center;\r\n            transition: all var(--tb-transition-normal);\r\n            border: 1px solid var(--tb-border-light);\r\n            box-shadow: var(--tb-card-shadow);\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .tb-pricing-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--tb-card-hover-shadow);\r\n        }\r\n\r\n        .tb-pricing-card.featured {\r\n            border: 2px solid var(--tb-accent-orange);\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .tb-pricing-card.featured:hover {\r\n            transform: scale(1.05) translateY(-5px);\r\n        }\r\n\r\n        .tb-pricing-card.featured::before {\r\n            content: \"Most Popular\";\r\n            position: absolute;\r\n            top: 20px;\r\n            right: -35px;\r\n            background: var(--tb-accent-orange);\r\n            color: white;\r\n            font-size: var(--tb-font-size-sm);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            padding: var(--tb-space-1) var(--tb-space-6);\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .tb-pricing-badge {\r\n            display: inline-block;\r\n            background-color: rgba(0, 188, 212, 0.1);\r\n            color: var(--tb-accent-cyan);\r\n            font-size: var(--tb-font-size-sm);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            padding: var(--tb-space-2) var(--tb-space-4);\r\n            border-radius: var(--tb-radius-full);\r\n            margin-bottom: var(--tb-space-4);\r\n        }\r\n\r\n        .tb-pricing-name {\r\n            font-size: var(--tb-font-size-2xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            margin-bottom: var(--tb-space-2);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-pricing-subtitle {\r\n            font-size: var(--tb-font-size-base);\r\n            color: var(--tb-text-muted);\r\n            margin-bottom: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-pricing-price {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-bold);\r\n            color: var(--tb-primary-color);\r\n            margin-bottom: var(--tb-space-6);\r\n        }\r\n\r\n        .tb-pricing-price span {\r\n            font-size: var(--tb-font-size-base);\r\n            font-weight: var(--tb-font-weight-normal);\r\n            color: var(--tb-text-secondary);\r\n        }\r\n\r\n        .tb-pricing-features {\r\n            list-style: none;\r\n            margin-bottom: var(--tb-space-8);\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .tb-pricing-features li {\r\n            padding: var(--tb-space-3) 0;\r\n            color: var(--tb-text-secondary);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: var(--tb-space-3);\r\n        }\r\n\r\n        .tb-pricing-features li i {\r\n            color: var(--tb-accent-green);\r\n            font-size: var(--tb-font-size-sm);\r\n        }\r\n\r\n        \/* Comparison Table *\/\r\n        .tb-comparison-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-top: var(--tb-space-10);\r\n            box-shadow: var(--tb-card-shadow);\r\n            border-radius: var(--tb-radius-lg);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-comparison-table th,\r\n        .tb-comparison-table td {\r\n            padding: var(--tb-space-4) !important;\r\n            text-align: center;\r\n            border-bottom: 1px solid var(--tb-border-light);\r\n        }\r\n\r\n        .tb-comparison-table th {\r\n            background-color: rgba(0, 188, 212, 0.1);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-comparison-table tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .tb-comparison-table .feature-name {\r\n            text-align: left;\r\n            font-weight: var(--tb-font-weight-medium);\r\n        }\r\n\r\n        .tb-comparison-table .check-icon {\r\n            color: var(--tb-accent-green);\r\n            font-size: var(--tb-font-size-lg);\r\n        }\r\n\r\n        .tb-comparison-table .x-icon {\r\n            color: var(--tb-text-muted);\r\n            font-size: var(--tb-font-size-lg);\r\n        }\r\n\r\n        \/* Why Choose Paid Plans *\/\r\n        .tb-paid-benefits {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: var(--tb-space-6);\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-benefit-item {\r\n            text-align: center;\r\n            padding: var(--tb-space-6);\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            box-shadow: var(--tb-card-shadow);\r\n            transition: all var(--tb-transition-normal);\r\n        }\r\n\r\n        .tb-benefit-item:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: var(--tb-card-hover-shadow);\r\n        }\r\n\r\n        .tb-benefit-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: var(--tb-radius-full);\r\n            background-color: rgba(255, 152, 0, 0.1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto var(--tb-space-4);\r\n            font-size: 24px;\r\n            color: var(--tb-accent-orange);\r\n        }\r\n\r\n        .tb-benefit-title {\r\n            font-size: var(--tb-font-size-lg);\r\n            margin-bottom: var(--tb-space-2);\r\n            color: var(--tb-text-primary);\r\n        }\r\n\r\n        .tb-benefit-description {\r\n            color: var(--tb-text-muted);\r\n            font-size: var(--tb-font-size-sm);\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .tb-faq-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            margin-top: var(--tb-space-10);\r\n        }\r\n\r\n        .tb-faq-item {\r\n            background-color: var(--tb-card-bg);\r\n            border-radius: var(--tb-radius-lg);\r\n            margin-bottom: var(--tb-space-4);\r\n            border: 1px solid var(--tb-border-light);\r\n            overflow: hidden;\r\n            transition: all var(--tb-transition-normal);\r\n            box-shadow: var(--tb-card-shadow);\r\n        }\r\n\r\n        .tb-faq-item:hover {\r\n            box-shadow: var(--tb-card-hover-shadow);\r\n        }\r\n\r\n        .tb-faq-item.active {\r\n            border-color: var(--tb-accent-cyan);\r\n            box-shadow: 0 0 0 2px rgba(0, 188, 212, 0.1);\r\n        }\r\n\r\n        .tb-faq-question {\r\n            width: 100%;\r\n            padding: var(--tb-space-6);\r\n            background: none;\r\n            border: none;\r\n            text-align: left;\r\n            font-size: var(--tb-font-size-lg);\r\n            font-weight: var(--tb-font-weight-semibold);\r\n            color: var(--tb-text-primary);\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all var(--tb-transition-normal);\r\n            position: relative;\r\n        }\r\n\r\n        .tb-faq-question:hover {\r\n            color: var(--tb-accent-cyan);\r\n            background-color: rgba(0, 188, 212, 0.05);\r\n        }\r\n\r\n        .tb-faq-question i {\r\n            color: var(--tb-accent-cyan);\r\n            transition: transform var(--tb-transition-normal);\r\n            font-size: var(--tb-font-size-base);\r\n        }\r\n\r\n        .tb-faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            opacity: 0;\r\n            transition: all var(--tb-transition-normal);\r\n            padding: 0 var(--tb-space-6);\r\n        }\r\n\r\n        .tb-faq-answer p {\r\n            padding: var(--tb-space-2) 0 var(--tb-space-6);\r\n            color: var(--tb-text-secondary);\r\n            line-height: 1.6;\r\n            font-size: var(--tb-font-size-base);\r\n        }\r\n\r\n        \/* Final CTA Section *\/\r\n        .tb-final-cta {\r\n            background: linear-gradient(90deg, hsla(252, 40%, 29%, 1) 0%, hsl(270, 58.1%, 29%) 100%);\r\n            padding: var(--tb-space-20) 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .tb-final-cta-content {\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .tb-final-cta-title {\r\n            font-size: var(--tb-font-size-3xl);\r\n            font-weight: var(--tb-font-weight-extrabold);\r\n            color: white;\r\n            margin-bottom: var(--tb-space-4);\r\n            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .tb-final-cta-subtitle {\r\n            font-size: var(--tb-font-size-lg);\r\n            color: rgba(255, 255, 255, 0.9);\r\n            margin-bottom: var(--tb-space-10);\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* Animation Classes *\/\r\n        @keyframes fadeIn {\r\n            from { \r\n                opacity: 0; \r\n                transform: translateY(12px); \r\n            }\r\n            to { \r\n                opacity: 1; \r\n                transform: translateY(0); \r\n            }\r\n        }\r\n\r\n        .tb-fade-in {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: opacity 0.6s ease, transform 0.6s ease;\r\n        }\r\n\r\n        .tb-fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* ===================================\r\n           Responsive Design\r\n           =================================== *\/\r\n\r\n        @media (max-width: 992px) {\r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-pricing-plans {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            \r\n            .tb-pricing-card.featured {\r\n                transform: scale(1);\r\n            }\r\n            \r\n            .tb-comparison-table {\r\n                font-size: var(--tb-font-size-sm);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .tb-grid-2,\r\n            .tb-grid-3,\r\n            .tb-grid-4 {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-3xl);\r\n            }\r\n            \r\n            .tb-pricing-plans {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .tb-comparison-table {\r\n                font-size: var(--tb-font-size-xs);\r\n            }\r\n            \r\n            .tb-comparison-table th,\r\n            .tb-comparison-table td {\r\n                padding: var(--tb-space-2);\r\n            }\r\n            \r\n            .tb-comparison-table .feature-name {\r\n                min-width: 120px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .tb-section {\r\n                padding: var(--tb-space-10) 0;\r\n            }\r\n            \r\n            .tb-section-title {\r\n                font-size: var(--tb-font-size-xl);\r\n            }\r\n            \r\n            .tb-hero-title {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n            \r\n            .tb-hero-description {\r\n                font-size: var(--tb-font-size-base);\r\n            }\r\n            \r\n            .tb-pricing-card {\r\n                padding: var(--tb-space-6);\r\n            }\r\n            \r\n            .tb-pricing-name {\r\n                font-size: var(--tb-font-size-xl);\r\n            }\r\n            \r\n            .tb-pricing-price {\r\n                font-size: var(--tb-font-size-2xl);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section -->\r\n    <section id=\"hero\" class=\"tb-section tb-hero-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-hero-content tb-fade-in\">\r\n                <h1 class=\"tb-hero-title\">Simple Pricing for TeraDownTech<\/h1>\r\n                <p class=\"tb-hero-description\">Choose a plan that fits your download needs. Whether you need occasional access or unlimited usage, TeraDownTech offers flexible options.<\/p>\r\n                <a href=\"#pricing-plans\" class=\"tb-btn tb-btn-secondary\">Get Started<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Toggle -->\r\n    <section id=\"pricing-toggle\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-pricing-toggle tb-fade-in\">\r\n                <span class=\"tb-toggle-label active\" id=\"monthly\">Monthly<\/span>\r\n                <span class=\"tb-toggle-label\" id=\"yearly\">Yearly<\/span>\r\n                <span class=\"tb-toggle-save\">Save 20%<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Plans Section -->\r\n    <section id=\"pricing-plans\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-pricing-plans\">\r\n                <!-- Free Plan -->\r\n                <div class=\"tb-pricing-card tb-fade-in\">\r\n                    <h3 class=\"tb-pricing-name\">Free<\/h3>\r\n                    <p class=\"tb-pricing-subtitle\">Best for casual users<\/p>\r\n                    <div class=\"tb-pricing-price\">$0<span>\/month<\/span><\/div>\r\n                    <ul class=\"tb-pricing-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> 5 downloads per day<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Standard processing speed<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> File information preview<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Basic streaming support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Ads supported<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/my-account\/\" class=\"tb-btn tb-btn-outline\">Start Free<\/a>\r\n                <\/div>\r\n\r\n                <!-- Pro Plan -->\r\n                <div class=\"tb-pricing-card featured tb-fade-in\">\r\n                    <h3 class=\"tb-pricing-name\">Pro<\/h3>\r\n                    <p class=\"tb-pricing-subtitle\">Best for regular users<\/p>\r\n                    <div class=\"tb-pricing-price monthly-price\">$9.99<span>\/month<\/span><\/div>\r\n                    <div class=\"tb-pricing-price yearly-price\" style=\"display: none;\">$7.99<span>\/month<\/span><\/div>\r\n                    <ul class=\"tb-pricing-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Unlimited downloads<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Faster processing speed<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Full video streaming support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Priority link handling<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> No ads<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Email support<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/my-account\/\" class=\"tb-btn tb-btn-secondary\">Upgrade to Pro<\/a>\r\n                <\/div>\r\n\r\n                <!-- Business Plan -->\r\n                <div class=\"tb-pricing-card tb-fade-in\">\r\n                    <h3 class=\"tb-pricing-name\">Business<\/h3>\r\n                    <p class=\"tb-pricing-subtitle\">Best for heavy users or teams<\/p>\r\n                    <div class=\"tb-pricing-price monthly-price\">$29.99<span>\/month<\/span><\/div>\r\n                    <div class=\"tb-pricing-price yearly-price\" style=\"display: none;\">$23.99<span>\/month<\/span><\/div>\r\n                    <ul class=\"tb-pricing-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> Everything in Pro<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> High-volume download support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Advanced processing priority<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Dedicated support<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> Custom usage limits<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> API access<\/li>\r\n                    <\/ul>\r\n                    <a href=\"\/my-account\/\" class=\"tb-btn tb-btn-primary\">Contact Sales<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Feature Comparison Table -->\r\n    <section id=\"comparison\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Compare Features<\/h2>\r\n            <table class=\"tb-comparison-table tb-fade-in\">\r\n                <thead>\r\n                    <tr>\r\n                        <th>Feature<\/th>\r\n                        <th>Free<\/th>\r\n                        <th>Pro<\/th>\r\n                        <th>Business<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Download Limit<\/td>\r\n                        <td>5 per day<\/td>\r\n                        <td>Unlimited<\/td>\r\n                        <td>Unlimited<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Streaming Support<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Basic<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Full<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Full<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Processing Speed<\/td>\r\n                        <td>Standard<\/td>\r\n                        <td>Fast<\/td>\r\n                        <td>Priority<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Ads<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Yes<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">Support<\/td>\r\n                        <td>Community<\/td>\r\n                        <td>Email<\/td>\r\n                        <td>Dedicated<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td class=\"feature-name\">API Access<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                        <td><i class=\"fas fa-times x-icon\"><\/i> No<\/td>\r\n                        <td><i class=\"fas fa-check check-icon\"><\/i> Yes<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Why Choose Paid Plans Section -->\r\n    <section id=\"why-paid\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Why Choose Paid Plans<\/h2>\r\n            <div class=\"tb-paid-benefits\">\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-bolt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">Faster Link Processing<\/h3>\r\n                    <p class=\"tb-benefit-description\">Premium users get priority processing for faster downloads<\/p>\r\n                <\/div>\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-server\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">More Stable Downloads<\/h3>\r\n                    <p class=\"tb-benefit-description\">Enhanced infrastructure ensures reliable download generation<\/p>\r\n                <\/div>\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-ban\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">No Interruptions<\/h3>\r\n                    <p class=\"tb-benefit-description\">Enjoy an ad-free experience with paid plans<\/p>\r\n                <\/div>\r\n                <div class=\"tb-benefit-item tb-fade-in\">\r\n                    <div class=\"tb-benefit-icon\">\r\n                        <i class=\"fas fa-headset\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"tb-benefit-title\">Dedicated Support<\/h3>\r\n                    <p class=\"tb-benefit-description\">Get help when you need it with priority customer support<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section id=\"faq\" class=\"tb-section\">\r\n        <div class=\"tb-container\">\r\n            <h2 class=\"tb-section-title\">Frequently Asked Questions<\/h2>\r\n            <div class=\"tb-faq-container\">\r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>How do I upgrade my plan?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>Upgrading is simple! Just click the \"Upgrade to Pro\" or \"Contact Sales\" button on our pricing page. For Pro plans, you can upgrade instantly online. For Business plans, our sales team will help you get set up.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>Can I cancel anytime?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>Yes, you can cancel your subscription at any time with no penalties. Your access will continue until the end of your current billing period, after which you won't be charged again.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>What payment methods are supported?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>We accept all major credit cards, debit cards, PayPal, and other popular payment methods. All payments are processed securely through our payment partners.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tb-faq-item\">\r\n                    <button class=\"tb-faq-question\">\r\n                        <span>Are refunds available?<\/span>\r\n                        <i class=\"fas fa-chevron-down\"><\/i>\r\n                    <\/button>\r\n                    <div class=\"tb-faq-answer\">\r\n                        <p>Yes, we offer a 14-day money-back guarantee for all paid plans. If you're not satisfied with our service, contact our support team within 14 days of purchase for a full refund.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Final CTA Section -->\r\n    <section id=\"final-cta\" class=\"tb-section tb-final-cta\">\r\n        <div class=\"tb-container\">\r\n            <div class=\"tb-final-cta-content\">\r\n                <h2 class=\"tb-final-cta-title\">Ready to Unlock Full Access?<\/h2>\r\n                <p class=\"tb-final-cta-subtitle\">Upgrade your TeraDownTech experience today.<\/p>\r\n                <div class=\"tb-text-center\" style=\"margin-top: var(--tb-space-8);\">\r\n                    <a href=\"#pricing-plans\" class=\"tb-btn tb-btn-secondary\">Choose Your Plan<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Fade-in animation on scroll\r\n        const observerOptions = {\r\n            threshold: 0.1,\r\n            rootMargin: '0px 0px -50px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver(function(entries) {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('visible');\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.tb-fade-in').forEach(el => {\r\n            observer.observe(el);\r\n        });\r\n\r\n        \/\/ Smooth scrolling for anchor links\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                const target = document.querySelector(this.getAttribute('href'));\r\n                if (target) {\r\n                    target.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Pricing toggle functionality\r\n        const monthlyToggle = document.getElementById('monthly');\r\n        const yearlyToggle = document.getElementById('yearly');\r\n        const monthlyPrices = document.querySelectorAll('.monthly-price');\r\n        const yearlyPrices = document.querySelectorAll('.yearly-price');\r\n\r\n        if (monthlyToggle && yearlyToggle) {\r\n            monthlyToggle.addEventListener('click', function() {\r\n                monthlyToggle.classList.add('active');\r\n                yearlyToggle.classList.remove('active');\r\n                \r\n                monthlyPrices.forEach(price => price.style.display = 'block');\r\n                yearlyPrices.forEach(price => price.style.display = 'none');\r\n            });\r\n\r\n            yearlyToggle.addEventListener('click', function() {\r\n                yearlyToggle.classList.add('active');\r\n                monthlyToggle.classList.remove('active');\r\n                \r\n                monthlyPrices.forEach(price => price.style.display = 'none');\r\n                yearlyPrices.forEach(price => price.style.display = 'block');\r\n            });\r\n        }\r\n\r\n        \/\/ FAQ Accordion functionality\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const faqItems = document.querySelectorAll('.tb-faq-item');\r\n            \r\n            faqItems.forEach(item => {\r\n                const question = item.querySelector('.tb-faq-question');\r\n                const answer = item.querySelector('.tb-faq-answer');\r\n                const icon = question.querySelector('i');\r\n                \r\n                question.addEventListener('click', function() {\r\n                    const isActive = item.classList.contains('active');\r\n                    \r\n                    \/\/ Close all other FAQ items\r\n                    faqItems.forEach(otherItem => {\r\n                        if (otherItem !== item) {\r\n                            otherItem.classList.remove('active');\r\n                            otherItem.querySelector('.tb-faq-answer').style.maxHeight = '0';\r\n                            otherItem.querySelector('.tb-faq-answer').style.opacity = '0';\r\n                            otherItem.querySelector('i').style.transform = 'rotate(0deg)';\r\n                        }\r\n                    });\r\n                    \r\n                    \/\/ Toggle current item\r\n                    if (isActive) {\r\n                        item.classList.remove('active');\r\n                        answer.style.maxHeight = '0';\r\n                        answer.style.opacity = '0';\r\n                        icon.style.transform = 'rotate(0deg)';\r\n                    } else {\r\n                        item.classList.add('active');\r\n                        answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                        answer.style.opacity = '1';\r\n                        icon.style.transform = 'rotate(180deg)';\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\n","protected":false},"author":5,"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-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":4,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/pages\/31\/revisions\/46"}],"wp:attachment":[{"href":"https:\/\/teradowntech.com\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}