{"id":8,"date":"2026-04-28T11:38:10","date_gmt":"2026-04-28T11:38:10","guid":{"rendered":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/?page_id=8"},"modified":"2026-04-28T11:42:13","modified_gmt":"2026-04-28T11:42:13","slug":"home","status":"publish","type":"page","link":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af9376e e-con-full e-flex e-con e-parent\" data-id=\"af9376e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53258ab elementor-widget elementor-widget-html\" data-id=\"53258ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\n     SupportPilot Landing Page\n     Paste this into: Elementor > Add Element > HTML widget\n     Set the section to Full Width, remove padding\/margins\n     ============================================================ -->\n     \n     \n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n.site-header,.site-footer {\n    display: none;\n}\n\/* \u2500\u2500 Scope all styles to .sp-lp to avoid theme conflicts \u2500\u2500 *\/\n.sp-lp *, .sp-lp *::before, .sp-lp *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.sp-lp {\n  --ink:        #06080d;\n  --paper:      #e8eaf0;\n  --accent:     #c8f04a;\n  --accent-rgb: 200, 240, 74;\n  --muted:      #6b7280;\n  --dim:        #3a3f4e;\n  --card:       #0d1018;\n  --card-2:     #111520;\n  --border:     #1a1f2e;\n  --font-serif: 'Instrument Serif', Georgia, serif;\n  --font-sans:  'DM Sans', system-ui, sans-serif;\n  --font-mono:  'DM Mono', monospace;\n\n  font-family: var(--font-sans);\n  background: var(--ink);\n  color: var(--paper);\n  line-height: 1.6;\n  overflow-x: hidden;\n  width: 100%;\n}\n\n\/* Reset Elementor interference *\/\n.sp-lp a { text-decoration: none; color: inherit; }\n.sp-lp ul, .sp-lp ol { list-style: none; }\n.sp-lp img { max-width: 100%; display: block; }\n.sp-lp button { cursor: pointer; font-family: inherit; border: none; }\n\n\/* \u2500\u2500 Container \u2500\u2500 *\/\n.sp-lp .lp-wrap {\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n\n\/* \u2500\u2500 Typography helpers \u2500\u2500 *\/\n.sp-lp .serif { font-family: var(--font-serif); font-weight: 400; }\n.sp-lp .mono  { font-family: var(--font-mono); }\n\n\/* \u2500\u2500 Buttons \u2500\u2500 *\/\n.sp-lp .btn-a {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: var(--accent);\n  color: var(--ink);\n  padding: 15px 30px;\n  border-radius: 10px;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: -.01em;\n  transition: background .2s, transform .2s, box-shadow .2s;\n  box-shadow: 0 0 40px rgba(var(--accent-rgb), .2);\n  white-space: nowrap;\n}\n.sp-lp .btn-a:hover {\n  background: #d4f560;\n  transform: translateY(-2px);\n  box-shadow: 0 0 60px rgba(var(--accent-rgb), .4);\n  color: var(--ink);\n}\n\n.sp-lp .btn-b {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--muted);\n  font-size: 15px;\n  font-weight: 500;\n  transition: color .2s;\n}\n.sp-lp .btn-b:hover { color: var(--paper); }\n\n\/* \u2500\u2500 Section label \u2500\u2500 *\/\n.sp-lp .sec-tag {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .12em;\n  color: var(--accent);\n  margin-bottom: 18px;\n}\n\n\/* \u2500\u2500 Reveal animation \u2500\u2500 *\/\n.sp-lp .reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  transition: opacity .7s ease, transform .7s ease;\n}\n.sp-lp .reveal.in { opacity: 1; transform: none; }\n.sp-lp .reveal.d1 { transition-delay: .1s; }\n.sp-lp .reveal.d2 { transition-delay: .2s; }\n.sp-lp .reveal.d3 { transition-delay: .3s; }\n.sp-lp .reveal.d4 { transition-delay: .4s; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NAV\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-nav {\n  position: sticky;\n  top: 0;\n  z-index: 100;\n  padding: 0;\n  background: rgba(6, 8, 13, 0);\n  border-bottom: 1px solid transparent;\n  transition: background .3s, border-color .3s;\n}\n.sp-lp .lp-nav.stuck {\n  background: rgba(6, 8, 13, .92);\n  border-color: var(--border);\n  backdrop-filter: blur(18px);\n  -webkit-backdrop-filter: blur(18px);\n}\n.sp-lp .lp-nav-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 24px;\n  max-width: 1140px;\n  margin: 0 auto;\n}\n.sp-lp .lp-logo {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--font-serif);\n  font-size: 20px;\n  color: var(--paper);\n}\n.sp-lp .lp-logo-mark {\n  width: 34px;\n  height: 34px;\n  background: var(--accent);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.sp-lp .lp-logo-mark svg { display: block; }\n.sp-lp .lp-nav-cta {\n  background: var(--accent);\n  color: var(--ink) !important;\n  padding: 10px 22px;\n  border-radius: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  transition: background .2s, transform .2s;\n}\n.sp-lp .lp-nav-cta:hover { background: #d4f560; transform: translateY(-1px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-hero {\n  padding: 100px 0 80px;\n  position: relative;\n  overflow: hidden;\n}\n\n.sp-lp .hero-glow-a {\n  position: absolute;\n  top: -180px; right: -180px;\n  width: 680px; height: 680px;\n  background: radial-gradient(circle, rgba(var(--accent-rgb), .07) 0%, transparent 70%);\n  pointer-events: none;\n}\n.sp-lp .hero-glow-b {\n  position: absolute;\n  bottom: -100px; left: -100px;\n  width: 500px; height: 500px;\n  background: radial-gradient(circle, rgba(74, 240, 200, .04) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.sp-lp .hero-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n.sp-lp .hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(var(--accent-rgb), .08);\n  border: 1px solid rgba(var(--accent-rgb), .2);\n  border-radius: 20px;\n  padding: 6px 14px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--accent);\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  margin-bottom: 28px;\n}\n.sp-lp .hero-badge-pulse {\n  width: 6px; height: 6px;\n  background: var(--accent);\n  border-radius: 50%;\n  animation: spl-pulse 2s infinite;\n}\n\n.sp-lp .hero-h1 {\n  font-family: var(--font-serif);\n  font-size: clamp(40px, 4.5vw, 68px);\n  font-weight: 400;\n  line-height: 1.06;\n  letter-spacing: -.025em;\n  color: var(--paper);\n  margin-bottom: 24px;\n}\n.sp-lp .hero-h1 em {\n  font-style: italic;\n  color: var(--accent);\n}\n\n.sp-lp .hero-sub {\n  font-size: 17px;\n  color: var(--muted);\n  line-height: 1.75;\n  margin-bottom: 14px;\n  max-width: 480px;\n}\n.sp-lp .hero-sub-2 {\n  font-size: 15px;\n  color: var(--dim);\n  line-height: 1.7;\n  margin-bottom: 40px;\n  max-width: 460px;\n}\n\n.sp-lp .hero-actions {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n\/* \u2500\u2500 Dashboard preview \u2500\u2500 *\/\n.sp-lp .hero-visual { position: relative; }\n\n.sp-lp .dash-screen {\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 40px 100px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);\n}\n.sp-lp .dash-bar {\n  background: #080b11;\n  padding: 14px 18px;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  border-bottom: 1px solid var(--border);\n}\n.sp-lp .dash-dot {\n  width: 10px; height: 10px;\n  border-radius: 50%;\n}\n.sp-lp .dash-title-bar {\n  margin-left: 10px;\n  font-size: 12px;\n  color: var(--dim);\n  font-family: var(--font-mono);\n}\n.sp-lp .dash-body { padding: 22px; }\n.sp-lp .dash-greeting {\n  font-family: var(--font-serif);\n  font-size: 18px;\n  color: var(--paper);\n  margin-bottom: 18px;\n}\n\n.sp-lp .dash-stats {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 10px;\n  margin-bottom: 18px;\n}\n.sp-lp .dash-stat {\n  background: rgba(255,255,255,.03);\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  padding: 14px 12px;\n}\n.sp-lp .dash-stat-primary { border-color: rgba(var(--accent-rgb), .25); }\n.sp-lp .dash-stat-num {\n  font-family: var(--font-serif);\n  font-size: 26px;\n  color: var(--paper);\n  line-height: 1;\n}\n.sp-lp .dash-stat-num small {\n  font-size: 12px;\n  color: var(--muted);\n  font-family: var(--font-sans);\n}\n.sp-lp .dash-stat-lbl {\n  font-size: 10px;\n  color: var(--muted);\n  margin-top: 3px;\n}\n.sp-lp .dash-bar-wrap {\n  height: 3px;\n  background: var(--border);\n  border-radius: 2px;\n  margin-top: 10px;\n  overflow: hidden;\n}\n.sp-lp .dash-bar-fill {\n  height: 100%;\n  background: var(--accent);\n  border-radius: 2px;\n  width: 75%;\n}\n\n.sp-lp .dash-ticket {\n  background: rgba(255,255,255,.03);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  padding: 11px 13px;\n  margin-bottom: 7px;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.sp-lp .dash-ticket:last-child { margin-bottom: 0; }\n.sp-lp .t-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }\n.sp-lp .t-info { flex: 1; min-width: 0; }\n.sp-lp .t-name { font-size: 12px; font-weight: 500; color: var(--paper); }\n.sp-lp .t-date { font-size: 10px; color: var(--muted); margin-top: 1px; }\n.sp-lp .t-badge {\n  font-size: 9px;\n  font-weight: 700;\n  padding: 3px 8px;\n  border-radius: 12px;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.sp-lp .tb-open { background: rgba(74,240,200,.12); color: #4af0c8; }\n.sp-lp .tb-done { background: rgba(var(--accent-rgb),.12); color: var(--accent); }\n.sp-lp .tb-hold { background: rgba(255,255,255,.07); color: var(--muted); }\n\n\/* Float cards *\/\n.sp-lp .float-card {\n  position: absolute;\n  background: var(--card-2);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 14px 16px;\n  box-shadow: 0 16px 48px rgba(0,0,0,.55);\n}\n.sp-lp .fc-1 { top: -20px; right: -28px; min-width: 150px; animation: spl-float 6s ease-in-out infinite; }\n.sp-lp .fc-2 { bottom: -16px; left: -22px; min-width: 138px; animation: spl-float 6s ease-in-out infinite; animation-delay: 3s; }\n.sp-lp .fc-label { font-size: 9px; text-transform: uppercase; letter-spacing: .1em; color: var(--accent); font-weight: 600; margin-bottom: 4px; }\n.sp-lp .fc-val { font-family: var(--font-serif); font-size: 22px; color: var(--paper); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   WHY SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-why {\n  padding: 110px 0;\n  border-top: 1px solid var(--border);\n}\n.sp-lp .why-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}\n.sp-lp .why-h2 {\n  font-family: var(--font-serif);\n  font-size: clamp(30px, 3.5vw, 50px);\n  font-weight: 400;\n  line-height: 1.1;\n  letter-spacing: -.02em;\n  color: var(--paper);\n  margin-bottom: 20px;\n}\n.sp-lp .why-body {\n  font-size: 16px;\n  color: var(--muted);\n  line-height: 1.75;\n  margin-bottom: 14px;\n}\n.sp-lp .why-points { display: flex; flex-direction: column; gap: 14px; }\n.sp-lp .why-point {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 18px 20px;\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  transition: border-color .2s, transform .2s;\n}\n.sp-lp .why-point:hover { border-color: rgba(var(--accent-rgb), .3); transform: translateX(4px); }\n.sp-lp .why-icon {\n  width: 40px; height: 40px;\n  background: rgba(var(--accent-rgb), .1);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: 18px;\n}\n.sp-lp .why-pt-title { font-size: 14px; font-weight: 600; color: var(--paper); margin-bottom: 4px; }\n.sp-lp .why-pt-body  { font-size: 13px; color: var(--muted); line-height: 1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FEATURES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-features {\n  padding: 110px 0;\n  border-top: 1px solid var(--border);\n}\n.sp-lp .features-hdr {\n  text-align: center;\n  margin-bottom: 64px;\n}\n.sp-lp .features-h2 {\n  font-family: var(--font-serif);\n  font-size: clamp(30px, 3.5vw, 50px);\n  line-height: 1.1;\n  letter-spacing: -.02em;\n  color: var(--paper);\n  margin-bottom: 16px;\n}\n.sp-lp .features-sub {\n  font-size: 16px;\n  color: var(--muted);\n  max-width: 520px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n\n.sp-lp .features-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 2px;\n  background: var(--border);\n  border-radius: 16px;\n  overflow: hidden;\n}\n.sp-lp .feat {\n  background: var(--card);\n  padding: 44px 40px;\n  position: relative;\n  overflow: hidden;\n  transition: background .2s;\n}\n.sp-lp .feat:hover { background: var(--card-2); }\n.sp-lp .feat::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(circle at 0% 0%, rgba(var(--accent-rgb),.05) 0%, transparent 55%);\n  opacity: 0;\n  transition: opacity .3s;\n}\n.sp-lp .feat:hover::before { opacity: 1; }\n.sp-lp .feat-num {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  color: rgba(var(--accent-rgb), .35);\n  margin-bottom: 18px;\n}\n.sp-lp .feat-icon {\n  width: 50px; height: 50px;\n  background: rgba(var(--accent-rgb), .08);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 22px;\n  transition: background .2s;\n}\n.sp-lp .feat:hover .feat-icon { background: rgba(var(--accent-rgb), .14); }\n.sp-lp .feat-h3 {\n  font-family: var(--font-serif);\n  font-size: 22px;\n  color: var(--paper);\n  margin-bottom: 12px;\n}\n.sp-lp .feat-p { font-size: 14px; color: var(--muted); line-height: 1.7; margin-bottom: 10px; }\n.sp-lp .feat-note { font-size: 13px; color: rgba(var(--accent-rgb), .55); font-style: italic; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   BUILT FOR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-built {\n  padding: 110px 0;\n  border-top: 1px solid var(--border);\n}\n.sp-lp .built-hdr { text-align: center; margin-bottom: 56px; }\n.sp-lp .built-h2 {\n  font-family: var(--font-serif);\n  font-size: clamp(28px, 3vw, 46px);\n  color: var(--paper);\n  margin-bottom: 14px;\n  letter-spacing: -.02em;\n  line-height: 1.1;\n}\n.sp-lp .built-sub { font-size: 16px; color: var(--muted); max-width: 480px; margin: 0 auto; line-height: 1.7; }\n\n.sp-lp .built-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 14px;\n}\n.sp-lp .built-card {\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  padding: 30px 22px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  transition: border-color .25s, transform .25s;\n}\n.sp-lp .built-card:hover { border-color: rgba(var(--accent-rgb),.3); transform: translateY(-4px); }\n.sp-lp .built-card::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--accent), transparent);\n  opacity: 0;\n  transition: opacity .25s;\n}\n.sp-lp .built-card:hover::after { opacity: 1; }\n.sp-lp .built-emoji { font-size: 32px; margin-bottom: 14px; display: block; }\n.sp-lp .built-title { font-family: var(--font-serif); font-size: 18px; color: var(--paper); margin-bottom: 8px; }\n.sp-lp .built-body  { font-size: 13px; color: var(--muted); line-height: 1.6; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PRICING\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-pricing {\n  padding: 110px 0;\n  border-top: 1px solid var(--border);\n}\n.sp-lp .pricing-hdr { text-align: center; margin-bottom: 56px; }\n.sp-lp .pricing-h2 {\n  font-family: var(--font-serif);\n  font-size: clamp(28px, 3vw, 46px);\n  color: var(--paper);\n  margin-bottom: 10px;\n  letter-spacing: -.02em;\n  line-height: 1.1;\n}\n\n.sp-lp .pricing-card {\n  max-width: 540px;\n  margin: 0 auto;\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 40px 100px rgba(0,0,0,.5);\n}\n.sp-lp .pricing-top {\n  background: linear-gradient(140deg, rgba(var(--accent-rgb),.07) 0%, transparent 55%);\n  border-bottom: 1px solid var(--border);\n  padding: 40px 44px;\n  text-align: center;\n}\n.sp-lp .pricing-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(var(--accent-rgb),.1);\n  border: 1px solid rgba(var(--accent-rgb),.25);\n  border-radius: 20px;\n  padding: 5px 14px;\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--accent);\n  text-transform: uppercase;\n  letter-spacing: .08em;\n  margin-bottom: 26px;\n}\n.sp-lp .price-was {\n  font-size: 13px;\n  color: var(--muted);\n  text-decoration: line-through;\n  margin-bottom: 4px;\n}\n.sp-lp .price-main {\n  font-family: var(--font-serif);\n  font-size: 70px;\n  color: var(--paper);\n  line-height: 1;\n}\n.sp-lp .price-period { font-size: 18px; color: var(--muted); font-family: var(--font-sans); }\n.sp-lp .price-save   { font-size: 13px; color: var(--accent); font-weight: 600; margin-top: 6px; }\n\n.sp-lp .pricing-body { padding: 36px 44px; }\n.sp-lp .pricing-list { display: flex; flex-direction: column; gap: 13px; margin-bottom: 32px; }\n.sp-lp .pricing-list li {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 14px;\n  color: var(--muted);\n}\n.sp-lp .pricing-list li::before {\n  content: '';\n  width: 18px; height: 18px;\n  background: rgba(var(--accent-rgb),.12);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23c8f04a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.sp-lp .pricing-cta {\n  display: block;\n  text-align: center;\n  background: var(--accent);\n  color: var(--ink) !important;\n  padding: 16px;\n  border-radius: 12px;\n  font-size: 16px;\n  font-weight: 700;\n  letter-spacing: -.01em;\n  transition: background .2s, transform .2s, box-shadow .2s;\n  box-shadow: 0 0 40px rgba(var(--accent-rgb), .18);\n}\n.sp-lp .pricing-cta:hover {\n  background: #d4f560;\n  transform: translateY(-1px);\n  box-shadow: 0 0 60px rgba(var(--accent-rgb), .35);\n}\n.sp-lp .pricing-note { text-align: center; font-size: 12px; color: var(--dim); margin-top: 14px; }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CTA BANNER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-cta {\n  padding: 110px 0;\n  border-top: 1px solid var(--border);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.sp-lp .cta-glow {\n  position: absolute;\n  left: 50%; top: 50%;\n  transform: translate(-50%, -50%);\n  width: 700px; height: 700px;\n  background: radial-gradient(circle, rgba(var(--accent-rgb), .055) 0%, transparent 70%);\n  pointer-events: none;\n}\n.sp-lp .cta-h2 {\n  font-family: var(--font-serif);\n  font-size: clamp(32px, 4vw, 58px);\n  line-height: 1.08;\n  letter-spacing: -.025em;\n  color: var(--paper);\n  margin-bottom: 20px;\n}\n.sp-lp .cta-h2 em { color: var(--accent); font-style: italic; }\n.sp-lp .cta-p {\n  font-size: 17px;\n  color: var(--muted);\n  max-width: 520px;\n  margin: 0 auto 48px;\n  line-height: 1.75;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   FOOTER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sp-lp .lp-footer {\n  border-top: 1px solid var(--border);\n  padding: 44px 24px;\n  text-align: center;\n}\n.sp-lp .footer-logo {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--font-serif);\n  font-size: 18px;\n  color: var(--paper);\n  margin-bottom: 10px;\n}\n.sp-lp .footer-tag  { font-size: 13px; color: var(--muted); margin-bottom: 24px; }\n.sp-lp .footer-copy { font-size: 12px; color: var(--dim); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   ANIMATIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes spl-pulse {\n  0%,100% { opacity: 1; }\n  50%      { opacity: .3; }\n}\n@keyframes spl-float {\n  0%,100% { transform: translateY(0); }\n  50%     { transform: translateY(-10px); }\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 960px) {\n  .sp-lp .hero-grid,\n  .sp-lp .why-grid   { grid-template-columns: 1fr; gap: 48px; }\n  .sp-lp .hero-visual { display: none; }\n  .sp-lp .features-grid { grid-template-columns: 1fr; }\n  .sp-lp .built-grid { grid-template-columns: repeat(2,1fr); }\n}\n@media (max-width: 600px) {\n  .sp-lp .lp-hero   { padding: 72px 0 56px; }\n  .sp-lp .built-grid { grid-template-columns: 1fr; }\n  .sp-lp .pricing-top,\n  .sp-lp .pricing-body { padding: 28px 24px; }\n  .sp-lp .price-main { font-size: 54px; }\n  .sp-lp .hero-actions { flex-direction: column; align-items: flex-start; }\n  .sp-lp .feat { padding: 32px 24px; }\n}\n<\/style>\n\n<div class=\"sp-lp\" id=\"sp-lp-root\">\n\n  <!-- \u2550\u2550\u2550\u2550 NAV \u2550\u2550\u2550\u2550 -->\n  <nav class=\"lp-nav\" id=\"spl-nav\">\n    <div class=\"lp-nav-inner\">\n      <a href=\"#\" class=\"lp-logo\">\n        <div class=\"lp-logo-mark\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <rect x=\"3\" y=\"4\" width=\"14\" height=\"3\" rx=\"1.5\" fill=\"#06080d\"\/>\n            <rect x=\"3\" y=\"9\" width=\"10\" height=\"3\" rx=\"1.5\" fill=\"#06080d\" opacity=\".65\"\/>\n            <circle cx=\"7\" cy=\"16\" r=\"3\" fill=\"none\" stroke=\"#06080d\" stroke-width=\"1.8\"\/>\n            <line x1=\"7\" y1=\"13.5\" x2=\"7\" y2=\"16\" stroke=\"#06080d\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <line x1=\"7\" y1=\"16\" x2=\"9\" y2=\"17.2\" stroke=\"#06080d\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        SupportPilot\n      <\/a>\n      <a href=\"#spl-pricing\" class=\"lp-nav-cta\">Get SupportPilot \u2192<\/a>\n    <\/div>\n  <\/nav>\n\n  <!-- \u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550 -->\n  <section class=\"lp-hero\">\n    <div class=\"hero-glow-a\"><\/div>\n    <div class=\"hero-glow-b\"><\/div>\n    <div class=\"lp-wrap\">\n      <div class=\"hero-grid\">\n\n        <div>\n          <div class=\"hero-badge reveal\">\n            <span class=\"hero-badge-pulse\"><\/span>\n            Now Available\n          <\/div>\n          <h1 class=\"hero-h1 reveal d1\">\n            Track Every Ticket.<br>\n            <em>Every Minute.<\/em><br>\n            Every Client.\n          <\/h1>\n          <p class=\"hero-sub reveal d2\">\n            SupportPilot is the smarter way to manage WordPress support. Track support hours, manage client tickets, and keep every request organised \u2014 all from one powerful dashboard.\n          <\/p>\n          <p class=\"hero-sub-2 reveal d2\">\n            Built for agencies, freelancers, and support teams who need better visibility, faster responses, and accurate support time tracking.\n          <\/p>\n          <div class=\"hero-actions reveal d3\">\n            <a href=\"#spl-pricing\" class=\"btn-a\">\n              Get SupportPilot \u2014 \u00a369\/yr\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n            <\/a>\n            <a href=\"#spl-features\" class=\"btn-b\">\n              See features\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Dashboard mockup -->\n        <div class=\"hero-visual reveal d2\">\n          <div class=\"float-card fc-1\">\n            <div class=\"fc-label\">Time Remaining<\/div>\n            <div class=\"fc-val\">45<span style=\"font-size:14px;font-family:'DM Sans',sans-serif;color:#6b7280\"> min<\/span><\/div>\n          <\/div>\n          <div class=\"dash-screen\">\n            <div class=\"dash-bar\">\n              <div class=\"dash-dot\" style=\"background:#ff5f57\"><\/div>\n              <div class=\"dash-dot\" style=\"background:#febc2e\"><\/div>\n              <div class=\"dash-dot\" style=\"background:#28c840\"><\/div>\n              <span class=\"dash-title-bar\">support-dashboard<\/span>\n            <\/div>\n            <div class=\"dash-body\">\n              <div class=\"dash-greeting\">Good morning, Admin<\/div>\n              <div class=\"dash-stats\">\n                <div class=\"dash-stat dash-stat-primary\">\n                  <div class=\"dash-stat-num\">45<small>min<\/small><\/div>\n                  <div class=\"dash-stat-lbl\">Time Remaining<\/div>\n                  <div class=\"dash-bar-wrap\"><div class=\"dash-bar-fill\"><\/div><\/div>\n                <\/div>\n                <div class=\"dash-stat\">\n                  <div class=\"dash-stat-num\">3<\/div>\n                  <div class=\"dash-stat-lbl\">Open Tickets<\/div>\n                <\/div>\n                <div class=\"dash-stat\">\n                  <div class=\"dash-stat-num\">12<\/div>\n                  <div class=\"dash-stat-lbl\">Completed<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"dash-ticket\">\n                <div class=\"t-dot\" style=\"background:#4af0c8\"><\/div>\n                <div class=\"t-info\">\n                  <div class=\"t-name\">DNS not resolving correctly<\/div>\n                  <div class=\"t-date\">Today \u00b7 High priority<\/div>\n                <\/div>\n                <div class=\"t-badge tb-open\">Open<\/div>\n              <\/div>\n              <div class=\"dash-ticket\">\n                <div class=\"t-dot\" style=\"background:#c8f04a\"><\/div>\n                <div class=\"t-info\">\n                  <div class=\"t-name\">Update product pricing<\/div>\n                  <div class=\"t-date\">Yesterday<\/div>\n                <\/div>\n                <div class=\"t-badge tb-done\">Done<\/div>\n              <\/div>\n              <div class=\"dash-ticket\">\n                <div class=\"t-dot\" style=\"background:#3a3f4e\"><\/div>\n                <div class=\"t-info\">\n                  <div class=\"t-name\">Plugin conflict on checkout<\/div>\n                  <div class=\"t-date\">2 days ago<\/div>\n                <\/div>\n                <div class=\"t-badge tb-hold\">On Hold<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"float-card fc-2\">\n            <div class=\"fc-label\">Active Clients<\/div>\n            <div class=\"fc-val\">24<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 WHY \u2550\u2550\u2550\u2550 -->\n  <section class=\"lp-why\" id=\"spl-why\">\n    <div class=\"lp-wrap\">\n      <div class=\"why-grid\">\n        <div class=\"reveal\">\n          <span class=\"sec-tag\">Why SupportPilot<\/span>\n          <h2 class=\"why-h2\">Managing support shouldn't feel like chasing emails.<\/h2>\n          <p class=\"why-body\">SupportPilot gives you a complete support workflow inside WordPress \u2014 so you can stay organised, improve client communication, and never lose track of support time again.<\/p>\n          <p class=\"why-body\">From ticket submission to resolution, everything is streamlined.<\/p>\n        <\/div>\n        <div class=\"why-points\">\n          <div class=\"why-point reveal d1\">\n            <div class=\"why-icon\">\u23f1<\/div>\n            <div>\n              <div class=\"why-pt-title\">Never lose billable time again<\/div>\n              <div class=\"why-pt-body\">Every minute of support is tracked against the client's allowance. No more guessing, no more spreadsheets.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"why-point reveal d2\">\n            <div class=\"why-icon\">\ud83d\udccb<\/div>\n            <div>\n              <div class=\"why-pt-title\">Every request in one place<\/div>\n              <div class=\"why-pt-body\">Clients submit tickets through their own dashboard. You manage everything from one clean admin view.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"why-point reveal d3\">\n            <div class=\"why-icon\">\ud83e\udd1d<\/div>\n            <div>\n              <div class=\"why-pt-title\">Better client relationships<\/div>\n              <div class=\"why-pt-body\">Clients see their ticket history and remaining time at a glance. Transparency builds trust.<\/div>\n            <\/div>\n          <\/div>\n          <div class=\"why-point reveal d4\">\n            <div class=\"why-icon\">\u26a1<\/div>\n            <div>\n              <div class=\"why-pt-title\">Built into WordPress<\/div>\n              <div class=\"why-pt-body\">No third-party tools, no SaaS subscriptions. Everything lives inside the WordPress sites you already manage.<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 FEATURES \u2550\u2550\u2550\u2550 -->\n  <section class=\"lp-features\" id=\"spl-features\">\n    <div class=\"lp-wrap\">\n      <div class=\"features-hdr reveal\">\n        <span class=\"sec-tag\">Key Features<\/span>\n        <h2 class=\"features-h2\">Everything you need.<br>Nothing you don't.<\/h2>\n        <p class=\"features-sub\">Four core pillars that make SupportPilot the most complete support management plugin for WordPress.<\/p>\n      <\/div>\n      <div class=\"features-grid reveal\">\n        <div class=\"feat\">\n          <div class=\"feat-num\">01<\/div>\n          <div class=\"feat-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c8f04a\" stroke-width=\"1.8\"><path d=\"M15 5v2m0 4v2m0 4v2M5 5a2 2 0 0 0-2 2v3a2 2 0 0 1 0 4v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3a2 2 0 0 1 0-4V7a2 2 0 0 0-2-2z\"\/><\/svg>\n          <\/div>\n          <h3 class=\"feat-h3\">Ticket Management Made Simple<\/h3>\n          <p class=\"feat-p\">Clients submit support requests directly from their account dashboard. Each ticket includes status updates, communication history, and progress tracking so everyone stays informed.<\/p>\n          <div class=\"feat-note\">No more lost emails. No more messy support threads.<\/div>\n        <\/div>\n        <div class=\"feat\">\n          <div class=\"feat-num\">02<\/div>\n          <div class=\"feat-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c8f04a\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          <\/div>\n          <h3 class=\"feat-h3\">Support Time Tracking<\/h3>\n          <p class=\"feat-p\">Track allocated support hours for every client with precision. Monitor used time, remaining balance, and support limits in real time to avoid over-servicing and protect profitability.<\/p>\n          <div class=\"feat-note\">Perfect for monthly retainers and support contracts.<\/div>\n        <\/div>\n        <div class=\"feat\">\n          <div class=\"feat-num\">03<\/div>\n          <div class=\"feat-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c8f04a\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n          <\/div>\n          <h3 class=\"feat-h3\">Admin Control Dashboard<\/h3>\n          <p class=\"feat-p\">Manage all tickets, support allowances, and client activity from one clean admin panel. View open tickets, completed requests, time usage, and support performance without switching tools.<\/p>\n          <div class=\"feat-note\">Everything you need, in one place.<\/div>\n        <\/div>\n        <div class=\"feat\">\n          <div class=\"feat-num\">04<\/div>\n          <div class=\"feat-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#c8f04a\" stroke-width=\"1.8\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n          <\/div>\n          <h3 class=\"feat-h3\">Client Transparency<\/h3>\n          <p class=\"feat-p\">Give clients full visibility into their support usage. They can view ticket history, current status, and remaining support time \u2014 reducing confusion and unnecessary back-and-forth.<\/p>\n          <div class=\"feat-note\">Better communication builds stronger trust.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 BUILT FOR \u2550\u2550\u2550\u2550 -->\n  <section class=\"lp-built\" id=\"spl-built\">\n    <div class=\"lp-wrap\">\n      <div class=\"built-hdr reveal\">\n        <span class=\"sec-tag\">Built For<\/span>\n        <h2 class=\"built-h2\">Who uses SupportPilot?<\/h2>\n        <p class=\"built-sub\">Designed for anyone who provides WordPress support and needs a smarter way to manage it.<\/p>\n      <\/div>\n      <div class=\"built-grid\">\n        <div class=\"built-card reveal\">\n          <span class=\"built-emoji\">\ud83c\udfe2<\/span>\n          <div class=\"built-title\">Agencies<\/div>\n          <div class=\"built-body\">Manage multiple clients and support retainers with ease.<\/div>\n        <\/div>\n        <div class=\"built-card reveal d1\">\n          <span class=\"built-emoji\">\ud83d\udcbb<\/span>\n          <div class=\"built-title\">Freelancers<\/div>\n          <div class=\"built-body\">Stay professional while keeping support profitable.<\/div>\n        <\/div>\n        <div class=\"built-card reveal d2\">\n          <span class=\"built-emoji\">\ud83d\udd27<\/span>\n          <div class=\"built-title\">Maintenance Providers<\/div>\n          <div class=\"built-body\">Track recurring support hours without spreadsheets.<\/div>\n        <\/div>\n        <div class=\"built-card reveal d3\">\n          <span class=\"built-emoji\">\ud83d\udc65<\/span>\n          <div class=\"built-title\">Internal Teams<\/div>\n          <div class=\"built-body\">Handle employee support requests with full visibility.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 PRICING \u2550\u2550\u2550\u2550 -->\n  <section class=\"lp-pricing\" id=\"spl-pricing\">\n    <div class=\"lp-wrap\">\n      <div class=\"pricing-hdr reveal\">\n        <span class=\"sec-tag\">Simple Pricing<\/span>\n        <h2 class=\"pricing-h2\">One plan. Everything included.<\/h2>\n      <\/div>\n      <div class=\"pricing-card reveal\">\n        <div class=\"pricing-top\">\n          <div class=\"pricing-badge\">\u26a1 Launch Special \u2014 Limited Time<\/div>\n          <div class=\"price-was\">Regular Price: \u00a389 \/ year<\/div>\n          <div>\n            <span class=\"price-main\">\u00a369<\/span>\n            <span class=\"price-period\"> \/ year<\/span>\n          <\/div>\n          <div class=\"price-save\">Save \u00a320 \u2014 Early adopter pricing<\/div>\n        <\/div>\n        <div class=\"pricing-body\">\n          <ul class=\"pricing-list\">\n            <li>Support ticket management<\/li>\n            <li>Support time allowance tracking<\/li>\n            <li>Client dashboard access<\/li>\n            <li>Admin management panel<\/li>\n            <li>Licence key activation<\/li>\n            <li>Site usage tracking<\/li>\n            <li>1 year of updates<\/li>\n            <li>1 year of support<\/li>\n          <\/ul>\n          <a href=\"#\" class=\"pricing-cta\">Get SupportPilot Now \u2192<\/a>\n          <p class=\"pricing-note\">Early adopter pricing won't last forever. Lock in your rate today.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 CTA \u2550\u2550\u2550\u2550 -->\n  <section class=\"lp-cta\">\n    <div class=\"cta-glow\"><\/div>\n    <div class=\"lp-wrap\" style=\"position:relative;z-index:1\">\n      <h2 class=\"cta-h2 reveal\">\n        Stop Losing Time on<br>\n        <em>Support Management.<\/em>\n      <\/h2>\n      <p class=\"cta-p reveal d1\">\n        SupportPilot helps you turn support requests into a structured, trackable workflow that saves time and improves client satisfaction. Whether you're managing 5 clients or 500, SupportPilot keeps your support operation efficient and scalable.\n      <\/p>\n      <a href=\"#spl-pricing\" class=\"btn-a reveal d2\" style=\"display:inline-flex\">\n        Get Started Today\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n  <\/section>\n\n  <!-- \u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550 -->\n  <footer class=\"lp-footer\">\n    <div class=\"footer-logo\">\n      <div class=\"lp-logo-mark\" style=\"width:30px;height:30px\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 20 20\" fill=\"none\">\n          <rect x=\"3\" y=\"4\" width=\"14\" height=\"3\" rx=\"1.5\" fill=\"#06080d\"\/>\n          <rect x=\"3\" y=\"9\" width=\"10\" height=\"3\" rx=\"1.5\" fill=\"#06080d\" opacity=\".65\"\/>\n          <circle cx=\"7\" cy=\"16\" r=\"3\" fill=\"none\" stroke=\"#06080d\" stroke-width=\"1.8\"\/>\n          <line x1=\"7\" y1=\"13.5\" x2=\"7\" y2=\"16\" stroke=\"#06080d\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n          <line x1=\"7\" y1=\"16\" x2=\"9\" y2=\"17.2\" stroke=\"#06080d\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n        <\/svg>\n      <\/div>\n      SupportPilot\n    <\/div>\n    <p class=\"footer-tag\">Smarter Support Management for WordPress<br>Track tickets. Monitor time. Deliver better support.<\/p>\n    <p class=\"footer-copy\">\u00a9 2026 SupportPilot. All rights reserved.<\/p>\n  <\/footer>\n\n<\/div><!-- \/.sp-lp -->\n\n<script>\n(function() {\n  \/\/ Sticky nav\n  var nav = document.getElementById('spl-nav');\n  if (nav) {\n    window.addEventListener('scroll', function() {\n      nav.classList.toggle('stuck', window.scrollY > 40);\n    }, { passive: true });\n  }\n\n  \/\/ Scroll reveal \u2014 scoped to .sp-lp\n  var items = document.querySelectorAll('#sp-lp-root .reveal');\n  if ('IntersectionObserver' in window) {\n    var obs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) { e.target.classList.add('in'); }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -50px 0px' });\n    items.forEach(function(el) { obs.observe(el); });\n  } else {\n    items.forEach(function(el) { el.classList.add('in'); });\n  }\n\n  \/\/ Smooth scroll for anchor links scoped inside .sp-lp\n  document.querySelectorAll('#sp-lp-root a[href^=\"#\"]').forEach(function(a) {\n    a.addEventListener('click', function(e) {\n      var href = a.getAttribute('href');\n      if (href === '#') return;\n      var target = document.querySelector(href);\n      if (target) {\n        e.preventDefault();\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n  });\n})();\n<\/script>\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>SupportPilot Get SupportPilot \u2192 Now Available Track Every Ticket. Every Minute. Every Client. SupportPilot is the smarter way to manage WordPress support. Track support hours, manage client tickets, and keep every request organised \u2014 all from one powerful dashboard. Built for agencies, freelancers, and support teams who need better visibility, faster responses, and accurate support [&hellip;]<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":8,"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/hardcore-hawking.212-227-22-46.plesk.page\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}