{"title":"Home page","description":"\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n.oc-home {\n  --bg-primary: #0a0a0a;\n  --bg-secondary: #111;\n  --accent-purple: #7c3aed;\n  --accent-gold: #d4af37;\n  --text-primary: #fff;\n  --text-secondary: #888;\n  --border: #222;\n  font-family: 'Inter', sans-serif;\n  background: var(--bg-primary);\n  color: var(--text-primary);\n  padding: 40px 20px;\n  text-align: center;\n  margin: -20px;\n}\n\n.oc-home-logo {\n  width: 64px;\n  height: 64px;\n  background: linear-gradient(135deg, var(--accent-purple), #a855f7);\n  border-radius: 16px;\n  margin: 0 auto 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 32px;\n  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.3);\n}\n\n.oc-home h1 {\n  font-size: 52px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  background: linear-gradient(to right, #fff, #a8a8a8);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-home p {\n  font-size: 20px;\n  color: var(--text-secondary);\n  max-width: 600px;\n  margin: 0 auto 40px;\n  line-height: 1.5;\n}\n\n.oc-home-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  color: var(--accent-purple);\n  padding: 10px 20px;\n  border-radius: 100px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  margin-bottom: 24px;\n}\n\n.oc-home-cta {\n  display: inline-block;\n  background: var(--accent-purple);\n  color: #fff;\n  padding: 16px 32px;\n  border-radius: 12px;\n  font-weight: 600;\n  font-size: 16px;\n  text-decoration: none;\n  margin-top: 20px;\n}\n\n.oc-home-cta:hover {\n  background: #6d28d9;\n}\n\n.oc-trust-home {\n  display: flex;\n  justify-content: center;\n  gap: 60px;\n  padding: 40px 0;\n  margin-top: 40px;\n  border-top: 1px solid var(--border);\n}\n\n.oc-trust-home div strong {\n  display: block;\n  font-size: 32px;\n  color: var(--text-primary);\n}\n\n.oc-trust-home div span {\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"oc-home\"\u003e\n  \u003cdiv class=\"oc-home-logo\"\u003e🐾\u003c\/div\u003e\n  \u003cdiv class=\"oc-home-badge\"\u003eNow Accepting Customers\u003c\/div\u003e\n  \u003ch1\u003eYour Personal AI Assistant\u003c\/h1\u003e\n  \u003cp\u003eProfessional OpenClaw hosting and management. We handle the technical complexity. You focus on using your AI.\u003c\/p\u003e\n  \u003ca href=\"\/collections\/openclaw-services\" class=\"oc-home-cta\"\u003eView Services →\u003c\/a\u003e\n  \n  \u003cdiv class=\"oc-trust-home\"\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003e24h\u003c\/strong\u003e\u003cspan\u003eSetup Time\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003e99.9%\u003c\/strong\u003e\u003cspan\u003eUptime\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003ePossibilities\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"openclaw-hosting-setup-only","title":"OpenClaw Setup Only","description":"\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n.oc-page {\n  --bg-primary: #0a0a0a;\n  --bg-secondary: #111;\n  --bg-tertiary: #1a1a1a;\n  --accent-purple: #7c3aed;\n  --accent-gold: #d4af37;\n  --text-primary: #fff;\n  --text-secondary: #888;\n  --text-muted: #666;\n  --border: #222;\n  --font: 'Inter', sans-serif;\n}\n\n.oc-container {\n  background: var(--bg-primary);\n  color: var(--text-primary);\n  font-family: var(--font);\n  min-height: 100vh;\n  line-height: 1.6;\n  margin: -20px;\n  padding: 20px;\n}\n\n.oc-hero-wrapper {\n  background: linear-gradient(135deg, #0a0a0a 0%, #111 50%, #0a0a0a 100%);\n  position: relative;\n  overflow: hidden;\n  margin: -20px -20px 0;\n  padding: 80px 20px 60px;\n}\n\n.oc-hero-wrapper::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle at 30% 30%, rgba(124, 58, 237, 0.08) 0%, transparent 50%),\n              radial-gradient(circle at 70% 70%, rgba(124, 58, 237, 0.05) 0%, transparent 40%);\n  animation: pulse 8s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.05); opacity: 0.7; }\n}\n\n.oc-hero {\n  text-align: center;\n  max-width: 900px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.oc-hero-logo {\n  width: 48px; height: 48px;\n  background: linear-gradient(135deg, var(--accent-purple), #a855f7);\n  border-radius: 12px;\n  margin: 0 auto 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.3);\n  animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n.oc-hero h1 {\n  font-size: 56px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  letter-spacing: -0.03em;\n  background: linear-gradient(to right, #fff, #a8a8a8);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-hero h2 {\n  font-size: 20px;\n  color: var(--text-secondary);\n  font-weight: 400;\n  max-width: 600px;\n  margin: 0 auto 30px;\n  line-height: 1.5;\n}\n\n.oc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  color: var(--accent-purple);\n  padding: 10px 20px;\n  border-radius: 100px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  margin-bottom: 24px;\n}\n\n.oc-badge::before {\n  content: '';\n  width: 8px; height: 8px;\n  background: var(--accent-purple);\n  border-radius: 50%;\n  animation: glow 2s ease-in-out infinite;\n}\n\n@keyframes glow {\n  0%, 100% { opacity: 1; box-shadow: 0 0 10px var(--accent-purple); }\n  50% { opacity: 0.5; box-shadow: 0 0 20px var(--accent-purple); }\n}\n\n.oc-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 20px;\n  padding: 40px;\n  max-width: 500px;\n  margin: 0 auto;\n  position: relative;\n  transition: all 0.3s;\n}\n\n.oc-card.popular {\n  border-color: var(--accent-purple);\n  background: linear-gradient(180deg, rgba(124, 58, 237, 0.05) 0%, var(--bg-secondary) 100%);\n}\n\n.oc-card.premium {\n  border-color: var(--accent-gold);\n  background: linear-gradient(180deg, rgba(212, 175, 55, 0.05) 0%, var(--bg-secondary) 100%);\n}\n\n.oc-tier {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\n\n.oc-desc {\n  color: var(--text-secondary);\n  margin-bottom: 20px;\n  font-size: 15px;\n}\n\n.oc-price {\n  font-size: 48px;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n\n.oc-price span {\n  font-size: 16px;\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.oc-price.premium {\n  background: linear-gradient(to right, var(--accent-gold), #f0d878);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-billing {\n  color: var(--text-muted);\n  margin-bottom: 24px;\n  font-size: 13px;\n}\n\n.oc-features {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px;\n}\n\n.oc-features li {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--bg-tertiary);\n  color: var(--text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n}\n\n.oc-features li::before {\n  content: '✓';\n  color: var(--accent-purple);\n  font-weight: bold;\n  width: 18px; height: 18px;\n  background: rgba(124, 58, 237, 0.1);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  flex-shrink: 0;\n}\n\n.oc-cta {\n  display: block;\n  background: var(--accent-purple);\n  color: #fff;\n  padding: 14px 28px;\n  text-align: center;\n  border-radius: 10px;\n  font-weight: 600;\n  font-size: 15px;\n  text-decoration: none;\n  transition: all 0.2s;\n}\n\n.oc-cta:hover {\n  background: #6d28d9;\n  transform: scale(1.02);\n  box-shadow: 0 8px 30px rgba(124, 58, 237, 0.3);\n}\n\n.oc-cta-light {\n  background: var(--bg-tertiary);\n  border: 1px solid var(--border);\n  color: var(--text-primary);\n}\n\n.oc-cta-light:hover {\n  background: #252525;\n  box-shadow: none;\n}\n\n.oc-cta-gold {\n  background: linear-gradient(135deg, var(--accent-gold), #e8c54d);\n  color: #0a0a0a;\n}\n\n.oc-cta-gold:hover {\n  background: linear-gradient(135deg, #c9a62d, #d4b43d);\n  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.3);\n}\n\n.oc-trust {\n  display: flex;\n  justify-content: center;\n  gap: 50px;\n  padding: 50px 20px;\n  border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  background: var(--bg-secondary);\n  margin: 0 -20px;\n}\n\n.oc-trust-item {\n  text-align: center;\n}\n\n.oc-trust-item strong {\n  display: block;\n  font-size: 28px;\n  color: var(--text-primary);\n  margin-bottom: 4px;\n}\n\n.oc-trust-item span {\n  font-size: 13px;\n  color: var(--text-secondary);\n}\n\n.oc-notice {\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  border-radius: 12px;\n  padding: 20px;\n  margin: 24px 0;\n  text-align: center;\n}\n\n.oc-notice p {\n  margin: 0;\n  color: var(--text-secondary);\n  font-size: 14px;\n}\n\n.oc-notice strong {\n  color: var(--accent-purple);\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"oc-page\"\u003e\n  \u003cdiv class=\"oc-hero-wrapper\"\u003e\n    \u003cdiv class=\"oc-hero\"\u003e\n      \u003cdiv class=\"oc-hero-logo\"\u003e🐾\u003c\/div\u003e\n      \u003cdiv class=\"oc-badge\"\u003eOne-Time Service\u003c\/div\u003e\n      \u003ch1\u003eOpenClaw Setup Only\u003c\/h1\u003e\n      \u003ch2\u003eAlready have a server? I'll install and configure OpenClaw for you.\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"oc-container\"\u003e\n    \u003cdiv class=\"oc-card \"\u003e\n      \u003cdiv class=\"oc-price\"\u003e$200\u003cspan\u003e USD\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"oc-billing\"\u003eOne-time payment • 24-hour delivery\u003c\/div\u003e\n      \u003cul class=\"oc-features\"\u003e\n        \u003cli\u003eComplete OpenClaw installation\u003c\/li\u003e\n\u003cli\u003eCustom configuration \u0026amp; branding\u003c\/li\u003e\n\u003cli\u003eInitial testing \u0026amp; QA\u003c\/li\u003e\n\u003cli\u003eHandoff documentation\u003c\/li\u003e\n\u003cli\u003eEmail support\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"oc-notice\"\u003e\n        \u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e AI credits are not included. You'll need your own API keys.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003ca href=\"\/cart\/add?id=51421289545944\" class=\"oc-cta oc-cta-light\"\u003eGet Started\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"oc-trust\"\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e24h\u003c\/strong\u003e\u003cspan\u003eSetup Time\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e99.9%\u003c\/strong\u003e\u003cspan\u003eUptime\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003ePossibilities\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"MacPAssist","offers":[{"title":"Default Title","offer_id":51421289545944,"sku":"OC-SETUP-001","price":200.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/3729\/9928\/files\/openclaw-hosting-setup-only.png?v=1772059129"},{"product_id":"openclaw-hosting-basic","title":"OpenClaw Hosting - Basic","description":"\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n.oc-page {\n  --bg-primary: #0a0a0a;\n  --bg-secondary: #111;\n  --bg-tertiary: #1a1a1a;\n  --accent-purple: #7c3aed;\n  --accent-gold: #d4af37;\n  --text-primary: #fff;\n  --text-secondary: #888;\n  --text-muted: #666;\n  --border: #222;\n  --font: 'Inter', sans-serif;\n}\n\n.oc-container {\n  background: var(--bg-primary);\n  color: var(--text-primary);\n  font-family: var(--font);\n  min-height: 100vh;\n  line-height: 1.6;\n  margin: -20px;\n  padding: 20px;\n}\n\n.oc-hero-wrapper {\n  background: linear-gradient(135deg, #0a0a0a 0%, #111 50%, #0a0a0a 100%);\n  position: relative;\n  overflow: hidden;\n  margin: -20px -20px 0;\n  padding: 80px 20px 60px;\n}\n\n.oc-hero-wrapper::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle at 30% 30%, rgba(124, 58, 237, 0.08) 0%, transparent 50%),\n              radial-gradient(circle at 70% 70%, rgba(124, 58, 237, 0.05) 0%, transparent 40%);\n  animation: pulse 8s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.05); opacity: 0.7; }\n}\n\n.oc-hero {\n  text-align: center;\n  max-width: 900px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.oc-hero-logo {\n  width: 48px; height: 48px;\n  background: linear-gradient(135deg, var(--accent-purple), #a855f7);\n  border-radius: 12px;\n  margin: 0 auto 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.3);\n  animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n.oc-hero h1 {\n  font-size: 56px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  letter-spacing: -0.03em;\n  background: linear-gradient(to right, #fff, #a8a8a8);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-hero h2 {\n  font-size: 20px;\n  color: var(--text-secondary);\n  font-weight: 400;\n  max-width: 600px;\n  margin: 0 auto 30px;\n  line-height: 1.5;\n}\n\n.oc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  color: var(--accent-purple);\n  padding: 10px 20px;\n  border-radius: 100px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  margin-bottom: 24px;\n}\n\n.oc-badge::before {\n  content: '';\n  width: 8px; height: 8px;\n  background: var(--accent-purple);\n  border-radius: 50%;\n  animation: glow 2s ease-in-out infinite;\n}\n\n@keyframes glow {\n  0%, 100% { opacity: 1; box-shadow: 0 0 10px var(--accent-purple); }\n  50% { opacity: 0.5; box-shadow: 0 0 20px var(--accent-purple); }\n}\n\n.oc-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 20px;\n  padding: 40px;\n  max-width: 500px;\n  margin: 0 auto;\n  position: relative;\n  transition: all 0.3s;\n}\n\n.oc-card.popular {\n  border-color: var(--accent-purple);\n  background: linear-gradient(180deg, rgba(124, 58, 237, 0.05) 0%, var(--bg-secondary) 100%);\n}\n\n.oc-card.premium {\n  border-color: var(--accent-gold);\n  background: linear-gradient(180deg, rgba(212, 175, 55, 0.05) 0%, var(--bg-secondary) 100%);\n}\n\n.oc-tier {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\n\n.oc-desc {\n  color: var(--text-secondary);\n  margin-bottom: 20px;\n  font-size: 15px;\n}\n\n.oc-price {\n  font-size: 48px;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n\n.oc-price span {\n  font-size: 16px;\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.oc-price.premium {\n  background: linear-gradient(to right, var(--accent-gold), #f0d878);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-billing {\n  color: var(--text-muted);\n  margin-bottom: 24px;\n  font-size: 13px;\n}\n\n.oc-features {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px;\n}\n\n.oc-features li {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--bg-tertiary);\n  color: var(--text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n}\n\n.oc-features li::before {\n  content: '✓';\n  color: var(--accent-purple);\n  font-weight: bold;\n  width: 18px; height: 18px;\n  background: rgba(124, 58, 237, 0.1);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  flex-shrink: 0;\n}\n\n.oc-cta {\n  display: block;\n  background: var(--accent-purple);\n  color: #fff;\n  padding: 14px 28px;\n  text-align: center;\n  border-radius: 10px;\n  font-weight: 600;\n  font-size: 15px;\n  text-decoration: none;\n  transition: all 0.2s;\n}\n\n.oc-cta:hover {\n  background: #6d28d9;\n  transform: scale(1.02);\n  box-shadow: 0 8px 30px rgba(124, 58, 237, 0.3);\n}\n\n.oc-cta-light {\n  background: var(--bg-tertiary);\n  border: 1px solid var(--border);\n  color: var(--text-primary);\n}\n\n.oc-cta-light:hover {\n  background: #252525;\n  box-shadow: none;\n}\n\n.oc-cta-gold {\n  background: linear-gradient(135deg, var(--accent-gold), #e8c54d);\n  color: #0a0a0a;\n}\n\n.oc-cta-gold:hover {\n  background: linear-gradient(135deg, #c9a62d, #d4b43d);\n  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.3);\n}\n\n.oc-trust {\n  display: flex;\n  justify-content: center;\n  gap: 50px;\n  padding: 50px 20px;\n  border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  background: var(--bg-secondary);\n  margin: 0 -20px;\n}\n\n.oc-trust-item {\n  text-align: center;\n}\n\n.oc-trust-item strong {\n  display: block;\n  font-size: 28px;\n  color: var(--text-primary);\n  margin-bottom: 4px;\n}\n\n.oc-trust-item span {\n  font-size: 13px;\n  color: var(--text-secondary);\n}\n\n.oc-notice {\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  border-radius: 12px;\n  padding: 20px;\n  margin: 24px 0;\n  text-align: center;\n}\n\n.oc-notice p {\n  margin: 0;\n  color: var(--text-secondary);\n  font-size: 14px;\n}\n\n.oc-notice strong {\n  color: var(--accent-purple);\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"oc-page\"\u003e\n  \u003cdiv class=\"oc-hero-wrapper\"\u003e\n    \u003cdiv class=\"oc-hero\"\u003e\n      \u003cdiv class=\"oc-hero-logo\"\u003e🐾\u003c\/div\u003e\n      \u003cdiv class=\"oc-badge\"\u003eMost Popular\u003c\/div\u003e\n      \u003ch1\u003eOpenClaw Basic\u003c\/h1\u003e\n      \u003ch2\u003eComplete hands-off solution. VPS included.\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"oc-container\"\u003e\n    \u003cdiv class=\"oc-card popular\"\u003e\n      \u003cdiv class=\"oc-price\"\u003e$99\u003cspan\u003e\/mo\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"oc-billing\"\u003eMonthly subscription • Cancel anytime\u003c\/div\u003e\n      \u003cul class=\"oc-features\"\u003e\n        \u003cli\u003eEverything in Setup\u003c\/li\u003e\n\u003cli\u003eVPS included\u003c\/li\u003e\n\u003cli\u003eMonthly security updates\u003c\/li\u003e\n\u003cli\u003e99.9% uptime monitoring\u003c\/li\u003e\n\u003cli\u003e24-hour support response\u003c\/li\u003e\n\u003cli\u003eAutomated backups\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"oc-notice\"\u003e\n        \u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e AI credits are not included. You'll need your own API keys.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003ca href=\"\/cart\/add?id=51421289578712\" class=\"oc-cta \"\u003eSubscribe Now\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"oc-trust\"\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e24h\u003c\/strong\u003e\u003cspan\u003eSetup Time\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e99.9%\u003c\/strong\u003e\u003cspan\u003eUptime\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003ePossibilities\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"MacPAssist","offers":[{"title":"Default Title","offer_id":51421289578712,"sku":"OC-BASIC-MONTHLY","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/3729\/9928\/files\/openclaw-hosting-basic.png?v=1772059132"},{"product_id":"openclaw-hosting-plus-management","title":"OpenClaw Hosting - Plus Management","description":"\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700\u0026display=swap');\n\n.oc-page {\n  --bg-primary: #0a0a0a;\n  --bg-secondary: #111;\n  --bg-tertiary: #1a1a1a;\n  --accent-purple: #7c3aed;\n  --accent-gold: #d4af37;\n  --text-primary: #fff;\n  --text-secondary: #888;\n  --text-muted: #666;\n  --border: #222;\n  --font: 'Inter', sans-serif;\n}\n\n.oc-container {\n  background: var(--bg-primary);\n  color: var(--text-primary);\n  font-family: var(--font);\n  min-height: 100vh;\n  line-height: 1.6;\n  margin: -20px;\n  padding: 20px;\n}\n\n.oc-hero-wrapper {\n  background: linear-gradient(135deg, #0a0a0a 0%, #111 50%, #0a0a0a 100%);\n  position: relative;\n  overflow: hidden;\n  margin: -20px -20px 0;\n  padding: 80px 20px 60px;\n}\n\n.oc-hero-wrapper::before {\n  content: '';\n  position: absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle at 30% 30%, rgba(124, 58, 237, 0.08) 0%, transparent 50%),\n              radial-gradient(circle at 70% 70%, rgba(124, 58, 237, 0.05) 0%, transparent 40%);\n  animation: pulse 8s ease-in-out infinite;\n}\n\n@keyframes pulse {\n  0%, 100% { transform: scale(1); opacity: 0.5; }\n  50% { transform: scale(1.05); opacity: 0.7; }\n}\n\n.oc-hero {\n  text-align: center;\n  max-width: 900px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.oc-hero-logo {\n  width: 48px; height: 48px;\n  background: linear-gradient(135deg, var(--accent-purple), #a855f7);\n  border-radius: 12px;\n  margin: 0 auto 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.3);\n  animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n.oc-hero h1 {\n  font-size: 56px;\n  font-weight: 700;\n  margin-bottom: 16px;\n  letter-spacing: -0.03em;\n  background: linear-gradient(to right, #fff, #a8a8a8);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-hero h2 {\n  font-size: 20px;\n  color: var(--text-secondary);\n  font-weight: 400;\n  max-width: 600px;\n  margin: 0 auto 30px;\n  line-height: 1.5;\n}\n\n.oc-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  color: var(--accent-purple);\n  padding: 10px 20px;\n  border-radius: 100px;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  margin-bottom: 24px;\n}\n\n.oc-badge::before {\n  content: '';\n  width: 8px; height: 8px;\n  background: var(--accent-purple);\n  border-radius: 50%;\n  animation: glow 2s ease-in-out infinite;\n}\n\n@keyframes glow {\n  0%, 100% { opacity: 1; box-shadow: 0 0 10px var(--accent-purple); }\n  50% { opacity: 0.5; box-shadow: 0 0 20px var(--accent-purple); }\n}\n\n.oc-card {\n  background: var(--bg-secondary);\n  border: 1px solid var(--border);\n  border-radius: 20px;\n  padding: 40px;\n  max-width: 500px;\n  margin: 0 auto;\n  position: relative;\n  transition: all 0.3s;\n}\n\n.oc-card.popular {\n  border-color: var(--accent-purple);\n  background: linear-gradient(180deg, rgba(124, 58, 237, 0.05) 0%, var(--bg-secondary) 100%);\n}\n\n.oc-card.premium {\n  border-color: var(--accent-gold);\n  background: linear-gradient(180deg, rgba(212, 175, 55, 0.05) 0%, var(--bg-secondary) 100%);\n}\n\n.oc-tier {\n  font-size: 24px;\n  font-weight: 600;\n  margin-bottom: 8px;\n}\n\n.oc-desc {\n  color: var(--text-secondary);\n  margin-bottom: 20px;\n  font-size: 15px;\n}\n\n.oc-price {\n  font-size: 48px;\n  font-weight: 700;\n  margin-bottom: 4px;\n}\n\n.oc-price span {\n  font-size: 16px;\n  color: var(--text-secondary);\n  font-weight: 400;\n}\n\n.oc-price.premium {\n  background: linear-gradient(to right, var(--accent-gold), #f0d878);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.oc-billing {\n  color: var(--text-muted);\n  margin-bottom: 24px;\n  font-size: 13px;\n}\n\n.oc-features {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px;\n}\n\n.oc-features li {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--bg-tertiary);\n  color: var(--text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 14px;\n}\n\n.oc-features li::before {\n  content: '✓';\n  color: var(--accent-purple);\n  font-weight: bold;\n  width: 18px; height: 18px;\n  background: rgba(124, 58, 237, 0.1);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 10px;\n  flex-shrink: 0;\n}\n\n.oc-cta {\n  display: block;\n  background: var(--accent-purple);\n  color: #fff;\n  padding: 14px 28px;\n  text-align: center;\n  border-radius: 10px;\n  font-weight: 600;\n  font-size: 15px;\n  text-decoration: none;\n  transition: all 0.2s;\n}\n\n.oc-cta:hover {\n  background: #6d28d9;\n  transform: scale(1.02);\n  box-shadow: 0 8px 30px rgba(124, 58, 237, 0.3);\n}\n\n.oc-cta-light {\n  background: var(--bg-tertiary);\n  border: 1px solid var(--border);\n  color: var(--text-primary);\n}\n\n.oc-cta-light:hover {\n  background: #252525;\n  box-shadow: none;\n}\n\n.oc-cta-gold {\n  background: linear-gradient(135deg, var(--accent-gold), #e8c54d);\n  color: #0a0a0a;\n}\n\n.oc-cta-gold:hover {\n  background: linear-gradient(135deg, #c9a62d, #d4b43d);\n  box-shadow: 0 8px 30px rgba(212, 175, 55, 0.3);\n}\n\n.oc-trust {\n  display: flex;\n  justify-content: center;\n  gap: 50px;\n  padding: 50px 20px;\n  border-top: 1px solid var(--border);\n  border-bottom: 1px solid var(--border);\n  background: var(--bg-secondary);\n  margin: 0 -20px;\n}\n\n.oc-trust-item {\n  text-align: center;\n}\n\n.oc-trust-item strong {\n  display: block;\n  font-size: 28px;\n  color: var(--text-primary);\n  margin-bottom: 4px;\n}\n\n.oc-trust-item span {\n  font-size: 13px;\n  color: var(--text-secondary);\n}\n\n.oc-notice {\n  background: rgba(124, 58, 237, 0.1);\n  border: 1px solid rgba(124, 58, 237, 0.3);\n  border-radius: 12px;\n  padding: 20px;\n  margin: 24px 0;\n  text-align: center;\n}\n\n.oc-notice p {\n  margin: 0;\n  color: var(--text-secondary);\n  font-size: 14px;\n}\n\n.oc-notice strong {\n  color: var(--accent-purple);\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"oc-page\"\u003e\n  \u003cdiv class=\"oc-hero-wrapper\"\u003e\n    \u003cdiv class=\"oc-hero\"\u003e\n      \u003cdiv class=\"oc-hero-logo\"\u003e🐾\u003c\/div\u003e\n      \u003cdiv class=\"oc-badge\"\u003ePremium\u003c\/div\u003e\n      \u003ch1\u003eOpenClaw Plus\u003c\/h1\u003e\n      \u003ch2\u003ePremium management with custom AI development.\u003c\/h2\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"oc-container\"\u003e\n    \u003cdiv class=\"oc-card premium\"\u003e\n      \u003cdiv class=\"oc-price\"\u003e$199\u003cspan\u003e\/mo\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"oc-billing\"\u003eMonthly subscription • Cancel anytime\u003c\/div\u003e\n      \u003cul class=\"oc-features\"\u003e\n        \u003cli\u003eEverything in Basic\u003c\/li\u003e\n\u003cli\u003eReal-time performance monitoring\u003c\/li\u003e\n\u003cli\u003eTroubleshooting included\u003c\/li\u003e\n\u003cli\u003eCustom AI skills development\u003c\/li\u003e\n\u003cli\u003e12-hour priority support\u003c\/li\u003e\n\u003cli\u003eDeveloper direct access\u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cdiv class=\"oc-notice\"\u003e\n        \u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e AI credits are not included. You'll need your own API keys.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003ca href=\"\/cart\/add?id=51421289611480\" class=\"oc-cta oc-cta-gold\"\u003eGet Premium\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"oc-trust\"\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e24h\u003c\/strong\u003e\u003cspan\u003eSetup Time\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e99.9%\u003c\/strong\u003e\u003cspan\u003eUptime\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"oc-trust-item\"\u003e\n\u003cstrong\u003e∞\u003c\/strong\u003e\u003cspan\u003ePossibilities\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"MacPAssist","offers":[{"title":"Default Title","offer_id":51421289611480,"sku":"OC-PLUS-MONTHLY","price":199.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/3729\/9928\/files\/openclaw-hosting-plus-management.png?v=1772059134"}],"url":"https:\/\/macptrading.com\/collections\/frontpage.oembed","provider":"MacpTrading ","version":"1.0","type":"link"}