{"id":2832,"date":"2026-03-21T22:11:54","date_gmt":"2026-03-21T22:11:54","guid":{"rendered":"https:\/\/webstepper.io\/?page_id=2832"},"modified":"2026-03-21T23:16:54","modified_gmt":"2026-03-21T23:16:54","slug":"get-started","status":"publish","type":"page","link":"https:\/\/webstepper.io\/get-started\/","title":{"rendered":"Get Started"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2832\" class=\"elementor elementor-2832\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4498767 e-flex e-con-boxed e-con e-parent\" data-id=\"4498767\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fc4eac elementor-widget elementor-widget-html\" data-id=\"6fc4eac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\n\n\/* ============================================\n   GET STARTED PAGE\n   ============================================ *\/\n\n.ws-gs {\n  font-family: 'Poppins', sans-serif;\n  position: relative;\n}\n\n\/* ---- HERO ---- *\/\n.ws-gs-hero {\n  text-align: center;\n  padding: 20px 0 60px;\n  position: relative;\n}\n\n.ws-gs-hero::before {\n  content: '';\n  position: absolute;\n  top: -200px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 700px;\n  height: 700px;\n  background: radial-gradient(circle, rgba(16, 185, 129, 0.06) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.ws-gs-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #059669;\n  background: linear-gradient(135deg, #F0FDF4 0%, #ECFDF5 100%);\n  border: 1px solid rgba(16, 185, 129, 0.15);\n  border-radius: 100px;\n  margin-bottom: 24px;\n  position: relative;\n  z-index: 1;\n}\n\n.ws-gs-hero-badge-dot {\n  width: 8px;\n  height: 8px;\n  background: linear-gradient(135deg, #10B981, #059669);\n  border-radius: 50%;\n  animation: wsGsPulse 2s ease-in-out infinite;\n}\n\n@keyframes wsGsPulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.7; transform: scale(1.15); }\n}\n\n.ws-gs-hero-title {\n  font-size: 52px;\n  font-weight: 700;\n  line-height: 1.08;\n  letter-spacing: -0.03em;\n  color: #0A1F1A;\n  margin: 0 0 20px 0;\n  position: relative;\n  z-index: 1;\n}\n\n.ws-gs-hero-title-highlight {\n  color: #10B981;\n  position: relative;\n  display: inline-block;\n}\n\n.ws-gs-hero-title-highlight::after {\n  content: '';\n  position: absolute;\n  bottom: 6px;\n  left: -4px;\n  right: -4px;\n  height: 12px;\n  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.1) 100%);\n  border-radius: 6px;\n  z-index: -1;\n}\n\n.ws-gs-hero-description {\n  font-size: 18px;\n  color: #4B5563;\n  line-height: 1.65;\n  margin: 0 auto;\n  max-width: 580px;\n  position: relative;\n  z-index: 1;\n}\n\n\/* ---- STEPS TIMELINE ---- *\/\n.ws-gs-timeline {\n  display: flex;\n  justify-content: center;\n  gap: 0;\n  margin: 48px auto 56px;\n  max-width: 640px;\n  position: relative;\n  z-index: 1;\n}\n\n.ws-gs-timeline::before {\n  content: '';\n  position: absolute;\n  top: 20px;\n  left: 16%;\n  right: 16%;\n  height: 3px;\n  background: linear-gradient(90deg, #D1FAE5, #10B981, #D1FAE5);\n  border-radius: 2px;\n  z-index: 0;\n}\n\n.ws-gs-timeline-step {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n  position: relative;\n  z-index: 1;\n}\n\n.ws-gs-timeline-num {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, #10B981, #059669);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 700;\n  color: #FFFFFF;\n  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);\n}\n\n.ws-gs-timeline-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #374151;\n  text-align: center;\n}\n\n.ws-gs-timeline-time {\n  font-size: 11px;\n  font-weight: 500;\n  color: #10B981;\n  margin-top: -4px;\n}\n\n\/* ---- PROBLEM CHOOSER ---- *\/\n.ws-gs-chooser {\n  margin-bottom: 56px;\n}\n\n.ws-gs-chooser-header {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.ws-gs-chooser-tagline {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #10B981;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 16px;\n}\n\n.ws-gs-chooser-title {\n  font-size: 40px;\n  font-weight: 700;\n  color: #0A1F1A;\n  margin: 0 0 16px 0;\n  letter-spacing: -0.02em;\n}\n\n.ws-gs-chooser-subtitle {\n  font-size: 18px;\n  color: #6B7280;\n  margin: 0;\n  max-width: 500px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.ws-gs-paths {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n\n.ws-gs-path {\n  border-radius: 24px;\n  padding: 40px;\n  border: 1px solid #E5E7EB;\n  background: #FFFFFF;\n  position: relative;\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n.ws-gs-path:hover {\n  border-color: rgba(16, 185, 129, 0.3);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);\n}\n\n.ws-gs-path--trust {\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.06) 0%, rgba(16, 185, 129, 0.02) 100%);\n}\n\n.ws-gs-path--growth {\n  background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(5, 150, 105, 0.02) 100%);\n}\n\n.ws-gs-path-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  padding: 6px 12px;\n  border-radius: 100px;\n  margin-bottom: 20px;\n}\n\n.ws-gs-path--trust .ws-gs-path-badge {\n  color: #1D4ED8;\n  background: rgba(59, 130, 246, 0.12);\n}\n\n.ws-gs-path--growth .ws-gs-path-badge {\n  color: #B45309;\n  background: rgba(217, 119, 6, 0.12);\n}\n\n.ws-gs-path-icon {\n  width: 56px;\n  height: 56px;\n  background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  color: #10B981;\n}\n\n.ws-gs-path-icon svg {\n  width: 28px;\n  height: 28px;\n}\n\n.ws-gs-path-question {\n  font-size: 14px;\n  font-weight: 500;\n  color: #6B7280;\n  margin: 0 0 8px 0;\n  font-style: italic;\n}\n\n.ws-gs-path-title {\n  font-size: 24px;\n  font-weight: 700;\n  color: #0A1F1A;\n  margin: 0 0 12px 0;\n}\n\n.ws-gs-path-text {\n  font-size: 15px;\n  color: #4B5563;\n  line-height: 1.7;\n  margin: 0 0 24px 0;\n}\n\n.ws-gs-path-features {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-bottom: 28px;\n}\n\n.ws-gs-path-feature {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 500;\n  color: #1F2937;\n}\n\n.ws-gs-path-feature-icon {\n  width: 20px;\n  height: 20px;\n  background: linear-gradient(135deg, #10B981, #059669);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.ws-gs-path-feature-icon svg {\n  width: 12px;\n  height: 12px;\n  color: #FFFFFF;\n}\n\n.ws-gs-path-buttons {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.ws-gs-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 14px 24px;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  border-radius: 12px;\n  text-decoration: none;\n  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n  cursor: pointer;\n  border: none;\n}\n\n.ws-gs-btn svg {\n  width: 16px;\n  height: 16px;\n}\n\n.ws-gs-btn--primary {\n  background: #10B981;\n  color: #FFFFFF;\n  box-shadow: 0 8px 18px rgba(16, 185, 129, 0.24);\n}\n\n.ws-gs-btn--primary:hover {\n  background: #059669;\n  color: #FFFFFF;\n  box-shadow: 0 12px 24px rgba(16, 185, 129, 0.32);\n}\n\n.ws-gs-btn--secondary {\n  background: #FFFFFF;\n  color: #0A1F1A;\n  border: 1.5px solid #E2E8F0;\n}\n\n.ws-gs-btn--secondary:hover {\n  background: #F9FAFB;\n  border-color: #D1D5DB;\n  color: #0A1F1A;\n}\n\n.ws-gs-path-pro {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 14px;\n  font-size: 13px;\n  font-weight: 500;\n  color: #6B7280;\n}\n\n.ws-gs-path-pro a {\n  color: #10B981;\n  font-weight: 600;\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  transition: color 0.2s ease;\n}\n\n.ws-gs-path-pro a:hover {\n  color: #059669;\n}\n\n.ws-gs-path-pro a svg {\n  width: 14px;\n  height: 14px;\n}\n\n\/* ---- QUICK START GUIDE ---- *\/\n.ws-gs-quickstart {\n  margin-bottom: 56px;\n}\n\n.ws-gs-quickstart-header {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.ws-gs-quickstart-tagline {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #10B981;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 16px;\n}\n\n.ws-gs-quickstart-title {\n  font-size: 40px;\n  font-weight: 700;\n  color: #0A1F1A;\n  margin: 0 0 16px 0;\n  letter-spacing: -0.02em;\n}\n\n.ws-gs-quickstart-subtitle {\n  font-size: 18px;\n  color: #6B7280;\n  margin: 0 auto;\n  max-width: 520px;\n}\n\n.ws-gs-steps {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.ws-gs-step {\n  background: #FFFFFF;\n  border: 1px solid #E5E7EB;\n  border-radius: 20px;\n  padding: 32px;\n  position: relative;\n  transition: all 0.3s ease;\n}\n\n.ws-gs-step:hover {\n  border-color: rgba(16, 185, 129, 0.3);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);\n}\n\n.ws-gs-step-num {\n  width: 36px;\n  height: 36px;\n  background: linear-gradient(135deg, #F0FDF4, #DCFCE7);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 15px;\n  font-weight: 700;\n  color: #10B981;\n  margin-bottom: 18px;\n}\n\n.ws-gs-step-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #0A1F1A;\n  margin: 0 0 8px 0;\n}\n\n.ws-gs-step-time {\n  font-size: 12px;\n  font-weight: 600;\n  color: #10B981;\n  margin: 0 0 12px 0;\n}\n\n.ws-gs-step-text {\n  font-size: 15px;\n  color: #6B7280;\n  line-height: 1.65;\n  margin: 0;\n}\n\n\/* ---- BUNDLE PRICING ---- *\/\n.ws-gs-bundle-wrap {\n  background: linear-gradient(135deg, #0A1F1A 0%, #112820 100%);\n  border-radius: 24px;\n  padding: 56px 40px;\n  margin-bottom: 56px;\n}\n\n.ws-bundle-pricing {\n  font-family: 'Poppins', sans-serif;\n}\n\n.ws-bundle-header {\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.ws-bundle-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 14px;\n  font-size: 11px;\n  font-weight: 600;\n  color: #10B981;\n  background-color: rgba(16, 185, 129, 0.1);\n  border-radius: 100px;\n  margin-bottom: 20px;\n  letter-spacing: 0.5px;\n}\n\n.ws-bundle-badge-dot {\n  width: 6px;\n  height: 6px;\n  background-color: #10B981;\n  border-radius: 50%;\n}\n\n.ws-bundle-title {\n  font-size: 36px;\n  font-weight: 700;\n  color: #FFFFFF;\n  margin: 0 0 16px 0;\n  letter-spacing: -0.3px;\n}\n\n.ws-bundle-subtitle {\n  font-size: 17px;\n  color: rgba(255,255,255,0.6);\n  margin: 0 0 32px 0;\n  max-width: 520px;\n  margin-left: auto;\n  margin-right: auto;\n  line-height: 1.6;\n}\n\n.ws-bundle-toggle {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px;\n  background-color: rgba(255,255,255,0.08);\n  border-radius: 12px;\n}\n\n.ws-bundle-toggle-btn {\n  padding: 12px 24px;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  background-color: transparent;\n  color: rgba(255,255,255,0.6);\n  transition: all 0.3s ease;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.ws-bundle-toggle-btn--active {\n  background-color: #10B981;\n  color: #FFFFFF;\n}\n\n.ws-bundle-toggle-btn:not(.ws-bundle-toggle-btn--active):hover {\n  background-color: rgba(255,255,255,0.1);\n  color: rgba(255,255,255,0.9);\n}\n\n.ws-bundle-toggle-save {\n  font-size: 11px;\n  font-weight: 600;\n  color: #10B981;\n  background-color: #FFFFFF;\n  padding: 4px 10px;\n  border-radius: 100px;\n}\n\n.ws-bundle-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-bottom: 48px;\n  transition: all 0.3s ease;\n}\n\n.ws-bundle-card {\n  padding: 32px 28px;\n  background-color: rgba(255,255,255,0.03);\n  border-radius: 20px;\n  border: 1px solid rgba(255,255,255,0.08);\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.ws-bundle-card:hover {\n  box-shadow: 0 8px 24px rgba(0,0,0,0.15);\n  border-color: rgba(255,255,255,0.15);\n}\n\n.ws-bundle-card--featured {\n  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%);\n  position: relative;\n  box-shadow: 0 25px 50px rgba(0,0,0,0.25);\n  border: 1px solid rgba(16, 185, 129, 0.3);\n}\n\n.ws-bundle-card--featured:hover {\n  box-shadow: 0 12px 32px rgba(16, 185, 129, 0.15);\n  border-color: rgba(16, 185, 129, 0.4);\n}\n\n.ws-bundle-popular {\n  position: absolute;\n  top: -11px;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #10B981;\n  color: #FFFFFF;\n  padding: 5px 14px;\n  border-radius: 100px;\n  font-size: 11px;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.ws-bundle-plan-name {\n  font-size: 20px;\n  font-weight: 600;\n  color: #FFFFFF;\n  margin: 0 0 4px 0;\n}\n\n.ws-bundle-plan-tagline {\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n  margin: 0 0 20px 0;\n}\n\n.ws-bundle-card--featured .ws-bundle-plan-tagline {\n  color: rgba(255,255,255,0.6);\n}\n\n.ws-bundle-price-wrapper {\n  margin-bottom: 6px;\n  min-height: 70px;\n}\n\n.ws-bundle-price-regular {\n  font-size: 14px;\n  color: rgba(255,255,255,0.4);\n  margin-bottom: 2px;\n  min-height: 21px;\n}\n\n.ws-bundle-price-regular-amount {\n  text-decoration: line-through;\n}\n\n.ws-bundle-discount {\n  color: #10B981;\n  text-decoration: none;\n  font-weight: 500;\n  margin-left: 4px;\n}\n\n.ws-bundle-card--featured .ws-bundle-price-regular {\n  color: rgba(255,255,255,0.5);\n}\n\n.ws-bundle-price {\n  font-size: 40px;\n  font-weight: 700;\n  color: #FFFFFF;\n}\n\n.ws-bundle-period {\n  font-size: 14px;\n  color: rgba(255,255,255,0.5);\n}\n\n.ws-bundle-card--featured .ws-bundle-period {\n  color: rgba(255,255,255,0.6);\n}\n\n.ws-bundle-sites {\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n  margin: 0 0 24px 0;\n}\n\n.ws-bundle-card--featured .ws-bundle-sites {\n  color: rgba(255,255,255,0.6);\n}\n\n.ws-bundle-btn {\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n  text-align: center;\n  padding: 12px;\n  font-family: 'Poppins', sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  border-radius: 8px;\n  cursor: pointer;\n  margin-bottom: 28px;\n  transition: all 0.2s ease;\n  text-decoration: none;\n  border: none;\n}\n\n.ws-bundle-btn--secondary {\n  background-color: rgba(255,255,255,0.1);\n  color: #FFFFFF;\n}\n\n.ws-bundle-btn--secondary:hover {\n  background-color: rgba(255,255,255,0.9);\n  color: #0A1F1A;\n}\n\n.ws-bundle-btn--primary {\n  background-color: #10B981;\n  color: #FFFFFF;\n  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4);\n}\n\n.ws-bundle-btn--primary:hover {\n  background-color: #059669;\n  color: #FFFFFF;\n}\n\n.ws-bundle-btn--loading {\n  pointer-events: none;\n  opacity: 0.8;\n  position: relative;\n}\n\n.ws-bundle-btn--loading::after {\n  content: '';\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  right: 16px;\n  top: 50%;\n  margin-top: -8px;\n  border: 2px solid transparent;\n  border-top-color: currentColor;\n  border-radius: 50%;\n  animation: ws-bundle-spin 0.8s linear infinite;\n}\n\n@keyframes ws-bundle-spin {\n  to { transform: rotate(360deg); }\n}\n\n.ws-bundle-includes {\n  margin-bottom: 24px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n\n.ws-bundle-includes-label {\n  font-size: 11px;\n  font-weight: 600;\n  color: rgba(255,255,255,0.35);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin: 0 0 12px 0;\n}\n\n.ws-bundle-includes-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 13px;\n  font-weight: 500;\n  color: rgba(255,255,255,0.8);\n  margin-bottom: 8px;\n}\n\n.ws-bundle-includes-item:last-child {\n  margin-bottom: 0;\n}\n\n.ws-bundle-includes-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.ws-bundle-includes-dot--scd {\n  background: linear-gradient(135deg, #F59E0B, #D97706);\n  box-shadow: 0 0 6px rgba(245, 158, 11, 0.4);\n}\n\n.ws-bundle-includes-dot--tl {\n  background: linear-gradient(135deg, #3B82F6, #2563EB);\n  box-shadow: 0 0 6px rgba(59, 130, 246, 0.4);\n}\n\n.ws-bundle-features {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.ws-bundle-feature {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 13px;\n  color: rgba(255,255,255,0.6);\n  line-height: 1.4;\n}\n\n.ws-bundle-card--featured .ws-bundle-feature {\n  color: rgba(255,255,255,0.7);\n}\n\n.ws-bundle-feature svg {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n.ws-bundle-savings-note {\n  text-align: center;\n  font-size: 14px;\n  color: rgba(255,255,255,0.5);\n  margin-bottom: 32px;\n}\n\n.ws-bundle-savings-note strong {\n  color: #10B981;\n  font-weight: 600;\n}\n\n.ws-bundle-guarantee {\n  display: flex;\n  justify-content: center;\n  gap: 32px;\n  flex-wrap: wrap;\n}\n\n.ws-bundle-guarantee-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n}\n\n.ws-bundle-guarantee-item svg {\n  width: 16px;\n  height: 16px;\n  color: #10B981;\n}\n\n\/* ---- RESOURCES ---- *\/\n.ws-gs-resources {\n  margin-bottom: 20px;\n}\n\n.ws-gs-resources-header {\n  text-align: center;\n  margin-bottom: 32px;\n}\n\n.ws-gs-resources-tagline {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: #10B981;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  margin-bottom: 16px;\n}\n\n.ws-gs-resources-title {\n  font-size: 40px;\n  font-weight: 700;\n  color: #0A1F1A;\n  margin: 0;\n  letter-spacing: -0.02em;\n}\n\n.ws-gs-resources-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.ws-gs-resource {\n  background: #FFFFFF;\n  border: 1px solid #E5E7EB;\n  border-radius: 20px;\n  padding: 32px;\n  text-decoration: none;\n  color: inherit;\n  transition: all 0.3s ease;\n  display: block;\n}\n\n.ws-gs-resource:hover {\n  border-color: rgba(16, 185, 129, 0.3);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);\n}\n\n.ws-gs-resource-icon {\n  width: 52px;\n  height: 52px;\n  background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 20px;\n  color: #10B981;\n}\n\n.ws-gs-resource-icon svg {\n  width: 26px;\n  height: 26px;\n}\n\n.ws-gs-resource-title {\n  font-size: 18px;\n  font-weight: 700;\n  color: #0A1F1A;\n  margin: 0 0 8px 0;\n}\n\n.ws-gs-resource-text {\n  font-size: 15px;\n  color: #6B7280;\n  line-height: 1.6;\n  margin: 0 0 16px 0;\n}\n\n.ws-gs-resource-link {\n  font-size: 14px;\n  font-weight: 600;\n  color: #10B981;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.ws-gs-resource-link svg {\n  width: 16px;\n  height: 16px;\n}\n\n\/* ---- RESPONSIVE ---- *\/\n@media (max-width: 900px) {\n  .ws-gs-hero-title {\n    font-size: 44px;\n  }\n\n  .ws-gs-paths {\n    grid-template-columns: 1fr;\n  }\n\n  .ws-gs-steps {\n    grid-template-columns: 1fr;\n  }\n\n  .ws-bundle-title {\n    font-size: 30px;\n  }\n\n  .ws-bundle-grid {\n    grid-template-columns: 1fr;\n    max-width: 420px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ws-bundle-card--featured {\n    order: -1;\n  }\n\n  .ws-gs-bundle-wrap {\n    padding: 40px 28px;\n  }\n\n  .ws-gs-resources-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .ws-gs-chooser-title,\n  .ws-gs-quickstart-title,\n  .ws-gs-resources-title {\n    font-size: 32px;\n  }\n\n  .ws-gs-timeline::before {\n    left: 10%;\n    right: 10%;\n  }\n}\n\n@media (max-width: 600px) {\n  .ws-gs-hero-title {\n    font-size: 38px;\n    line-height: 1.12;\n  }\n\n  .ws-gs-hero-title-highlight::after {\n    height: 10px;\n    bottom: 4px;\n  }\n\n  .ws-gs-hero-description {\n    font-size: 17px;\n  }\n\n  .ws-gs-timeline {\n    gap: 0;\n    margin: 36px auto 44px;\n  }\n\n  .ws-gs-timeline-label {\n    font-size: 12px;\n  }\n\n  .ws-gs-timeline-num {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .ws-gs-path {\n    padding: 28px 24px;\n  }\n\n  .ws-gs-path-title {\n    font-size: 22px;\n  }\n\n  .ws-gs-path-buttons {\n    flex-direction: column;\n  }\n\n  .ws-gs-btn {\n    width: 100%;\n    padding: 16px 24px;\n    font-size: 15px;\n  }\n\n  .ws-gs-step {\n    padding: 28px 24px;\n  }\n\n  .ws-gs-bundle-wrap {\n    padding: 32px 20px;\n  }\n\n  .ws-bundle-title {\n    font-size: 28px;\n  }\n\n  .ws-bundle-subtitle {\n    font-size: 16px;\n  }\n\n  .ws-bundle-card {\n    padding: 28px 24px;\n  }\n\n  .ws-bundle-price {\n    font-size: 36px;\n  }\n\n  .ws-bundle-toggle-btn {\n    padding: 10px 18px;\n    font-size: 13px;\n  }\n\n  .ws-bundle-guarantee {\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .ws-gs-resource {\n    padding: 28px 24px;\n  }\n\n  .ws-gs-chooser-title,\n  .ws-gs-quickstart-title,\n  .ws-gs-resources-title {\n    font-size: 30px;\n  }\n}\n\n@media (max-width: 480px) {\n  .ws-gs-hero-title {\n    font-size: 34px;\n  }\n\n  .ws-gs-hero-description {\n    font-size: 16px;\n  }\n}\n\n@media (max-width: 375px) {\n  .ws-gs-hero-title {\n    font-size: 30px;\n  }\n\n  .ws-gs-hero-description {\n    font-size: 15px;\n  }\n\n  .ws-gs-path {\n    padding: 24px 20px;\n  }\n\n  .ws-bundle-title {\n    font-size: 26px;\n  }\n\n  .ws-bundle-price {\n    font-size: 32px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ws-gs-hero-badge-dot {\n    animation: none;\n  }\n\n  .ws-gs-path,\n  .ws-gs-step,\n  .ws-gs-resource,\n  .ws-gs-btn,\n  .ws-bundle-btn {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<div class=\"ws-gs\">\n\n  <!-- ========== HERO ========== -->\n  <div class=\"ws-gs-hero\">\n    <span class=\"ws-gs-hero-badge\">\n      <span class=\"ws-gs-hero-badge-dot\"><\/span>\n      Get Started\n    <\/span>\n\n    <h1 class=\"ws-gs-hero-title\">\n      From install to first results<br>\n      in <span class=\"ws-gs-hero-title-highlight\">under 5 minutes.<\/span>\n    <\/h1>\n\n    <p class=\"ws-gs-hero-description\">\n      Pick the problem you're solving, install the free plugin, and see it working on your store. No credit card, no setup calls, no configuration maze.\n    <\/p>\n\n    <!-- Timeline -->\n    <div class=\"ws-gs-timeline\">\n      <div class=\"ws-gs-timeline-step\">\n        <span class=\"ws-gs-timeline-num\">1<\/span>\n        <span class=\"ws-gs-timeline-label\">Choose your plugin<\/span>\n        <span class=\"ws-gs-timeline-time\">30 seconds<\/span>\n      <\/div>\n      <div class=\"ws-gs-timeline-step\">\n        <span class=\"ws-gs-timeline-num\">2<\/span>\n        <span class=\"ws-gs-timeline-label\">Install from WordPress<\/span>\n        <span class=\"ws-gs-timeline-time\">2 minutes<\/span>\n      <\/div>\n      <div class=\"ws-gs-timeline-step\">\n        <span class=\"ws-gs-timeline-num\">3<\/span>\n        <span class=\"ws-gs-timeline-label\">See first results<\/span>\n        <span class=\"ws-gs-timeline-time\">2 minutes<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- ========== CHOOSE YOUR PATH ========== -->\n  <div class=\"ws-gs-chooser\">\n    <div class=\"ws-gs-chooser-header\">\n      <span class=\"ws-gs-chooser-tagline\">Choose Your Path<\/span>\n      <h2 class=\"ws-gs-chooser-title\">What are you solving?<\/h2>\n      <p class=\"ws-gs-chooser-subtitle\">Every store has two jobs: protect revenue and grow sales. Pick the one that matters most right now.<\/p>\n    <\/div>\n\n    <div class=\"ws-gs-paths\">\n\n      <!-- Path 1: Trust \/ Fraud -->\n      <div class=\"ws-gs-path ws-gs-path--trust\">\n        <span class=\"ws-gs-path-badge\">TrustLens \u2014 Risk Ops<\/span>\n        <div class=\"ws-gs-path-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n          <\/svg>\n        <\/div>\n        <p class=\"ws-gs-path-question\">\"I suspect some customers are gaming my store.\"<\/p>\n        <h3 class=\"ws-gs-path-title\">Stop fraud and abuse<br>before it costs you.<\/h3>\n        <p class=\"ws-gs-path-text\">TrustLens scores every customer 0\u2013100 based on real behavior \u2014 serial returns, coupon abuse, linked accounts. You see the risk. You decide what to do about it.<\/p>\n\n        <div class=\"ws-gs-path-features\">\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            0\u2013100 trust scores with six segments\n          <\/span>\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Linked-account detection across email, IP, phone\n          <\/span>\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Manual control \u2014 you review, you decide\n          <\/span>\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Free version on WordPress.org\n          <\/span>\n        <\/div>\n\n        <div class=\"ws-gs-path-buttons\">\n          <a href=\"https:\/\/wordpress.org\/plugins\/trustlens\/\" class=\"ws-gs-btn ws-gs-btn--primary\">\n            Install TrustLens Free\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n          <\/a>\n          <a href=\"\/wordpress\/plugins\/trustlens\/\" class=\"ws-gs-btn ws-gs-btn--secondary\">\n            Learn more\n          <\/a>\n        <\/div>\n        <p class=\"ws-gs-path-pro\">\n          Want more?\n          <a href=\"\/wordpress\/plugins\/trustlens\/#pricing\">\n            Compare Free vs Pro\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/p>\n      <\/div>\n\n      <!-- Path 2: Growth \/ Discounts -->\n      <div class=\"ws-gs-path ws-gs-path--growth\">\n        <span class=\"ws-gs-path-badge\">Smart Cycle Discounts \u2014 Growth Ops<\/span>\n        <div class=\"ws-gs-path-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\n            <polyline points=\"17 6 23 6 23 12\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <p class=\"ws-gs-path-question\">\"I want to run better promotions without the chaos.\"<\/p>\n        <h3 class=\"ws-gs-path-title\">Automate discounts<br>that start and stop on time.<\/h3>\n        <p class=\"ws-gs-path-text\">Smart Cycle Discounts replaces manual sale price editing with campaigns that schedule, prioritize, and clean up after themselves. BOGO, tiered, percentage \u2014 all from one wizard.<\/p>\n\n        <div class=\"ws-gs-path-features\">\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            5-step campaign wizard\n          <\/span>\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            BOGO, percentage, fixed, and tiered discounts\n          <\/span>\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Auto start, auto stop, conflict detection\n          <\/span>\n          <span class=\"ws-gs-path-feature\">\n            <span class=\"ws-gs-path-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/span>\n            Free version on WordPress.org\n          <\/span>\n        <\/div>\n\n        <div class=\"ws-gs-path-buttons\">\n          <a href=\"https:\/\/wordpress.org\/plugins\/smart-cycle-discounts\/\" class=\"ws-gs-btn ws-gs-btn--primary\">\n            Install SCD Free\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n          <\/a>\n          <a href=\"\/wordpress\/plugins\/smart-cycle-discounts\/\" class=\"ws-gs-btn ws-gs-btn--secondary\">\n            Learn more\n          <\/a>\n        <\/div>\n        <p class=\"ws-gs-path-pro\">\n          Want more?\n          <a href=\"\/wordpress\/plugins\/smart-cycle-discounts\/#pricing\">\n            Compare Free vs Pro\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n\n  <!-- ========== QUICK START ========== -->\n  <div class=\"ws-gs-quickstart\">\n    <div class=\"ws-gs-quickstart-header\">\n      <span class=\"ws-gs-quickstart-tagline\">Quick Start<\/span>\n      <h2 class=\"ws-gs-quickstart-title\">Three steps. No configuration maze.<\/h2>\n      <p class=\"ws-gs-quickstart-subtitle\">Both plugins are designed to deliver value from the moment you activate them.<\/p>\n    <\/div>\n\n    <div class=\"ws-gs-steps\">\n      <div class=\"ws-gs-step\">\n        <span class=\"ws-gs-step-num\">1<\/span>\n        <h3 class=\"ws-gs-step-title\">Install from WordPress<\/h3>\n        <p class=\"ws-gs-step-time\">2 minutes<\/p>\n        <p class=\"ws-gs-step-text\">Go to Plugins \u2192 Add New in your WordPress admin. Search for \"TrustLens\" or \"Smart Cycle Discounts.\" Click Install, then Activate. That's it \u2014 no API keys, no external accounts, no configuration files.<\/p>\n      <\/div>\n      <div class=\"ws-gs-step\">\n        <span class=\"ws-gs-step-num\">2<\/span>\n        <h3 class=\"ws-gs-step-title\">Run the setup<\/h3>\n        <p class=\"ws-gs-step-time\">2 minutes<\/p>\n        <p class=\"ws-gs-step-text\"><strong>TrustLens:<\/strong> Existing customers get scored automatically on activation. Check your dashboard immediately.<br><br><strong>SCD:<\/strong> Open the Campaign Wizard and create your first campaign in 5 guided steps \u2014 products, discount type, schedule, review, publish.<\/p>\n      <\/div>\n      <div class=\"ws-gs-step\">\n        <span class=\"ws-gs-step-num\">3<\/span>\n        <h3 class=\"ws-gs-step-title\">See it working<\/h3>\n        <p class=\"ws-gs-step-time\">Immediate<\/p>\n        <p class=\"ws-gs-step-text\"><strong>TrustLens:<\/strong> Your customer list now shows trust scores, segments, and risk flags. Linked accounts are identified.<br><br><strong>SCD:<\/strong> Your campaign is live. Products show discounted prices. The campaign will stop automatically when you scheduled it to.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n\n  <!-- ========== BUNDLE PRICING ========== -->\n  <div class=\"ws-gs-bundle-wrap\">\n    <section class=\"ws-bundle-pricing\">\n      <div class=\"ws-bundle-header\">\n        <div>\n          <span class=\"ws-bundle-badge\">\n            <span class=\"ws-bundle-badge-dot\"><\/span>\n            BUNDLE & SAVE\n          <\/span>\n        <\/div>\n\n        <h2 class=\"ws-bundle-title\">Get both plugins. Save over 20%.<\/h2>\n\n        <p class=\"ws-bundle-subtitle\">TrustLens Pro + Smart Cycle Discounts Pro in one license. Growth and trust, one subscription.<\/p>\n\n        <div class=\"ws-bundle-toggle\">\n          <button id=\"ws-bundle-toggle-monthly\" class=\"ws-bundle-toggle-btn\">Monthly<\/button>\n          <button id=\"ws-bundle-toggle-annual\" class=\"ws-bundle-toggle-btn ws-bundle-toggle-btn--active\">\n            Annual\n            <span class=\"ws-bundle-toggle-save\">BEST VALUE<\/span>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div id=\"ws-bundle-grid\" class=\"ws-bundle-grid\">\n\n        <!-- STARTER \u2014 1 site -->\n        <div class=\"ws-bundle-card\">\n          <h3 class=\"ws-bundle-plan-name\">Starter<\/h3>\n          <p class=\"ws-bundle-plan-tagline\">For individual store owners<\/p>\n\n          <div class=\"ws-bundle-price-wrapper\">\n            <div id=\"ws-bundle-price-starter-regular\" class=\"ws-bundle-price-regular\"><span class=\"ws-bundle-price-regular-amount\">$138<\/span><span class=\"ws-bundle-discount\">Save $29<\/span><\/div>\n            <span id=\"ws-bundle-price-starter\" class=\"ws-bundle-price\">$109<\/span>\n            <span id=\"ws-bundle-period-starter\" class=\"ws-bundle-period\">\/year<\/span>\n          <\/div>\n          <p class=\"ws-bundle-sites\">1 site<\/p>\n\n          <button id=\"ws-bundle-btn-starter\" class=\"ws-bundle-btn ws-bundle-btn--secondary\">\n            Get Starter Bundle\n          <\/button>\n\n          <div class=\"ws-bundle-includes\">\n            <p class=\"ws-bundle-includes-label\">Includes<\/p>\n            <div class=\"ws-bundle-includes-item\">\n              <span class=\"ws-bundle-includes-dot ws-bundle-includes-dot--scd\"><\/span>\n              SCD Pro \u2014 Starter\n            <\/div>\n            <div class=\"ws-bundle-includes-item\">\n              <span class=\"ws-bundle-includes-dot ws-bundle-includes-dot--tl\"><\/span>\n              TrustLens Pro \u2014 Personal\n            <\/div>\n          <\/div>\n\n          <div class=\"ws-bundle-features\">\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              All Pro features for both plugins\n            <\/div>\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              Single license key for everything\n            <\/div>\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              Priority email support\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- PROFESSIONAL \u2014 5 sites (featured) -->\n        <div class=\"ws-bundle-card ws-bundle-card--featured\">\n          <span class=\"ws-bundle-popular\">Most Popular<\/span>\n          <h3 class=\"ws-bundle-plan-name\">Professional<\/h3>\n          <p class=\"ws-bundle-plan-tagline\">For growing stores<\/p>\n\n          <div class=\"ws-bundle-price-wrapper\">\n            <div id=\"ws-bundle-price-professional-regular\" class=\"ws-bundle-price-regular\"><span class=\"ws-bundle-price-regular-amount\">$248<\/span><span class=\"ws-bundle-discount\">Save $59<\/span><\/div>\n            <span id=\"ws-bundle-price-professional\" class=\"ws-bundle-price\">$189<\/span>\n            <span id=\"ws-bundle-period-professional\" class=\"ws-bundle-period\">\/year<\/span>\n          <\/div>\n          <p class=\"ws-bundle-sites\">5 sites<\/p>\n\n          <button id=\"ws-bundle-btn-professional\" class=\"ws-bundle-btn ws-bundle-btn--primary\">\n            Get Professional Bundle\n          <\/button>\n\n          <div class=\"ws-bundle-includes\">\n            <p class=\"ws-bundle-includes-label\">Includes<\/p>\n            <div class=\"ws-bundle-includes-item\">\n              <span class=\"ws-bundle-includes-dot ws-bundle-includes-dot--scd\"><\/span>\n              SCD Pro \u2014 Professional\n            <\/div>\n            <div class=\"ws-bundle-includes-item\">\n              <span class=\"ws-bundle-includes-dot ws-bundle-includes-dot--tl\"><\/span>\n              TrustLens Pro \u2014 Business\n            <\/div>\n          <\/div>\n\n          <div class=\"ws-bundle-features\">\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              Everything in Starter\n            <\/div>\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              5 site licenses for both plugins\n            <\/div>\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              Priority email support\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- AGENCY \u2014 30 sites -->\n        <div class=\"ws-bundle-card\">\n          <h3 class=\"ws-bundle-plan-name\">Agency<\/h3>\n          <p class=\"ws-bundle-plan-tagline\">For agencies & multi-store<\/p>\n\n          <div class=\"ws-bundle-price-wrapper\">\n            <div id=\"ws-bundle-price-agency-regular\" class=\"ws-bundle-price-regular\"><span class=\"ws-bundle-price-regular-amount\">$548<\/span><span class=\"ws-bundle-discount\">Save $119<\/span><\/div>\n            <span id=\"ws-bundle-price-agency\" class=\"ws-bundle-price\">$429<\/span>\n            <span id=\"ws-bundle-period-agency\" class=\"ws-bundle-period\">\/year<\/span>\n          <\/div>\n          <p class=\"ws-bundle-sites\">30 sites<\/p>\n\n          <button id=\"ws-bundle-btn-agency\" class=\"ws-bundle-btn ws-bundle-btn--secondary\">\n            Get Agency Bundle\n          <\/button>\n\n          <div class=\"ws-bundle-includes\">\n            <p class=\"ws-bundle-includes-label\">Includes<\/p>\n            <div class=\"ws-bundle-includes-item\">\n              <span class=\"ws-bundle-includes-dot ws-bundle-includes-dot--scd\"><\/span>\n              SCD Pro \u2014 Business\n            <\/div>\n            <div class=\"ws-bundle-includes-item\">\n              <span class=\"ws-bundle-includes-dot ws-bundle-includes-dot--tl\"><\/span>\n              TrustLens Pro \u2014 Agency\n            <\/div>\n          <\/div>\n\n          <div class=\"ws-bundle-features\">\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              Everything in Professional\n            <\/div>\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              30 site licenses for both plugins\n            <\/div>\n            <div class=\"ws-bundle-feature\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n              Priority email support\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <p class=\"ws-bundle-savings-note\">\n        All bundle plans include <strong>both TrustLens Pro and Smart Cycle Discounts Pro<\/strong> \u2014 one license, one renewal.\n      <\/p>\n\n      <div class=\"ws-bundle-guarantee\">\n        <span class=\"ws-bundle-guarantee-item\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n          14-day money-back guarantee\n        <\/span>\n        <span class=\"ws-bundle-guarantee-item\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg>\n          Secure checkout via Freemius\n        <\/span>\n        <span class=\"ws-bundle-guarantee-item\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path><\/svg>\n          Cancel anytime\n        <\/span>\n      <\/div>\n    <\/section>\n  <\/div>\n\n\n  <!-- ========== RESOURCES ========== -->\n  <div class=\"ws-gs-resources\">\n    <div class=\"ws-gs-resources-header\">\n      <span class=\"ws-gs-resources-tagline\">Resources<\/span>\n      <h2 class=\"ws-gs-resources-title\">Go deeper when you're ready.<\/h2>\n    <\/div>\n\n    <div class=\"ws-gs-resources-grid\">\n      <a href=\"\/docs\/smart-cycle-discounts\/getting-started\/\" class=\"ws-gs-resource\">\n        <div class=\"ws-gs-resource-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path>\n            <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"ws-gs-resource-title\">Documentation<\/h3>\n        <p class=\"ws-gs-resource-text\">60+ pages covering every feature, setting, and use case. Written for store owners, not developers.<\/p>\n        <span class=\"ws-gs-resource-link\">\n          Browse docs\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <a href=\"\/category\/woocommerce-tips\/\" class=\"ws-gs-resource\">\n        <div class=\"ws-gs-resource-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M12 20h9\"><\/path>\n            <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"><\/path>\n          <\/svg>\n        <\/div>\n        <h3 class=\"ws-gs-resource-title\">WooCommerce Tips Blog<\/h3>\n        <p class=\"ws-gs-resource-text\">Practical guides on discounts, fraud prevention, pricing strategy, and promotion management.<\/p>\n        <span class=\"ws-gs-resource-link\">\n          Read the blog\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <a href=\"\/contact\/\" class=\"ws-gs-resource\">\n        <div class=\"ws-gs-resource-icon\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n            <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n          <\/svg>\n        <\/div>\n        <h3 class=\"ws-gs-resource-title\">Talk to Us<\/h3>\n        <p class=\"ws-gs-resource-text\">Questions before installing? Stuck on something? We're a small team and we answer personally.<\/p>\n        <span class=\"ws-gs-resource-link\">\n          Get in touch\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- Freemius Checkout SDK -->\n<script type=\"text\/javascript\" src=\"https:\/\/checkout.freemius.com\/js\/v1\/\"><\/script>\n<script type=\"text\/javascript\">\n(function() {\n\n  \/* ---- Freemius handlers per plan ---- *\/\n  var handlers = {\n    starter: new FS.Checkout({\n      product_id: '26297',\n      plan_id: '43511',\n      public_key: 'pk_d57797b7d0fbfc7ac3d8d948638e0',\n      image: 'https:\/\/webstepper.io\/wp-content\/uploads\/2026\/03\/webstepper-suite-bundle-icon.png'\n    }),\n    professional: new FS.Checkout({\n      product_id: '26297',\n      plan_id: '43515',\n      public_key: 'pk_d57797b7d0fbfc7ac3d8d948638e0',\n      image: 'https:\/\/webstepper.io\/wp-content\/uploads\/2026\/03\/webstepper-suite-bundle-icon.png'\n    }),\n    agency: new FS.Checkout({\n      product_id: '26297',\n      plan_id: '43517',\n      public_key: 'pk_d57797b7d0fbfc7ac3d8d948638e0',\n      image: 'https:\/\/webstepper.io\/wp-content\/uploads\/2026\/03\/webstepper-suite-bundle-icon.png'\n    })\n  };\n\n  \/* ---- Pricing data ---- *\/\n  var pricing = {\n    annual: {\n      starter: '$109', starterRegular: '$138', starterSavings: 'Save $29',\n      professional: '$189', professionalRegular: '$248', professionalSavings: 'Save $59',\n      agency: '$429', agencyRegular: '$548', agencySavings: 'Save $119',\n      period: '\/year', showRegular: true\n    },\n    monthly: {\n      starter: '$14.99', starterRegular: '', starterSavings: '',\n      professional: '$26.99', professionalRegular: '', professionalSavings: '',\n      agency: '$59.99', agencyRegular: '', agencySavings: '',\n      period: '\/month', showRegular: false\n    }\n  };\n\n  var currentCycle = 'annual';\n\n  \/* ---- Toggle pricing ---- *\/\n  function setPricing( cycle ) {\n    if ( cycle === currentCycle ) return;\n    currentCycle = cycle;\n    var p = pricing[ cycle ];\n    var plans = ['starter', 'professional', 'agency'];\n\n    plans.forEach( function( plan ) {\n      var priceEl = document.getElementById( 'ws-bundle-price-' + plan );\n      var periodEl = document.getElementById( 'ws-bundle-period-' + plan );\n      var regularEl = document.getElementById( 'ws-bundle-price-' + plan + '-regular' );\n\n      if ( priceEl ) priceEl.textContent = p[ plan ];\n      if ( periodEl ) periodEl.textContent = p.period;\n\n      if ( regularEl ) {\n        if ( p.showRegular && p[ plan + 'Regular' ] ) {\n          regularEl.innerHTML = '<span class=\"ws-bundle-price-regular-amount\">' + p[ plan + 'Regular' ] + '<\/span><span class=\"ws-bundle-discount\">' + p[ plan + 'Savings' ] + '<\/span>';\n        } else {\n          regularEl.innerHTML = '&nbsp;';\n        }\n      }\n    } );\n\n    var monthlyBtn = document.getElementById( 'ws-bundle-toggle-monthly' );\n    var annualBtn = document.getElementById( 'ws-bundle-toggle-annual' );\n\n    if ( cycle === 'monthly' ) {\n      monthlyBtn.classList.add( 'ws-bundle-toggle-btn--active' );\n      annualBtn.classList.remove( 'ws-bundle-toggle-btn--active' );\n      annualBtn.innerHTML = 'Annual';\n    } else {\n      annualBtn.classList.add( 'ws-bundle-toggle-btn--active' );\n      monthlyBtn.classList.remove( 'ws-bundle-toggle-btn--active' );\n      annualBtn.innerHTML = 'Annual <span class=\"ws-bundle-toggle-save\">BEST VALUE<\/span>';\n    }\n  }\n\n  \/* ---- Toggle listeners ---- *\/\n  document.getElementById( 'ws-bundle-toggle-monthly' ).addEventListener( 'click', function() {\n    setPricing( 'monthly' );\n  } );\n  document.getElementById( 'ws-bundle-toggle-annual' ).addEventListener( 'click', function() {\n    setPricing( 'annual' );\n  } );\n\n  \/* ---- Checkout opener ---- *\/\n  function openCheckout( plan, licenses ) {\n    var btn = document.getElementById( 'ws-bundle-btn-' + plan );\n    btn.classList.add( 'ws-bundle-btn--loading' );\n\n    handlers[ plan ].open( {\n      name: 'Growth + Trust Bundle',\n      licenses: licenses,\n      billing_cycle: currentCycle === 'annual' ? 'annual' : 'monthly',\n      purchaseCompleted: function( response ) {\n        console.log( 'Purchase completed:', response );\n        console.log( 'User email:', response.user.email );\n        console.log( 'License key:', response.license && response.license.key );\n      },\n      success: function( response ) {\n        console.log( 'Checkout closed after purchase:', response );\n        console.log( 'User email:', response.user.email );\n        console.log( 'License key:', response.license && response.license.key );\n      },\n      cancel: function() {\n        btn.classList.remove( 'ws-bundle-btn--loading' );\n      }\n    } );\n  }\n\n  \/* ---- Button listeners ---- *\/\n  document.getElementById( 'ws-bundle-btn-starter' ).addEventListener( 'click', function( e ) {\n    e.preventDefault();\n    openCheckout( 'starter', 1 );\n  } );\n\n  document.getElementById( 'ws-bundle-btn-professional' ).addEventListener( 'click', function( e ) {\n    e.preventDefault();\n    openCheckout( 'professional', 5 );\n  } );\n\n  document.getElementById( 'ws-bundle-btn-agency' ).addEventListener( 'click', function( e ) {\n    e.preventDefault();\n    openCheckout( 'agency', 30 );\n  } );\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get Started From install to first results in under 5 minutes. Pick the problem you&#8217;re solving, install the free plugin,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2832","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/pages\/2832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/comments?post=2832"}],"version-history":[{"count":7,"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/pages\/2832\/revisions"}],"predecessor-version":[{"id":2841,"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/pages\/2832\/revisions\/2841"}],"wp:attachment":[{"href":"https:\/\/webstepper.io\/wp-json\/wp\/v2\/media?parent=2832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}