{"id":14,"date":"2025-10-19T22:36:22","date_gmt":"2025-10-19T22:36:22","guid":{"rendered":"https:\/\/dev.wpgrowthpro.com\/?page_id=14"},"modified":"2025-10-20T01:13:12","modified_gmt":"2025-10-20T01:13:12","slug":"home","status":"publish","type":"page","link":"https:\/\/dev.wpgrowthpro.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n WP Growth Pro - Hero Section<\/title>\r\n \r\n <!-- Font Awesome for Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* SCOPED STYLES - Only affects this section *\/\r\n .wpgp-hero-section {\r\n min-height: 100vh;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n position: relative;\r\n overflow: hidden;\r\n padding-top: 80px;\r\n padding-bottom: 120px;\r\n }\r\n \r\n .wpgp-hero-section * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n \/* Background Effects *\/\r\n .wpgp-hero-grid {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.02;\r\n background-image: \r\n linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n background-size: 50px 50px;\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-hero-orb-1 {\r\n position: absolute;\r\n top: 80px;\r\n left: 40px;\r\n width: 384px;\r\n height: 384px;\r\n background: rgba(249, 115, 22, 0.05);\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-hero-orb-2 {\r\n position: absolute;\r\n bottom: 80px;\r\n right: 40px;\r\n width: 384px;\r\n height: 384px;\r\n background: rgba(16, 185, 129, 0.05);\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n pointer-events: none;\r\n }\r\n \r\n \/* Trust Bar *\/\r\n .wpgp-trust-bar {\r\n background: rgba(16, 185, 129, 0.1);\r\n border-bottom: 1px solid rgba(16, 185, 129, 0.2);\r\n backdrop-filter: blur(10px);\r\n padding: 12px 0;\r\n }\r\n \r\n .wpgp-trust-content {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n font-size: 14px;\r\n }\r\n \r\n .wpgp-status-dot {\r\n width: 8px;\r\n height: 8px;\r\n background: #10b981;\r\n border-radius: 50%;\r\n display: inline-block;\r\n animation: wpgp-pulse 2s infinite;\r\n }\r\n \r\n @keyframes wpgp-pulse {\r\n 0%, 100% { opacity: 1; }\r\n 50% { opacity: 0.5; }\r\n }\r\n \r\n .wpgp-trust-text {\r\n color: #cbd5e1;\r\n }\r\n \r\n .wpgp-trust-strong {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-trust-link {\r\n color: #10b981;\r\n text-decoration: underline;\r\n font-size: 12px;\r\n transition: color 0.2s;\r\n }\r\n \r\n .wpgp-trust-link:hover {\r\n color: #34d399;\r\n }\r\n \r\n \/* Container *\/\r\n .wpgp-hero-container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n .wpgp-hero-grid-layout {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 48px;\r\n align-items: center;\r\n padding-top: 60px;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .wpgp-hero-grid-layout {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n padding-top: 80px;\r\n }\r\n }\r\n \r\n \/* Left Column *\/\r\n .wpgp-hero-left {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 28px;\r\n }\r\n \r\n \/* Social Proof Badge *\/\r\n .wpgp-social-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: rgba(30, 41, 59, 0.5);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.5);\r\n border-radius: 9999px;\r\n padding: 10px 20px;\r\n width: fit-content;\r\n }\r\n \r\n .wpgp-avatars {\r\n display: flex;\r\n margin-left: -8px;\r\n }\r\n \r\n .wpgp-avatar {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n border: 2px solid #1e293b;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 12px;\r\n color: white;\r\n font-weight: 600;\r\n margin-left: -8px;\r\n }\r\n \r\n .wpgp-avatar-1 { background: linear-gradient(135deg, #60a5fa, #3b82f6); }\r\n .wpgp-avatar-2 { background: linear-gradient(135deg, #c084fc, #a855f7); }\r\n .wpgp-avatar-3 { background: linear-gradient(135deg, #34d399, #10b981); }\r\n \r\n .wpgp-social-text {\r\n color: #cbd5e1;\r\n font-size: 14px;\r\n }\r\n \r\n \/* Headline *\/\r\n .wpgp-headline-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n \r\n .wpgp-headline {\r\n font-size: 40px;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n color: #fff;\r\n }\r\n \r\n @media (min-width: 640px) {\r\n .wpgp-headline { font-size: 48px; }\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .wpgp-headline { font-size: 56px; }\r\n }\r\n \r\n .wpgp-headline-pain {\r\n color: #94a3b8;\r\n font-size: 32px;\r\n display: block;\r\n margin-bottom: 8px;\r\n }\r\n \r\n @media (min-width: 640px) {\r\n .wpgp-headline-pain { font-size: 40px; }\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .wpgp-headline-pain { font-size: 48px; }\r\n }\r\n \r\n .wpgp-headline-gradient {\r\n background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .wpgp-subheadline {\r\n font-size: 18px;\r\n color: #cbd5e1;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n }\r\n \r\n @media (min-width: 640px) {\r\n .wpgp-subheadline { font-size: 20px; }\r\n }\r\n \r\n \/* Live Metric *\/\r\n .wpgp-metric-box {\r\n background: rgba(30, 41, 59, 0.3);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.5);\r\n border-radius: 12px;\r\n padding: 20px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 16px;\r\n transition: opacity 0.3s;\r\n }\r\n \r\n .wpgp-metric-icon {\r\n font-size: 20px;\r\n }\r\n \r\n .wpgp-metric-value {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n \r\n .wpgp-metric-label {\r\n font-size: 14px;\r\n color: #94a3b8;\r\n }\r\n \r\n .wpgp-live-badge {\r\n font-size: 12px;\r\n color: #10b981;\r\n margin-left: 8px;\r\n }\r\n \r\n \/* CTA Buttons *\/\r\n .wpgp-cta-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n padding-top: 8px;\r\n }\r\n \r\n @media (min-width: 640px) {\r\n .wpgp-cta-container {\r\n flex-direction: row;\r\n }\r\n }\r\n \r\n .wpgp-btn {\r\n padding: 16px 32px;\r\n font-size: 18px;\r\n font-weight: 600;\r\n border-radius: 8px;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n font-family: inherit;\r\n }\r\n \r\n .wpgp-btn-primary {\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: white;\r\n box-shadow: 0 4px 14px rgba(249, 115, 22, 0.25);\r\n }\r\n \r\n .wpgp-btn-primary:hover {\r\n box-shadow: 0 6px 20px rgba(249, 115, 22, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n \r\n .wpgp-btn-secondary {\r\n background: rgba(30, 41, 59, 0.5);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.5);\r\n color: white;\r\n }\r\n \r\n .wpgp-btn-secondary:hover {\r\n background: #1e293b;\r\n border-color: #475569;\r\n transform: translateY(-2px);\r\n }\r\n \r\n \/* Trust Badges *\/\r\n .wpgp-trust-badges {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n padding-top: 16px;\r\n border-top: 1px solid rgba(71, 85, 105, 0.5);\r\n }\r\n \r\n .wpgp-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #cbd5e1;\r\n font-size: 14px;\r\n }\r\n \r\n .wpgp-trust-icon {\r\n color: #10b981;\r\n }\r\n \r\n \/* Right Column - Dashboard *\/\r\n .wpgp-dashboard-wrapper {\r\n position: relative;\r\n }\r\n \r\n .wpgp-dashboard {\r\n background: rgba(30, 41, 59, 0.5);\r\n backdrop-filter: blur(40px);\r\n border: 1px solid rgba(71, 85, 105, 0.5);\r\n border-radius: 16px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n transition: transform 0.5s;\r\n }\r\n \r\n .wpgp-dashboard:hover {\r\n transform: scale(1.02);\r\n }\r\n \r\n .wpgp-dashboard-header {\r\n background: rgba(30, 41, 59, 0.8);\r\n border-bottom: 1px solid rgba(71, 85, 105, 0.5);\r\n padding: 16px 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n \r\n .wpgp-window-controls {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n \r\n .wpgp-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n }\r\n \r\n .wpgp-dot-red { background: #ef4444; }\r\n .wpgp-dot-yellow { background: #fbbf24; }\r\n .wpgp-dot-green { background: #10b981; }\r\n \r\n .wpgp-dashboard-title {\r\n color: #cbd5e1;\r\n font-size: 13px;\r\n font-family: 'Courier New', monospace;\r\n }\r\n \r\n .wpgp-dashboard-live {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n color: #10b981;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-dashboard-content {\r\n padding: 24px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 24px;\r\n }\r\n \r\n \/* Status Grid *\/\r\n .wpgp-status-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n \r\n .wpgp-status-card {\r\n background: rgba(15, 23, 42, 0.5);\r\n border: 1px solid rgba(71, 85, 105, 0.5);\r\n border-radius: 12px;\r\n padding: 16px;\r\n transition: background 0.2s;\r\n }\r\n \r\n .wpgp-status-card:hover {\r\n background: rgba(15, 23, 42, 0.8);\r\n }\r\n \r\n .wpgp-status-label {\r\n color: #94a3b8;\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .wpgp-status-value {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #fff;\r\n font-family: 'Courier New', monospace;\r\n }\r\n \r\n .wpgp-status-healthy {\r\n color: #10b981;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n \r\n .wpgp-status-fast {\r\n color: #60a5fa;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n \r\n \/* Activity Log *\/\r\n .wpgp-activity-log {\r\n background: rgba(15, 23, 42, 0.3);\r\n border-radius: 12px;\r\n padding: 16px;\r\n }\r\n \r\n .wpgp-activity-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .wpgp-activity-title {\r\n color: #cbd5e1;\r\n font-size: 14px;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-activity-entries {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n \r\n .wpgp-activity-entry {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 13px;\r\n background: rgba(30, 41, 59, 0.3);\r\n border-radius: 8px;\r\n padding: 12px;\r\n transition: background 0.2s;\r\n }\r\n \r\n .wpgp-activity-entry:hover {\r\n background: rgba(30, 41, 59, 0.5);\r\n }\r\n \r\n .wpgp-activity-time {\r\n color: #64748b;\r\n font-family: 'Courier New', monospace;\r\n font-size: 11px;\r\n }\r\n \r\n .wpgp-activity-text {\r\n color: #cbd5e1;\r\n flex: 1;\r\n }\r\n \r\n \/* Performance Score *\/\r\n .wpgp-performance {\r\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);\r\n border: 1px solid rgba(16, 185, 129, 0.2);\r\n border-radius: 12px;\r\n padding: 16px;\r\n }\r\n \r\n .wpgp-performance-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .wpgp-performance-title {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-performance-score {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #10b981;\r\n font-family: 'Courier New', monospace;\r\n }\r\n \r\n .wpgp-progress-bar {\r\n height: 8px;\r\n background: #1e293b;\r\n border-radius: 9999px;\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, #10b981, #60a5fa);\r\n border-radius: 9999px;\r\n width: 92%;\r\n transition: width 0.5s;\r\n }\r\n \r\n .wpgp-performance-note {\r\n font-size: 11px;\r\n color: #94a3b8;\r\n margin-top: 8px;\r\n }\r\n \r\n \/* Floating Badge *\/\r\n .wpgp-floating-badge {\r\n position: absolute;\r\n bottom: -16px;\r\n left: -16px;\r\n background: linear-gradient(135deg, #f97316, #ea580c);\r\n color: white;\r\n padding: 16px 24px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n border: 4px solid #0f172a;\r\n }\r\n \r\n @media (min-width: 640px) {\r\n .wpgp-floating-badge {\r\n bottom: -24px;\r\n left: -24px;\r\n }\r\n }\r\n \r\n .wpgp-badge-value {\r\n font-size: 32px;\r\n font-weight: 700;\r\n }\r\n \r\n .wpgp-badge-label {\r\n font-size: 13px;\r\n opacity: 0.9;\r\n }\r\n \r\n \/* Bottom Fade *\/\r\n .wpgp-bottom-fade {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 128px;\r\n background: linear-gradient(to top, #0f172a, transparent);\r\n pointer-events: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- WPGP Hero Section - START -->\r\n<div class=\"wpgp-hero-section\">\r\n <!-- Background Elements -->\r\n <div class=\"wpgp-hero-grid\"><\/div>\r\n <div class=\"wpgp-hero-orb-1\"><\/div>\r\n <div class=\"wpgp-hero-orb-2\"><\/div>\r\n \r\n <!-- Trust Bar -->\r\n <div class=\"wpgp-trust-bar\">\r\n <div class=\"wpgp-trust-content\">\r\n <div style=\"display: flex; align-items: center; gap: 8px;\">\r\n <span class=\"wpgp-status-dot\"><\/span>\r\n <span style=\"color: #6ee7b7; font-weight: 500;\">All Systems Operational<\/span>\r\n <\/div>\r\n <span style=\"color: #94a3b8;\">|<\/span>\r\n <span class=\"wpgp-trust-text\">\ud83d\udee1\ufe0f Protecting <span class=\"wpgp-trust-strong\" id=\"wpgp-site-count\">247<\/span> Websites<\/span>\r\n <span style=\"color: #94a3b8;\">|<\/span>\r\n <span class=\"wpgp-trust-text\">\u26a1 <span class=\"wpgp-trust-strong\" id=\"wpgp-uptime\">99.98%<\/span> Uptime<\/span>\r\n <span style=\"color: #94a3b8;\">|<\/span>\r\n <span class=\"wpgp-trust-text\">\r\n \ud83c\uddfa\ud83c\uddf8 US-Based Team\r\n <a href=\"#sample-report\" class=\"wpgp-trust-link\">View Sample Report<\/a>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Main Content -->\r\n <div class=\"wpgp-hero-container\">\r\n <div class=\"wpgp-hero-grid-layout\">\r\n \r\n <!-- Left Column -->\r\n <div class=\"wpgp-hero-left\">\r\n \r\n <!-- Social Proof -->\r\n <div class=\"wpgp-social-badge\">\r\n <div class=\"wpgp-avatars\">\r\n <div class=\"wpgp-avatar wpgp-avatar-1\">JD<\/div>\r\n <div class=\"wpgp-avatar wpgp-avatar-2\">SM<\/div>\r\n <div class=\"wpgp-avatar wpgp-avatar-3\">RK<\/div>\r\n <\/div>\r\n <span class=\"wpgp-social-text\">\r\n <span class=\"wpgp-trust-strong\">247 business owners<\/span> sleep better at night\r\n <\/span>\r\n <\/div>\r\n \r\n <!-- Headline -->\r\n <div class=\"wpgp-headline-wrapper\">\r\n <h1 class=\"wpgp-headline\">\r\n <span class=\"wpgp-headline-pain\">Tired of WordPress Headaches?<\/span>\r\n <span>We Keep Your <\/span>\r\n <span class=\"wpgp-headline-gradient\">Site Running<\/span>\r\n <span> 24\/7<\/span>\r\n <\/h1>\r\n \r\n <p class=\"wpgp-subheadline\">\r\n Daily updates, backups, security, and speed\u2014all handled for you. Focus on your business, not your website.\r\n <\/p>\r\n <\/div>\r\n \r\n <!-- Live Metric -->\r\n <div class=\"wpgp-metric-box\" id=\"wpgp-metric\">\r\n <div class=\"wpgp-metric-icon\" style=\"color: #10b981;\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"wpgp-metric-value\">1,247<\/div>\r\n <div class=\"wpgp-metric-label\">\r\n Updates Applied This Month\r\n <span class=\"wpgp-live-badge\">(Live)<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- CTAs -->\r\n <div class=\"wpgp-cta-container\">\r\n <button class=\"wpgp-btn wpgp-btn-primary\" onclick=\"window.location.href='#audit'\">\r\n Get Your Free Site Audit\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/button>\r\n \r\n <button class=\"wpgp-btn wpgp-btn-secondary\" onclick=\"window.location.href='#demo'\">\r\n <i class=\"fas fa-play\"><\/i>\r\n Watch 2-Min Demo\r\n <\/button>\r\n <\/div>\r\n \r\n <!-- Trust Badges -->\r\n <div class=\"wpgp-trust-badges\">\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-shield-alt wpgp-trust-icon\"><\/i>\r\n <span>No Long-Term Contracts<\/span>\r\n <\/div>\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-check-circle wpgp-trust-icon\"><\/i>\r\n <span>Cancel Anytime<\/span>\r\n <\/div>\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-users wpgp-trust-icon\"><\/i>\r\n <span>US-Based Team<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Right Column - Dashboard -->\r\n <div class=\"wpgp-dashboard-wrapper\">\r\n <div class=\"wpgp-dashboard\">\r\n \r\n <!-- Dashboard Header -->\r\n <div class=\"wpgp-dashboard-header\">\r\n <div style=\"display: flex; align-items: center; gap: 12px;\">\r\n <div class=\"wpgp-window-controls\">\r\n <div class=\"wpgp-dot wpgp-dot-red\"><\/div>\r\n <div class=\"wpgp-dot wpgp-dot-yellow\"><\/div>\r\n <div class=\"wpgp-dot wpgp-dot-green\"><\/div>\r\n <\/div>\r\n <span class=\"wpgp-dashboard-title\">Site Health Dashboard<\/span>\r\n <\/div>\r\n <div class=\"wpgp-dashboard-live\">\r\n <span class=\"wpgp-status-dot\" style=\"width: 8px; height: 8px;\"><\/span>\r\n <span>Updated 1 min ago<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Dashboard Content -->\r\n <div class=\"wpgp-dashboard-content\">\r\n \r\n <!-- Status Grid -->\r\n <div class=\"wpgp-status-grid\">\r\n <div class=\"wpgp-status-card\">\r\n <div class=\"wpgp-status-label\">Site Status<\/div>\r\n <div class=\"wpgp-status-value wpgp-status-healthy\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Healthy<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-status-card\">\r\n <div class=\"wpgp-status-label\">Uptime<\/div>\r\n <div class=\"wpgp-status-value\">99.98%<\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-status-card\">\r\n <div class=\"wpgp-status-label\">Load Speed<\/div>\r\n <div class=\"wpgp-status-value wpgp-status-fast\">\r\n <i class=\"fas fa-bolt\"><\/i>\r\n <span>1.8s<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-status-card\">\r\n <div class=\"wpgp-status-label\">Last Backup<\/div>\r\n <div class=\"wpgp-status-value\">2h ago<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Activity Log -->\r\n <div class=\"wpgp-activity-log\">\r\n <div class=\"wpgp-activity-header\">\r\n <span class=\"wpgp-activity-title\">Recent Activity<\/span>\r\n <div class=\"wpgp-dashboard-live\">\r\n <span class=\"wpgp-status-dot\" style=\"width: 6px; height: 6px;\"><\/span>\r\n <span>LIVE<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-activity-entries\">\r\n <div class=\"wpgp-activity-entry\">\r\n <span class=\"wpgp-activity-time\">14:32<\/span>\r\n <i class=\"fas fa-check-circle\" style=\"color: #10b981;\"><\/i>\r\n <span class=\"wpgp-activity-text\">WordPress Core Updated to 6.4.2<\/span>\r\n <\/div>\r\n \r\n <div class=\"wpgp-activity-entry\">\r\n <span class=\"wpgp-activity-time\">12:15<\/span>\r\n <i class=\"fas fa-shield-alt\" style=\"color: #60a5fa;\"><\/i>\r\n <span class=\"wpgp-activity-text\">Security Scan Completed - All Clear<\/span>\r\n <\/div>\r\n \r\n <div class=\"wpgp-activity-entry\">\r\n <span class=\"wpgp-activity-time\">09:00<\/span>\r\n <i class=\"fas fa-chart-line\" style=\"color: #fb923c;\"><\/i>\r\n <span class=\"wpgp-activity-text\">Daily Backup Completed Successfully<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Performance Score -->\r\n <div class=\"wpgp-performance\">\r\n <div class=\"wpgp-performance-header\">\r\n <span class=\"wpgp-performance-title\">Performance Score<\/span>\r\n <span class=\"wpgp-performance-score\">92\/100<\/span>\r\n <\/div>\r\n <div class=\"wpgp-progress-bar\">\r\n <div class=\"wpgp-progress-fill\"><\/div>\r\n <\/div>\r\n <p class=\"wpgp-performance-note\">1 plugin update will boost this to 95<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Floating Badge -->\r\n <div class=\"wpgp-floating-badge\">\r\n <div class=\"wpgp-badge-value\">$0<\/div>\r\n <div class=\"wpgp-badge-label\">Setup Fee<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Bottom Fade -->\r\n <div class=\"wpgp-bottom-fade\"><\/div>\r\n \r\n<\/div>\r\n<!-- WPGP Hero Section - END -->\r\n\r\n<script>\r\n\/\/ WPGP Hero Animation Scripts - Scoped\r\n(function() {\r\n 'use strict';\r\n \r\n \/\/ Metrics data\r\n const metrics = [\r\n { icon: 'fa-check-circle', color: '#10b981', text: 'Updates Applied This Month', value: '1,247' },\r\n { icon: 'fa-shield-alt', color: '#60a5fa', text: 'Threats Blocked Today', value: '83' },\r\n { icon: 'fa-bolt', color: '#60a5fa', text: 'Average Site Speed', value: '1.8s' },\r\n { icon: 'fa-exclamation-circle', color: '#fbbf24', text: 'Plugins Needing Updates', value: '1' }\r\n ];\r\n \r\n let currentMetric = 0;\r\n \r\n \/\/ Animate counters\r\n function animateCounter(element, target, duration = 2000) {\r\n const start = 0;\r\n const increment = target \/ (duration \/ 30);\r\n let current = start;\r\n \r\n const timer = setInterval(() => {\r\n current += increment;\r\n if (current >= target) {\r\n element.textContent = target;\r\n clearInterval(timer);\r\n } else {\r\n element.textContent = Math.floor(current);\r\n }\r\n }, 30);\r\n }\r\n \r\n \/\/ Animate uptime counter\r\n function animateUptime(element, target) {\r\n let current = 99.0;\r\n const timer = setInterval(() => {\r\n current += 0.01;\r\n if (current >= target) {\r\n element.textContent = target.toFixed(2) + '%';\r\n clearInterval(timer);\r\n } else {\r\n element.textContent = current.toFixed(2) + '%';\r\n }\r\n }, 50);\r\n }\r\n \r\n \/\/ Rotate metrics\r\n function rotateMetric() {\r\n const metricBox = document.getElementById('wpgp-metric');\r\n if (!metricBox) return;\r\n \r\n currentMetric = (currentMetric + 1) % metrics.length;\r\n const metric = metrics[currentMetric];\r\n \r\n metricBox.style.opacity = '0';\r\n \r\n setTimeout(() => {\r\n metricBox.innerHTML = `\r\n <div class=\"wpgp-metric-icon\" style=\"color: ${metric.color};\">\r\n <i class=\"fas ${metric.icon}\"><\/i>\r\n <\/div>\r\n <div>\r\n <div class=\"wpgp-metric-value\">${metric.value}<\/div>\r\n <div class=\"wpgp-metric-label\">\r\n ${metric.text}\r\n <span class=\"wpgp-live-badge\">(Live)<\/span>\r\n <\/div>\r\n <\/div>\r\n `;\r\n metricBox.style.opacity = '1';\r\n }, 300);\r\n }\r\n \r\n \/\/ Initialize on load\r\n window.addEventListener('DOMContentLoaded', function() {\r\n const siteCountEl = document.getElementById('wpgp-site-count');\r\n const uptimeEl = document.getElementById('wpgp-uptime');\r\n \r\n if (siteCountEl) animateCounter(siteCountEl, 247);\r\n if (uptimeEl) animateUptime(uptimeEl, 99.98);\r\n \r\n \/\/ Rotate metrics every 4 seconds\r\n setInterval(rotateMetric, 4000);\r\n });\r\n \r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7fb2ddb e-con-full e-flex e-con e-parent\" data-id=\"7fb2ddb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78cd9bd elementor-widget elementor-widget-html\" data-id=\"78cd9bd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>WP Growth Pro - How It Works<\/title>\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* SCOPED STYLES - How It Works Section *\/\r\n .wpgp-how-it-works {\r\n background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);\r\n padding: 100px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-how-it-works * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n \/* Subtle background pattern *\/\r\n .wpgp-how-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image: \r\n radial-gradient(circle at 20% 50%, rgba(249, 115, 22, 0.1) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 50%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-how-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n \/* Section Header *\/\r\n .wpgp-how-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n animation: wpgp-fade-in 0.8s ease-out;\r\n }\r\n \r\n @keyframes wpgp-fade-in {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .wpgp-how-eyebrow {\r\n display: inline-block;\r\n color: #fb923c;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 16px;\r\n padding: 8px 16px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 100px;\r\n }\r\n \r\n .wpgp-how-title {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .wpgp-how-title {\r\n font-size: 36px;\r\n }\r\n }\r\n \r\n .wpgp-how-subtitle {\r\n font-size: 20px;\r\n color: #94a3b8;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* Steps Grid *\/\r\n .wpgp-steps-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n position: relative;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .wpgp-steps-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 60px;\r\n }\r\n }\r\n \r\n \/* Connector Line (Desktop Only) *\/\r\n .wpgp-connector-line {\r\n display: none;\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .wpgp-connector-line {\r\n display: block;\r\n position: absolute;\r\n top: 80px;\r\n left: 16.666%;\r\n right: 16.666%;\r\n height: 2px;\r\n background: linear-gradient(\r\n 90deg,\r\n rgba(249, 115, 22, 0.3) 0%,\r\n rgba(249, 115, 22, 0.6) 50%,\r\n rgba(16, 185, 129, 0.6) 100%\r\n );\r\n z-index: 1;\r\n }\r\n \r\n .wpgp-connector-line::before,\r\n .wpgp-connector-line::after {\r\n content: '';\r\n position: absolute;\r\n top: -3px;\r\n width: 8px;\r\n height: 8px;\r\n background: #fb923c;\r\n border-radius: 50%;\r\n box-shadow: 0 0 12px rgba(249, 115, 22, 0.6);\r\n }\r\n \r\n .wpgp-connector-line::before {\r\n left: 0;\r\n }\r\n \r\n .wpgp-connector-line::after {\r\n right: 0;\r\n background: #10b981;\r\n box-shadow: 0 0 12px rgba(16, 185, 129, 0.6);\r\n }\r\n }\r\n \r\n \/* Step Card *\/\r\n .wpgp-step-card {\r\n background: rgba(30, 41, 59, 0.3);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.3);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n position: relative;\r\n z-index: 10;\r\n transition: all 0.4s ease;\r\n animation: wpgp-slide-up 0.6s ease-out;\r\n animation-fill-mode: both;\r\n }\r\n \r\n .wpgp-step-card:nth-child(1) { animation-delay: 0.1s; }\r\n .wpgp-step-card:nth-child(2) { animation-delay: 0.2s; }\r\n .wpgp-step-card:nth-child(3) { animation-delay: 0.3s; }\r\n \r\n @keyframes wpgp-slide-up {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .wpgp-step-card:hover {\r\n background: rgba(30, 41, 59, 0.5);\r\n border-color: rgba(249, 115, 22, 0.4);\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* Step Number *\/\r\n .wpgp-step-number-wrapper {\r\n position: relative;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .wpgp-step-number {\r\n width: 80px;\r\n height: 80px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.2) 0%, rgba(249, 115, 22, 0.05) 100%);\r\n border: 2px solid rgba(249, 115, 22, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 32px;\r\n font-weight: 800;\r\n color: #fb923c;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .wpgp-step-card:hover .wpgp-step-number {\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.3) 0%, rgba(249, 115, 22, 0.1) 100%);\r\n border-color: #fb923c;\r\n transform: scale(1.1);\r\n box-shadow: 0 0 30px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n \/* Step 1 gets subtle highlight (entry point emphasis) *\/\r\n .wpgp-step-card:nth-child(1) {\r\n box-shadow: 0 0 20px rgba(249, 115, 22, 0.15);\r\n }\r\n \r\n \/* Step 3 gets muted green accent *\/\r\n .wpgp-step-card:nth-child(3) .wpgp-step-number {\r\n background: linear-gradient(135deg, rgba(5, 150, 105, 0.2) 0%, rgba(5, 150, 105, 0.05) 100%);\r\n border-color: rgba(5, 150, 105, 0.3);\r\n color: #059669;\r\n }\r\n \r\n .wpgp-step-card:nth-child(3):hover .wpgp-step-number {\r\n background: linear-gradient(135deg, rgba(5, 150, 105, 0.3) 0%, rgba(5, 150, 105, 0.1) 100%);\r\n border-color: #059669;\r\n box-shadow: 0 0 30px rgba(5, 150, 105, 0.4);\r\n }\r\n \r\n \/* Step Icon *\/\r\n .wpgp-step-icon {\r\n position: absolute;\r\n bottom: -8px;\r\n right: -8px;\r\n width: 36px;\r\n height: 36px;\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 16px;\r\n border: 3px solid #1e293b;\r\n box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n .wpgp-step-card:nth-child(3) .wpgp-step-icon {\r\n background: linear-gradient(135deg, #059669 0%, #047857 100%);\r\n box-shadow: 0 4px 12px rgba(5, 150, 105, 0.4);\r\n }\r\n \r\n \/* Step Content *\/\r\n .wpgp-step-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n \r\n .wpgp-step-description {\r\n font-size: 16px;\r\n color: #cbd5e1;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n \r\n \/* Step Benefits *\/\r\n .wpgp-step-benefits {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n \r\n .wpgp-benefit-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n color: #94a3b8;\r\n }\r\n \r\n .wpgp-benefit-icon {\r\n color: #10b981;\r\n font-size: 16px;\r\n flex-shrink: 0;\r\n }\r\n \r\n \/* Step Badge *\/\r\n .wpgp-step-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 12px;\r\n background: rgba(16, 185, 129, 0.1);\r\n border: 1px solid rgba(16, 185, 129, 0.2);\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #10b981;\r\n margin-top: 16px;\r\n }\r\n \r\n .wpgp-step-badge-time {\r\n background: rgba(59, 130, 246, 0.1);\r\n border-color: rgba(59, 130, 246, 0.2);\r\n color: #60a5fa;\r\n }\r\n \r\n .wpgp-step-badge-free {\r\n background: rgba(249, 115, 22, 0.1);\r\n border-color: rgba(249, 115, 22, 0.2);\r\n color: #fb923c;\r\n }\r\n \r\n \/* CTA Section *\/\r\n .wpgp-how-cta {\r\n margin-top: 80px;\r\n text-align: center;\r\n animation: wpgp-fade-in 0.8s ease-out 0.6s both;\r\n }\r\n \r\n .wpgp-how-cta-social {\r\n font-size: 16px;\r\n color: #cbd5e1;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .wpgp-how-cta-social strong {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-how-cta-text {\r\n font-size: 18px;\r\n color: #cbd5e1;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .wpgp-how-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 18px 40px;\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: white;\r\n font-size: 18px;\r\n font-weight: 700;\r\n border: none;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(249, 115, 22, 0.3);\r\n text-decoration: none;\r\n font-family: inherit;\r\n }\r\n \r\n .wpgp-how-cta-button:hover {\r\n background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .wpgp-how-cta-button i {\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .wpgp-how-cta-button:hover i {\r\n transform: translateX(4px);\r\n }\r\n \r\n \/* Trust Line *\/\r\n .wpgp-how-trust {\r\n margin-top: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n font-size: 14px;\r\n color: #94a3b8;\r\n }\r\n \r\n .wpgp-how-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n \r\n .wpgp-how-trust-icon {\r\n color: #10b981;\r\n }\r\n \r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .wpgp-how-it-works {\r\n padding: 60px 20px;\r\n }\r\n \r\n .wpgp-how-header {\r\n margin-bottom: 50px;\r\n }\r\n \r\n .wpgp-step-card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .wpgp-step-number {\r\n width: 64px;\r\n height: 64px;\r\n font-size: 28px;\r\n }\r\n \r\n .wpgp-step-title {\r\n font-size: 20px;\r\n }\r\n \r\n .wpgp-how-cta {\r\n margin-top: 50px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- WPGP How It Works Section - START -->\r\n<section class=\"wpgp-how-it-works\">\r\n <div class=\"wpgp-how-pattern\"><\/div>\r\n \r\n <div class=\"wpgp-how-container\">\r\n \r\n <!-- Section Header -->\r\n <div class=\"wpgp-how-header\">\r\n <span class=\"wpgp-how-eyebrow\">\r\n <i class=\"fas fa-bolt\"><\/i> SIMPLE PROCESS\r\n <\/span>\r\n <h2 class=\"wpgp-how-title\">How It Works<\/h2>\r\n <p class=\"wpgp-how-subtitle\">\r\n Get started in minutes, not days. No complicated setup, no tech headaches\u2014just reliable WordPress care.\r\n <\/p>\r\n <\/div>\r\n \r\n <!-- Steps Grid -->\r\n <div class=\"wpgp-steps-grid\">\r\n \r\n <!-- Connector Line (Desktop) -->\r\n <div class=\"wpgp-connector-line\"><\/div>\r\n \r\n <!-- Step 1 -->\r\n <div class=\"wpgp-step-card\">\r\n <div class=\"wpgp-step-number-wrapper\">\r\n <div class=\"wpgp-step-number\">\r\n 1\r\n <div class=\"wpgp-step-icon\">\r\n <i class=\"fas fa-search\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"wpgp-step-title\">We Audit Your Site (Free)<\/h3>\r\n <p class=\"wpgp-step-description\">\r\n Share your URL. We'll check security, speed, and plugins\u2014then show you exactly what needs attention.\r\n <\/p>\r\n \r\n <div class=\"wpgp-step-benefits\">\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Complete security scan<\/span>\r\n <\/div>\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Performance analysis<\/span>\r\n <\/div>\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Backup verification<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-step-badge wpgp-step-badge-free\">\r\n <i class=\"fas fa-gift\"><\/i>\r\n <span>100% Free, No Credit Card<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 2 -->\r\n <div class=\"wpgp-step-card\">\r\n <div class=\"wpgp-step-number-wrapper\">\r\n <div class=\"wpgp-step-number\">\r\n 2\r\n <div class=\"wpgp-step-icon\">\r\n <i class=\"fas fa-tools\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"wpgp-step-title\">We Take Over (You Approve)<\/h3>\r\n <p class=\"wpgp-step-description\">\r\n Review your custom plan. We connect securely and immediately start protecting, optimizing, and monitoring.\r\n <\/p>\r\n \r\n <div class=\"wpgp-step-benefits\">\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Secure site connection<\/span>\r\n <\/div>\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Immediate protection starts<\/span>\r\n <\/div>\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>First backup within 1 hour<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-step-badge wpgp-step-badge-time\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <span>Setup in 24 Hours<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Step 3 -->\r\n <div class=\"wpgp-step-card\">\r\n <div class=\"wpgp-step-number-wrapper\">\r\n <div class=\"wpgp-step-number\">\r\n 3\r\n <div class=\"wpgp-step-icon\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 class=\"wpgp-step-title\">We Keep It Running (Forever)<\/h3>\r\n <p class=\"wpgp-step-description\">\r\n Your site runs flawlessly while we handle updates, backups, security, and speed 24\/7. Get monthly reports showing everything we did.\r\n <\/p>\r\n \r\n <div class=\"wpgp-step-benefits\">\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Daily automated maintenance<\/span>\r\n <\/div>\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>24\/7 uptime monitoring<\/span>\r\n <\/div>\r\n <div class=\"wpgp-benefit-item\">\r\n <i class=\"fas fa-check-circle wpgp-benefit-icon\"><\/i>\r\n <span>Monthly performance reports<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"wpgp-step-badge\">\r\n <i class=\"fas fa-infinity\"><\/i>\r\n <span>Ongoing, Forever<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- CTA -->\r\n <div class=\"wpgp-how-cta\">\r\n <p class=\"wpgp-how-cta-social\">\r\n <strong>Join 247+ businesses<\/strong> who never worry about their site.\r\n <\/p>\r\n <p class=\"wpgp-how-cta-text\">\r\n <strong style=\"color: #fff;\">Tired of WordPress headaches? Let us handle everything.<\/strong>\r\n <\/p>\r\n <a href=\"#audit\" class=\"wpgp-how-cta-button\">\r\n Get Your Free Site Audit Now\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n \r\n <div class=\"wpgp-how-trust\">\r\n <div class=\"wpgp-how-trust-item\">\r\n <i class=\"fas fa-shield-alt wpgp-how-trust-icon\"><\/i>\r\n <span>No Credit Card Required<\/span>\r\n <\/div>\r\n <div class=\"wpgp-how-trust-item\">\r\n <i class=\"fas fa-clock wpgp-how-trust-icon\"><\/i>\r\n <span>Results in 24 Hours<\/span>\r\n <\/div>\r\n <div class=\"wpgp-how-trust-item\">\r\n <i class=\"fas fa-file-alt wpgp-how-trust-icon\"><\/i>\r\n <a href=\"#sample-report\" style=\"color: #10b981; text-decoration: none; transition: color 0.2s;\">View Sample Audit<\/a>\r\n <\/div>\r\n <div class=\"wpgp-how-trust-item\">\r\n <i class=\"fas fa-times-circle wpgp-how-trust-icon\"><\/i>\r\n <span>Cancel Anytime<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n<!-- WPGP How It Works Section - END -->\r\n\r\n<script>\r\n\/\/ WPGP How It Works - Scroll Animations (Optional Enhancement)\r\n(function() {\r\n 'use strict';\r\n \r\n \/\/ Simple intersection observer for stagger animations\r\n const observerOptions = {\r\n threshold: 0.2,\r\n rootMargin: '0px 0px -100px 0px'\r\n };\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.animationPlayState = 'running';\r\n }\r\n });\r\n }, observerOptions);\r\n \r\n \/\/ Observe step cards\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const cards = document.querySelectorAll('.wpgp-step-card');\r\n cards.forEach(card => {\r\n card.style.animationPlayState = 'paused';\r\n observer.observe(card);\r\n });\r\n });\r\n \r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7019690 e-con-full e-flex e-con e-parent\" data-id=\"7019690\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5779c39 elementor-widget elementor-widget-html\" data-id=\"5779c39\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>WP Growth Pro - What's Included<\/title>\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* SCOPED STYLES - What's Included Section *\/\r\n .wpgp-included {\r\n background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\r\n padding: 100px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-included * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n \/* Background pattern *\/\r\n .wpgp-included-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image: \r\n radial-gradient(circle at 30% 30%, rgba(16, 185, 129, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 70% 70%, rgba(249, 115, 22, 0.15) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-included-container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n \/* Section Header *\/\r\n .wpgp-included-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n \r\n .wpgp-included-eyebrow {\r\n display: inline-block;\r\n color: #fb923c;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 16px;\r\n padding: 8px 16px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 100px;\r\n }\r\n \r\n .wpgp-included-title {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .wpgp-included-subtitle {\r\n font-size: 20px;\r\n color: #94a3b8;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* Services Grid *\/\r\n .wpgp-services-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n margin-bottom: 60px;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .wpgp-services-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 32px;\r\n }\r\n }\r\n \r\n @media (min-width: 1024px) {\r\n .wpgp-services-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 32px;\r\n }\r\n }\r\n \r\n \/* Service Card *\/\r\n .wpgp-service-card {\r\n background: rgba(30, 41, 59, 0.3);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.3);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .wpgp-service-card:hover {\r\n background: rgba(30, 41, 59, 0.5);\r\n border-color: rgba(249, 115, 22, 0.4);\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* Service Icon *\/\r\n .wpgp-service-icon-wrapper {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.15) 0%, rgba(249, 115, 22, 0.05) 100%);\r\n border: 2px solid rgba(249, 115, 22, 0.3);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 24px;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .wpgp-service-card:hover .wpgp-service-icon-wrapper {\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.25) 0%, rgba(249, 115, 22, 0.1) 100%);\r\n border-color: #fb923c;\r\n transform: scale(1.1);\r\n box-shadow: 0 0 30px rgba(249, 115, 22, 0.3);\r\n }\r\n \r\n .wpgp-service-icon {\r\n font-size: 32px;\r\n color: #fb923c;\r\n }\r\n \r\n \/* Green icons for security\/reliability services *\/\r\n .wpgp-service-card.secure .wpgp-service-icon-wrapper {\r\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%);\r\n border-color: rgba(16, 185, 129, 0.3);\r\n }\r\n \r\n .wpgp-service-card.secure:hover .wpgp-service-icon-wrapper {\r\n background: linear-gradient(135deg, rgba(16, 185, 129, 0.25) 0%, rgba(16, 185, 129, 0.1) 100%);\r\n border-color: #10b981;\r\n box-shadow: 0 0 30px rgba(16, 185, 129, 0.3);\r\n }\r\n \r\n .wpgp-service-card.secure .wpgp-service-icon {\r\n color: #10b981;\r\n }\r\n \r\n \/* Service Content *\/\r\n .wpgp-service-title {\r\n font-size: 22px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 12px;\r\n line-height: 1.3;\r\n }\r\n \r\n .wpgp-service-description {\r\n font-size: 15px;\r\n color: #cbd5e1;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n }\r\n \r\n \/* Service Benefit Badge *\/\r\n .wpgp-service-benefit {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 14px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 100px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #fb923c;\r\n }\r\n \r\n .wpgp-service-card.secure .wpgp-service-benefit {\r\n background: rgba(16, 185, 129, 0.1);\r\n border-color: rgba(16, 185, 129, 0.2);\r\n color: #10b981;\r\n }\r\n \r\n .wpgp-service-benefit i {\r\n font-size: 14px;\r\n }\r\n \r\n \/* Bottom CTA *\/\r\n .wpgp-included-cta {\r\n text-align: center;\r\n padding: 50px 32px;\r\n background: rgba(249, 115, 22, 0.02);\r\n border: 2px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 20px;\r\n margin-top: 40px;\r\n }\r\n \r\n .wpgp-included-cta-title {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .wpgp-included-cta-social {\r\n font-size: 16px;\r\n color: #cbd5e1;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .wpgp-included-cta-social strong {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-included-cta-text {\r\n font-size: 18px;\r\n color: #cbd5e1;\r\n margin-bottom: 16px;\r\n max-width: 600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .wpgp-included-cta-link {\r\n display: inline-block;\r\n color: #10b981;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-bottom: 24px;\r\n transition: color 0.2s;\r\n }\r\n \r\n .wpgp-included-cta-link:hover {\r\n color: #059669;\r\n text-decoration: underline;\r\n }\r\n \r\n .wpgp-included-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 18px 40px;\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: white;\r\n font-size: 18px;\r\n font-weight: 700;\r\n border: none;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 20px rgba(249, 115, 22, 0.3);\r\n text-decoration: none;\r\n font-family: inherit;\r\n }\r\n \r\n .wpgp-included-cta-button:hover {\r\n background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .wpgp-included-cta-button i {\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .wpgp-included-cta-button:hover i {\r\n transform: translateX(4px);\r\n }\r\n \r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .wpgp-included {\r\n padding: 40px 12px;\r\n }\r\n \r\n .wpgp-included-title {\r\n font-size: 32px;\r\n }\r\n \r\n .wpgp-included-header {\r\n margin-bottom: 50px;\r\n }\r\n \r\n .wpgp-service-card {\r\n padding: 32px 24px;\r\n }\r\n \r\n .wpgp-service-icon-wrapper {\r\n width: 60px;\r\n height: 60px;\r\n }\r\n \r\n .wpgp-service-icon {\r\n font-size: 28px;\r\n }\r\n \r\n .wpgp-service-title {\r\n font-size: 20px;\r\n }\r\n \r\n .wpgp-included-cta {\r\n padding: 40px 24px;\r\n }\r\n \r\n .wpgp-included-cta-title {\r\n font-size: 24px;\r\n }\r\n \r\n .wpgp-included-cta-text {\r\n font-size: 16px;\r\n }\r\n \r\n .wpgp-included-cta-button {\r\n font-size: 17px;\r\n padding: 14px 28px;\r\n }\r\n }\r\n \r\n \/* Accessibility - Reduced Motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .wpgp-service-card,\r\n .wpgp-service-icon-wrapper,\r\n .wpgp-included-cta-button {\r\n transition: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- WPGP What's Included Section - START -->\r\n<section class=\"wpgp-included\">\r\n <div class=\"wpgp-included-pattern\"><\/div>\r\n \r\n <div class=\"wpgp-included-container\">\r\n \r\n <!-- Section Header -->\r\n <div class=\"wpgp-included-header\">\r\n <span class=\"wpgp-included-eyebrow\">\r\n <i class=\"fas fa-shield-alt\"><\/i> COMPLETE PROTECTION\r\n <\/span>\r\n <h2 class=\"wpgp-included-title\">Everything Your Site Needs<\/h2>\r\n <p class=\"wpgp-included-subtitle\">\r\n We handle every aspect of WordPress maintenance so you can focus on growing your business, not fixing your website.\r\n <\/p>\r\n <\/div>\r\n \r\n <!-- Services Grid -->\r\n <div class=\"wpgp-services-grid\">\r\n \r\n <!-- Service 1: Daily Backups -->\r\n <div class=\"wpgp-service-card secure\">\r\n <div class=\"wpgp-service-icon-wrapper\">\r\n <i class=\"fas fa-cloud-upload-alt wpgp-service-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-service-title\">Daily Site Backups<\/h3>\r\n <p class=\"wpgp-service-description\">\r\n Daily offsite backups. Instant restore if disaster strikes\u2014never lose your work.\r\n <\/p>\r\n <div class=\"wpgp-service-benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Zero data loss<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Service 2: Security Monitoring -->\r\n <div class=\"wpgp-service-card secure\">\r\n <div class=\"wpgp-service-icon-wrapper\">\r\n <i class=\"fas fa-shield-alt wpgp-service-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-service-title\">Non-Stop Security<\/h3>\r\n <p class=\"wpgp-service-description\">\r\n 24\/7 malware scanning and threat blocking. We stop attacks before they reach your site.\r\n <\/p>\r\n <div class=\"wpgp-service-benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Hack-proof site<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Service 3: Updates -->\r\n <div class=\"wpgp-service-card\">\r\n <div class=\"wpgp-service-icon-wrapper\">\r\n <i class=\"fas fa-sync-alt wpgp-service-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-service-title\">Safe Updates<\/h3>\r\n <p class=\"wpgp-service-description\">\r\n We test and apply WordPress, theme, and plugin updates. Your site stays current and compatible\u2014without breaking.\r\n <\/p>\r\n <div class=\"wpgp-service-benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>No-break updates<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Service 4: Speed Optimization -->\r\n <div class=\"wpgp-service-card\">\r\n <div class=\"wpgp-service-icon-wrapper\">\r\n <i class=\"fas fa-tachometer-alt wpgp-service-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-service-title\">Fast Site Performance<\/h3>\r\n <p class=\"wpgp-service-description\">\r\n Image optimization, database cleanup, caching, and performance tuning. Fast sites rank better and convert more.\r\n <\/p>\r\n <div class=\"wpgp-service-benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Lightning-fast<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Service 5: Uptime Monitoring -->\r\n <div class=\"wpgp-service-card secure\">\r\n <div class=\"wpgp-service-icon-wrapper\">\r\n <i class=\"fas fa-heartbeat wpgp-service-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-service-title\">Always-On Monitoring<\/h3>\r\n <p class=\"wpgp-service-description\">\r\n We check your site every few minutes. If it goes down, instant alerts trigger immediate fixes\u2014often before you notice.\r\n <\/p>\r\n <div class=\"wpgp-service-benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Always online<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Service 6: Monthly Reports -->\r\n <div class=\"wpgp-service-card\">\r\n <div class=\"wpgp-service-icon-wrapper\">\r\n <i class=\"fas fa-chart-line wpgp-service-icon\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-service-title\">Clear Monthly Reports<\/h3>\r\n <p class=\"wpgp-service-description\">\r\n Detailed reports show everything: updates applied, backups completed, security scans run, and performance metrics.\r\n <\/p>\r\n <div class=\"wpgp-service-benefit\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <span>Total visibility<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Bottom CTA -->\r\n <div class=\"wpgp-included-cta\">\r\n <h3 class=\"wpgp-included-cta-title\">All This, Starting at $99\/Month<\/h3>\r\n <p class=\"wpgp-included-cta-social\">\r\n <strong>Join 247+ business owners<\/strong> who never worry about their site.\r\n <\/p>\r\n <p class=\"wpgp-included-cta-text\">\r\n Less than the cost of one emergency fix. Get complete peace of mind with professional WordPress maintenance.\r\n <\/p>\r\n <a href=\"#sample-report\" class=\"wpgp-included-cta-link\">\r\n <i class=\"fas fa-file-alt\"><\/i> View Sample Report\r\n <\/a>\r\n <br>\r\n <a href=\"#get-started\" class=\"wpgp-included-cta-button\">\r\n Get Your Free Audit\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n<!-- WPGP What's Included Section - END -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d445e81 e-con-full e-flex e-con e-parent\" data-id=\"d445e81\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c6578 elementor-widget elementor-widget-html\" data-id=\"d0c6578\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WP GROWTH PRO - PRICING SECTION (FIXED) -->\r\n<!-- Copy this entire block into Elementor's HTML widget -->\r\n\r\n<!-- Font Awesome -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<style>\r\n \/* NUCLEAR RESET - KILL #c36 IN PRICING (BUT NOT CTA BUTTONS) *\/\r\n .wpgp-pricing button:not(.wpgp-cta-button):not(.wpgp-billing-option),\r\n .wpgp-pricing [type=\"button\"]:not(.wpgp-cta-button):not(.wpgp-billing-option),\r\n .wpgp-pricing [type=\"submit\"]:not(.wpgp-cta-button) {\r\n background: transparent !important;\r\n border: none !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n .wpgp-pricing a:not(.wpgp-cta-button):not(.wpgp-trust-link):not(.wpgp-faq-link) {\r\n color: inherit !important;\r\n text-decoration: none !important;\r\n }\r\n \r\n \/* SCOPED STYLES - Pricing Section *\/\r\n .wpgp-pricing {\r\n background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);\r\n padding: 100px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-pricing * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n \/* Background pattern *\/\r\n .wpgp-pricing-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image: \r\n radial-gradient(circle at 30% 30%, rgba(249, 115, 22, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 70% 70%, rgba(234, 179, 8, 0.15) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-pricing-container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n \/* Section Header *\/\r\n .wpgp-pricing-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n \r\n .wpgp-pricing-eyebrow {\r\n display: inline-block;\r\n color: #fb923c;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 16px;\r\n padding: 8px 16px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 100px;\r\n }\r\n \r\n .wpgp-pricing-title {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .wpgp-pricing-subtitle {\r\n font-size: 20px;\r\n color: #94a3b8;\r\n max-width: 600px;\r\n margin: 0 auto 32px;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* Billing Toggle - FIXED FOCUS ISSUE *\/\r\n .wpgp-billing-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 16px;\r\n background: rgba(30, 41, 59, 0.5);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.3);\r\n border-radius: 100px;\r\n padding: 8px;\r\n }\r\n \r\n .wpgp-billing-option {\r\n padding: 10px 24px !important;\r\n border-radius: 100px !important;\r\n font-size: 15px !important;\r\n font-weight: 600 !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n color: #fff !important;\r\n border: none !important;\r\n background: transparent !important;\r\n font-family: inherit !important;\r\n outline: none !important;\r\n }\r\n \r\n .wpgp-billing-option:hover {\r\n background: rgba(71, 85, 105, 0.3) !important;\r\n color: #fff !important;\r\n }\r\n \r\n .wpgp-billing-option:focus {\r\n outline: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n .wpgp-billing-option.active {\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;\r\n color: #fff !important;\r\n box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3) !important;\r\n }\r\n \r\n .wpgp-billing-option.active:hover {\r\n background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;\r\n }\r\n \r\n .wpgp-billing-option.active:focus {\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;\r\n }\r\n \r\n .wpgp-save-badge {\r\n display: inline-block;\r\n background: rgba(16, 185, 129, 0.1);\r\n border: 1px solid rgba(16, 185, 129, 0.3);\r\n color: #10b981;\r\n padding: 4px 12px;\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n margin-left: 8px;\r\n }\r\n \r\n \/* Pricing Grid *\/\r\n .wpgp-pricing-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n margin-top: 60px;\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .wpgp-pricing-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n }\r\n }\r\n \r\n \/* Pricing Card *\/\r\n .wpgp-pricing-card {\r\n background: rgba(30, 41, 59, 0.3);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.3);\r\n border-radius: 20px;\r\n padding: 40px 32px;\r\n position: relative;\r\n transition: all 0.4s ease;\r\n }\r\n \r\n .wpgp-pricing-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n \/* Featured Card *\/\r\n .wpgp-pricing-card.featured {\r\n background: rgba(249, 115, 22, 0.08);\r\n border: 2px solid rgba(249, 115, 22, 0.3);\r\n transform: scale(1.05);\r\n box-shadow: 0 20px 50px rgba(249, 115, 22, 0.2);\r\n }\r\n \r\n .wpgp-pricing-card.featured:hover {\r\n transform: scale(1.05) translateY(-8px);\r\n box-shadow: 0 30px 60px rgba(249, 115, 22, 0.3);\r\n }\r\n \r\n \/* Popular Badge *\/\r\n .wpgp-popular-badge {\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: #fff;\r\n padding: 6px 20px;\r\n border-radius: 100px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n box-shadow: 0 4px 12px rgba(249, 115, 22, 0.4);\r\n }\r\n \r\n \/* Card Header *\/\r\n .wpgp-card-header {\r\n text-align: center;\r\n margin-bottom: 24px;\r\n padding-bottom: 24px;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n \r\n .wpgp-plan-icon {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 16px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 28px;\r\n }\r\n \r\n .wpgp-pricing-card.featured .wpgp-plan-icon {\r\n background: linear-gradient(135deg, rgba(249, 115, 22, 0.2) 0%, rgba(249, 115, 22, 0.1) 100%);\r\n }\r\n \r\n .wpgp-plan-name {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .wpgp-plan-tagline {\r\n font-size: 14px;\r\n color: #94a3b8;\r\n }\r\n \r\n \/* Pricing *\/\r\n .wpgp-price-wrapper {\r\n text-align: center;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .wpgp-price {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: center;\r\n gap: 4px;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .wpgp-currency {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #cbd5e1;\r\n }\r\n \r\n .wpgp-amount {\r\n font-size: 56px;\r\n font-weight: 800;\r\n color: #fff;\r\n font-family: 'Courier New', monospace;\r\n }\r\n \r\n .wpgp-pricing-card.featured .wpgp-amount {\r\n background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n .wpgp-period {\r\n font-size: 18px;\r\n color: #94a3b8;\r\n }\r\n \r\n .wpgp-price-note {\r\n font-size: 13px;\r\n color: #64748b;\r\n }\r\n \r\n .wpgp-price-note strong {\r\n color: #10b981;\r\n font-weight: 700;\r\n }\r\n \r\n .wpgp-annual-price {\r\n display: none;\r\n }\r\n \r\n .wpgp-annual-price.active {\r\n display: block;\r\n }\r\n \r\n \/* CTA Button - MAXIMUM SPECIFICITY WHITE TEXT *\/\r\n .wpgp-pricing .wpgp-cta-button,\r\n .wpgp-pricing-card .wpgp-cta-button,\r\n .wpgp-pricing-grid .wpgp-cta-button,\r\n a.wpgp-cta-button {\r\n width: 100%;\r\n padding: 16px 32px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 2px solid rgba(255, 255, 255, 0.2);\r\n color: #fff !important;\r\n font-size: 16px;\r\n font-weight: 700;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-bottom: 24px;\r\n font-family: inherit;\r\n text-decoration: none !important;\r\n display: inline-block;\r\n text-align: center;\r\n -webkit-text-fill-color: #fff !important;\r\n }\r\n \r\n .wpgp-pricing .wpgp-cta-button:hover,\r\n .wpgp-pricing-card .wpgp-cta-button:hover,\r\n .wpgp-pricing-grid .wpgp-cta-button:hover,\r\n a.wpgp-cta-button:hover,\r\n .wpgp-cta-button:focus,\r\n .wpgp-cta-button:active,\r\n .wpgp-cta-button:visited {\r\n background: rgba(255, 255, 255, 0.15);\r\n border-color: rgba(255, 255, 255, 0.3);\r\n transform: translateY(-2px);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n -webkit-text-fill-color: #fff !important;\r\n }\r\n \r\n .wpgp-pricing-card.featured .wpgp-cta-button,\r\n .wpgp-pricing .wpgp-pricing-card.featured .wpgp-cta-button {\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;\r\n border: none;\r\n box-shadow: 0 4px 20px rgba(249, 115, 22, 0.3);\r\n color: #fff !important;\r\n -webkit-text-fill-color: #fff !important;\r\n }\r\n \r\n .wpgp-pricing-card.featured .wpgp-cta-button:hover,\r\n .wpgp-pricing .wpgp-pricing-card.featured .wpgp-cta-button:hover,\r\n .wpgp-pricing-card.featured .wpgp-cta-button:focus,\r\n .wpgp-pricing-card.featured .wpgp-cta-button:active,\r\n .wpgp-pricing-card.featured .wpgp-cta-button:visited {\r\n background: linear-gradient(135deg, #fb923c 0%, #f97316 100%) !important;\r\n box-shadow: 0 8px 30px rgba(249, 115, 22, 0.4);\r\n color: #fff !important;\r\n text-decoration: none !important;\r\n -webkit-text-fill-color: #fff !important;\r\n }\r\n \r\n \/* Features List *\/\r\n .wpgp-features-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n \r\n \/* FIXED - Site Coverage margin-top *\/\r\n .wpgp-feature-category {\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: #fb923c;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-top: 30px;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid rgba(249, 115, 22, 0.2);\r\n }\r\n \r\n .wpgp-feature-category:first-child {\r\n margin-top: 0;\r\n }\r\n \r\n .wpgp-feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n padding: 10px 0;\r\n font-size: 14px;\r\n color: #cbd5e1;\r\n line-height: 1.5;\r\n }\r\n \r\n .wpgp-feature-icon {\r\n color: #10b981;\r\n font-size: 16px;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n }\r\n \r\n .wpgp-feature-item.disabled {\r\n opacity: 0.4;\r\n }\r\n \r\n .wpgp-feature-item.disabled .wpgp-feature-icon {\r\n color: #64748b;\r\n }\r\n \r\n \/* Trust Row *\/\r\n .wpgp-pricing-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 32px;\r\n flex-wrap: wrap;\r\n margin-top: 60px;\r\n padding-top: 40px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n \r\n .wpgp-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: #94a3b8;\r\n font-size: 15px;\r\n }\r\n \r\n .wpgp-trust-icon {\r\n color: #10b981;\r\n font-size: 20px;\r\n }\r\n \r\n .wpgp-trust-link {\r\n color: #10b981 !important;\r\n text-decoration: none !important;\r\n transition: color 0.2s !important;\r\n }\r\n \r\n .wpgp-trust-link:hover {\r\n color: #059669 !important;\r\n text-decoration: underline !important;\r\n }\r\n \r\n \/* FAQ Teaser *\/\r\n .wpgp-pricing-faq {\r\n text-align: center;\r\n margin-top: 60px;\r\n }\r\n \r\n .wpgp-faq-text {\r\n font-size: 16px;\r\n color: #94a3b8;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .wpgp-faq-link {\r\n color: #fb923c !important;\r\n text-decoration: none !important;\r\n font-weight: 600 !important;\r\n transition: color 0.2s !important;\r\n }\r\n \r\n .wpgp-faq-link:hover {\r\n color: #f97316 !important;\r\n text-decoration: underline !important;\r\n }\r\n \r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .wpgp-pricing {\r\n padding: 40px 16px;\r\n }\r\n \r\n .wpgp-pricing-title {\r\n font-size: 36px;\r\n }\r\n \r\n .wpgp-pricing-card.featured {\r\n transform: scale(1);\r\n border: 2px solid rgba(249, 115, 22, 0.5);\r\n box-shadow: 0 0 20px rgba(249, 115, 22, 0.25);\r\n }\r\n \r\n .wpgp-pricing-card.featured:hover {\r\n transform: translateY(-8px);\r\n }\r\n \r\n .wpgp-amount {\r\n font-size: 48px;\r\n }\r\n \r\n .wpgp-pricing-trust {\r\n gap: 20px;\r\n margin-top: 40px;\r\n }\r\n \r\n .wpgp-cta-button {\r\n font-size: 18px !important;\r\n padding: 14px 28px !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- WPGP Pricing Section - START -->\r\n<section class=\"wpgp-pricing\" id=\"pricing\">\r\n <div class=\"wpgp-pricing-pattern\"><\/div>\r\n \r\n <div class=\"wpgp-pricing-container\">\r\n \r\n <!-- Header -->\r\n <div class=\"wpgp-pricing-header\">\r\n <span class=\"wpgp-pricing-eyebrow\">\r\n <i class=\"fas fa-tags\"><\/i> TRANSPARENT PRICING\r\n <\/span>\r\n <h2 class=\"wpgp-pricing-title\">Choose Your Plan<\/h2>\r\n <p class=\"wpgp-pricing-subtitle\">\r\n No hidden fees. No surprises. Cancel anytime. Just reliable WordPress care at a price that makes sense.\r\n <\/p>\r\n \r\n <!-- Billing Toggle -->\r\n <div class=\"wpgp-billing-toggle\">\r\n <button class=\"wpgp-billing-option active\" data-billing=\"monthly\" type=\"button\">\r\n Monthly\r\n <\/button>\r\n <button class=\"wpgp-billing-option\" data-billing=\"annual\" type=\"button\">\r\n Yearly\r\n <span class=\"wpgp-save-badge\">Save 15%<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Pricing Grid -->\r\n <div class=\"wpgp-pricing-grid\">\r\n \r\n <!-- Essential Plan -->\r\n <div class=\"wpgp-pricing-card\">\r\n <div class=\"wpgp-card-header\">\r\n <div class=\"wpgp-plan-icon\" style=\"color: #94a3b8;\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-plan-name\">Essential<\/h3>\r\n <p class=\"wpgp-plan-tagline\">Hassle-free care for solo ventures<\/p>\r\n <\/div>\r\n \r\n <div class=\"wpgp-price-wrapper\">\r\n <div class=\"wpgp-price\">\r\n <span class=\"wpgp-currency\">$<\/span>\r\n <span class=\"wpgp-amount wpgp-monthly-price\">99<\/span>\r\n <span class=\"wpgp-amount wpgp-annual-price\">84<\/span>\r\n <span class=\"wpgp-period\">\/mo<\/span>\r\n <\/div>\r\n <p class=\"wpgp-price-note wpgp-annual-price\">Billed annually ($1,008\/year) \u2014 <strong>Save $180<\/strong><\/p>\r\n <\/div>\r\n \r\n <a href=\"#get-started\" class=\"wpgp-cta-button\">Start with Free Audit<\/a>\r\n \r\n <ul class=\"wpgp-features-list\">\r\n <li class=\"wpgp-feature-category\">Site Coverage<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span><strong>1 WordPress site<\/strong><\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Maintenance<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Daily automated backups<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Weekly plugin & core updates<\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Security & Monitoring<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>24\/7 security monitoring<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>99.9% uptime guarantee<\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Support & Reporting<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Monthly performance report<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Email support (24hr response)<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item disabled\">\r\n <i class=\"fas fa-times-circle wpgp-feature-icon\"><\/i>\r\n <span>Real-time security alerts<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item disabled\">\r\n <i class=\"fas fa-times-circle wpgp-feature-icon\"><\/i>\r\n <span>Priority support<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- Growth Plan (Featured) -->\r\n <div class=\"wpgp-pricing-card featured\">\r\n <div class=\"wpgp-popular-badge\">Most Popular<\/div>\r\n \r\n <div class=\"wpgp-card-header\">\r\n <div class=\"wpgp-plan-icon\" style=\"color: #fb923c;\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-plan-name\">Growth<\/h3>\r\n <p class=\"wpgp-plan-tagline\">Grow without tech headaches<\/p>\r\n <\/div>\r\n \r\n <div class=\"wpgp-price-wrapper\">\r\n <div class=\"wpgp-price\">\r\n <span class=\"wpgp-currency\">$<\/span>\r\n <span class=\"wpgp-amount wpgp-monthly-price\">199<\/span>\r\n <span class=\"wpgp-amount wpgp-annual-price\">169<\/span>\r\n <span class=\"wpgp-period\">\/mo<\/span>\r\n <\/div>\r\n <p class=\"wpgp-price-note wpgp-annual-price\">Billed annually ($2,028\/year) \u2014 <strong>Save $360<\/strong><\/p>\r\n <\/div>\r\n \r\n <a href=\"#get-started\" class=\"wpgp-cta-button\">Start with Free Audit<\/a>\r\n \r\n <ul class=\"wpgp-features-list\">\r\n <li class=\"wpgp-feature-category\">Site Coverage<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span><strong>Up to 3 WordPress sites<\/strong><\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Maintenance<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Daily automated backups<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span><strong>Daily<\/strong> plugin & core updates<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Monthly speed optimization<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Plugin compatibility testing<\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Security & Monitoring<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>24\/7 security monitoring<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>99.9% uptime guarantee<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Real-time security alerts<\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Support & Reporting<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span><strong>Priority support (4hr response)<\/strong><\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Quarterly strategy call<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <!-- Elite Plan -->\r\n <div class=\"wpgp-pricing-card\">\r\n <div class=\"wpgp-card-header\">\r\n <div class=\"wpgp-plan-icon\" style=\"color: #facc15;\">\r\n <i class=\"fas fa-crown\"><\/i>\r\n <\/div>\r\n <h3 class=\"wpgp-plan-name\">Elite<\/h3>\r\n <p class=\"wpgp-plan-tagline\">Premium support for maximum peace<\/p>\r\n <\/div>\r\n \r\n <div class=\"wpgp-price-wrapper\">\r\n <div class=\"wpgp-price\">\r\n <span class=\"wpgp-currency\">$<\/span>\r\n <span class=\"wpgp-amount wpgp-monthly-price\">399<\/span>\r\n <span class=\"wpgp-amount wpgp-annual-price\">339<\/span>\r\n <span class=\"wpgp-period\">\/mo<\/span>\r\n <\/div>\r\n <p class=\"wpgp-price-note wpgp-annual-price\">Billed annually ($4,068\/year) \u2014 <strong>Save $720<\/strong><\/p>\r\n <\/div>\r\n \r\n <a href=\"#get-started\" class=\"wpgp-cta-button\">Start with Free Audit<\/a>\r\n \r\n <ul class=\"wpgp-features-list\">\r\n <li class=\"wpgp-feature-category\">Site Coverage<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span><strong>Unlimited WordPress sites<\/strong><\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Maintenance<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Real-time backups<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Hourly updates (if needed)<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>5 custom dev hours\/month included<\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Security & Monitoring<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Advanced security hardening<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>99.99% uptime guarantee<\/span>\r\n <\/li>\r\n \r\n <li class=\"wpgp-feature-category\">Support & Reporting<\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Dedicated account manager<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>White-label reports (agencies)<\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span><strong>Emergency hotline (30min response)<\/strong><\/span>\r\n <\/li>\r\n <li class=\"wpgp-feature-item\">\r\n <i class=\"fas fa-check-circle wpgp-feature-icon\"><\/i>\r\n <span>Monthly strategy calls<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- Trust Row -->\r\n <div class=\"wpgp-pricing-trust\">\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-shield-alt wpgp-trust-icon\"><\/i>\r\n <span>No Setup Fees<\/span>\r\n <\/div>\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-undo wpgp-trust-icon\"><\/i>\r\n <span>30-Day Money-Back Guarantee<\/span>\r\n <\/div>\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-times-circle wpgp-trust-icon\"><\/i>\r\n <span>Cancel Anytime<\/span>\r\n <\/div>\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-users wpgp-trust-icon\"><\/i>\r\n <span>Join 247+ Business Owners Protected<\/span>\r\n <\/div>\r\n <div class=\"wpgp-trust-item\">\r\n <i class=\"fas fa-file-alt wpgp-trust-icon\"><\/i>\r\n <a href=\"#sample-report\" class=\"wpgp-trust-link\">View Sample Report<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Teaser -->\r\n <div class=\"wpgp-pricing-faq\">\r\n <p class=\"wpgp-faq-text\">\r\n Have questions? Check out our <a href=\"#faq\" class=\"wpgp-faq-link\">FAQ<\/a> or <a href=\"#contact\" class=\"wpgp-faq-link\">contact us<\/a> for a custom quote.\r\n <\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n<!-- WPGP Pricing Section - END -->\r\n\r\n<script>\r\n\/\/ WPGP Pricing - Billing Toggle\r\n(function() {\r\n 'use strict';\r\n \r\n const billingButtons = document.querySelectorAll('.wpgp-billing-option');\r\n const monthlyPrices = document.querySelectorAll('.wpgp-monthly-price');\r\n const annualPrices = document.querySelectorAll('.wpgp-annual-price');\r\n \r\n billingButtons.forEach(function(button) {\r\n button.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const billing = this.getAttribute('data-billing');\r\n \r\n \/\/ Update active state\r\n billingButtons.forEach(function(btn) {\r\n btn.classList.remove('active');\r\n btn.setAttribute('aria-pressed', 'false');\r\n });\r\n this.classList.add('active');\r\n this.setAttribute('aria-pressed', 'true');\r\n \r\n \/\/ Toggle prices\r\n if (billing === 'annual') {\r\n monthlyPrices.forEach(function(price) {\r\n price.style.display = 'none';\r\n });\r\n annualPrices.forEach(function(price) {\r\n price.classList.add('active');\r\n });\r\n } else {\r\n monthlyPrices.forEach(function(price) {\r\n price.style.display = 'inline';\r\n });\r\n annualPrices.forEach(function(price) {\r\n price.classList.remove('active');\r\n });\r\n }\r\n });\r\n });\r\n \r\n \/\/ Initialize ARIA attributes\r\n billingButtons.forEach(function(button) {\r\n const isActive = button.classList.contains('active');\r\n button.setAttribute('aria-pressed', isActive ? 'true' : 'false');\r\n });\r\n \r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-53682a1 e-con-full e-flex e-con e-parent\" data-id=\"53682a1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb9c1ad elementor-widget elementor-widget-html\" data-id=\"eb9c1ad\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- WP GROWTH PRO - FAQ SECTION (FIXED) -->\r\n<!-- Copy this entire block into Elementor's HTML widget -->\r\n\r\n<style>\r\n \/* NUCLEAR RESET - KILL #c36 EVERYWHERE IN FAQ *\/\r\n .wpgp-faq button,\r\n .wpgp-faq [type=\"button\"],\r\n .wpgp-faq [type=\"submit\"],\r\n .wpgp-faq-question,\r\n button.wpgp-faq-question,\r\n .wpgp-faq-item button,\r\n .wpgp-faq .wpgp-faq-question {\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n color: inherit !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n .wpgp-faq button:focus,\r\n .wpgp-faq button:active,\r\n .wpgp-faq-question:focus,\r\n .wpgp-faq-question:active,\r\n .wpgp-faq-item.active .wpgp-faq-question,\r\n .wpgp-faq-item.active button.wpgp-faq-question {\r\n background: rgba(249, 115, 22, 0.1) !important;\r\n background-color: rgba(249, 115, 22, 0.1) !important;\r\n border-left: 3px solid #F97316 !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n \/* SCOPED STYLES - FAQ Section *\/\r\n .wpgp-faq {\r\n background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);\r\n padding: 100px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-faq * {\r\n box-sizing: border-box;\r\n }\r\n \r\n \/* Background pattern *\/\r\n .wpgp-faq-pattern {\r\n position: absolute;\r\n inset: 0;\r\n opacity: 0.03;\r\n background-image: \r\n radial-gradient(circle at 20% 50%, rgba(249, 115, 22, 0.15) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 50%, rgba(16, 185, 129, 0.15) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-faq-container {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n \r\n \/* Section Header *\/\r\n .wpgp-faq-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n \r\n .wpgp-faq-eyebrow {\r\n display: inline-block;\r\n color: #fb923c;\r\n font-size: 14px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 16px;\r\n padding: 8px 16px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 100px;\r\n }\r\n \r\n .wpgp-faq-eyebrow i {\r\n margin-right: 8px;\r\n }\r\n \r\n .wpgp-faq-title {\r\n font-size: 48px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .wpgp-faq-subtitle {\r\n font-size: 20px;\r\n color: #94a3b8;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* FAQ Items *\/\r\n .wpgp-faq-list {\r\n margin-bottom: 40px;\r\n }\r\n \r\n .wpgp-faq-item {\r\n background: rgba(30, 41, 59, 0.3);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(71, 85, 105, 0.3);\r\n border-radius: 16px;\r\n margin-bottom: 16px;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-faq-item:hover {\r\n border-color: rgba(249, 115, 22, 0.3);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n \/* FAQ Question - THE PROBLEM AREA *\/\r\n .wpgp-faq-question {\r\n width: 100% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 24px 28px !important;\r\n cursor: pointer !important;\r\n text-align: left !important;\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n border-left: 3px solid transparent !important;\r\n font-family: inherit !important;\r\n transition: all 0.3s ease !important;\r\n margin: 0 !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n .wpgp-faq-question:hover {\r\n background: rgba(249, 115, 22, 0.05) !important;\r\n background-color: rgba(249, 115, 22, 0.05) !important;\r\n }\r\n \r\n .wpgp-faq-item.active .wpgp-faq-question {\r\n background: rgba(249, 115, 22, 0.1) !important;\r\n background-color: rgba(249, 115, 22, 0.1) !important;\r\n border-left-color: #F97316 !important;\r\n }\r\n \r\n .wpgp-faq-question-text {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.4;\r\n flex: 1;\r\n padding-right: 20px;\r\n margin: 0;\r\n }\r\n \r\n .wpgp-faq-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: rgba(249, 115, 22, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #fb923c;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .wpgp-faq-item.active .wpgp-faq-icon {\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: #fff;\r\n transform: rotate(180deg);\r\n }\r\n \r\n \/* FAQ Answer *\/\r\n .wpgp-faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease;\r\n }\r\n \r\n .wpgp-faq-item.active .wpgp-faq-answer {\r\n max-height: 1000px;\r\n padding: 0 28px 28px 28px;\r\n }\r\n \r\n .wpgp-faq-answer-content {\r\n font-size: 16px;\r\n color: #cbd5e1;\r\n line-height: 1.7;\r\n }\r\n \r\n .wpgp-faq-answer-content p {\r\n margin-bottom: 12px;\r\n }\r\n \r\n .wpgp-faq-answer-content p:last-child {\r\n margin-bottom: 0;\r\n }\r\n \r\n .wpgp-faq-answer-content strong {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-faq-answer-content ul {\r\n list-style: none;\r\n padding-left: 0;\r\n margin: 12px 0;\r\n }\r\n \r\n .wpgp-faq-answer-content li {\r\n padding-left: 24px;\r\n position: relative;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .wpgp-faq-answer-content li:before {\r\n content: \"\u2713\";\r\n position: absolute;\r\n left: 0;\r\n color: #10b981;\r\n font-weight: 700;\r\n }\r\n \r\n \/* CTA Section *\/\r\n .wpgp-faq-cta {\r\n margin-top: 40px;\r\n text-align: center;\r\n padding: 40px 32px;\r\n background: rgba(249, 115, 22, 0.03);\r\n border: 1px solid rgba(249, 115, 22, 0.2);\r\n border-radius: 20px;\r\n }\r\n \r\n .wpgp-faq-cta-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 12px;\r\n }\r\n \r\n .wpgp-faq-cta-social {\r\n font-size: 15px;\r\n color: #cbd5e1;\r\n margin-bottom: 16px;\r\n }\r\n \r\n .wpgp-faq-cta-social strong {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n .wpgp-faq-cta-text {\r\n font-size: 16px;\r\n color: #cbd5e1;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .wpgp-faq-cta-link {\r\n display: inline-block;\r\n color: #10b981;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 14px;\r\n margin-bottom: 24px;\r\n transition: color 0.2s;\r\n }\r\n \r\n .wpgp-faq-cta-link:hover {\r\n color: #059669;\r\n text-decoration: underline;\r\n }\r\n \r\n .wpgp-faq-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 16px 32px;\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: #fff;\r\n text-decoration: none;\r\n border-radius: 12px;\r\n font-weight: 700;\r\n font-size: 18px;\r\n box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);\r\n transition: all 0.3s ease;\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .wpgp-faq-cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(249, 115, 22, 0.5);\r\n }\r\n \r\n .wpgp-faq-cta-button i {\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .wpgp-faq-cta-button:hover i {\r\n transform: translateX(4px);\r\n }\r\n \r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .wpgp-faq {\r\n padding: 60px 16px;\r\n }\r\n \r\n .wpgp-faq-title {\r\n font-size: 36px;\r\n }\r\n \r\n .wpgp-faq-question {\r\n padding: 20px 20px !important;\r\n }\r\n \r\n .wpgp-faq-question-text {\r\n font-size: 16px;\r\n }\r\n \r\n .wpgp-faq-icon {\r\n width: 32px;\r\n height: 32px;\r\n font-size: 16px;\r\n }\r\n \r\n .wpgp-faq-item.active .wpgp-faq-answer {\r\n padding: 0 20px 20px 20px;\r\n }\r\n \r\n .wpgp-faq-answer-content {\r\n font-size: 15px;\r\n }\r\n \r\n .wpgp-faq-cta {\r\n padding: 32px 24px;\r\n }\r\n \r\n .wpgp-faq-cta-title {\r\n font-size: 20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- FAQ Section HTML -->\r\n<section class=\"wpgp-faq\" id=\"faq\">\r\n <div class=\"wpgp-faq-pattern\"><\/div>\r\n \r\n <div class=\"wpgp-faq-container\">\r\n \r\n <!-- Section Header -->\r\n <div class=\"wpgp-faq-header\">\r\n <span class=\"wpgp-faq-eyebrow\">\r\n <i class=\"fas fa-question-circle\"><\/i> QUESTIONS ANSWERED\r\n <\/span>\r\n <h2 class=\"wpgp-faq-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"wpgp-faq-subtitle\">\r\n Everything you need to know about our WordPress maintenance service.\r\n <\/p>\r\n <\/div>\r\n \r\n <!-- FAQ List -->\r\n <div class=\"wpgp-faq-list\">\r\n \r\n <!-- FAQ Item 1 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">Can I cancel anytime? Are there contracts?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>Yes\u2014cancel anytime, no fees. We'll process it instantly and send you a final backup. Most clients stick around because their sites stay healthy, but we never lock anyone in.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 2 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">How fast do you respond if my site goes down?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>If your site goes down, we often know before you do. Our response times depend on your plan:<\/p>\r\n <ul>\r\n <li><strong>Essential:<\/strong> 24-hour response<\/li>\r\n <li><strong>Growth:<\/strong> 4-hour response<\/li>\r\n <li><strong>Elite:<\/strong> 30-minute response, 24\/7<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 3 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">What exactly is included in maintenance?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>Every plan includes:<\/p>\r\n <ul>\r\n <li>Daily backups (stored offsite for 30 days)<\/li>\r\n <li>WordPress core, plugin, and theme updates<\/li>\r\n <li>Security monitoring and malware scans<\/li>\r\n <li>Uptime monitoring (we're alerted if you go down)<\/li>\r\n <li>Speed optimization<\/li>\r\n <li>Monthly health reports<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 4 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">Do you work with my hosting provider?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>Yes! We work with all major hosting providers\u2014WP Engine, SiteGround, Bluehost, GoDaddy, Kinsta, and more. If you're on WordPress, we can maintain it.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 5 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">What if an update breaks my site?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>We fix it\u2014fast. We back up before every update, test changes on a staging site when possible, and monitor your site after updates. If something breaks, we roll back and fix the issue at no extra cost.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 6 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">Do I need technical knowledge?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>Not at all. That's the whole point. You'll never need to touch code or understand technical jargon. We handle everything behind the scenes and send you plain-English updates.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 7 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">I already have backups through my host. Why do I need yours?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>Host backups are great, but they're often incomplete or stored on the same server (so if the server fails, your backups go too). Our backups are offsite, daily, and tested regularly to ensure they actually work when you need them.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- FAQ Item 8 -->\r\n <div class=\"wpgp-faq-item\">\r\n <button class=\"wpgp-faq-question\" aria-expanded=\"false\" type=\"button\">\r\n <h3 class=\"wpgp-faq-question-text\">Can you help with design changes or new features?<\/h3>\r\n <div class=\"wpgp-faq-icon\">\r\n <i class=\"fas fa-plus\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div class=\"wpgp-faq-answer\">\r\n <div class=\"wpgp-faq-answer-content\">\r\n <p>Yes! Our <strong>Elite plan<\/strong> includes monthly development hours for design tweaks, new pages, or feature additions. Need more? We offer additional dev hours at a flat rate.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <!-- CTA -->\r\n <div class=\"wpgp-faq-cta\">\r\n <h3 class=\"wpgp-faq-cta-title\">Still Have Questions?<\/h3>\r\n <p class=\"wpgp-faq-cta-social\">\r\n <strong>Join 247+ business owners<\/strong> who never worry about their site.\r\n <\/p>\r\n <p class=\"wpgp-faq-cta-text\">\r\n Get a free site audit and we'll answer everything during your personalized review.\r\n <\/p>\r\n <a href=\"#sample-report\" class=\"wpgp-faq-cta-link\">\ud83d\udcc4 View Sample Audit Report<\/a>\r\n <br>\r\n <a href=\"#get-started\" class=\"wpgp-faq-cta-button\">\r\n Get Your Free Site Audit\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<!-- JavaScript -->\r\n<script>\r\n(function() {\r\n 'use strict';\r\n \r\n const faqItems = document.querySelectorAll('.wpgp-faq-item');\r\n \r\n faqItems.forEach((item, index) => {\r\n const question = item.querySelector('.wpgp-faq-question');\r\n const answer = item.querySelector('.wpgp-faq-answer');\r\n const icon = item.querySelector('.wpgp-faq-icon i');\r\n \r\n \/\/ Set up ARIA controls\r\n const answerId = `wpgp-faq-answer-${index}`;\r\n question.setAttribute('aria-controls', answerId);\r\n answer.id = answerId;\r\n \r\n \/\/ Click handler\r\n question.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n toggleFAQ(item, question, icon);\r\n });\r\n \r\n \/\/ Keyboard support\r\n question.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n toggleFAQ(item, question, icon);\r\n }\r\n });\r\n });\r\n \r\n function toggleFAQ(item, question, icon) {\r\n const isActive = item.classList.contains('active');\r\n \r\n \/\/ Close all other items\r\n faqItems.forEach(function(otherItem) {\r\n if (otherItem !== item) {\r\n otherItem.classList.remove('active');\r\n otherItem.querySelector('.wpgp-faq-question').setAttribute('aria-expanded', 'false');\r\n otherItem.querySelector('.wpgp-faq-icon i').className = 'fas fa-plus';\r\n }\r\n });\r\n \r\n \/\/ Toggle current item\r\n if (isActive) {\r\n item.classList.remove('active');\r\n question.setAttribute('aria-expanded', 'false');\r\n icon.className = 'fas fa-plus';\r\n } else {\r\n item.classList.add('active');\r\n question.setAttribute('aria-expanded', 'true');\r\n icon.className = 'fas fa-minus';\r\n }\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c240720 e-con-full e-flex e-con e-parent\" data-id=\"c240720\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-89adaa6 elementor-widget elementor-widget-html\" data-id=\"89adaa6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>WP Growth Pro - Final CTA<\/title>\r\n \r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* SCOPED STYLES - Final CTA Section *\/\r\n .wpgp-final-cta {\r\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n padding: 120px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .wpgp-final-cta * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n \/* Background Gradient Orbs *\/\r\n .wpgp-final-cta-orb-1 {\r\n position: absolute;\r\n top: -100px;\r\n left: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(249, 115, 22, 0.12) 0%, transparent 70%);\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-final-cta-orb-2 {\r\n position: absolute;\r\n bottom: -100px;\r\n right: -100px;\r\n width: 400px;\r\n height: 400px;\r\n background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%);\r\n border-radius: 50%;\r\n filter: blur(60px);\r\n pointer-events: none;\r\n }\r\n \r\n .wpgp-final-cta-container {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 10;\r\n text-align: center;\r\n }\r\n \r\n \/* Main Content Box *\/\r\n .wpgp-final-cta-box {\r\n background: rgba(30, 41, 59, 0.4);\r\n backdrop-filter: blur(20px);\r\n border: 2px solid rgba(249, 115, 22, 0.3);\r\n border-radius: 24px;\r\n padding: 60px 40px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n \/* Badge *\/\r\n .wpgp-final-cta-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: #fff;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 24px;\r\n box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);\r\n }\r\n \r\n \/* Headline *\/\r\n .wpgp-final-cta-headline {\r\n font-size: 44px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .wpgp-final-cta-headline span {\r\n background: linear-gradient(135deg, #fb923c 0%, #f97316 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n \r\n \/* Subheadline *\/\r\n .wpgp-final-cta-subheadline {\r\n font-size: 20px;\r\n color: #cbd5e1;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n max-width: 700px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .wpgp-final-cta-sample-link {\r\n display: inline-block;\r\n color: #10b981;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 15px;\r\n margin-top: 8px;\r\n transition: color 0.2s;\r\n }\r\n \r\n .wpgp-final-cta-sample-link:hover {\r\n color: #059669;\r\n text-decoration: underline;\r\n }\r\n \r\n \/* Testimonial *\/\r\n .wpgp-final-cta-testimonial {\r\n font-size: 16px;\r\n color: #cbd5e1;\r\n margin-bottom: 12px;\r\n font-style: italic;\r\n }\r\n \r\n .wpgp-final-cta-testimonial strong {\r\n color: #fff;\r\n font-weight: 600;\r\n font-style: normal;\r\n }\r\n \r\n \/* Social Proof *\/\r\n .wpgp-final-cta-social {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 32px;\r\n font-size: 16px;\r\n color: #94a3b8;\r\n }\r\n \r\n .wpgp-final-cta-social-icon {\r\n color: #10b981;\r\n font-size: 20px;\r\n }\r\n \r\n .wpgp-final-cta-social strong {\r\n color: #fff;\r\n font-weight: 600;\r\n }\r\n \r\n \/* CTA Button *\/\r\n .wpgp-final-cta-button {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 20px 48px;\r\n background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\r\n color: white;\r\n font-size: 20px;\r\n font-weight: 700;\r\n border: none;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 8px 30px rgba(249, 115, 22, 0.4);\r\n text-decoration: none;\r\n font-family: inherit;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .wpgp-final-cta-button:hover {\r\n background: linear-gradient(135deg, #f97316 0%, #fb923c 100%);\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 40px rgba(249, 115, 22, 0.6);\r\n }\r\n \r\n .wpgp-final-cta-button i {\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .wpgp-final-cta-button:hover i {\r\n transform: translateX(4px);\r\n }\r\n \r\n \/* Trust Row *\/\r\n .wpgp-final-cta-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n padding-top: 24px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n \r\n .wpgp-final-cta-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 14px;\r\n color: #94a3b8;\r\n }\r\n \r\n .wpgp-final-cta-trust-icon {\r\n color: #10b981;\r\n font-size: 16px;\r\n }\r\n \r\n \/* Mobile Adjustments *\/\r\n @media (max-width: 768px) {\r\n .wpgp-final-cta {\r\n padding: 60px 12px;\r\n }\r\n \r\n .wpgp-final-cta-box {\r\n padding: 40px 24px;\r\n }\r\n \r\n .wpgp-final-cta-headline {\r\n font-size: 28px;\r\n }\r\n \r\n .wpgp-final-cta-subheadline {\r\n font-size: 18px;\r\n }\r\n \r\n .wpgp-final-cta-button {\r\n width: 100%;\r\n justify-content: center;\r\n padding: 16px 28px;\r\n font-size: 17px;\r\n }\r\n \r\n .wpgp-final-cta-trust {\r\n gap: 16px;\r\n flex-direction: column;\r\n }\r\n \r\n .wpgp-final-cta-social,\r\n .wpgp-final-cta-testimonial {\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n }\r\n \r\n \/* Accessibility - Reduced Motion *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n .wpgp-final-cta-button,\r\n .wpgp-final-cta-orb-1,\r\n .wpgp-final-cta-orb-2 {\r\n transition: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- WPGP Final CTA Section - START -->\r\n<section class=\"wpgp-final-cta\" role=\"region\" aria-labelledby=\"final-cta-headline\">\r\n <div class=\"wpgp-final-cta-orb-1\"><\/div>\r\n <div class=\"wpgp-final-cta-orb-2\"><\/div>\r\n \r\n <div class=\"wpgp-final-cta-container\">\r\n <div class=\"wpgp-final-cta-box\">\r\n \r\n <!-- Badge -->\r\n <div class=\"wpgp-final-cta-badge\">\r\n <i class=\"fas fa-bolt\"><\/i> FREE AUDIT IN 24 HOURS\r\n <\/div>\r\n \r\n <!-- Headline -->\r\n <h2 id=\"final-cta-headline\" class=\"wpgp-final-cta-headline\">\r\n Stop Worrying About Your <span>WordPress Site<\/span>\r\n <\/h2>\r\n \r\n <!-- Subheadline -->\r\n <p class=\"wpgp-final-cta-subheadline\">\r\n Claim your free audit now. We'll pinpoint issues and handle everything, so you focus on growth.\r\n <\/p>\r\n <a href=\"#sample-report\" class=\"wpgp-final-cta-sample-link\">\r\n <i class=\"fas fa-file-alt\"><\/i> View Sample Audit Report\r\n <\/a>\r\n \r\n <!-- Testimonial -->\r\n <div class=\"wpgp-final-cta-testimonial\">\r\n \"Saved us 10 hours a week!\" \u2013 <strong>Jane, Bakery Owner<\/strong>\r\n <\/div>\r\n \r\n <!-- Social Proof -->\r\n <div class=\"wpgp-final-cta-social\">\r\n <i class=\"fas fa-users wpgp-final-cta-social-icon\"><\/i>\r\n <span>Join <strong>247+ business owners<\/strong> with worry-free sites<\/span>\r\n <\/div>\r\n \r\n <!-- CTA Button -->\r\n <a href=\"#get-started\" class=\"wpgp-final-cta-button\" aria-label=\"Get your free WordPress site audit now\">\r\n Get Your Free Site Audit Now\r\n <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n \r\n <!-- Trust Row -->\r\n <div class=\"wpgp-final-cta-trust\">\r\n <div class=\"wpgp-final-cta-trust-item\">\r\n <i class=\"fas fa-shield-alt wpgp-final-cta-trust-icon\"><\/i>\r\n <span>No Credit Card Required<\/span>\r\n <\/div>\r\n <div class=\"wpgp-final-cta-trust-item\">\r\n <i class=\"fas fa-clock wpgp-final-cta-trust-icon\"><\/i>\r\n <span>Results in 24 Hours<\/span>\r\n <\/div>\r\n <div class=\"wpgp-final-cta-trust-item\">\r\n <i class=\"fas fa-check-circle wpgp-final-cta-trust-icon\"><\/i>\r\n <span>100% Risk-Free Audit<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n<!-- WPGP Final CTA Section - END -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WP Growth Pro – Hero Section All Systems Operational | \ud83d\udee1\ufe0f Protecting 247 Websites | \u26a1 99.98% Uptime | \ud83c\uddfa\ud83c\uddf8 US-Based Team View Sample Report JD SM RK 247 business owners sleep better at night Tired of WordPress Headaches? We Keep Your Site Running 24\/7 Daily updates, backups, security, and speed\u2014all handled for you. Focus […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":56,"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/dev.wpgrowthpro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}