{"id":15,"date":"2026-04-20T16:59:27","date_gmt":"2026-04-20T16:59:27","guid":{"rendered":"https:\/\/themainsmmsupplier.com\/?page_id=15"},"modified":"2026-04-21T00:39:11","modified_gmt":"2026-04-21T00:39:11","slug":"home-2","status":"publish","type":"page","link":"https:\/\/themainsmmsupplier.com\/","title":{"rendered":"home-2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3f42da e-con-full e-flex e-con e-parent\" data-id=\"e3f42da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a60f23 elementor-widget elementor-widget-html\" data-id=\"4a60f23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ============================================================\r\n   SMM GLOBAL HEADER \u2014 ELEMENTOR HTML WIDGET\r\n   Brand palette: Indigo #4F46E5 \u00b7 Cyan #06B6D4 \u00b7 Purple #7C3AED\r\n============================================================ *\/\r\n\r\n\/* \u2500\u2500 VARIABLES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smm-global-header {\r\n  --c-a1:        #4F46E5;\r\n  --c-a2:        #06B6D4;\r\n  --c-a3:        #7C3AED;\r\n  --smm-bg:      #050010;\r\n  --smm-text:    #e2e8f0;\r\n  --smm-muted:   #64748b;\r\n  --smm-font-d:  'Bricolage Grotesque', sans-serif;\r\n  --smm-font-b:  'Plus Jakarta Sans', sans-serif;\r\n  --smm-max:     1200px;\r\n  display: block;\r\n  width: 100%;\r\n  background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\r\n  font-family: var(--smm-font-b);\r\n  color: var(--smm-text);\r\n  position: relative;\r\n}\r\n.smm-global-header *,\r\n.smm-global-header *::before,\r\n.smm-global-header *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* Strip Elementor widget wrapper padding *\/\r\n.elementor-widget-html:has(.smm-global-header),\r\n.elementor-widget-html:has(.smm-global-header) .elementor-widget-container {\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n}\r\n\r\n\/* \u2500\u2500 INNER CONTAINER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.smm-global-header .smm-wrap {\r\n  max-width: var(--smm-max);\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  padding: 0 24px;\r\n}\r\n\r\n\/* ==========================================================\r\n   1. NAVIGATION BAR\r\n========================================================== *\/\r\n.smm-global-header .smm-nav {\r\n  width: 100%;\r\n  background: rgba(5,0,16,0.92);\r\n  backdrop-filter: blur(20px) saturate(180%);\r\n  -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n  border-bottom: 1px solid rgba(79,70,229,0.15);\r\n  position: relative;\r\n  z-index: 200;\r\n  transition: border-color 0.4s, box-shadow 0.4s;\r\n}\r\n.smm-global-header .smm-nav.smm-scrolled {\r\n  border-color: rgba(79,70,229,0.35);\r\n  box-shadow:\r\n    0 1px 0 rgba(79,70,229,0.18),\r\n    0 8px 40px rgba(5,0,16,0.7),\r\n    0 0 60px rgba(124,58,237,0.08);\r\n}\r\n.smm-global-header .smm-nav-row {\r\n  display: flex; justify-content: space-between; align-items: center;\r\n  height: 64px;\r\n}\r\n\r\n\/* ==========================================================\r\n   2. BRAND LOGO\r\n========================================================== *\/\r\n.smm-global-header .smm-logo {\r\n  display: flex !important; align-items: center !important;\r\n  gap: 11px !important; text-decoration: none !important; flex-shrink: 0 !important;\r\n  animation: smmLogoIn 0.65s cubic-bezier(0.22,1,0.36,1) both;\r\n}\r\n@keyframes smmLogoIn { from{opacity:0;transform:translateX(-16px)} to{opacity:1;transform:translateX(0)} }\r\n\r\n.smm-global-header .smm-logo-icon {\r\n  position: relative; width: 42px; height: 42px;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transform: scale(0.9); transform-origin: left center;\r\n  animation: smmDiamondIn 0.75s cubic-bezier(0.22,1,0.36,1) 0.08s both;\r\n}\r\n@keyframes smmDiamondIn {\r\n  0%  { opacity:0; transform:scale(0.3) rotate(-90deg); }\r\n  60% { transform:scale(0.94) rotate(4deg); }\r\n  100%{ opacity:1; transform:scale(0.9)  rotate(0deg); }\r\n}\r\n.smm-global-header .smm-diamond {\r\n  position: absolute; width: 30px; height: 30px;\r\n  transform: rotate(45deg); border-radius: 8px;\r\n  background: linear-gradient(135deg, #4F46E5, #7C3AED, #06B6D4, #4F46E5);\r\n  background-size: 300% 300%;\r\n  animation: smmDiamondFlow 8s ease-in-out infinite;\r\n  border: 1px solid rgba(124,58,237,0.35);\r\n  box-shadow:\r\n    0 0 10px rgba(79,70,229,0.35),\r\n    0 0 22px rgba(124,58,237,0.20),\r\n    0 0 4px rgba(6,182,212,0.18);\r\n}\r\n@keyframes smmDiamondFlow {\r\n  0%  {background-position:0% 50%}\r\n  50% {background-position:100% 50%}\r\n  100%{background-position:0% 50%}\r\n}\r\n.smm-global-header .smm-logo-letter {\r\n  position: relative; z-index: 2;\r\n  color: #fff; font-family: var(--smm-font-d);\r\n  font-size: 19px; font-weight: 800; line-height: 1;\r\n}\r\n.smm-global-header .smm-logo-text {\r\n  display: flex !important; flex-direction: column !important;\r\n  justify-content: center !important; min-width: max-content !important;\r\n}\r\n.smm-global-header .smm-logo-top {\r\n  display: flex !important; align-items: baseline !important;\r\n  gap: 5px !important; line-height: 1 !important; white-space: nowrap !important;\r\n}\r\n.smm-global-header .smm-logo-the {\r\n  color: #6b7280; font-family: var(--smm-font-d); font-size: 11px;\r\n  font-weight: 600; letter-spacing: 1px; line-height: 1 !important;\r\n}\r\n.smm-global-header .smm-logo-best {\r\n  color: #fff; font-family: var(--smm-font-d); font-size: 22px;\r\n  font-weight: 800; letter-spacing: 0.5px; line-height: 1 !important;\r\n}\r\n.smm-global-header .smm-logo-bot {\r\n  display: flex !important; align-items: center !important;\r\n  margin-top: 5px !important; white-space: nowrap !important;\r\n}\r\n.smm-global-header .smm-logo-pill {\r\n  background: rgba(79,70,229,0.14);\r\n  color: #a5b4fc;\r\n  border: 1px solid rgba(79,70,229,0.40);\r\n  padding: 2px 6px; border-radius: 4px;\r\n  font-family: var(--smm-font-b); font-size: 10px; font-weight: 700;\r\n  letter-spacing: 0.5px; position: relative; overflow: hidden; line-height: 1 !important;\r\n}\r\n.smm-global-header .smm-logo-pill::after {\r\n  content: \"\"; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;\r\n  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.45),transparent);\r\n  transform: skewX(-20deg); animation: smmPillShine 4s infinite;\r\n}\r\n@keyframes smmPillShine { 0%{left:-100%} 20%{left:200%} 100%{left:200%} }\r\n.smm-global-header .smm-logo-provider {\r\n  color: #94a3b8; font-family: var(--smm-font-b); font-size: 11px;\r\n  font-weight: 700; letter-spacing: 2px; margin-left: 7px !important; line-height: 1 !important;\r\n}\r\n.smm-global-header .smm-logo-line {\r\n  width: 75%; height: 1.5px; margin-top: 5px;\r\n  background: linear-gradient(90deg, #4F46E5, #06B6D4, transparent);\r\n  border-radius: 2px; position: relative; overflow: hidden;\r\n}\r\n.smm-global-header .smm-logo-line::after {\r\n  content: \"\"; position: absolute; top: 0; left: -30%; width: 30%; height: 100%;\r\n  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);\r\n  animation: smmLineSweep 3s infinite;\r\n}\r\n@keyframes smmLineSweep { 0%{left:-30%} 50%{left:100%} 100%{left:100%} }\r\n\r\n\/* ==========================================================\r\n   3. DESKTOP NAV LINKS\r\n========================================================== *\/\r\n.smm-global-header .smm-links {\r\n  display: flex; align-items: center; gap: 26px; list-style: none;\r\n}\r\n.smm-global-header .smm-litem { position: relative; padding: 22px 0; }\r\n.smm-global-header .smm-links a {\r\n  font-size: 14px; font-weight: 600; font-family: var(--smm-font-b);\r\n  color: #94a3b8; text-decoration: none;\r\n  display: flex; align-items: center; gap: 3px; position: relative;\r\n  transition: color 0.2s;\r\n}\r\n.smm-global-header .smm-links a::after {\r\n  content: \"\"; position: absolute; bottom: -4px; left: 0;\r\n  width: 0; height: 2px;\r\n  background: linear-gradient(90deg, var(--c-a1), var(--c-a2));\r\n  border-radius: 2px;\r\n  box-shadow: 0 0 8px rgba(79,70,229,0.6);\r\n  transition: width 0.28s cubic-bezier(0.22,1,0.36,1);\r\n}\r\n.smm-global-header .smm-links a:hover { color: #a5b4fc; }\r\n.smm-global-header .smm-links a:hover::after { width: 100%; }\r\n.smm-global-header .smm-litem:hover > a .smm-chev { transform: rotate(180deg); }\r\n.smm-global-header .smm-chev {\r\n  display: inline-block; font-size: 10px; margin-left: 2px;\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n\/* Entrance stagger *\/\r\n.smm-global-header .smm-links .smm-litem { animation: smmNavIn 0.45s cubic-bezier(0.22,1,0.36,1) both; }\r\n.smm-global-header .smm-links .smm-litem:nth-child(1){animation-delay:.14s}\r\n.smm-global-header .smm-links .smm-litem:nth-child(2){animation-delay:.20s}\r\n.smm-global-header .smm-links .smm-litem:nth-child(3){animation-delay:.26s}\r\n.smm-global-header .smm-links .smm-litem:nth-child(4){animation-delay:.32s}\r\n.smm-global-header .smm-links .smm-litem:nth-child(5){animation-delay:.38s}\r\n.smm-global-header .smm-links .smm-litem:nth-child(6){animation-delay:.44s}\r\n@keyframes smmNavIn { from{opacity:0;transform:translateY(-7px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n\/* Dropdown *\/\r\n.smm-global-header .smm-ddrop {\r\n  position: absolute; top: 100%; left: 50%;\r\n  transform: translateX(-50%) translateY(10px);\r\n  min-width: 218px;\r\n  background: rgba(13,1,24,0.97);\r\n  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\r\n  border: 1px solid rgba(79,70,229,0.18);\r\n  border-radius: 12px;\r\n  padding: 10px 0; opacity: 0; visibility: hidden;\r\n  transition: all 0.28s ease;\r\n  box-shadow:\r\n    0 20px 44px rgba(5,0,16,0.8),\r\n    0 0 0 1px rgba(124,58,237,0.06) inset;\r\n  text-align: left;\r\n}\r\n.smm-global-header .smm-litem:hover .smm-ddrop {\r\n  opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);\r\n}\r\n.smm-global-header .smm-dlink {\r\n  display: block !important; padding: 9px 18px !important;\r\n  color: #e2e8f0 !important; font-size: 13px !important; font-weight: 500 !important;\r\n  font-family: var(--smm-font-b) !important; text-decoration: none !important;\r\n  transition: all 0.18s !important;\r\n}\r\n.smm-global-header .smm-dlink:hover {\r\n  background: rgba(79,70,229,0.10) !important;\r\n  color: #a5b4fc !important;\r\n  padding-left: 22px !important;\r\n}\r\n\r\n\/* ==========================================================\r\n   4. DESKTOP NAV ACTIONS\r\n========================================================== *\/\r\n.smm-global-header .smm-actions {\r\n  display: flex; align-items: center; gap: 12px;\r\n  animation: smmActIn 0.55s cubic-bezier(0.22,1,0.36,1) 0.25s both;\r\n}\r\n@keyframes smmActIn { from{opacity:0;transform:translateX(14px)} to{opacity:1;transform:translateX(0)} }\r\n\r\n.smm-global-header .smm-signin {\r\n  font-size: 13.5px; font-weight: 700; font-family: var(--smm-font-b);\r\n  color: var(--smm-text); text-decoration: none; transition: color 0.2s;\r\n}\r\n.smm-global-header .smm-signin:hover { color: #a5b4fc; }\r\n\r\n.smm-global-header .smm-register {\r\n  background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 60%, #06B6D4 100%);\r\n  background-size: 200% 100%;\r\n  color: #ffffff;\r\n  border: none; border-radius: 28px; padding: 9px 20px;\r\n  font-size: 13px; font-weight: 800; font-family: var(--smm-font-d);\r\n  cursor: pointer; text-decoration: none; display: inline-block;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.2s, box-shadow 0.2s, background-position 0.4s;\r\n  letter-spacing: 0.3px;\r\n}\r\n.smm-global-header .smm-register::before {\r\n  content: \"\"; position: absolute; inset: -3px; border-radius: 28px;\r\n  border: 2px solid rgba(79,70,229,0.5);\r\n  animation: smmPulse 2.4s ease-out infinite; pointer-events: none;\r\n}\r\n.smm-global-header .smm-register::after {\r\n  content: \"\"; position: absolute; top: 0; left: -80%; width: 50%; height: 100%;\r\n  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.22),transparent);\r\n  transform: skewX(-15deg);\r\n  animation: smmRegShine 3.5s ease-in-out infinite;\r\n}\r\n@keyframes smmPulse {\r\n  0%  {transform:scale(1);    opacity:.7}\r\n  70% {transform:scale(1.17); opacity:0}\r\n  100%{transform:scale(1.17); opacity:0}\r\n}\r\n@keyframes smmRegShine { 0%{left:-80%} 55%{left:140%} 100%{left:140%} }\r\n.smm-global-header .smm-register:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 0 22px rgba(79,70,229,0.5), 0 0 40px rgba(124,58,237,0.25);\r\n  background-position: right center;\r\n}\r\n\r\n\/* Hamburger button *\/\r\n.smm-global-header .smm-burger,\r\n.smm-global-header button.smm-burger {\r\n  display: none !important;\r\n  all: unset !important;\r\n  cursor: pointer !important;\r\n  color: #e2e8f0 !important;\r\n  padding: 8px 6px !important;\r\n  line-height: 1 !important;\r\n  flex-shrink: 0 !important;\r\n  background: transparent !important;\r\n  border: none !important;\r\n  border-radius: 8px !important;\r\n  box-shadow: none !important;\r\n  -webkit-appearance: none !important;\r\n  appearance: none !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  transition: color 0.2s, background 0.2s !important;\r\n}\r\n.smm-global-header .smm-burger:hover,\r\n.smm-global-header button.smm-burger:hover {\r\n  color: #a5b4fc !important;\r\n  background: rgba(79,70,229,0.10) !important;\r\n}\r\n\r\n\/* ==========================================================\r\n   5. MOBILE MENU\r\n========================================================== *\/\r\n.smm-global-header .smm-mob-menu-wrap {\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  width: 100%;\r\n  z-index: 9999;\r\n  clip-path: inset(0 0 100% 0);\r\n  transition: clip-path 0.38s cubic-bezier(0.22,1,0.36,1);\r\n  pointer-events: none;\r\n}\r\n.smm-global-header .smm-mob-menu-wrap.smm-open {\r\n  clip-path: inset(0 0 0% 0);\r\n  pointer-events: auto;\r\n}\r\n\r\n.smm-global-header .smm-mob-menu {\r\n  background: radial-gradient(ellipse at 20% 0%, #1a0836 0%, #0d0118 50%, #050010 100%);\r\n  border-bottom: 1px solid rgba(79,70,229,0.18);\r\n  box-shadow:\r\n    0 16px 60px rgba(5,0,16,0.9),\r\n    0 0 80px rgba(124,58,237,0.08);\r\n  overflow-y: auto;\r\n  max-height: 88vh;\r\n}\r\n\r\n\/* Menu header bar *\/\r\n.smm-global-header .smm-mob-head {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 13px 20px 11px;\r\n  border-bottom: 1px solid rgba(79,70,229,0.10);\r\n}\r\n.smm-global-header .smm-mob-head-label {\r\n  font-family: var(--smm-font-b); font-size: 10.5px; font-weight: 700;\r\n  color: rgba(79,70,229,0.45); letter-spacing: 2px; text-transform: uppercase;\r\n  padding-left: 2px;\r\n}\r\n\r\n\/* Close button *\/\r\n.smm-global-header .smm-mob-close-btn,\r\n.smm-global-header button.smm-mob-close-btn {\r\n  all: unset !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 32px !important;\r\n  height: 32px !important;\r\n  min-width: 32px !important;\r\n  min-height: 32px !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  background: rgba(79,70,229,0.08) !important;\r\n  border: 1px solid rgba(79,70,229,0.18) !important;\r\n  border-radius: 50% !important;\r\n  cursor: pointer !important;\r\n  color: #e2e8f0 !important;\r\n  flex-shrink: 0 !important;\r\n  box-shadow: none !important;\r\n  outline: none !important;\r\n  text-decoration: none !important;\r\n  font-size: inherit !important;\r\n  line-height: 1 !important;\r\n  transition: background 0.2s, color 0.2s, border-color 0.2s !important;\r\n  -webkit-appearance: none !important;\r\n  appearance: none !important;\r\n}\r\n.smm-global-header .smm-mob-close-btn:hover,\r\n.smm-global-header .smm-mob-close-btn:active,\r\n.smm-global-header button.smm-mob-close-btn:hover,\r\n.smm-global-header button.smm-mob-close-btn:active {\r\n  background: rgba(79,70,229,0.18) !important;\r\n  border-color: rgba(79,70,229,0.45) !important;\r\n  color: #a5b4fc !important;\r\n  box-shadow: none !important;\r\n}\r\n.smm-global-header .smm-mob-close-btn svg,\r\n.smm-global-header button.smm-mob-close-btn svg {\r\n  display: block !important;\r\n  flex-shrink: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/* Nav links section *\/\r\n.smm-global-header .smm-mob-body { padding: 6px 16px 20px; }\r\n.smm-global-header .smm-mob-list { list-style: none; display: flex; flex-direction: column; }\r\n.smm-global-header .smm-mob-litem { border-bottom: 1px solid rgba(79,70,229,0.08); }\r\n.smm-global-header .smm-mob-litem:last-child { border-bottom: none; }\r\n\r\n.smm-global-header .smm-mob-llink {\r\n  display: flex; align-items: center; justify-content: space-between;\r\n  padding: 13px 6px; text-decoration: none;\r\n  font-family: var(--smm-font-b); font-size: 15px; font-weight: 600;\r\n  color: #c8d5e8; cursor: pointer; user-select: none;\r\n  transition: color 0.18s;\r\n}\r\n.smm-global-header .smm-mob-llink:hover { color: #a5b4fc; }\r\n\r\n.smm-global-header .smm-mob-badge {\r\n  display: flex; align-items: center; gap: 6px;\r\n}\r\n.smm-global-header .smm-mob-count {\r\n  font-size: 10px; font-weight: 700; color: rgba(79,70,229,0.55);\r\n  background: rgba(79,70,229,0.10); border-radius: 4px;\r\n  padding: 1px 5px; letter-spacing: 0.3px;\r\n}\r\n.smm-global-header .smm-mob-arr {\r\n  width: 18px; height: 18px; display: flex; align-items: center; justify-content: center;\r\n  border-radius: 5px; background: rgba(79,70,229,0.08);\r\n  font-size: 10px; color: #64748b;\r\n  transition: transform 0.24s ease, background 0.18s, color 0.18s;\r\n  flex-shrink: 0;\r\n}\r\n.smm-global-header .smm-mob-litem.smm-open .smm-mob-arr {\r\n  transform: rotate(180deg);\r\n  background: rgba(79,70,229,0.18);\r\n  color: #a5b4fc;\r\n}\r\n\r\n\/* Sub-links *\/\r\n.smm-global-header .smm-mob-sub {\r\n  display: none; flex-direction: column; gap: 1px;\r\n  padding: 2px 0 8px 12px;\r\n}\r\n.smm-global-header .smm-mob-litem.smm-open .smm-mob-sub { display: flex; }\r\n.smm-global-header .smm-mob-slink {\r\n  display: flex; align-items: center; gap: 8px;\r\n  padding: 9px 10px; font-family: var(--smm-font-b);\r\n  font-size: 13px; font-weight: 500; color: #4e6177;\r\n  text-decoration: none; border-radius: 7px;\r\n  transition: color 0.18s, background 0.18s;\r\n}\r\n.smm-global-header .smm-mob-slink::before {\r\n  content: \"\"; width: 4px; height: 4px; border-radius: 50%;\r\n  background: rgba(79,70,229,0.25); flex-shrink: 0;\r\n  transition: background 0.18s;\r\n}\r\n.smm-global-header .smm-mob-slink:hover {\r\n  color: #a5b4fc;\r\n  background: rgba(79,70,229,0.08);\r\n}\r\n.smm-global-header .smm-mob-slink:hover::before { background: #4F46E5; }\r\n\r\n\/* Footer actions *\/\r\n.smm-global-header .smm-mob-foot {\r\n  padding: 16px 16px 24px;\r\n  border-top: 1px solid rgba(79,70,229,0.10);\r\n  display: flex; flex-direction: column; gap: 10px;\r\n}\r\n.smm-global-header .smm-mob-sig {\r\n  display: block; text-align: center; padding: 12px 16px;\r\n  font-family: var(--smm-font-b); font-size: 14px; font-weight: 700;\r\n  color: #94a3b8; text-decoration: none;\r\n  border: 1px solid rgba(79,70,229,0.20); border-radius: 26px;\r\n  transition: all 0.2s;\r\n}\r\n.smm-global-header .smm-mob-sig:hover {\r\n  border-color: rgba(79,70,229,0.50);\r\n  color: #a5b4fc;\r\n  background: rgba(79,70,229,0.06);\r\n}\r\n.smm-global-header .smm-mob-reg {\r\n  display: block; text-align: center; padding: 13px 16px;\r\n  font-family: var(--smm-font-d); font-size: 15px; font-weight: 800;\r\n  color: #ffffff;\r\n  background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 55%, #06B6D4 100%);\r\n  text-decoration: none; border-radius: 26px;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.2s, box-shadow 0.2s;\r\n  letter-spacing: 0.3px;\r\n}\r\n.smm-global-header .smm-mob-reg::after {\r\n  content: \"\";\r\n  position: absolute; top: 0; left: -80%; width: 50%; height: 100%;\r\n  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);\r\n  transform: skewX(-15deg);\r\n  animation: smmRegShine 3.5s ease-in-out infinite;\r\n}\r\n.smm-global-header .smm-mob-reg:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 0 28px rgba(79,70,229,0.5), 0 0 50px rgba(124,58,237,0.25);\r\n}\r\n\r\n\/* ==========================================================\r\n   6. RESPONSIVE\r\n========================================================== *\/\r\n@media (max-width: 1024px) {\r\n  .smm-global-header .smm-links  { display: none; }\r\n  .smm-global-header .smm-burger,\r\n  .smm-global-header button.smm-burger {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .smm-global-header .smm-signin   { display: none !important; }\r\n  .smm-global-header .smm-register { display: none !important; }\r\n  .smm-global-header .smm-nav-row  { height: 52px; }\r\n\r\n  .smm-global-header .smm-logo {\r\n    gap: 8px !important;\r\n    transform: none !important;\r\n    margin-right: 0 !important;\r\n  }\r\n  .smm-global-header .smm-logo-icon {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    transform: scale(1) !important;\r\n  }\r\n  .smm-global-header .smm-diamond {\r\n    width: 22px !important;\r\n    height: 22px !important;\r\n  }\r\n  .smm-global-header .smm-logo-letter { font-size: 13px !important; }\r\n  .smm-global-header .smm-logo-the    { font-size: 9px !important; }\r\n  .smm-global-header .smm-logo-best   { font-size: 16px !important; }\r\n  .smm-global-header .smm-logo-top    { gap: 4px !important; }\r\n  .smm-global-header .smm-logo-bot    { margin-top: 3px !important; }\r\n  .smm-global-header .smm-logo-pill   { font-size: 8px !important; padding: 1px 4px !important; }\r\n  .smm-global-header .smm-logo-provider {\r\n    font-size: 8px !important;\r\n    letter-spacing: 1.5px !important;\r\n    margin-left: 5px !important;\r\n  }\r\n  .smm-global-header .smm-logo-line {\r\n    margin-top: 3px !important;\r\n    height: 1px !important;\r\n  }\r\n}\r\n@media (max-width: 400px) {\r\n  .smm-global-header .smm-wrap      { padding: 0 14px; }\r\n  .smm-global-header .smm-mob-body  { padding: 4px 12px 16px; }\r\n  .smm-global-header .smm-mob-foot  { padding: 14px 12px 20px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- ============================================================\r\n     SMM GLOBAL HEADER \u2014 ELEMENTOR HTML WIDGET\r\n============================================================ -->\r\n<div class=\"smm-global-header\" id=\"smm-root\">\r\n\r\n  <!-- \u2500\u2500 NAVIGATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <header class=\"smm-nav\" id=\"smm-nav\" role=\"banner\">\r\n    <div class=\"smm-wrap\">\r\n      <div class=\"smm-nav-row\">\r\n\r\n        <!-- Logo -->\r\n        <a href=\"\/\" class=\"smm-logo\" aria-label=\"The Main SMM Supplier\">\r\n          <div class=\"smm-logo-icon\" aria-hidden=\"true\">\r\n            <div class=\"smm-diamond\"><\/div>\r\n            <span class=\"smm-logo-letter\">M<\/span>\r\n          <\/div>\r\n          <div class=\"smm-logo-text\">\r\n            <div class=\"smm-logo-top\">\r\n              <span class=\"smm-logo-the\">THE<\/span>\r\n              <span class=\"smm-logo-best\">MAIN<\/span>\r\n            <\/div>\r\n            <div class=\"smm-logo-bot\">\r\n              <span class=\"smm-logo-pill\">SMM<\/span>\r\n              <span class=\"smm-logo-provider\">SUPPLIER<\/span>\r\n            <\/div>\r\n            <div class=\"smm-logo-line\"><\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- Desktop nav links -->\r\n        <ul class=\"smm-links\" aria-label=\"Main navigation\">\r\n          <li class=\"smm-litem\"><a href=\"\/\">Home<\/a><\/li>\r\n          <li class=\"smm-litem\">\r\n            <a href=\"#services\">Services <span class=\"smm-chev\">\u25be<\/span><\/a>\r\n            <div class=\"smm-ddrop\" role=\"menu\">\r\n              <a href=\"#instagram\" class=\"smm-dlink\" role=\"menuitem\">Instagram SMM Services<\/a>\r\n              <a href=\"#youtube\"   class=\"smm-dlink\" role=\"menuitem\">YouTube Subscriber Services<\/a>\r\n              <a href=\"#telegram\"  class=\"smm-dlink\" role=\"menuitem\">Telegram Member Services<\/a>\r\n              <a href=\"#tiktok\"    class=\"smm-dlink\" role=\"menuitem\">TikTok Follower Services<\/a>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"smm-litem\">\r\n            <a href=\"#reseller\">Reseller <span class=\"smm-chev\">\u25be<\/span><\/a>\r\n            <div class=\"smm-ddrop\" role=\"menu\">\r\n              <a href=\"#white-label\" class=\"smm-dlink\" role=\"menuitem\">White Label SMM Panel<\/a>\r\n              <a href=\"#wholesale\"   class=\"smm-dlink\" role=\"menuitem\">Wholesale SMM Provider<\/a>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"smm-litem\">\r\n            <a href=\"#api\">API <span class=\"smm-chev\">\u25be<\/span><\/a>\r\n            <div class=\"smm-ddrop\" role=\"menu\">\r\n              <a href=\"#api-docs\"     class=\"smm-dlink\" role=\"menuitem\">SMM API Provider Docs<\/a>\r\n              <a href=\"#api-reseller\" class=\"smm-dlink\" role=\"menuitem\">Reseller API Panel<\/a>\r\n            <\/div>\r\n          <\/li>\r\n          <li class=\"smm-litem\"><a href=\"#blog\">Blog<\/a><\/li>\r\n          <li class=\"smm-litem\"><a href=\"#faq\">FAQs<\/a><\/li>\r\n        <\/ul>\r\n\r\n        <!-- Desktop actions + hamburger -->\r\n        <div class=\"smm-actions\">\r\n          <a href=\"#login\"    class=\"smm-signin\">Sign in<\/a>\r\n          <a href=\"#register\" class=\"smm-register\">Register<\/a>\r\n          <button class=\"smm-burger\" id=\"smm-burger-btn\"\r\n            aria-label=\"Open menu\" aria-expanded=\"false\" aria-controls=\"smm-mob-menu-wrap\">\r\n            <svg width=\"22\" height=\"16\" viewBox=\"0 0 22 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <rect y=\"0\"    width=\"22\" height=\"2.2\" rx=\"1.1\" fill=\"currentColor\"\/>\r\n              <rect y=\"6.9\"  width=\"15\" height=\"2.2\" rx=\"1.1\" fill=\"currentColor\"\/>\r\n              <rect y=\"13.8\" width=\"22\" height=\"2.2\" rx=\"1.1\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- \u2500\u2500 MOBILE MENU WRAPPER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"smm-mob-menu-wrap\" id=\"smm-mob-menu-wrap\" aria-hidden=\"true\">\r\n    <div class=\"smm-mob-menu\" id=\"smm-mob-menu\" role=\"navigation\" aria-label=\"Mobile navigation\">\r\n\r\n      <!-- Menu header -->\r\n      <div class=\"smm-mob-head\">\r\n        <span class=\"smm-mob-head-label\">Navigation<\/span>\r\n        <button class=\"smm-mob-close-btn\" id=\"smm-mob-close\" aria-label=\"Close menu\">\r\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <line x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <line x1=\"13\" y1=\"1\" x2=\"1\"  y2=\"13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Nav links -->\r\n      <div class=\"smm-mob-body\">\r\n        <ul class=\"smm-mob-list\">\r\n\r\n          <li class=\"smm-mob-litem\">\r\n            <a href=\"\/\" class=\"smm-mob-llink\">Home<\/a>\r\n          <\/li>\r\n\r\n          <li class=\"smm-mob-litem\" id=\"smm-mi-services\">\r\n            <div class=\"smm-mob-llink\" role=\"button\" tabindex=\"0\"\r\n              onclick=\"smmMobToggle('smm-mi-services')\">\r\n              Services\r\n              <span class=\"smm-mob-badge\">\r\n                <span class=\"smm-mob-count\">4<\/span>\r\n                <span class=\"smm-mob-arr\">\u25be<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"smm-mob-sub\">\r\n              <a href=\"#instagram\" class=\"smm-mob-slink\">Instagram SMM Services<\/a>\r\n              <a href=\"#youtube\"   class=\"smm-mob-slink\">YouTube Subscriber Services<\/a>\r\n              <a href=\"#telegram\"  class=\"smm-mob-slink\">Telegram Member Services<\/a>\r\n              <a href=\"#tiktok\"    class=\"smm-mob-slink\">TikTok Follower Services<\/a>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"smm-mob-litem\" id=\"smm-mi-reseller\">\r\n            <div class=\"smm-mob-llink\" role=\"button\" tabindex=\"0\"\r\n              onclick=\"smmMobToggle('smm-mi-reseller')\">\r\n              Reseller\r\n              <span class=\"smm-mob-badge\">\r\n                <span class=\"smm-mob-count\">2<\/span>\r\n                <span class=\"smm-mob-arr\">\u25be<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"smm-mob-sub\">\r\n              <a href=\"#white-label\" class=\"smm-mob-slink\">White Label SMM Panel<\/a>\r\n              <a href=\"#wholesale\"   class=\"smm-mob-slink\">Wholesale SMM Provider<\/a>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"smm-mob-litem\" id=\"smm-mi-api\">\r\n            <div class=\"smm-mob-llink\" role=\"button\" tabindex=\"0\"\r\n              onclick=\"smmMobToggle('smm-mi-api')\">\r\n              API\r\n              <span class=\"smm-mob-badge\">\r\n                <span class=\"smm-mob-count\">2<\/span>\r\n                <span class=\"smm-mob-arr\">\u25be<\/span>\r\n              <\/span>\r\n            <\/div>\r\n            <div class=\"smm-mob-sub\">\r\n              <a href=\"#api-docs\"     class=\"smm-mob-slink\">SMM API Provider Docs<\/a>\r\n              <a href=\"#api-reseller\" class=\"smm-mob-slink\">Reseller API Panel<\/a>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"smm-mob-litem\">\r\n            <a href=\"#blog\" class=\"smm-mob-llink\">Blog<\/a>\r\n          <\/li>\r\n          <li class=\"smm-mob-litem\">\r\n            <a href=\"#faq\"  class=\"smm-mob-llink\">FAQs<\/a>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Footer: Sign in + Register -->\r\n      <div class=\"smm-mob-foot\">\r\n        <a href=\"#login\"    class=\"smm-mob-sig\">Sign in<\/a>\r\n        <a href=\"#register\" class=\"smm-mob-reg\">Register Free \u2192<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- \/#smm-root -->\r\n\r\n\r\n<script>\r\n(function smmInit() {\r\n\r\n  var burgerBtn = document.getElementById('smm-burger-btn');\r\n  if (!burgerBtn || burgerBtn._smmBound) return;\r\n  burgerBtn._smmBound = true;\r\n\r\n  var menuWrap = document.getElementById('smm-mob-menu-wrap');\r\n  var closeBtn = document.getElementById('smm-mob-close');\r\n  var navEl    = document.getElementById('smm-nav');\r\n\r\n  function isOpen() {\r\n    return menuWrap && menuWrap.classList.contains('smm-open');\r\n  }\r\n\r\n  function positionMenu() {\r\n    if (!navEl || !menuWrap) return;\r\n    var r = navEl.getBoundingClientRect();\r\n    menuWrap.style.top = (r.top + r.height) + 'px';\r\n  }\r\n\r\n  function openMenu() {\r\n    if (!menuWrap) return;\r\n    positionMenu();\r\n    menuWrap.classList.add('smm-open');\r\n    menuWrap.setAttribute('aria-hidden', 'false');\r\n    burgerBtn.setAttribute('aria-expanded', 'true');\r\n    burgerBtn.style.opacity = '0';\r\n    burgerBtn.style.pointerEvents = 'none';\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeMenu() {\r\n    if (!menuWrap) return;\r\n    menuWrap.classList.remove('smm-open');\r\n    menuWrap.setAttribute('aria-hidden', 'true');\r\n    burgerBtn.setAttribute('aria-expanded', 'false');\r\n    burgerBtn.style.opacity = '';\r\n    burgerBtn.style.pointerEvents = '';\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  burgerBtn.addEventListener('click', function(e) {\r\n    e.stopPropagation();\r\n    isOpen() ? closeMenu() : openMenu();\r\n  });\r\n\r\n  if (closeBtn) {\r\n    closeBtn.addEventListener('click', function() { closeMenu(); });\r\n  }\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape' && isOpen()) closeMenu();\r\n  });\r\n\r\n  window.addEventListener('scroll', positionMenu, { passive: true });\r\n  window.addEventListener('resize', function() {\r\n    if (isOpen()) positionMenu();\r\n  });\r\n\r\n  if (menuWrap) {\r\n    var links = menuWrap.querySelectorAll('a[href]');\r\n    for (var i = 0; i < links.length; i++) {\r\n      links[i].addEventListener('click', function() {\r\n        setTimeout(closeMenu, 120);\r\n      });\r\n    }\r\n  }\r\n\r\n  window.smmMobToggle = function(id) {\r\n    var item = document.getElementById(id);\r\n    if (!item) return;\r\n    var wasOpen = item.classList.contains('smm-open');\r\n    var all = document.querySelectorAll('.smm-mob-litem');\r\n    for (var j = 0; j < all.length; j++) all[j].classList.remove('smm-open');\r\n    if (!wasOpen) item.classList.add('smm-open');\r\n  };\r\n\r\n  var litems = document.querySelectorAll('.smm-global-header .smm-litem');\r\n  for (var m = 0; m < litems.length; m++) {\r\n    (function(li) {\r\n      var a  = li.querySelector('a[href]');\r\n      var dd = li.querySelector('.smm-ddrop');\r\n      if (!a || !dd) return;\r\n      a.addEventListener('keydown', function(e) {\r\n        if (e.key === 'Enter' || e.key === ' ') {\r\n          e.preventDefault();\r\n          var v = dd.style.opacity === '1';\r\n          dd.style.opacity    = v ? '0' : '1';\r\n          dd.style.visibility = v ? 'hidden' : 'visible';\r\n          dd.style.transform  = v\r\n            ? 'translateX(-50%) translateY(10px)'\r\n            : 'translateX(-50%) translateY(0)';\r\n        }\r\n        if (e.key === 'Escape') {\r\n          dd.style.opacity    = '0';\r\n          dd.style.visibility = 'hidden';\r\n          dd.style.transform  = 'translateX(-50%) translateY(10px)';\r\n        }\r\n      });\r\n    })(litems[m]);\r\n  }\r\n\r\n  if (navEl) {\r\n    var ticking = false;\r\n    window.addEventListener('scroll', function() {\r\n      if (!ticking) {\r\n        requestAnimationFrame(function() {\r\n          navEl.classList.toggle('smm-scrolled', window.scrollY > 10);\r\n          ticking = false;\r\n        });\r\n        ticking = true;\r\n      }\r\n    }, { passive: true });\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0fff80 e-con-full e-flex e-con e-parent\" data-id=\"e0fff80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b66632b elementor-widget elementor-widget-shortcode\" data-id=\"b66632b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n    \/* ================================================================\n       HERO SECTION CSS - Premium 5-Layer Design\n       ================================================================ *\/\n    .tms-hero-wrap {\n        position: relative;\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n    \n    \/* Light mode support *\/\n    .tms-hero-wrap.light {\n        background: radial-gradient(ellipse at 15% 50%, #e8e0ff 0%, #f0eeff 45%, #f5f3ff 100%);\n    }\n    \n    \/* Animated Orbs *\/\n    .tms-hero-orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        will-change: transform;\n        z-index: 0;\n    }\n    .tms-hero-orb-1 {\n        width: 700px;\n        height: 700px;\n        background: #7c3aed;\n        opacity: 0.18;\n        filter: blur(120px);\n        top: -100px;\n        left: -100px;\n        animation: tmsDrift 10s ease-in-out infinite alternate;\n    }\n    .tms-hero-orb-2 {\n        width: 600px;\n        height: 600px;\n        background: #1d4ed8;\n        opacity: 0.12;\n        filter: blur(100px);\n        bottom: -50px;\n        right: 10%;\n        animation: tmsDriftReverse 14s ease-in-out infinite alternate-reverse;\n    }\n    .tms-hero-orb-3 {\n        width: 400px;\n        height: 400px;\n        background: #06b6d4;\n        opacity: 0.10;\n        filter: blur(80px);\n        top: 30%;\n        right: 35%;\n        animation: tmsDriftAlt 8s ease-in-out infinite alternate;\n    }\n    \n    @keyframes tmsDrift {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(40px, 30px) scale(1.1); }\n    }\n    @keyframes tmsDriftReverse {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(-30px, -20px) scale(1.08); }\n    }\n    @keyframes tmsDriftAlt {\n        from { transform: translate(0, 0); }\n        to { transform: translate(-30px, 20px); }\n    }\n    \n    \/* Dot Grid *\/\n    .tms-hero-dotgrid {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 1;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px);\n        background-size: 28px 28px;\n    }\n    .tms-hero-wrap.light .tms-hero-dotgrid {\n        background-image: radial-gradient(circle, rgba(79, 70, 229, 0.09) 1px, transparent 1px);\n    }\n    \n    \/* Noise Texture *\/\n    .tms-hero-noise {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 2;\n        opacity: 0.035;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 200px 200px;\n    }\n    \n    \/* Spotlight Effect *\/\n    .tms-hero-spotlight {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 1;\n        background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.25), transparent 70%);\n    }\n    .tms-hero-wrap.light .tms-hero-spotlight {\n        background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.10), transparent 70%);\n    }\n    \n    \/* Hero Content Grid *\/\n    .tms-hero-grid {\n        position: relative;\n        z-index: 10;\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 100px 60px 80px;\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 80px;\n        align-items: center;\n        width: 100%;\n    }\n    \n    \/* Left Column *\/\n    .tms-hero-left {\n        position: relative;\n        z-index: 5;\n    }\n    \n    \/* Badge *\/\n    .tms-hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(124, 58, 237, 0.14);\n        border: 1px solid rgba(167, 139, 250, 0.4);\n        border-radius: 999px;\n        padding: 8px 20px;\n        margin-bottom: 28px;\n        backdrop-filter: blur(12px);\n        width: fit-content;\n        box-shadow: 0 0 20px rgba(124, 58, 237, 0.15);\n        animation: tmsFadeSlideUp 0.5s ease forwards 0.2s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    .tms-hero-badge-icon {\n        color: #f59e0b;\n        font-size: 15px;\n    }\n    .tms-hero-badge-text {\n        color: #c4b5fd;\n        font-size: 13px;\n        font-weight: 600;\n        letter-spacing: 0.04em;\n    }\n    \n    \/* Headline *\/\n    .tms-hero-h1 {\n        font-size: clamp(52px, 6.5vw, 82px);\n        font-weight: 800;\n        letter-spacing: -0.035em;\n        line-height: 1.04;\n        color: #ffffff;\n        margin: 0;\n        animation: tmsFadeSlideUp 0.6s ease forwards 0.35s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    .tms-hero-h1-grad {\n        display: block;\n        background: linear-gradient(130deg, #c084fc 0%, #818cf8 30%, #06b6d4 60%, #a855f7 100%);\n        background-size: 250% auto;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: tmsGradShift 3.5s linear infinite, tmsFadeSlideUp 0.6s ease forwards 0.45s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n        filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.35));\n    }\n    .tms-hero-h1-plain {\n        display: block;\n        animation: tmsFadeSlideUp 0.6s ease forwards 0.55s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    \n    @keyframes tmsGradShift {\n        0% { background-position: 0% center; }\n        100% { background-position: 250% center; }\n    }\n    @keyframes tmsFadeSlideUp {\n        from { opacity: 0; transform: translateY(24px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* Description *\/\n    .tms-hero-desc {\n        margin-top: 26px;\n        font-size: 19px;\n        line-height: 1.8;\n        color: rgba(255, 255, 255, 0.65);\n        max-width: 480px;\n        animation: tmsFadeSlideUp 0.6s ease forwards 0.65s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    .tms-hero-desc p {\n        margin: 0 0 8px 0;\n    }\n    .tms-highlight-green { color: #34d399; font-weight: 600; }\n    .tms-highlight-purple { color: #a78bfa; font-weight: 600; }\n    .tms-highlight-amber { color: #fbbf24; font-weight: 700; }\n    \n    \/* CTA Row *\/\n    .tms-hero-cta-row {\n        display: flex;\n        gap: 16px;\n        margin-top: 40px;\n        flex-wrap: wrap;\n        align-items: center;\n        animation: tmsFadeSlideUp 0.6s ease forwards 0.75s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    \n    \/* Primary CTA Button *\/\n    .tms-hero-btn-primary {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #5b21b6 100%);\n        border: 1px solid rgba(167, 139, 250, 0.35);\n        border-radius: 14px;\n        padding: 19px 38px;\n        font-size: 16px;\n        font-weight: 700;\n        color: white;\n        cursor: pointer;\n        text-decoration: none;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 0 30px rgba(124, 58, 237, 0.55), 0 0 60px rgba(124, 58, 237, 0.20), 0 6px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.14);\n        transition: all 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);\n        white-space: nowrap;\n        animation: tmsPulseGlow 2.5s ease-in-out infinite 2.2s;\n        letter-spacing: 0.01em;\n    }\n    .tms-hero-btn-primary::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.16), transparent);\n        transform: translateX(-100%);\n        transition: transform 0.55s ease;\n        pointer-events: none;\n    }\n    .tms-hero-btn-primary:hover::before {\n        transform: translateX(110%);\n    }\n    .tms-hero-btn-primary:hover {\n        box-shadow: 0 0 50px rgba(124, 58, 237, 0.90), 0 0 100px rgba(124, 58, 237, 0.30), 0 10px 36px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);\n        transform: translateY(-3px) scale(1.01);\n    }\n    .tms-hero-btn-primary:hover .tms-hero-btn-arrow {\n        transform: translateX(5px);\n    }\n    .tms-hero-btn-arrow {\n        transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);\n        display: inline-block;\n    }\n    \n    @keyframes tmsPulseGlow {\n        0%, 100% {\n            box-shadow: 0 0 25px rgba(124, 58, 237, 0.45), 0 0 50px rgba(124, 58, 237, 0.15), 0 6px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.14);\n        }\n        50% {\n            box-shadow: 0 0 50px rgba(124, 58, 237, 0.85), 0 0 90px rgba(124, 58, 237, 0.30), 0 0 20px rgba(168, 85, 247, 0.4), 0 6px 24px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.14);\n        }\n    }\n    \n    \/* Secondary CTA Button *\/\n    .tms-hero-btn-secondary {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        background: rgba(255, 255, 255, 0.07);\n        border: 1px solid rgba(255, 255, 255, 0.18);\n        border-radius: 14px;\n        padding: 18px 32px;\n        font-size: 15px;\n        font-weight: 600;\n        color: rgba(255, 255, 255, 0.88);\n        cursor: pointer;\n        text-decoration: none;\n        transition: all 0.25s ease;\n        backdrop-filter: blur(12px);\n        white-space: nowrap;\n        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.08);\n    }\n    .tms-hero-btn-secondary:hover {\n        background: rgba(255, 255, 255, 0.12);\n        border-color: rgba(167, 139, 250, 0.4);\n        color: white;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25), 0 0 20px rgba(124, 58, 237, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.10);\n    }\n    \n    \/* Trust Section *\/\n    .tms-hero-trust {\n        margin-top: 48px;\n        padding-top: 30px;\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\n        animation: tmsFadeSlideUp 0.6s ease forwards 0.9s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    .tms-hero-trust-label {\n        font-size: 11px;\n        color: rgba(255, 255, 255, 0.38);\n        margin-bottom: 14px;\n        letter-spacing: 0.08em;\n        text-transform: uppercase;\n        font-weight: 600;\n    }\n    .tms-hero-pills {\n        display: flex;\n        flex-wrap: nowrap;\n        gap: 10px;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n    }\n    .tms-hero-pills::-webkit-scrollbar {\n        display: none;\n    }\n    .tms-hero-pill {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.13);\n        border-radius: 999px;\n        padding: 10px 18px;\n        backdrop-filter: blur(10px);\n        transition: all 0.22s ease;\n        font-size: 13px;\n        font-weight: 600;\n        color: rgba(255, 255, 255, 0.85);\n        flex-shrink: 0;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.06);\n    }\n    .tms-hero-pill:hover {\n        background: rgba(124, 58, 237, 0.14);\n        border-color: rgba(124, 58, 237, 0.4);\n        color: white;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 16px rgba(124, 58, 237, 0.20);\n    }\n    \n    \/* Right Column - Dashboard Card *\/\n    .tms-hero-right {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        animation: tmsFadeScaleIn 0.8s ease forwards 0.4s;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    @keyframes tmsFadeScaleIn {\n        from { opacity: 0; transform: scale(0.9) translateY(24px); }\n        to { opacity: 1; transform: scale(1) translateY(0); }\n    }\n    \n    \/* Dashboard Glow *\/\n    .tms-dash-glow {\n        position: absolute;\n        width: 520px;\n        height: 440px;\n        background: radial-gradient(ellipse, rgba(124, 58, 237, 0.38) 0%, rgba(79, 70, 229, 0.15) 45%, rgba(6, 182, 212, 0.08) 70%, transparent 100%);\n        filter: blur(55px);\n        z-index: 0;\n        pointer-events: none;\n        animation: tmsGlowPulse 4s ease-in-out infinite;\n    }\n    @keyframes tmsGlowPulse {\n        0%, 100% { opacity: 0.75; transform: scale(1); }\n        50% { opacity: 1; transform: scale(1.12); }\n    }\n    \n    \/* Dashboard Card Outer *\/\n    .tms-dash-card-outer {\n        position: relative;\n        z-index: 1;\n        width: 520px;\n        border-radius: 22px;\n        padding: 2px;\n        background: linear-gradient(135deg, #9333ea 0%, #4f46e5 33%, #06b6d4 66%, #a855f7 100%);\n        background-size: 300% 300%;\n        animation: tmsBorderRotate 5s linear infinite, tmsCardFloat 5.5s ease-in-out infinite;\n        box-shadow: 0 40px 120px rgba(0, 0, 0, 0.75), 0 0 80px rgba(124, 58, 237, 0.22), 0 0 40px rgba(6, 182, 212, 0.08);\n    }\n    @keyframes tmsBorderRotate {\n        0% { background-position: 0% 0%; }\n        50% { background-position: 100% 100%; }\n        100% { background-position: 0% 0%; }\n    }\n    @keyframes tmsCardFloat {\n        0%, 100% { transform: perspective(1100px) rotateY(-12deg) rotateX(5deg) translateY(0px); }\n        33% { transform: perspective(1100px) rotateY(-9deg) rotateX(3deg) translateY(-10px); }\n        66% { transform: perspective(1100px) rotateY(-13deg) rotateX(6deg) translateY(-6px); }\n    }\n    \n    \/* Dashboard Card Inner *\/\n    .tms-dash-card {\n        background: rgba(10, 6, 26, 0.94);\n        border-radius: 20px;\n        backdrop-filter: blur(24px);\n        overflow: hidden;\n    }\n    \n    \/* Dashboard Top Bar *\/\n    .tms-dash-topbar {\n        height: 42px;\n        background: rgba(255, 255, 255, 0.025);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.065);\n        display: flex;\n        align-items: center;\n        padding: 0 16px;\n        gap: 6px;\n    }\n    .tms-dash-dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n    }\n    .tms-dash-dot-red { background: #ff5f57; }\n    .tms-dash-dot-yellow { background: #febc2e; }\n    .tms-dash-dot-green { background: #28c840; }\n    .tms-dash-url {\n        margin-left: auto;\n        background: rgba(255, 255, 255, 0.05);\n        font-size: 10px;\n        color: rgba(255, 255, 255, 0.28);\n        padding: 3px 12px;\n        border-radius: 999px;\n        border: 1px solid rgba(255, 255, 255, 0.05);\n    }\n    \n    \/* Dashboard Stats *\/\n    .tms-dash-stats {\n        padding: 20px 20px 0;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n    }\n    .tms-dash-stat {\n        background: rgba(255, 255, 255, 0.035);\n        border: 1px solid rgba(255, 255, 255, 0.07);\n        border-radius: 12px;\n        padding: 14px;\n        transition: border-color 0.2s ease;\n    }\n    .tms-dash-stat:hover {\n        border-color: rgba(124, 58, 237, 0.25);\n    }\n    .tms-dash-stat-label {\n        font-size: 9px;\n        color: rgba(255, 255, 255, 0.42);\n        letter-spacing: 0.09em;\n        text-transform: uppercase;\n        margin-bottom: 7px;\n        font-weight: 600;\n    }\n    .tms-dash-stat-value {\n        font-size: 24px;\n        font-weight: 800;\n        color: #ffffff;\n        line-height: 1;\n        margin-bottom: 5px;\n        letter-spacing: -0.02em;\n    }\n    .tms-dash-stat-sub {\n        font-size: 11px;\n        font-weight: 500;\n    }\n    .tms-dash-stat-sub.green { color: #34d399; }\n    .tms-dash-stat-sub.purple { color: #a78bfa; }\n    \n    \/* Live Dot *\/\n    .tms-live-dot {\n        display: inline-block;\n        width: 6px;\n        height: 6px;\n        border-radius: 50%;\n        background: #34d399;\n        margin-right: 4px;\n        animation: tmsLivePulse 1.5s ease-in-out infinite;\n        vertical-align: middle;\n    }\n    @keyframes tmsLivePulse {\n        0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.5); }\n        50% { opacity: 0.5; box-shadow: 0 0 0 4px rgba(52, 211, 153, 0); }\n    }\n    \n    \/* Dashboard Chart *\/\n    .tms-dash-chart {\n        padding: 16px 20px;\n    }\n    .tms-chart-label {\n        font-size: 10px;\n        color: rgba(255, 255, 255, 0.42);\n        letter-spacing: 0.09em;\n        text-transform: uppercase;\n        margin-bottom: 12px;\n        font-weight: 600;\n    }\n    .tms-chart-bars {\n        display: flex;\n        gap: 6px;\n        align-items: flex-end;\n        height: 72px;\n    }\n    .tms-chart-bar {\n        flex: 1;\n        border-radius: 5px 5px 0 0;\n        background: linear-gradient(180deg, rgba(124, 58, 237, 0.9) 0%, rgba(79, 70, 229, 0.5) 50%, rgba(124, 58, 237, 0.15) 100%);\n        transition: height 0.3s ease, box-shadow 0.2s ease;\n        box-shadow: 0 -2px 8px rgba(124, 58, 237, 0.15);\n    }\n    .tms-chart-bar:hover {\n        box-shadow: 0 -2px 12px rgba(124, 58, 237, 0.40);\n    }\n    .tms-chart-bar-last {\n        background: linear-gradient(180deg, #c084fc 0%, #a855f7 40%, #7c3aed 100%);\n        box-shadow: 0 0 16px rgba(192, 132, 252, 0.70), 0 -4px 20px rgba(168, 85, 247, 0.50);\n        animation: tmsBarPulse 2s ease-in-out infinite;\n    }\n    @keyframes tmsBarPulse {\n        0%, 100% { box-shadow: 0 0 10px rgba(192, 132, 252, 0.60), 0 -4px 16px rgba(168, 85, 247, 0.40); }\n        50% { box-shadow: 0 0 22px rgba(192, 132, 252, 1.00), 0 -4px 28px rgba(168, 85, 247, 0.70); }\n    }\n    \n    \/* Dashboard Orders *\/\n    .tms-dash-orders {\n        padding: 0 20px 20px;\n    }\n    .tms-order-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 12px;\n        border-radius: 10px;\n        margin-bottom: 6px;\n        background: rgba(255, 255, 255, 0.02);\n        gap: 8px;\n    }\n    .tms-order-left {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n    }\n    .tms-order-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n    .tms-order-name {\n        font-size: 12px;\n        font-weight: 500;\n        color: rgba(255, 255, 255, 0.70);\n        white-space: nowrap;\n    }\n    .tms-order-delivered {\n        background: rgba(52, 211, 153, 0.12);\n        border: 1px solid rgba(52, 211, 153, 0.25);\n        color: #34d399;\n        font-size: 11px;\n        padding: 3px 10px;\n        border-radius: 999px;\n        white-space: nowrap;\n        flex-shrink: 0;\n    }\n    .tms-order-price {\n        font-weight: 600;\n        color: white;\n        font-size: 14px;\n        white-space: nowrap;\n    }\n    \n    \/* Floating Badges *\/\n    .tms-floating-badge {\n        position: absolute;\n        z-index: 20;\n        background: rgba(10, 6, 24, 0.92);\n        border-radius: 16px;\n        padding: 13px 17px;\n        backdrop-filter: blur(24px);\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(124, 58, 237, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.07);\n        display: flex;\n        align-items: center;\n        gap: 11px;\n        animation: tmsFadeScaleIn 0.5s ease forwards, tmsFloatBadge 3s ease-in-out infinite;\n        opacity: 0;\n        animation-fill-mode: forwards;\n    }\n    .tms-floating-badge-1 {\n        top: -28px;\n        right: -22px;\n        border: 1px solid rgba(124, 58, 237, 0.60);\n        animation-delay: 0.8s, 1.3s;\n    }\n    .tms-floating-badge-2 {\n        bottom: 40px;\n        left: -38px;\n        border: 1px solid rgba(52, 211, 153, 0.50);\n        animation-delay: 1.0s, 1.5s;\n    }\n    .tms-floating-badge-3 {\n        top: 35%;\n        left: -42px;\n        border: 1px solid rgba(251, 191, 36, 0.50);\n        animation-delay: 0.6s, 1.1s;\n    }\n    @keyframes tmsFloatBadge {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-6px); }\n    }\n    .tms-floating-badge-icon {\n        width: 34px;\n        height: 34px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    .tms-floating-badge-icon-1 { background: rgba(124, 58, 237, 0.22); box-shadow: 0 0 12px rgba(124, 58, 237, 0.30); }\n    .tms-floating-badge-icon-2 { background: rgba(52, 211, 153, 0.18); box-shadow: 0 0 12px rgba(52, 211, 153, 0.25); }\n    .tms-floating-badge-icon-3 { background: rgba(251, 191, 36, 0.18); box-shadow: 0 0 12px rgba(251, 191, 36, 0.25); }\n    .tms-floating-badge-title {\n        font-size: 13px;\n        font-weight: 700;\n        color: white;\n        white-space: nowrap;\n    }\n    .tms-floating-badge-sub {\n        font-size: 11px;\n        color: rgba(255, 255, 255, 0.52);\n        white-space: nowrap;\n        margin-top: 2px;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .tms-hero-grid {\n            grid-template-columns: 1fr;\n            padding: 100px 32px 80px;\n            gap: 60px;\n        }\n        .tms-dash-card-outer {\n            width: 100%;\n            max-width: 500px;\n            margin: 0 auto;\n            animation: tmsBorderRotate 5s linear infinite, tmsCardFloatTablet 5s ease-in-out infinite;\n        }\n        @keyframes tmsCardFloatTablet {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n        .tms-floating-badge-3 { display: none; }\n        .tms-floating-badge-2 { left: -15px; bottom: 20px; }\n        .tms-floating-badge-1 { right: -10px; top: -15px; }\n    }\n    \n    @media (max-width: 768px) {\n        .tms-hero-grid { padding: 80px 20px 60px; gap: 48px; }\n        .tms-hero-h1 { font-size: 44px; }\n        .tms-hero-desc { font-size: 16px; }\n        .tms-hero-pill { font-size: 12px; padding: 8px 13px; }\n        .tms-dash-card-outer { max-width: 340px; }\n        .tms-floating-badge-1, .tms-floating-badge-2, .tms-floating-badge-3 { display: none; }\n        .tms-hero-btn-primary, .tms-hero-btn-secondary { padding: 15px 22px; font-size: 15px; }\n    }\n    \n    \/* Reduced Motion *\/\n    @media (prefers-reduced-motion: reduce) {\n        .tms-hero-wrap * {\n            animation: none !important;\n            transition: none !important;\n        }\n    }\n    <\/style>\n    \n    <!-- Font Import -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Hero Section HTML -->\n    <div class=\"tms-hero-wrap\">\n        <!-- Animated Orbs -->\n        <div class=\"tms-hero-orb tms-hero-orb-1\"><\/div>\n        <div class=\"tms-hero-orb tms-hero-orb-2\"><\/div>\n        <div class=\"tms-hero-orb tms-hero-orb-3\"><\/div>\n        \n        <!-- Dot Grid -->\n        <div class=\"tms-hero-dotgrid\"><\/div>\n        \n        <!-- Noise Texture -->\n        <div class=\"tms-hero-noise\"><\/div>\n        \n        <!-- Spotlight Effect -->\n        <div class=\"tms-hero-spotlight\"><\/div>\n    \n        <div class=\"tms-hero-grid\">\n            <!-- Left Column -->\n            <div class=\"tms-hero-left\">\n                <div class=\"tms-hero-badge\">\n                    <span class=\"tms-hero-badge-icon\">\u2b50<\/span>\n                    <span class=\"tms-hero-badge-text\">#1 SMM Panel in India<\/span>\n                <\/div>\n                \n                <h1 class=\"tms-hero-h1\">\n                    The Cheapest\n                    <span class=\"tms-hero-h1-grad\">SMM Panel<\/span>\n                    <span class=\"tms-hero-h1-plain\">in India<\/span>\n                <\/h1>\n                \n                <div class=\"tms-hero-desc\">\n                    <p>Instant delivery. <span class=\"tms-highlight-green\">Zero drops.<\/span> <span class=\"tms-highlight-purple\">500+ services.<\/span><\/p>\n                    <p>Grow Instagram, YouTube, TikTok &amp; more<\/p>\n                    <p>\u2014 starting at <span class=\"tms-highlight-amber\">\u20b91 per order.<\/span><\/p>\n                <\/div>\n                \n               \n<div class=\"tms-hero-cta-row\">\n    \n    <a href=\"https:\/\/app.themainsmmsupplier.com\/\" class=\"tms-hero-btn-primary\">\n        Create Your Free Account \n        <span class=\"tms-hero-btn-arrow\">\u2192<\/span>\n    <\/a>\n\n    <a href=\"https:\/\/app.themainsmmsupplier.com\/\" class=\"tms-hero-btn-secondary\">\n        \u25b6 See How It Works\n    <\/a>\n\n<\/div>\n                \n                <!-- Trust Pills -->\n                <div class=\"tms-hero-trust\">\n                    <div class=\"tms-hero-trust-label\">Trusted by 1,000+ businesses<\/div>\n                    <div class=\"tms-hero-pills\">\n                        <div class=\"tms-hero-pill\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgba(52,211,153,0.15)\"\/><path d=\"M4.5 8.5l2.5 2.5 4.5-4.5\" stroke=\"#34d399\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                            500+ Services\n                        <\/div>\n                        <div class=\"tms-hero-pill\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 1.5L2 4v4c0 3.3 2.5 6.4 6 7 3.5-.6 6-3.7 6-7V4L8 1.5z\" stroke=\"#60a5fa\" stroke-width=\"1.3\" fill=\"rgba(96,165,250,0.12)\" stroke-linejoin=\"round\"\/><\/svg>\n                            99.9% Uptime\n                        <\/div>\n                       \n                        <div class=\"tms-hero-pill\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9.5 1.5L3.5 9h5.5l-2.5 5.5L15 7H9L9.5 1.5z\" fill=\"rgba(251,191,36,0.18)\" stroke=\"#fbbf24\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg>\n                            24\/7 Support\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n    \n            <!-- Right Column: Dashboard Card -->\n            <div class=\"tms-hero-right\">\n                <div class=\"tms-dash-glow\"><\/div>\n                \n                <!-- Floating Badges -->\n                <div class=\"tms-floating-badge tms-floating-badge-1\">\n                    <div class=\"tms-floating-badge-icon tms-floating-badge-icon-1\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M9 1L2 9h5.5l-2 6L14 7H8.5L9 1z\" stroke=\"#a78bfa\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <div class=\"tms-floating-badge-title\">Instant Delivery<\/div>\n                        <div class=\"tms-floating-badge-sub\">Orders start in 30 seconds<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"tms-floating-badge tms-floating-badge-2\">\n                    <div class=\"tms-floating-badge-icon tms-floating-badge-icon-2\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 1L2 3.5v4c0 3.6 2.7 6.9 6 7.5 3.3-.6 6-3.9 6-7.5v-4L8 1z\" fill=\"rgba(52,211,153,0.15)\" stroke=\"#34d399\" stroke-width=\"1.3\" stroke-linejoin=\"round\"\/><path d=\"M5.5 8.5l2 2 3.5-3.5\" stroke=\"#34d399\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <div class=\"tms-floating-badge-title\">Non-Drop Guarantee<\/div>\n                        <div class=\"tms-floating-badge-sub\">We refill if it ever drops<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"tms-floating-badge tms-floating-badge-3\">\n                    <div class=\"tms-floating-badge-icon tms-floating-badge-icon-3\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><circle cx=\"6\" cy=\"5\" r=\"2.5\" stroke=\"#fbbf24\" stroke-width=\"1.3\"\/><path d=\"M1 13.5c0-2.5 2-4.5 5-4.5s5 2 5 4.5\" stroke=\"#fbbf24\" stroke-width=\"1.3\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"5\" r=\"2\" stroke=\"#fbbf24\" stroke-width=\"1.1\" opacity=\"0.6\"\/><path d=\"M13.5 13c0-1.8-1.2-3.2-3-3.8\" stroke=\"#fbbf24\" stroke-width=\"1.1\" stroke-linecap=\"round\" opacity=\"0.6\"\/><\/svg>\n                    <\/div>\n                    <div>\n                        <div class=\"tms-floating-badge-title\">1,000+ Active Users<\/div>\n                        <div class=\"tms-floating-badge-sub\">Growing every day<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Dashboard Card -->\n                <div class=\"tms-dash-card-outer\">\n                    <div class=\"tms-dash-card\">\n                        <div class=\"tms-dash-topbar\">\n                            <div class=\"tms-dash-dot tms-dash-dot-red\"><\/div>\n                            <div class=\"tms-dash-dot tms-dash-dot-yellow\"><\/div>\n                            <div class=\"tms-dash-dot tms-dash-dot-green\"><\/div>\n                            <div class=\"tms-dash-url\">dashboard.themainsmmsupplier.com<\/div>\n                        <\/div>\n                        \n                        <div class=\"tms-dash-stats\">\n                            <div class=\"tms-dash-stat\">\n                                <div class=\"tms-dash-stat-label\">Orders Today<\/div>\n                                <div class=\"tms-dash-stat-value\">1,247<\/div>\n                                <div class=\"tms-dash-stat-sub green\">+12% \u2191<\/div>\n                            <\/div>\n                            <div class=\"tms-dash-stat\">\n                                <div class=\"tms-dash-stat-label\">Active Services<\/div>\n                                <div class=\"tms-dash-stat-value\">500+<\/div>\n                                <div class=\"tms-dash-stat-sub purple\">All platforms<\/div>\n                            <\/div>\n                            <div class=\"tms-dash-stat\">\n                                <div class=\"tms-dash-stat-label\">Server Uptime<\/div>\n                                <div class=\"tms-dash-stat-value\">99.9%<\/div>\n                                <div class=\"tms-dash-stat-sub green\"><span class=\"tms-live-dot\"><\/span>Live<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"tms-dash-chart\">\n                            <div class=\"tms-chart-label\">Orders This Week<\/div>\n                            <div class=\"tms-chart-bars\">\n                                <div class=\"tms-chart-bar\" style=\"height:35%\"><\/div>\n                                <div class=\"tms-chart-bar\" style=\"height:45%\"><\/div>\n                                <div class=\"tms-chart-bar\" style=\"height:40%\"><\/div>\n                                <div class=\"tms-chart-bar\" style=\"height:55%\"><\/div>\n                                <div class=\"tms-chart-bar\" style=\"height:50%\"><\/div>\n                                <div class=\"tms-chart-bar\" style=\"height:65%\"><\/div>\n                                <div class=\"tms-chart-bar tms-chart-bar-last\" style=\"height:90%\"><\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"tms-dash-orders\">\n                            <div class=\"tms-order-row\">\n                                <div class=\"tms-order-left\">\n                                    <div class=\"tms-order-dot\" style=\"background:#e1306c\"><\/div>\n                                    <span class=\"tms-order-name\">Instagram Followers<\/span>\n                                <\/div>\n                                <div class=\"tms-order-delivered\">\u2713 Delivered<\/div>\n                                <div class=\"tms-order-price\">\u20b9249<\/div>\n                            <\/div>\n                            <div class=\"tms-order-row\">\n                                <div class=\"tms-order-left\">\n                                    <div class=\"tms-order-dot\" style=\"background:#ff0000\"><\/div>\n                                    <span class=\"tms-order-name\">YouTube Views<\/span>\n                                <\/div>\n                                <div class=\"tms-order-delivered\">\u2713 Delivered<\/div>\n                                <div class=\"tms-order-price\">\u20b9499<\/div>\n                            <\/div>\n                            <div class=\"tms-order-row\">\n                                <div class=\"tms-order-left\">\n                                    <div class=\"tms-order-dot\" style=\"background:#555; outline:1px solid rgba(255,255,255,0.3)\"><\/div>\n                                    <span class=\"tms-order-name\">TikTok Likes<\/span>\n                                <\/div>\n                                <div class=\"tms-order-delivered\">\u2713 Delivered<\/div>\n                                <div class=\"tms-order-price\">\u20b949<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n    (function() {\n        \/\/ Smooth scroll for \"See How It Works\" button\n        var howItWorksBtn = document.querySelector('.tms-hero-btn-secondary');\n        if (howItWorksBtn && howItWorksBtn.getAttribute('href') === '#how-it-works') {\n            howItWorksBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                var target = document.querySelector('#how-it-works');\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }\n            });\n        }\n    })();\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cd60319 e-con-full e-flex e-con e-parent\" data-id=\"cd60319\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e170ee5 elementor-widget elementor-widget-shortcode\" data-id=\"e170ee5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n<style>\n\/* ================================================================\n   LEARN MORE SECTION \u2014 v6 FIXES\n   1. All WP global color tokens explicitly unset inside namespace\n   2. All hover states use local CSS vars \u2014 zero inheritance\n   3. Improved padding\/spacing throughout\n   ================================================================ *\/\n\n\/* \u2500\u2500 Hard-reset ALL WordPress global tokens inside this scope \u2500\u2500 *\/\n.tms-learn-wrap,\n.tms-learn-wrap *,\n.tms-learn-wrap *::before,\n.tms-learn-wrap *::after {\n    box-sizing: border-box;\n    \/* Nuke every WP preset color token *\/\n    --wp--preset--color--primary: unset;\n    --wp--preset--color--secondary: unset;\n    --wp--preset--color--foreground: unset;\n    --wp--preset--color--background: unset;\n    --wp--preset--color--vivid-red: unset;\n    --wp--preset--color--luminous-vivid-amber: unset;\n    --wp--preset--color--light-green-cyan: unset;\n    --wp--preset--color--vivid-green-cyan: unset;\n    --wp--preset--color--pale-cyan-blue: unset;\n    --wp--preset--color--vivid-cyan-blue: unset;\n    --wp--preset--color--vivid-purple: unset;\n    --wp--preset--color--contrast: unset;\n    --wp--preset--color--base: unset;\n}\n\n\/* \u2500\u2500 Local design tokens \u2014 100% self-contained \u2500\u2500 *\/\n.tms-learn-wrap {\n    \/* Hover palette \u2014 never pink\/magenta *\/\n    --tms-hover-border:       rgba(139, 92, 246, 0.45);\n    --tms-hover-bg:           rgba(10, 6, 26, 0.88);\n    --tms-hover-shadow:       0 20px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(139,92,246,0.22);\n    --tms-hover-arrow-border: rgba(139, 92, 246, 0.55);\n    --tms-hover-arrow-bg:     rgba(139, 92, 246, 0.18);\n    --tms-hover-arrow-color:  #a78bfa;\n    --tms-hover-icon-scale:   1.06;\n    --tms-hover-title-color:  #ffffff;\n    --tms-hover-sub-color:    rgba(255,255,255,0.72);\n    \/* Open state *\/\n    --tms-open-border:        rgba(124, 58, 237, 0.55);\n    --tms-open-bg:            rgba(10, 6, 26, 0.92);\n    --tms-open-shadow:        0 25px 50px rgba(0,0,0,0.45);\n    \/* Arrow open *\/\n    --tms-arrow-open-bg:      linear-gradient(135deg, #4F46E5, #06B6D4);\n    --tms-arrow-open-color:   #ffffff;\n    --tms-arrow-open-shadow:  0 0 14px rgba(79,70,229,0.45);\n    \/* Mini CTA *\/\n    --tms-cta-hover-shadow:   0 8px 22px rgba(79,70,229,0.45);\n    --tms-cta-hover-color:    #ffffff;\n    --tms-cta-hover-gap:      12px;\n}\n\n\/* BASE - Exact hero background \u2014 UNCHANGED *\/\n.tms-learn-wrap {\n    position: relative;\n    overflow: hidden;\n    padding: 120px 0 140px;\n    background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n    color: #ffffff;\n}\n\n.tms-learn-wrap.tms-light {\n    background: radial-gradient(ellipse at 15% 50%, #e8e0ff 0%, #f0eeff 45%, #f5f3ff 100%);\n}\n\n\/* ========== BACKGROUND LAYERS \u2014 UNCHANGED ========== *\/\n.tms-learn-orb {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    will-change: transform;\n    z-index: 0;\n}\n.tms-learn-orb-a {\n    width: 700px;\n    height: 700px;\n    background: #7c3aed;\n    opacity: 0.18;\n    filter: blur(120px);\n    top: -100px;\n    left: -100px;\n    animation: tmsLearnDriftA 10s ease-in-out infinite alternate;\n}\n.tms-learn-orb-b {\n    width: 600px;\n    height: 600px;\n    background: #1d4ed8;\n    opacity: 0.12;\n    filter: blur(100px);\n    bottom: -50px;\n    right: 10%;\n    animation: tmsLearnDriftB 14s ease-in-out infinite alternate-reverse;\n}\n.tms-learn-orb-c {\n    width: 400px;\n    height: 400px;\n    background: #06b6d4;\n    opacity: 0.10;\n    filter: blur(80px);\n    top: 30%;\n    right: 35%;\n    animation: tmsLearnDriftC 8s ease-in-out infinite alternate;\n}\n@keyframes tmsLearnDriftA {\n    from { transform: translate(0, 0) scale(1); }\n    to   { transform: translate(40px, 30px) scale(1.1); }\n}\n@keyframes tmsLearnDriftB {\n    from { transform: translate(0, 0) scale(1); }\n    to   { transform: translate(-30px, -20px) scale(1.08); }\n}\n@keyframes tmsLearnDriftC {\n    from { transform: translate(0, 0); }\n    to   { transform: translate(-30px, 20px); }\n}\n.tms-learn-dotgrid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background-image: radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px);\n    background-size: 28px 28px;\n}\n.tms-learn-wrap.tms-light .tms-learn-dotgrid {\n    background-image: radial-gradient(circle, rgba(79,70,229,0.09) 1px, transparent 1px);\n}\n.tms-learn-noise {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 2;\n    opacity: 0.035;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    background-repeat: repeat;\n    background-size: 200px 200px;\n}\n.tms-learn-spotlight {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124,58,237,0.25), transparent 70%);\n}\n.tms-learn-wrap.tms-light .tms-learn-spotlight {\n    background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124,58,237,0.10), transparent 70%);\n}\n\n\/* ========== CONTAINER ========== *\/\n.tms-learn-container {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n    z-index: 10;\n}\n\n\/* ========== HEADER ========== *\/\n.tms-learn-header {\n    text-align: center;\n    margin-bottom: 72px;\n}\n.tms-learn-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #06b6d4 !important;\n    background: rgba(6,182,212,0.12);\n    border: 1px solid rgba(6,182,212,0.3);\n    padding: 8px 22px;\n    border-radius: 100px;\n    margin-bottom: 24px;\n    opacity: 0;\n    animation: tmsLearnFadeUp 0.5s ease forwards 0.2s;\n    text-decoration: none !important;\n}\n.tms-learn-h1 {\n    font-size: clamp(32px, 5vw, 52px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    margin-bottom: 20px;\n    color: #ffffff !important;\n    opacity: 0;\n    animation: tmsLearnFadeUp 0.6s ease forwards 0.35s;\n}\n.tms-learn-h1 span {\n    background: linear-gradient(130deg, #c084fc 0%, #818cf8 30%, #06b6d4 60%, #a855f7 100%);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: tmsLearnGradShift 3.5s linear infinite;\n    display: inline-block;\n}\n@keyframes tmsLearnGradShift {\n    0%   { background-position: 0% center; }\n    100% { background-position: 250% center; }\n}\n.tms-learn-sub {\n    font-size: 17px;\n    line-height: 1.7;\n    color: rgba(255,255,255,0.65) !important;\n    max-width: 620px;\n    margin: 0 auto;\n    opacity: 0;\n    animation: tmsLearnFadeUp 0.6s ease forwards 0.5s;\n}\n@keyframes tmsLearnFadeUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to   { opacity: 1; transform: translateY(0); }\n}\n\n\/* ========== ACCORDION LIST ========== *\/\n.tms-learn-list {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n\/* ========== ACCORDION ITEM ========== *\/\n.tms-learn-item {\n    position: relative;\n    background: rgba(10, 6, 26, 0.75);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 20px;\n    transition: transform 0.35s cubic-bezier(0.2,0.9,0.4,1.1),\n                border-color 0.35s ease,\n                box-shadow 0.35s ease,\n                background 0.35s ease;\n    cursor: pointer;\n    overflow: hidden;\n}\n\n\/* \u2705 FIX 1 \u2014 Hover: fully scoped, no WP inheritance, no pink *\/\n.tms-learn-item:hover {\n    transform: translateY(-4px);\n    border-color: var(--tms-hover-border) !important;\n    box-shadow: var(--tms-hover-shadow) !important;\n    background: var(--tms-hover-bg) !important;\n    \/* Explicit color lockout \u2014 override any WP global link\/button color *\/\n    color: #ffffff !important;\n    outline: none !important;\n    text-decoration: none !important;\n}\n\n\/* Open state *\/\n.tms-learn-item.tms-open {\n    border-color: var(--tms-open-border) !important;\n    background: var(--tms-open-bg) !important;\n    box-shadow: var(--tms-open-shadow) !important;\n}\n\n\/* Animated gradient top border when open *\/\n.tms-learn-item.tms-open::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #7c3aed, #06b6d4, #a855f7, #7c3aed);\n    background-size: 200% 100%;\n    animation: tmsLearnBorderFlow 3s linear infinite;\n    border-radius: 20px 20px 0 0;\n}\n@keyframes tmsLearnBorderFlow {\n    0%   { background-position: 0% 0%; }\n    100% { background-position: 200% 0%; }\n}\n\n\/* ========== TRIGGER BUTTON ========== *\/\n\/* FIX 2 \u2014 Block all WP button\/link global styles on the trigger *\/\n.tms-learn-trigger {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    \/* \u2705 FIX 3 \u2014 Increased padding for breathing room *\/\n    padding: 26px 30px;\n    background: transparent !important;\n    border: none !important;\n    cursor: pointer;\n    text-align: left;\n    transition: background 0.2s ease;\n    \/* Kill WP global button colors *\/\n    color: #ffffff !important;\n    text-decoration: none !important;\n    box-shadow: none !important;\n    outline: none !important;\n    -webkit-appearance: none;\n    appearance: none;\n}\n.tms-learn-trigger:focus,\n.tms-learn-trigger:focus-visible {\n    outline: 2px solid rgba(124,58,237,0.6) !important;\n    outline-offset: -2px !important;\n    box-shadow: none !important;\n}\n\/* Explicit hover reset on trigger itself to block WP *\/\n.tms-learn-trigger:hover {\n    background: transparent !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    box-shadow: none !important;\n}\n\n\/* ========== ICON STYLES ========== *\/\n.tms-learn-icon {\n    width: 52px;\n    height: 52px;\n    border-radius: 14px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: transform 0.3s ease;\n}\n.tms-learn-icon svg {\n    width: 26px;\n    height: 26px;\n}\n.tms-learn-item:hover .tms-learn-icon {\n    transform: scale(var(--tms-hover-icon-scale));\n}\n.tms-icon-overview  { background: linear-gradient(135deg, #4F46E5, #7C3AED); }\n.tms-icon-instagram { background: linear-gradient(135deg, #833AB4, #E1306C, #F77737); }\n.tms-icon-youtube   { background: linear-gradient(135deg, #FF0000, #CC0000); }\n.tms-icon-tiktok    { background: linear-gradient(135deg, #000000, #25F4EE); }\n.tms-icon-facebook  { background: linear-gradient(135deg, #1877F2, #0C63D4); }\n.tms-icon-more      { background: linear-gradient(135deg, #14B8A6, #0D9488); }\n.tms-icon-how       { background: linear-gradient(135deg, #4F46E5, #06B6D4); }\n.tms-icon-safe      { background: linear-gradient(135deg, #22C55E, #16A34A); }\n.tms-icon-reseller  { background: linear-gradient(135deg, #F59E0B, #D97706); }\n.tms-icon-cheapest  { background: linear-gradient(135deg, #A855F7, #7C3AED); }\n\n\/* ========== TEXT AREA ========== *\/\n.tms-learn-text {\n    flex: 1;\n    min-width: 0;\n}\n.tms-learn-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #ffffff !important;\n    margin-bottom: 6px;\n    line-height: 1.4;\n    \/* Stop WP heading gradient from bleeding in *\/\n    background: none !important;\n    -webkit-background-clip: unset !important;\n    -webkit-text-fill-color: unset !important;\n    background-clip: unset !important;\n}\n.tms-learn-subtitle {\n    font-size: 12px;\n    color: rgba(255,255,255,0.55) !important;\n    font-weight: 500;\n    letter-spacing: 0.3px;\n}\n.tms-learn-item:hover .tms-learn-title {\n    color: var(--tms-hover-title-color) !important;\n}\n.tms-learn-item:hover .tms-learn-subtitle {\n    color: var(--tms-hover-sub-color) !important;\n}\n\n\/* ========== ARROW ICON ========== *\/\n.tms-learn-arrow {\n    \/* ROOT CAUSE FIX 1: margin-left:auto anchors it to the right edge\n       regardless of any WP flex\/justify-content override on the button *\/\n    margin-left: auto;\n    flex-shrink: 0;\n    align-self: center;\n    width: 34px;\n    min-width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255,255,255,0.05) !important;\n    border: 1px solid rgba(255,255,255,0.12) !important;\n    color: #06b6d4 !important;\n    font-size: 20px;\n    font-weight: 400;\n    line-height: 1;\n    transition: transform 0.3s cubic-bezier(0.2,0.9,0.4,1.1),\n                background 0.3s ease,\n                border-color 0.3s ease,\n                color 0.3s ease,\n                box-shadow 0.3s ease;\n    text-decoration: none !important;\n    box-shadow: none !important;\n    outline: none !important;\n}\n\/* \u2705 FIX \u2014 hover uses only local vars, explicitly no pink *\/\n.tms-learn-item:hover .tms-learn-arrow,\n.wp-site-blocks .tms-learn-item:hover .tms-learn-arrow,\nbody .tms-learn-item:hover .tms-learn-arrow {\n    transform: scale(1.1);\n    border-color: var(--tms-hover-arrow-border) !important;\n    background: var(--tms-hover-arrow-bg) !important;\n    color: var(--tms-hover-arrow-color) !important;\n    box-shadow: none !important;\n    text-decoration: none !important;\n}\n.tms-learn-item.tms-open .tms-learn-arrow,\nbody .tms-learn-item.tms-open .tms-learn-arrow {\n    transform: rotate(45deg);\n    background: linear-gradient(135deg, #4F46E5, #06B6D4) !important;\n    color: #ffffff !important;\n    border-color: transparent !important;\n    box-shadow: var(--tms-arrow-open-shadow) !important;\n}\n\n\/* ========== CONTENT BODY ========== *\/\n.tms-learn-body {\n    max-height: 0;\n    overflow: hidden;\n    \/* ROOT CAUSE FIX 2: padding set statically on both states \u2014 NOT animated.\n       Animating padding simultaneously with max-height means scrollHeight is\n       measured before padding is applied, causing the value to be too small\n       and clipping the last lines of content inside the card. *\/\n    padding: 0 30px;\n    transition: max-height 0.5s cubic-bezier(0.4,0,0.2,1);\n}\n.tms-learn-item.tms-open .tms-learn-body {\n    padding: 0 30px 44px;\n}\n\n\/* ========== INNER CONTENT ========== *\/\n.tms-learn-inner {\n    padding-top: 28px;\n    border-top: 1px solid rgba(255,255,255,0.08);\n    \/* FIX 3 \u2014 clear bottom boundary: faint bottom separator line *\/\n    padding-bottom: 4px;\n}\n\n\/* FIX 1 \u2014 constrain text width so paragraphs don't bleed edge-to-edge *\/\n.tms-learn-inner p,\n.tms-learn-inner ul,\n.tms-learn-inner li {\n    max-width: 72ch;\n}\n\n.tms-learn-inner h2 {\n    font-size: 18px;\n    font-weight: 700;\n    background: linear-gradient(120deg, #4F46E5, #06B6D4);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 20px;\n    margin-top: 0;\n    line-height: 1.4;\n    \/* FIX 1 \u2014 heading also capped for consistent column width *\/\n    max-width: 72ch;\n}\n.tms-learn-inner h3 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff !important;\n    margin: 28px 0 14px;\n    line-height: 1.5;\n    max-width: 72ch;\n    background: none !important;\n    -webkit-text-fill-color: unset !important;\n}\n.tms-learn-inner p {\n    font-size: 14px;\n    line-height: 1.85;\n    color: rgba(255,255,255,0.72) !important;\n    \/* FIX 2 \u2014 clear space between paragraphs *\/\n    margin-bottom: 22px;\n}\n.tms-learn-inner p:last-child {\n    margin-bottom: 0;\n}\n\n\/* FIX 6+7 \u2014 highlight key sentences with a callout block style *\/\n.tms-learn-inner p.tms-highlight {\n    background: rgba(79, 70, 229, 0.10);\n    border-left: 3px solid #06b6d4;\n    border-radius: 0 10px 10px 0;\n    padding: 14px 18px;\n    color: rgba(255,255,255,0.88) !important;\n    font-size: 14px;\n    line-height: 1.8;\n    margin-bottom: 22px;\n}\n\n.tms-learn-inner strong {\n    color: #ffffff !important;\n    font-weight: 600;\n}\n.tms-learn-inner ul {\n    padding-left: 22px;\n    margin-bottom: 22px;\n}\n.tms-learn-inner li {\n    font-size: 14px;\n    color: rgba(255,255,255,0.72) !important;\n    line-height: 1.85;\n    margin-bottom: 10px;\n}\n\n\/* ========== STAT CHIPS ========== *\/\n.tms-learn-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    \/* \u2705 FIX \u2014 more space below chips before content *\/\n    margin-bottom: 28px;\n}\n.tms-learn-chip {\n    background: rgba(79,70,229,0.10);\n    border: 1px solid rgba(79,70,229,0.22);\n    border-radius: 100px;\n    padding: 6px 14px;\n    font-size: 12px;\n    font-weight: 600;\n    color: #06b6d4 !important;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    \/* Kill any WP link style *\/\n    text-decoration: none !important;\n}\n.tms-learn-chip span {\n    font-size: 13px;\n}\n\n\/* ========== MINI CTA ========== *\/\n.tms-learn-mini-cta {\n    margin-top: 28px;\n}\n\/* \u2705 FIX \u2014 scoped CTA hover, no WP color bleed *\/\n.tms-learn-mini-btn,\n.tms-learn-mini-btn:visited {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: linear-gradient(135deg, #4F46E5, #06B6D4);\n    color: #ffffff !important;\n    font-size: 13px;\n    font-weight: 600;\n    padding: 10px 20px;\n    border-radius: 40px;\n    text-decoration: none !important;\n    transition: transform 0.3s ease,\n                box-shadow 0.3s ease,\n                gap 0.3s ease;\n    border: none !important;\n    box-shadow: none;\n    outline: none;\n}\n.tms-learn-mini-btn:hover,\n.tms-learn-mini-btn:focus,\nbody .tms-learn-mini-btn:hover,\n.wp-site-blocks .tms-learn-mini-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--tms-cta-hover-shadow) !important;\n    gap: var(--tms-cta-hover-gap);\n    color: var(--tms-cta-hover-color) !important;\n    background: linear-gradient(135deg, #4F46E5, #06B6D4) !important;\n    text-decoration: none !important;\n}\n\n\/* ========== GLOBAL LINK RESET inside wrap ========== *\/\n\/* Catches any WP theme that applies a:hover { color: pink } globally *\/\n.tms-learn-wrap a,\n.tms-learn-wrap a:link,\n.tms-learn-wrap a:visited,\n.tms-learn-wrap a:hover,\n.tms-learn-wrap a:focus,\n.tms-learn-wrap a:active {\n    text-decoration: none !important;\n}\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 768px) {\n    .tms-learn-wrap { padding: 80px 0 100px; }\n    .tms-learn-container { padding: 0 20px; }\n    .tms-learn-header { margin-bottom: 48px; }\n    .tms-learn-trigger { padding: 18px 22px; gap: 14px; }\n    .tms-learn-icon { width: 44px; height: 44px; }\n    .tms-learn-icon svg { width: 22px; height: 22px; }\n    .tms-learn-title { font-size: 14px; }\n    .tms-learn-subtitle { font-size: 11px; display: none; }\n    .tms-learn-arrow { width: 30px; height: 30px; font-size: 18px; }\n    .tms-learn-item.tms-open .tms-learn-body { padding: 0 22px 28px; }\n    .tms-learn-inner { padding-top: 22px; }\n    .tms-learn-inner p { font-size: 13px; }\n    .tms-learn-chips { gap: 8px; margin-bottom: 20px; }\n    .tms-learn-chip { font-size: 11px; padding: 4px 12px; }\n}\n@media (max-width: 480px) {\n    .tms-learn-subtitle { display: none; }\n    .tms-learn-title { font-size: 13px; }\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n    .tms-learn-wrap * {\n        animation: none !important;\n        transition: none !important;\n    }\n}\n<\/style>\n\n<!-- Font Import -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n\n<!-- Learn More Section HTML -->\n<div class=\"tms-learn-wrap\">\n    <!-- EXACT HERO BACKGROUND LAYERS \u2014 UNCHANGED -->\n    <div class=\"tms-learn-orb tms-learn-orb-a\"><\/div>\n    <div class=\"tms-learn-orb tms-learn-orb-b\"><\/div>\n    <div class=\"tms-learn-orb tms-learn-orb-c\"><\/div>\n    <div class=\"tms-learn-dotgrid\"><\/div>\n    <div class=\"tms-learn-noise\"><\/div>\n    <div class=\"tms-learn-spotlight\"><\/div>\n\n    <div class=\"tms-learn-container\">\n        <div class=\"tms-learn-header\">\n            <div class=\"tms-learn-eyebrow\">Learn More<\/div>\n            <h2 class=\"tms-learn-h1\">Everything About<br><span>TheMainSMMSupplier.com<\/span><\/h2>\n            <p class=\"tms-learn-sub\">Everything you need to know about SMM panels, Instagram growth, YouTube monetization, TikTok viral strategies, and building a profitable reseller business in India. Click any topic to expand.<\/p>\n        <\/div>\n\n        <div class=\"tms-learn-list\">\n            \n            <!-- Item 1: Overview -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-overview\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"white\" fill=\"none\"\/>\n                            <path d=\"M2 17L12 22L22 17\" stroke=\"white\" fill=\"none\"\/>\n                            <path d=\"M2 12L12 17L22 12\" stroke=\"white\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">TheMainSMMSupplier.com \u2014 Cheapest SMM Panel in India | Overview<\/div>\n                        <div class=\"tms-learn-subtitle\">India's #1 rated SMM panel \u2022 500+ services \u2022 Starting at \u20b91<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83c\udfc6<\/span> #1 in India<\/div>\n                            <div class=\"tms-learn-chip\"><span>\u26a1<\/span> Instant Delivery<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udee1\ufe0f<\/span> Non-Drop Guarantee<\/div>\n                        <\/div>\n                        <h2>TheMainSMMSupplier.com \u2014 Cheapest SMM Panel in India | Instant Delivery &amp; Non-Drop Guarantee<\/h2>\n                        <p>Whether you want to explode your Instagram followers, rack up YouTube subscribers, dominate TikTok views, or build a profitable SMM reseller panel from scratch \u2014 TheMainSMMSupplier.com is the only platform you need.<\/p>\n                        <p>Join 1,000+ creators, agencies, and resellers across India who switched to the fastest, most reliable, and genuinely cheapest SMM panel available anywhere.<\/p>\n                        <h3>You Already Know Organic Growth Alone Isn't Working Anymore<\/h3>\n                        <p>You've posted consistently. You've used every trending hashtag. You've replied to comments, made reels, tested carousels, gone live \u2014 and after months of grinding, the needle has barely moved. That's not your fault. Social media algorithms in 2025 are brutal. Organic reach has collapsed across every platform.<\/p>\n                        <p>Instagram shows your posts to a fraction of your followers. YouTube buries new channels. TikTok's For You Page rewards momentum that most creators simply can't manufacture alone.<\/p>\n                        <p>So you looked for help. Maybe you tried another SMM panel \u2014 and that's where the real frustration started. You deposited money and watched it disappear into slow orders. You gained followers and watched half vanish within 72 hours. You hit broken API endpoints, outdated docs, and zero reliability.<\/p>\n                        <p class=\"tms-highlight\">Here's the ugly truth: <strong>most cheap SMM panels in India cut every corner possible.<\/strong> The result? Wasted money. Damaged account credibility. Lost clients. Lost time you'll never get back.<\/p>\n                        <h3>The Solution: India's Best SMM Panel \u2014 Built for Speed, Stability, and Real Profit<\/h3>\n                        <p>TheMainSMMSupplier.com was engineered from the ground up to solve every problem the SMM industry pretends doesn't exist. This is a complete social media growth and monetization ecosystem built specifically for creators, agencies, freelancers, and entrepreneurs who want their own white-label SMM panel business.<\/p>\n                        <p class=\"tms-highlight\"><strong>Services that are simultaneously the cheapest and the most reliable<\/strong> \u2014 something no other best SMM panel in India offers. Orders start processing in seconds \u2014 not hours. Engagement is built to stay \u2014 not vanish. A real human responds within minutes \u2014 not days.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 2: Instagram -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-instagram\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" stroke=\"white\" fill=\"none\"\/>\n                            <circle cx=\"12\" cy=\"12\" r=\"4.5\" stroke=\"white\" fill=\"none\"\/>\n                            <circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">Instagram Growth Services \u2014 Build a Profile That Stops the Scroll<\/div>\n                        <div class=\"tms-learn-subtitle\">Followers \u2022 Likes \u2022 Reel Views \u2022 Comments \u2022 Story Views<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udc65<\/span> Real-looking followers<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83c\udfac<\/span> High-retention reel views<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcac<\/span> Custom comments<\/div>\n                        <\/div>\n                        <h2>Instagram Growth Services \u2014 Build a Profile That Stops the Scroll<\/h2>\n                        <p>Instagram remains the most powerful platform for personal brands, businesses, and influencer marketing. But without social proof, even extraordinary content gets buried. Our Instagram services include followers (real-looking, non-drop, gradual delivery), post likes and saves, reel views (high-retention), story views, comments (custom and random), profile visits and impressions, IGTV views, and live video viewers.<\/p>\n                        <p>A profile with strong follower counts and engagement attracts organic followers automatically. People follow accounts that already look popular. Brands partner with creators who demonstrate reach. The algorithm pushes posts that receive early engagement. When you buy Instagram followers from the cheapest SMM panel in India, you're not buying vanity. You're buying the credibility that unlocks everything else.<\/p>\n                        <div class=\"tms-learn-mini-cta\">\n                            <a href=\"#\" class=\"tms-learn-mini-btn\">\ud83d\udcf8 Start Growing Instagram \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 3: YouTube -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-youtube\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <path d=\"M22.5401 6.68C22.3401 5.92 21.7301 5.31 20.9701 5.11C19.2001 4.67 12.0001 4.67 12.0001 4.67C12.0001 4.67 4.80012 4.67 3.03012 5.11C2.27012 5.31 1.66012 5.92 1.46012 6.68C1.02012 8.45 1.02012 12.12 1.02012 12.12C1.02012 12.12 1.02012 15.79 1.46012 17.56C1.66012 18.32 2.27012 18.93 3.03012 19.13C4.80012 19.57 12.0001 19.57 12.0001 19.57C12.0001 19.57 19.2001 19.57 20.9701 19.13C21.7301 18.93 22.3401 18.32 22.5401 17.56C22.9801 15.79 22.9801 12.12 22.9801 12.12C22.9801 12.12 22.9801 8.45 22.5401 6.68Z\" stroke=\"white\" fill=\"none\"\/>\n                            <polygon points=\"9.75 8.99 15.5 12.12 9.75 15.25 9.75 8.99\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">YouTube Growth Services \u2014 Monetize Faster. Rank Higher. Earn More.<\/div>\n                        <div class=\"tms-learn-subtitle\">Subscribers \u2022 Watch Hours \u2022 Views \u2022 Likes \u2022 Comments<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcfa<\/span> Monetization-ready watch hours<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udc51<\/span> Non-drop subscribers<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udd25<\/span> High-retention views<\/div>\n                        <\/div>\n                        <h2>YouTube Growth Services \u2014 Monetize Faster. Rank Higher. Earn More.<\/h2>\n                        <p>YouTube is the world's second-largest search engine. Ranking on YouTube means free, compounding traffic for months or years. But new channels face a brutal chicken-and-egg problem: you need views to rank, and you need to rank to get views. Our YouTube services include subscribers (non-drop, gradual), high-retention video views (30-second to full-watch), watch hours (monetization-eligible), video likes and dislikes, comments (custom text supported), shares, and live stream viewers.<\/p>\n                        <p>YouTube monetization requires 1,000 subscribers + 4,000 watch hours. Our services help you hit those thresholds dramatically faster \u2014 safely, progressively, and without triggering any flags. Videos with higher view counts and engagement rank higher in YouTube search and suggested feeds, creating a snowball effect of organic discovery. Every serious YouTuber in India looking for an SMM panel for YouTube subscribers and watch hours ends up here \u2014 because the quality and price combination doesn't exist anywhere else.<\/p>\n                        <div class=\"tms-learn-mini-cta\">\n                            <a href=\"#\" class=\"tms-learn-mini-btn\">\u25b6\ufe0f Start Growing YouTube \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 4: TikTok -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-tiktok\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M16.6 5.82C15.9 5.1 15.5 4.2 15.5 3.2L13.5 3.2V15.5C13.5 17 12.2 18.2 10.7 18.2C9.2 18.2 7.9 16.9 7.9 15.4C7.9 13.9 9.2 12.6 10.7 12.6C11.1 12.6 11.5 12.7 11.9 12.9V10.8C11.5 10.7 11.1 10.6 10.7 10.6C7.9 10.6 5.5 13 5.5 15.8C5.5 18.6 7.9 21 10.7 21C13.5 21 16 18.6 16 15.8V9.5C17.1 10.3 18.4 10.8 19.8 10.8V8.8C18.2 8.8 16.9 7.6 16.6 5.82Z\" fill=\"white\" opacity=\"0.9\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">TikTok Growth Services \u2014 Trigger the Algorithm. Hit the FYP. Go Viral.<\/div>\n                        <div class=\"tms-learn-subtitle\">Followers \u2022 Views \u2022 Likes \u2022 Shares \u2022 Comments<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\u26a1<\/span> Fast delivery for algorithm<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udd25<\/span> FYP triggers<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83c\udfb5<\/span> Viral momentum<\/div>\n                        <\/div>\n                        <h2>TikTok Growth Services \u2014 Trigger the Algorithm. Hit the FYP. Go Viral.<\/h2>\n                        <p>TikTok's algorithm is unique: it rewards momentum over follower count. A brand-new account can go viral if the right video gets early engagement. But without that initial push, even brilliant content dies at 200 views. Our TikTok services include followers, video views (fast delivery for algorithm triggering), likes and hearts, shares, comments, and live stream viewers.<\/p>\n                        <p>Early engagement on a TikTok video signals the algorithm to push it to a wider audience. Our fast-delivery TikTok views and likes act as the ignition switch for viral potential. A profile with strong follower counts converts viewers into followers at a much higher rate. Social proof makes people hit \"Follow\" instead of scrolling past.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 5: Facebook -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-facebook\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <path d=\"M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z\" stroke=\"white\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">Facebook Growth Services \u2014 Build Authority. Grow Communities. Amplify Reach.<\/div>\n                        <div class=\"tms-learn-subtitle\">Page Likes \u2022 Post Reactions \u2022 Video Views \u2022 Comments<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcc4<\/span> Page likes & followers<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udc4d<\/span> All reaction types<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udc65<\/span> Group members<\/div>\n                        <\/div>\n                        <h2>Facebook Growth Services \u2014 Build Authority. Grow Communities. Amplify Reach.<\/h2>\n                        <p>Facebook is far from dead \u2014 especially for local businesses, community brands, e-commerce stores, and B2B companies. Page credibility, post engagement, and video performance directly affect both organic reach and paid advertising ROI. Available services include page likes and followers, post likes and reactions (all types), video views, comments and shares, group members, event attendees, and review ratings.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 6: Additional Platforms -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-more\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" fill=\"none\"\/>\n                            <path d=\"M12 8V12\" stroke=\"white\" stroke-linecap=\"round\"\/>\n                            <circle cx=\"12\" cy=\"16\" r=\"0.5\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">Additional Platforms We Cover \u2014 Twitter, LinkedIn, Spotify &amp; More<\/div>\n                        <div class=\"tms-learn-subtitle\">Twitter \u2022 LinkedIn \u2022 Spotify \u2022 Telegram \u2022 SoundCloud \u2022 Pinterest<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udc26<\/span> Twitter\/X engagement<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcbc<\/span> LinkedIn connections<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83c\udfa7<\/span> Spotify streams<\/div>\n                        <\/div>\n                        <h2>Additional Platforms We Cover<\/h2>\n                        <p>Our 500+ social media growth services extend far beyond the big four. We cover Twitter\/X (followers, likes, retweets, impressions), LinkedIn (connections, post likes, followers, endorsements), Spotify (plays, followers, playlist adds, monthly listeners), Telegram (channel members, post views, reactions), SoundCloud (plays, followers, likes, reposts), Threads, Pinterest, Snapchat, and more. Whatever platform your audience lives on, we have services ready to deliver \u2014 today.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 7: How Does an SMM Panel Work? -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-how\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"white\" fill=\"none\"\/>\n                            <path d=\"M12 8V12\" stroke=\"white\" stroke-linecap=\"round\"\/>\n                            <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"white\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">How Does an SMM Panel Actually Work?<\/div>\n                        <div class=\"tms-learn-subtitle\">Simple 5-step process \u2022 Instant delivery \u2022 No password required<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udc64<\/span> Free account<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcb3<\/span> Add funds<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\ude80<\/span> Instant delivery<\/div>\n                        <\/div>\n                        <h2>How Does an SMM Panel Actually Work?<\/h2>\n                        <p>An SMM panel is an online platform where you can purchase social media engagement \u2014 followers, likes, views, comments, subscribers, and more \u2014 for any major platform. Think of it as a wholesale marketplace for social media growth. You create a free account, add funds using UPI, Paytm, bank transfer, or crypto, browse 500+ services, place your order by entering the link to your profile or post, and delivery begins within seconds. You track everything from your dashboard in real time. You never share your password. You never give direct account access. Everything is delivered externally and safely.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 8: Is Using an SMM Panel Safe? -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-safe\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <path d=\"M12 2L3 7L12 12L21 7L12 2Z\" stroke=\"white\" fill=\"none\"\/>\n                            <path d=\"M3 12L12 17L21 12\" stroke=\"white\" fill=\"none\"\/>\n                            <path d=\"M3 17L12 22L21 17\" stroke=\"white\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">Is Using an SMM Panel Safe for Your Social Media Accounts?<\/div>\n                        <div class=\"tms-learn-subtitle\">No password needed \u2022 Gradual delivery \u2022 Account-safe methods<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udee1\ufe0f<\/span> No password required<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcc8<\/span> Gradual delivery<\/div>\n                            <div class=\"tms-learn-chip\"><span>\u2705<\/span> 100% safe<\/div>\n                        <\/div>\n                        <h2>Is Using an SMM Panel Safe for Your Social Media Accounts?<\/h2>\n                        <p>When used responsibly, SMM panels are safe. We never ask for your password or login credentials. All services are delivered externally through platform-native methods. Delivery is designed to look natural \u2014 we use gradual delivery, drip-feed options, and realistic engagement patterns that don't trigger platform detection systems. We've delivered millions of orders across thousands of accounts without issues. Our infrastructure is built specifically to prioritize account safety.<\/p>\n                        <p>Our recommendations for best results: Combine paid engagement with organic content. Use drip-feed delivery for large orders to maintain a natural growth curve. Don't buy engagement for brand-new accounts with zero posts \u2014 build a basic content foundation first. Choose quality services (which is exactly what we provide) rather than the absolute cheapest option from unknown providers.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 9: Launch Your Own SMM Reseller Business -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-reseller\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <path d=\"M12 2V22\" stroke=\"white\" stroke-linecap=\"round\"\/>\n                            <path d=\"M17 7H9.5C8.1 7 7 8.1 7 9.5C7 10.9 8.1 12 9.5 12H14.5C15.9 12 17 13.1 17 14.5C17 15.9 15.9 17 14.5 17H7\" stroke=\"white\" stroke-linecap=\"round\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">Launch Your Own SMM Reseller Business \u2014 30% to 70% Profit Margins<\/div>\n                        <div class=\"tms-learn-subtitle\">Zero inventory \u2022 White-label \u2022 \u20b920k\u2013\u20b91L+ monthly potential<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcbc<\/span> 30-70% margins<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83c\udff7\ufe0f<\/span> White-label<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udcc8<\/span> Scalable<\/div>\n                        <\/div>\n                        <h2>Launch Your Own SMM Reseller Business \u2014 30% to 70% Profit Margins<\/h2>\n                        <p>This is a real, proven business model that hundreds of entrepreneurs across India are using right now to generate \u20b920,000 to \u20b91,00,000+ per month \u2014 many of them part-time. Zero inventory. Zero fulfillment headaches. Massive demand. Incredible margins. Infinitely scalable. With our white-label SMM panel system, you put your brand on our infrastructure. Your clients see your domain, your logo, your pricing, and your brand \u2014 while we handle all order processing and delivery behind the scenes.<\/p>\n                        <div class=\"tms-learn-mini-cta\">\n                            <a href=\"#\" class=\"tms-learn-mini-btn\">\ud83d\udcb0 Start Your Reseller Business \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Item 10: What Is the Cheapest SMM Panel in India? -->\n            <div class=\"tms-learn-item\">\n                <button class=\"tms-learn-trigger\" aria-expanded=\"false\">\n                    <div class=\"tms-learn-icon tms-icon-cheapest\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.5\">\n                            <path d=\"M12 2L15 9H22L16 14L19 21L12 16.5L5 21L8 14L2 9H9L12 2Z\" stroke=\"white\" fill=\"none\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"tms-learn-text\">\n                        <div class=\"tms-learn-title\">What Is the Cheapest SMM Panel in India?<\/div>\n                        <div class=\"tms-learn-subtitle\">Verified lowest prices \u2022 \u20b91 per order \u2022 No hidden fees<\/div>\n                    <\/div>\n                    <div class=\"tms-learn-arrow\">+<\/div>\n                <\/button>\n                <div class=\"tms-learn-body\">\n                    <div class=\"tms-learn-inner\">\n                        <div class=\"tms-learn-chips\">\n                            <div class=\"tms-learn-chip\"><span>\ud83e\udd47<\/span> Cheapest in India<\/div>\n                            <div class=\"tms-learn-chip\"><span>\u20b91<\/span> Starting price<\/div>\n                            <div class=\"tms-learn-chip\"><span>\ud83d\udd0d<\/span> Price match guarantee<\/div>\n                        <\/div>\n                        <h2>What Is the Cheapest SMM Panel in India?<\/h2>\n                        <p>TheMainSMMSupplier.com is consistently recognized as the cheapest SMM panel in India based on verified pricing comparisons across all major services. Our wholesale rates are transparent, with no hidden fees, and are used by over 1,000 resellers, agencies, and creators nationwide. We offer the lowest prices in India without compromising quality. Our 99.9% uptime infrastructure ensures orders never fail. And our 24\/7 human support team responds in minutes, not days. Most users who switch to us from other panels never switch back.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    var items = document.querySelectorAll('.tms-learn-item');\n\n    \/*\n     * ROOT CAUSE FIX 2 \u2014 scrollHeight underestimation\n     * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     * Problem A: body.scrollHeight is read while max-height:0 + overflow:hidden\n     *   is still active \u2192 browser clips measurement \u2192 value too small \u2192\n     *   last lines get cut off.\n     *\n     * Problem B: CSS padding transition on .tms-learn-body means the padded\n     *   height is not included in the initial scrollHeight snapshot.\n     *\n     * Fix:\n     *   1. Temporarily set overflow:visible + max-height:none BEFORE measuring.\n     *   2. Read the true scrollHeight, then restore overflow:hidden + animate.\n     *   3. On transitionend \u2192 set max-height:none so future reflows\n     *      (font resize, window resize) never re-clip the content.\n     *\/\n    function getTrueScrollHeight(body) {\n        var prev = body.style.cssText;\n        body.style.maxHeight = 'none';\n        body.style.overflow  = 'visible';\n        var h = body.scrollHeight;\n        body.style.cssText = prev;\n        return h;\n    }\n\n    function openItem(item) {\n        var trigger = item.querySelector('.tms-learn-trigger');\n        var body    = item.querySelector('.tms-learn-body');\n        var arrow   = item.querySelector('.tms-learn-arrow');\n        if (!body) return;\n\n        item.classList.add('tms-open');\n        if (trigger) trigger.setAttribute('aria-expanded', 'true');\n        if (arrow)   arrow.textContent = '\u00d7';\n\n        var h = getTrueScrollHeight(body);\n        body.style.overflow  = 'hidden';\n        body.style.maxHeight = h + 'px';\n\n        \/* After animation completes \u2192 unlock height so reflows work freely *\/\n        function onEnd(e) {\n            if (e.propertyName !== 'max-height') return;\n            body.removeEventListener('transitionend', onEnd);\n            \/* Only unlock if still open (user may have toggled mid-animation) *\/\n            if (item.classList.contains('tms-open')) {\n                body.style.maxHeight = 'none';\n                body.style.overflow  = 'visible';\n            }\n        }\n        body.addEventListener('transitionend', onEnd);\n    }\n\n    function closeItem(item) {\n        var trigger = item.querySelector('.tms-learn-trigger');\n        var body    = item.querySelector('.tms-learn-body');\n        var arrow   = item.querySelector('.tms-learn-arrow');\n        if (!body) return;\n\n        \/* Re-lock before animating closed: set explicit px height first so\n           CSS transition has a from-value to animate from *\/\n        body.style.overflow  = 'hidden';\n        body.style.maxHeight = body.scrollHeight + 'px';\n\n        \/* Force reflow so the browser registers the explicit height *\/\n        void body.offsetHeight;\n\n        body.style.maxHeight = '0px';\n        item.classList.remove('tms-open');\n        if (trigger) trigger.setAttribute('aria-expanded', 'false');\n        if (arrow)   arrow.textContent = '+';\n    }\n\n    items.forEach(function(item) {\n        var trigger = item.querySelector('.tms-learn-trigger');\n        if (!trigger) return;\n\n        trigger.addEventListener('click', function() {\n            var isOpen = item.classList.contains('tms-open');\n\n            \/* Close all other items *\/\n            items.forEach(function(other) {\n                if (other !== item && other.classList.contains('tms-open')) {\n                    closeItem(other);\n                }\n            });\n\n            if (!isOpen) {\n                openItem(item);\n            } else {\n                closeItem(item);\n            }\n        });\n    });\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97b6ef3 e-con-full e-flex e-con e-parent\" data-id=\"97b6ef3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-475d928 elementor-widget elementor-widget-shortcode\" data-id=\"475d928\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n    \/* ================================================================\n       PROBLEM SECTION \u2014 REFINED PREMIUM\n       Lighter spacing, tighter cards, editorial proportions\n       ================================================================ *\/\n    \n    .tms-problem-wrap {\n        position: relative;\n        overflow: hidden;\n        padding: 100px 0;\n        background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    \/* ========== BACKGROUND LAYERS ========== *\/\n    .tms-problem-orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        will-change: transform;\n        z-index: 0;\n    }\n    .tms-problem-orb-a {\n        width: 700px; height: 700px;\n        background: #7c3aed; opacity: 0.18;\n        filter: blur(120px); top: -100px; left: -100px;\n        animation: tmsDriftA 10s ease-in-out infinite alternate;\n    }\n    .tms-problem-orb-b {\n        width: 600px; height: 600px;\n        background: #1d4ed8; opacity: 0.12;\n        filter: blur(100px); bottom: -50px; right: 10%;\n        animation: tmsDriftB 14s ease-in-out infinite alternate-reverse;\n    }\n    .tms-problem-orb-c {\n        width: 400px; height: 400px;\n        background: #06b6d4; opacity: 0.10;\n        filter: blur(80px); top: 30%; right: 35%;\n        animation: tmsDriftC 8s ease-in-out infinite alternate;\n    }\n    @keyframes tmsDriftA { from { transform: translate(0,0) scale(1); } to { transform: translate(40px,30px) scale(1.1); } }\n    @keyframes tmsDriftB { from { transform: translate(0,0) scale(1); } to { transform: translate(-30px,-20px) scale(1.08); } }\n    @keyframes tmsDriftC { from { transform: translate(0,0); } to { transform: translate(-30px,20px); } }\n\n    .tms-problem-dotgrid {\n        position: absolute; inset: 0; pointer-events: none; z-index: 1;\n        background-image: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);\n        background-size: 28px 28px;\n    }\n    .tms-problem-noise {\n        position: absolute; inset: 0; pointer-events: none; z-index: 2;\n        opacity: 0.03;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat; background-size: 200px 200px;\n    }\n    .tms-problem-spotlight {\n        position: absolute; inset: 0; pointer-events: none; z-index: 1;\n        background: radial-gradient(ellipse 600px 500px at 25% 55%, rgba(124,58,237,0.2), transparent 70%);\n    }\n\n    \/* ========== CONTAINER ========== *\/\n    .tms-problem-container {\n        max-width: 1140px;\n        margin: 0 auto;\n        padding: 0 32px;\n        position: relative;\n        z-index: 10;\n    }\n\n    \/* ========== HEADER ========== *\/\n    .tms-problem-center {\n        text-align: center;\n        margin-bottom: 52px;\n    }\n\n    .tms-problem-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        color: #f59e0b;\n        background: rgba(245,158,11,0.10);\n        border: 1px solid rgba(245,158,11,0.25);\n        padding: 6px 16px;\n        border-radius: 100px;\n        margin-bottom: 20px;\n        opacity: 0;\n        animation: tmsFadeUp 0.5s ease forwards 0.2s;\n    }\n\n    .tms-problem-h2 {\n        font-size: clamp(28px, 3.8vw, 48px);\n        font-weight: 800;\n        line-height: 1.2;\n        color: #ffffff;\n        margin-bottom: 16px;\n        letter-spacing: -0.02em;\n        opacity: 0;\n        animation: tmsFadeUp 0.6s ease forwards 0.35s;\n    }\n\n    .tms-problem-h2 span {\n        background: linear-gradient(135deg, #ef4444, #f59e0b);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n\n    .tms-problem-sub {\n        font-size: 16px;\n        line-height: 1.75;\n        color: rgba(255,255,255,0.6);\n        max-width: 560px;\n        margin: 0 auto;\n        opacity: 0;\n        animation: tmsFadeUp 0.6s ease forwards 0.5s;\n    }\n\n    @keyframes tmsFadeUp {\n        from { opacity: 0; transform: translateY(24px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* ========== STATS BAR ========== *\/\n    .tms-stats-wrapper {\n        margin-bottom: 52px;\n        opacity: 0;\n        animation: tmsFadeUp 0.6s ease forwards 0.55s;\n    }\n\n    .tms-stats-border-glow {\n        padding: 2px;\n        border-radius: 24px;\n        background: linear-gradient(135deg, #4F46E5, #7C3AED, #06B6D4, #4F46E5);\n        background-size: 300% 300%;\n        animation: tmsBorderRotate 8s linear infinite;\n        box-shadow: 0 0 60px rgba(79,70,229,0.22), 0 16px 32px rgba(0,0,0,0.35);\n        transition: box-shadow 0.3s ease;\n    }\n    .tms-stats-border-glow:hover {\n        box-shadow: 0 0 80px rgba(79,70,229,0.38), 0 20px 40px rgba(0,0,0,0.45);\n    }\n    @keyframes tmsBorderRotate {\n        0%   { background-position: 0% 0%; }\n        50%  { background-position: 100% 100%; }\n        100% { background-position: 0% 0%; }\n    }\n\n    .tms-stats-glass {\n        background: rgba(10,6,26,0.90);\n        backdrop-filter: blur(20px);\n        border-radius: 22px;\n        padding: 32px 28px;\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 0;\n        transition: transform 0.3s ease;\n    }\n    .tms-stats-glass:hover { transform: translateY(-2px); }\n\n    .tms-stat-item {\n        text-align: center;\n        padding: 12px 8px;\n        position: relative;\n        transition: all 0.3s cubic-bezier(0.2,0.9,0.4,1.1);\n        cursor: default;\n    }\n    .tms-stat-item:hover { transform: translateY(-6px); }\n\n    .tms-stat-item:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        right: 0; top: 20%; bottom: 20%;\n        width: 1px;\n        background: linear-gradient(180deg, transparent, rgba(255,255,255,0.10), transparent);\n    }\n\n    .tms-stat-icon {\n        width: 44px; height: 44px;\n        margin: 0 auto 14px;\n        display: flex; align-items: center; justify-content: center;\n        background: rgba(79,70,229,0.08);\n        border-radius: 14px;\n        transition: all 0.3s ease;\n        position: relative;\n    }\n    .tms-stat-icon::before {\n        content: '';\n        position: absolute; inset: 0; border-radius: 14px;\n        background: radial-gradient(circle at center, rgba(79,70,229,0.3), transparent);\n        opacity: 0; transition: opacity 0.3s ease;\n    }\n    .tms-stat-item:hover .tms-stat-icon::before { opacity: 1; }\n    .tms-stat-item:hover .tms-stat-icon {\n        background: rgba(79,70,229,0.22);\n        transform: scale(1.05);\n    }\n    .tms-stat-icon svg { width: 24px; height: 24px; }\n\n    .tms-stat-number {\n        font-size: clamp(28px, 3vw, 40px);\n        font-weight: 800;\n        line-height: 1.1;\n        background: linear-gradient(135deg, #ffffff, #c4b5fd);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 6px;\n        display: block;\n        letter-spacing: -0.02em;\n    }\n    .tms-stat-label {\n        font-size: 11px;\n        font-weight: 600;\n        color: rgba(255,255,255,0.45);\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n    }\n\n    \/* ========== PAIN CARDS GRID ========== *\/\n    .tms-pain-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 20px;\n        margin-bottom: 48px;\n    }\n\n    .tms-pain-card {\n        background: rgba(10,6,26,0.65);\n        backdrop-filter: blur(16px);\n        border: 1px solid rgba(255,255,255,0.06);\n        border-radius: 20px;\n        padding: 28px 22px;\n        transition: all 0.4s cubic-bezier(0.2,0.9,0.4,1.1);\n        cursor: default;\n        position: relative;\n        overflow: hidden;\n        opacity: 0;\n        transform: translateY(24px);\n        animation: tmsCardReveal 0.6s ease forwards;\n    }\n\n    .tms-pain-card:nth-child(2) {\n        background: rgba(20,12,36,0.75);\n        border-color: rgba(239,68,68,0.15);\n    }\n    .tms-pain-card:nth-child(1) { animation-delay: 0.1s; }\n    .tms-pain-card:nth-child(2) { animation-delay: 0.2s; }\n    .tms-pain-card:nth-child(3) { animation-delay: 0.3s; }\n    .tms-pain-card:nth-child(4) { animation-delay: 0.4s; }\n\n    @keyframes tmsCardReveal {\n        from { opacity: 0; transform: translateY(24px); }\n        to   { opacity: 1; transform: translateY(0); }\n    }\n\n    .tms-pain-card::before {\n        content: '';\n        position: absolute; inset: -1px; border-radius: 20px; padding: 1px;\n        background: linear-gradient(135deg, #ef4444, #f59e0b, #7c3aed, #ef4444);\n        background-size: 300% 300%;\n        opacity: 0; transition: opacity 0.4s ease;\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n        -webkit-mask-composite: xor; mask-composite: exclude;\n        pointer-events: none;\n    }\n    .tms-pain-card:hover::before {\n        opacity: 1;\n        animation: tmsBorderPulse 3s ease infinite;\n    }\n    @keyframes tmsBorderPulse {\n        0%   { background-position: 0% 0%;   opacity: 0.6; }\n        50%  { background-position: 100% 100%; opacity: 1; }\n        100% { background-position: 0% 0%;   opacity: 0.6; }\n    }\n    .tms-pain-card:hover {\n        transform: translateY(-6px);\n        border-color: transparent;\n        box-shadow: 0 18px 36px rgba(239,68,68,0.15);\n    }\n    .tms-pain-card::after {\n        content: '';\n        position: absolute; inset: 0; border-radius: 20px;\n        background: radial-gradient(circle at 30% 20%, rgba(239,68,68,0.07), transparent 70%);\n        opacity: 0; transition: opacity 0.4s ease; pointer-events: none;\n    }\n    .tms-pain-card:hover::after { opacity: 1; }\n\n    .tms-pain-icon {\n        width: 48px; height: 48px;\n        border-radius: 14px;\n        background: rgba(239,68,68,0.10);\n        border: 1px solid rgba(239,68,68,0.20);\n        display: flex; align-items: center; justify-content: center;\n        margin-bottom: 20px;\n        transition: all 0.3s ease;\n        position: relative;\n    }\n    .tms-pain-icon::before {\n        content: '';\n        position: absolute; inset: 0; border-radius: 14px;\n        background: radial-gradient(circle at center, rgba(239,68,68,0.25), transparent);\n        opacity: 0; transition: opacity 0.3s ease;\n    }\n    .tms-pain-card:hover .tms-pain-icon::before { opacity: 1; }\n    .tms-pain-card:hover .tms-pain-icon {\n        background: rgba(239,68,68,0.22);\n        transform: scale(1.05);\n        border-color: rgba(239,68,68,0.45);\n    }\n    .tms-pain-icon svg { width: 24px; height: 24px; }\n\n    .tms-pain-card h3 {\n        font-size: 15px;\n        font-weight: 700;\n        color: #ffffff;\n        margin-bottom: 10px;\n        line-height: 1.45;\n    }\n    .tms-pain-card p {\n        font-size: 13px;\n        line-height: 1.7;\n        color: rgba(255,255,255,0.58);\n        margin: 0;\n    }\n    .tms-pain-accent {\n        width: 32px; height: 2px;\n        background: linear-gradient(90deg, #ef4444, #f59e0b);\n        border-radius: 2px;\n        margin-top: 20px;\n        transition: width 0.3s ease;\n    }\n    .tms-pain-card:hover .tms-pain-accent { width: 52px; }\n\n    \/* ========== QUOTE BOX ========== *\/\n    .tms-quote-wrapper {\n        max-width: 780px;\n        margin: 0 auto;\n        position: relative;\n    }\n    .tms-quote-marks {\n        position: absolute;\n        font-size: 110px;\n        font-family: 'Georgia', serif;\n        color: rgba(239,68,68,0.05);\n        pointer-events: none; z-index: 0;\n    }\n    .tms-quote-marks-top    { top: -30px; left: -20px; }\n    .tms-quote-marks-bottom { bottom: -40px; right: -20px; transform: rotate(180deg); }\n\n    .tms-quote-box {\n        position: relative; z-index: 5;\n        background: rgba(10,6,26,0.88);\n        backdrop-filter: blur(20px);\n        border-radius: 24px;\n        padding: 40px 44px;\n        border: 1px solid rgba(79,70,229,0.18);\n        transition: all 0.4s ease;\n        opacity: 0; transform: translateY(24px);\n        animation: tmsCardReveal 0.6s ease forwards 0.5s;\n    }\n    .tms-quote-box::before {\n        content: '';\n        position: absolute; inset: -1px; border-radius: 24px; padding: 1px;\n        background: linear-gradient(135deg, #ef4444, #f59e0b, #4F46E5, #06B6D4);\n        background-size: 300% 300%;\n        opacity: 0; transition: opacity 0.4s ease;\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n        -webkit-mask-composite: xor; mask-composite: exclude;\n        pointer-events: none;\n    }\n    .tms-quote-box:hover::before {\n        opacity: 1;\n        animation: tmsQuoteBorderPulse 4s ease infinite;\n    }\n    @keyframes tmsQuoteBorderPulse {\n        0%   { background-position: 0% 0%; }\n        50%  { background-position: 100% 100%; }\n        100% { background-position: 0% 0%; }\n    }\n    .tms-quote-box:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 24px 48px rgba(79,70,229,0.18);\n        border-color: transparent;\n    }\n    .tms-quote-text {\n        font-size: 16px;\n        line-height: 1.75;\n        color: rgba(255,255,255,0.68);\n        text-align: center;\n        margin-bottom: 22px;\n    }\n    .tms-quote-text p { margin: 0; }\n    .tms-quote-divider {\n        width: 64px; height: 2px;\n        background: linear-gradient(90deg, #ef4444, #f59e0b, #4F46E5);\n        margin: 0 auto 20px;\n        border-radius: 2px;\n    }\n    .tms-quote-strong { text-align: center; }\n    .tms-quote-strong strong {\n        font-size: 21px;\n        font-weight: 800;\n        background: linear-gradient(135deg, #ffffff, #c4b5fd);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        display: inline-block;\n        animation: tmsTextPulse 2s ease-in-out infinite;\n    }\n    @keyframes tmsTextPulse {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50%       { opacity: 0.9; transform: scale(1.015); }\n    }\n    .tms-quote-cta { text-align: center; margin-top: 22px; }\n    .tms-quote-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        color: white;\n        font-size: 13px;\n        font-weight: 700;\n        padding: 12px 28px;\n        border-radius: 40px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: 1px solid rgba(255,255,255,0.08);\n        letter-spacing: 0.3px;\n    }\n    .tms-quote-btn:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 8px 24px rgba(79,70,229,0.38);\n        gap: 12px;\n    }\n\n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 1100px) {\n        .tms-stats-glass { grid-template-columns: repeat(3, 1fr); }\n        .tms-stat-item:not(:last-child)::after { display: none; }\n        .tms-pain-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\n    }\n    @media (max-width: 768px) {\n        .tms-problem-wrap { padding: 64px 0; }\n        .tms-problem-container { padding: 0 20px; }\n        .tms-stats-glass { grid-template-columns: repeat(2, 1fr); padding: 24px 18px; }\n        .tms-pain-grid { grid-template-columns: 1fr; gap: 14px; }\n        .tms-pain-card { padding: 22px 18px; }\n        .tms-quote-box { padding: 28px 24px; }\n        .tms-quote-text { font-size: 14px; }\n        .tms-quote-strong strong { font-size: 18px; }\n        .tms-quote-marks { font-size: 70px; }\n    }\n    @media (max-width: 480px) {\n        .tms-stats-glass { grid-template-columns: 1fr; gap: 20px; }\n    }\n    @media (prefers-reduced-motion: reduce) {\n        .tms-problem-wrap * { animation: none !important; transition: none !important; }\n    }\n    <\/style>\n\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n\n    <div class=\"tms-problem-wrap\">\n        <div class=\"tms-problem-orb tms-problem-orb-a\"><\/div>\n        <div class=\"tms-problem-orb tms-problem-orb-b\"><\/div>\n        <div class=\"tms-problem-orb tms-problem-orb-c\"><\/div>\n        <div class=\"tms-problem-dotgrid\"><\/div>\n        <div class=\"tms-problem-noise\"><\/div>\n        <div class=\"tms-problem-spotlight\"><\/div>\n\n        <div class=\"tms-problem-container\">\n\n            <!-- HEADER -->\n            <div class=\"tms-problem-center\">\n                <div class=\"tms-problem-eyebrow\">\n                    <span>\u26a0\ufe0f<\/span> THE PROBLEM\n                <\/div>\n                <h2 class=\"tms-problem-h2\">Organic Growth Alone<br><span>Isn't Working Anymore<\/span><\/h2>\n                <p class=\"tms-problem-sub\">You've posted consistently, used every trending hashtag, gone live \u2014 and after months of grinding, the needle has barely moved. And if you've tried another SMM panel, the frustration is even worse.<\/p>\n            <\/div>\n\n            <!-- STATS BAR -->\n            <div class=\"tms-stats-wrapper\">\n                <div class=\"tms-stats-border-glow\">\n                    <div class=\"tms-stats-glass\">\n\n                        <div class=\"tms-stat-item\">\n                            <div class=\"tms-stat-icon\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12Z\" stroke=\"url(#g1)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <path d=\"M5 20V19C5 15.13 8.13 12 12 12C15.87 12 19 15.13 19 19V20\" stroke=\"url(#g1)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <defs><linearGradient id=\"g1\" x1=\"5\" y1=\"4\" x2=\"19\" y2=\"20\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#4F46E5\"\/><stop offset=\"1\" stop-color=\"#06B6D4\"\/><\/linearGradient><\/defs>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"tms-stat-number\" data-count=\"1000\" data-suffix=\"+\">0<\/span>\n                            <span class=\"tms-stat-label\">Active Users<\/span>\n                        <\/div>\n\n                        <div class=\"tms-stat-item\">\n                            <div class=\"tms-stat-icon\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2L15 9H22L16 14L19 21L12 16.5L5 21L8 14L2 9H9L12 2Z\" stroke=\"url(#g2)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <defs><linearGradient id=\"g2\" x1=\"2\" y1=\"2\" x2=\"22\" y2=\"21\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#F59E0B\"\/><stop offset=\"1\" stop-color=\"#EF4444\"\/><\/linearGradient><\/defs>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"tms-stat-number\" data-count=\"500\" data-suffix=\"+\">0<\/span>\n                            <span class=\"tms-stat-label\">Premium Services<\/span>\n                        <\/div>\n\n                        <div class=\"tms-stat-item\">\n                            <div class=\"tms-stat-icon\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M3 6H21\" stroke=\"url(#g3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <path d=\"M8 6V4H16V6\" stroke=\"url(#g3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <rect x=\"5\" y=\"10\" width=\"14\" height=\"11\" rx=\"2\" stroke=\"url(#g3)\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M9 14H15\" stroke=\"url(#g3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <defs><linearGradient id=\"g3\" x1=\"3\" y1=\"4\" x2=\"21\" y2=\"21\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#10B981\"\/><stop offset=\"1\" stop-color=\"#34D399\"\/><\/linearGradient><\/defs>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"tms-stat-number\" data-count=\"50000\" data-suffix=\"+\">0<\/span>\n                            <span class=\"tms-stat-label\">Monthly Orders<\/span>\n                        <\/div>\n\n                        <div class=\"tms-stat-item\">\n                            <div class=\"tms-stat-icon\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <path d=\"M12 2V4M12 20V22M4.93 4.93L6.34 6.34M17.66 17.66L19.07 19.07M2 12H4M20 12H22M4.93 19.07L6.34 17.66M17.66 6.34L19.07 4.93\" stroke=\"url(#g4)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"url(#g4)\" stroke-width=\"1.5\"\/>\n                                    <defs><linearGradient id=\"g4\" x1=\"2\" y1=\"2\" x2=\"22\" y2=\"22\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#06B6D4\"\/><stop offset=\"1\" stop-color=\"#3B82F6\"\/><\/linearGradient><\/defs>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"tms-stat-number\" data-count=\"99.9\" data-suffix=\"%\">0<\/span>\n                            <span class=\"tms-stat-label\">Platform Uptime<\/span>\n                        <\/div>\n\n                        <div class=\"tms-stat-item\">\n                            <div class=\"tms-stat-icon\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"url(#g5)\" stroke-width=\"1.5\"\/>\n                                    <path d=\"M12 6V12L16 14\" stroke=\"url(#g5)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <defs><linearGradient id=\"g5\" x1=\"2\" y1=\"2\" x2=\"22\" y2=\"22\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#A855F7\"\/><stop offset=\"1\" stop-color=\"#7C3AED\"\/><\/linearGradient><\/defs>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"tms-stat-number\" data-count=\"30\" data-suffix=\"s\">0<\/span>\n                            <span class=\"tms-stat-label\">Avg. Delivery Start<\/span>\n                        <\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- PAIN CARDS -->\n            <div class=\"tms-pain-grid\">\n                <div class=\"tms-pain-card\">\n                    <div class=\"tms-pain-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#EF4444\" stroke-width=\"1.5\"\/>\n                            <path d=\"M12 8V12\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                            <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"#EF4444\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Money Deposited \u2014 Orders Vanish<\/h3>\n                    <p>You funded the account, placed the order, and watched it disappear into slow or incomplete deliveries. Your budget wasted, nothing to show for it.<\/p>\n                    <div class=\"tms-pain-accent\"><\/div>\n                <\/div>\n\n                <div class=\"tms-pain-card\">\n                    <div class=\"tms-pain-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M16 20L12 16L8 20\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M12 4V16\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Followers That Vanish in 72 Hours<\/h3>\n                    <p>You gained followers \u2014 then watched half of them disappear within 3 days. Non-drop guarantees that mean nothing. Credibility damaged. Trust destroyed.<\/p>\n                    <div class=\"tms-pain-accent\"><\/div>\n                <\/div>\n\n                <div class=\"tms-pain-card\">\n                    <div class=\"tms-pain-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M21 11.5C21 16.19 17.19 20 12.5 20C10.2 20 8.1 19.1 6.5 17.5\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                            <path d=\"M3 12.5C3 7.81 6.81 4 11.5 4C13.8 4 15.9 4.9 17.5 6.5\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                            <path d=\"M3 3L21 21\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Support Tickets Ignored for Days<\/h3>\n                    <p>You submitted a ticket and waited days for a copy-paste bot response. When something breaks, nobody's there. Your clients are angry. You look incompetent.<\/p>\n                    <div class=\"tms-pain-accent\"><\/div>\n                <\/div>\n\n                <div class=\"tms-pain-card\">\n                    <div class=\"tms-pain-icon\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M2 17L12 22L22 17\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                            <path d=\"M2 12L12 17L22 12\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Broken APIs, Zero Reliability<\/h3>\n                    <p>You tried to integrate the API and hit broken endpoints, outdated docs, and zero reliability. Every automation fails. Your business can't scale on a broken foundation.<\/p>\n                    <div class=\"tms-pain-accent\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- QUOTE BOX -->\n            <div class=\"tms-quote-wrapper\">\n                <div class=\"tms-quote-marks tms-quote-marks-top\">\"<\/div>\n                <div class=\"tms-quote-box\">\n                    <div class=\"tms-quote-text\">\n                        <p>The majority of cheap SMM panels cut every corner. They source bottom-tier engagement from unstable networks, run on overloaded servers, and disappear the moment something breaks. Wasted money. Damaged accounts. Lost clients. Lost time you'll never get back.<\/p>\n                    <\/div>\n                    <div class=\"tms-quote-divider\"><\/div>\n                    <div class=\"tms-quote-strong\">\n                        <strong>This cycle ends today.<\/strong>\n                    <\/div>\n                    <div class=\"tms-quote-cta\">\n                        <a href=\"#\" class=\"tms-quote-btn\">Break the Cycle \u2192<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"tms-quote-marks tms-quote-marks-bottom\">\"<\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- Counter Animation Script -->\n    <script>\n    (function() {\n        function animateCounter(el) {\n            var target = parseFloat(el.getAttribute('data-count'));\n            var suffix = el.getAttribute('data-suffix') || '';\n            var duration = 1800;\n            var start = null;\n            function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n            function step(ts) {\n                if (!start) start = ts;\n                var progress = Math.min((ts - start) \/ duration, 1);\n                var eased = easeOutCubic(progress);\n                var current = target % 1 !== 0 ? (eased * target).toFixed(1) : Math.floor(eased * target);\n                el.textContent = current + suffix;\n                if (progress < 1) requestAnimationFrame(step);\n                else el.textContent = target + suffix;\n            }\n            requestAnimationFrame(step);\n        }\n        if ('IntersectionObserver' in window) {\n            var obs = new IntersectionObserver(function(entries) {\n                entries.forEach(function(e) {\n                    if (e.isIntersecting) { animateCounter(e.target); obs.unobserve(e.target); }\n                });\n            }, { threshold: 0.3 });\n            document.querySelectorAll('.tms-stat-number').forEach(function(el) { obs.observe(el); });\n        } else {\n            document.querySelectorAll('.tms-stat-number').forEach(animateCounter);\n        }\n    })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91a71f5 e-con-full e-flex e-con e-parent\" data-id=\"91a71f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58a3c3b elementor-widget elementor-widget-shortcode\" data-id=\"58a3c3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n    \/* ================================================================\n       SOLUTION SECTION - EXACT HERO BACKGROUND + PREMIUM DESIGN\n       ================================================================ *\/\n    \n    \/* EXACT HERO BACKGROUND *\/\n    .tms-solution-wrap {\n        position: relative;\n        overflow: hidden;\n        padding: 120px 0;\n        background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n    \n    \/* Light mode *\/\n    .tms-solution-wrap.light {\n        background: radial-gradient(ellipse at 15% 50%, #e8e0ff 0%, #f0eeff 45%, #f5f3ff 100%);\n    }\n    \n    \/* ========== BACKGROUND LAYERS (Same as Hero) ========== *\/\n    .tms-solution-orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        will-change: transform;\n        z-index: 0;\n    }\n    .tms-solution-orb-a {\n        width: 700px;\n        height: 700px;\n        background: #7c3aed;\n        opacity: 0.15;\n        filter: blur(120px);\n        top: -100px;\n        left: -100px;\n        animation: tmsSolDriftA 10s ease-in-out infinite alternate;\n    }\n    .tms-solution-orb-b {\n        width: 600px;\n        height: 600px;\n        background: #06b6d4;\n        opacity: 0.10;\n        filter: blur(100px);\n        bottom: -50px;\n        right: 10%;\n        animation: tmsSolDriftB 14s ease-in-out infinite alternate-reverse;\n    }\n    .tms-solution-orb-c {\n        width: 450px;\n        height: 450px;\n        background: #4F46E5;\n        opacity: 0.12;\n        filter: blur(90px);\n        top: 40%;\n        right: 25%;\n        animation: tmsSolDriftC 12s ease-in-out infinite alternate;\n    }\n    \n    @keyframes tmsSolDriftA {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(40px, 30px) scale(1.1); }\n    }\n    @keyframes tmsSolDriftB {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(-30px, -20px) scale(1.08); }\n    }\n    @keyframes tmsSolDriftC {\n        from { transform: translate(0, 0); }\n        to { transform: translate(-25px, 15px); }\n    }\n    \n    .tms-solution-dotgrid {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 1;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px);\n        background-size: 28px 28px;\n    }\n    .tms-solution-noise {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 2;\n        opacity: 0.035;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 200px 200px;\n    }\n    .tms-solution-spotlight {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 1;\n        background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.22), transparent 70%);\n    }\n    \n    \/* ========== CONTAINER ========== *\/\n    .tms-solution-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 32px;\n        position: relative;\n        z-index: 10;\n    }\n    \n    \/* ========== HEADER STYLES ========== *\/\n    .tms-solution-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n    \n    .tms-solution-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: #06B6D4;\n        background: rgba(6, 182, 212, 0.12);\n        border: 1px solid rgba(6, 182, 212, 0.3);\n        padding: 8px 20px;\n        border-radius: 100px;\n        margin-bottom: 24px;\n        opacity: 0;\n        animation: tmsSolFadeUp 0.5s ease forwards 0.2s;\n    }\n    \n    .tms-solution-h2 {\n        font-size: clamp(32px, 4.5vw, 52px);\n        font-weight: 800;\n        line-height: 1.2;\n        color: #ffffff;\n        margin-bottom: 20px;\n        opacity: 0;\n        animation: tmsSolFadeUp 0.6s ease forwards 0.35s;\n    }\n    \n    .tms-solution-h2 span {\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .tms-solution-sub {\n        font-size: 18px;\n        line-height: 1.7;\n        color: rgba(255, 255, 255, 0.7);\n        max-width: 600px;\n        margin: 0 auto;\n        opacity: 0;\n        animation: tmsSolFadeUp 0.6s ease forwards 0.5s;\n    }\n    \n    @keyframes tmsSolFadeUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* ========== 2-COLUMN GRID ========== *\/\n    .tms-solution-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: start;\n    }\n    \n    \/* ========== LEFT COLUMN - AUDIENCE BADGES ========== *\/\n    .tms-solution-left {\n        opacity: 0;\n        transform: translateY(30px);\n        animation: tmsSolFadeUp 0.6s ease forwards 0.55s;\n    }\n    \n    .tms-solution-tagline {\n        font-size: 16px;\n        color: rgba(255, 255, 255, 0.6);\n        margin-bottom: 32px;\n        line-height: 1.6;\n        border-left: 3px solid #4F46E5;\n        padding-left: 20px;\n    }\n    \n    \/* Audience Badges Grid *\/\n    .tms-audience-grid {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n        margin-top: 32px;\n    }\n    \n    .tms-audience-badge {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        background: rgba(10, 6, 26, 0.6);\n        backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-radius: 20px;\n        padding: 18px 24px;\n        transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n        cursor: default;\n    }\n    \n    .tms-audience-badge:hover {\n        transform: translateX(8px);\n        border-color: rgba(79, 70, 229, 0.4);\n        background: rgba(79, 70, 229, 0.1);\n    }\n    \n    .tms-audience-icon {\n        width: 48px;\n        height: 48px;\n        border-radius: 16px;\n        background: rgba(79, 70, 229, 0.15);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n    }\n    \n    .tms-audience-badge:hover .tms-audience-icon {\n        background: rgba(79, 70, 229, 0.3);\n        transform: scale(1.05);\n    }\n    \n    .tms-audience-icon svg {\n        width: 26px;\n        height: 26px;\n    }\n    \n    .tms-audience-text {\n        flex: 1;\n    }\n    \n    .tms-audience-title {\n        font-size: 16px;\n        font-weight: 700;\n        color: #ffffff;\n        margin-bottom: 4px;\n    }\n    \n    .tms-audience-desc {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.5);\n    }\n    \n    \/* ========== RIGHT COLUMN - FEATURE CARD ========== *\/\n    .tms-solution-right {\n        opacity: 0;\n        transform: translateY(30px);\n        animation: tmsSolFadeUp 0.6s ease forwards 0.65s;\n    }\n    \n    .tms-feature-card {\n        background: rgba(10, 6, 26, 0.75);\n        backdrop-filter: blur(24px);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-radius: 32px;\n        padding: 40px;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s ease;\n    }\n    \n    \/* Animated gradient border *\/\n    .tms-feature-card::before {\n        content: '';\n        position: absolute;\n        inset: -1px;\n        border-radius: 32px;\n        padding: 2px;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4, #7C3AED, #4F46E5);\n        background-size: 300% 300%;\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n        -webkit-mask-composite: xor;\n        mask-composite: exclude;\n        pointer-events: none;\n    }\n    \n    .tms-feature-card:hover::before {\n        opacity: 1;\n        animation: tmsSolBorderRotate 4s ease infinite;\n    }\n    \n    @keyframes tmsSolBorderRotate {\n        0% { background-position: 0% 0%; }\n        50% { background-position: 100% 100%; }\n        100% { background-position: 0% 0%; }\n    }\n    \n    .tms-feature-card:hover {\n        transform: translateY(-6px);\n        border-color: transparent;\n        box-shadow: 0 25px 45px rgba(79, 70, 229, 0.2);\n    }\n    \n    \/* Feature List *\/\n    .tms-feature-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    \n    .tms-feature-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 14px;\n        padding: 16px 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n        transition: all 0.3s ease;\n    }\n    \n    .tms-feature-item:last-child {\n        border-bottom: none;\n    }\n    \n    .tms-feature-item:hover {\n        transform: translateX(6px);\n    }\n    \n    .tms-feature-check {\n        width: 26px;\n        height: 26px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin-top: 2px;\n        box-shadow: 0 0 10px rgba(79, 70, 229, 0.3);\n    }\n    \n    .tms-feature-check svg {\n        width: 14px;\n        height: 14px;\n    }\n    \n    .tms-feature-text {\n        flex: 1;\n    }\n    \n    .tms-feature-title {\n        font-size: 16px;\n        font-weight: 600;\n        color: #ffffff;\n        margin-bottom: 4px;\n    }\n    \n    .tms-feature-desc {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.55);\n        line-height: 1.5;\n    }\n    \n    \/* CTA Button inside card *\/\n    .tms-feature-cta {\n        margin-top: 32px;\n        padding-top: 24px;\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\n        text-align: center;\n    }\n    \n    .tms-feature-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        color: white;\n        font-size: 15px;\n        font-weight: 700;\n        padding: 14px 32px;\n        border-radius: 40px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        width: 100%;\n        justify-content: center;\n    }\n    \n    .tms-feature-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 30px rgba(79, 70, 229, 0.4);\n        gap: 14px;\n    }\n    \n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 968px) {\n        .tms-solution-grid {\n            grid-template-columns: 1fr;\n            gap: 48px;\n        }\n        .tms-solution-wrap { padding: 80px 0; }\n        .tms-solution-container { padding: 0 24px; }\n        .tms-feature-card { padding: 32px; }\n    }\n    \n    @media (max-width: 768px) {\n        .tms-audience-badge { padding: 14px 20px; }\n        .tms-audience-icon { width: 40px; height: 40px; }\n        .tms-audience-icon svg { width: 20px; height: 20px; }\n        .tms-audience-title { font-size: 14px; }\n        .tms-audience-desc { font-size: 12px; }\n        .tms-feature-item { padding: 12px 0; }\n        .tms-feature-title { font-size: 14px; }\n    }\n    \n    \/* Reduced Motion *\/\n    @media (prefers-reduced-motion: reduce) {\n        .tms-solution-wrap * {\n            animation: none !important;\n            transition: none !important;\n        }\n    }\n    <\/style>\n    \n    <!-- Font Import -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Solution Section HTML -->\n    <div class=\"tms-solution-wrap\">\n        <!-- EXACT HERO BACKGROUND LAYERS -->\n        <div class=\"tms-solution-orb tms-solution-orb-a\"><\/div>\n        <div class=\"tms-solution-orb tms-solution-orb-b\"><\/div>\n        <div class=\"tms-solution-orb tms-solution-orb-c\"><\/div>\n        <div class=\"tms-solution-dotgrid\"><\/div>\n        <div class=\"tms-solution-noise\"><\/div>\n        <div class=\"tms-solution-spotlight\"><\/div>\n        \n        <div class=\"tms-solution-container\">\n            <div class=\"tms-solution-header\">\n                <div class=\"tms-solution-eyebrow\">\n                    <span>\u2728<\/span> THE SOLUTION\n                <\/div>\n                <h2 class=\"tms-solution-h2\">India's Best SMM Panel \u2014<br><span>Built for Speed, Stability &amp; Real Profit<\/span><\/h2>\n                <p class=\"tms-solution-sub\">TheMainSMMSupplier.com was engineered from the ground up to solve every problem the SMM industry pretends doesn't exist.<\/p>\n            <\/div>\n            \n            <div class=\"tms-solution-grid\">\n                <!-- LEFT COLUMN: Audience Badges -->\n                <div class=\"tms-solution-left\">\n                    <div class=\"tms-solution-tagline\">\n                        Perfect for modern digital businesses\n                    <\/div>\n                    \n                    <div class=\"tms-audience-grid\">\n                        <!-- Badge 1: Content Creators -->\n                        <div class=\"tms-audience-badge\">\n                            <div class=\"tms-audience-icon\">\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12Z\" stroke=\"#F59E0B\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                                    <path d=\"M5 20V19C5 15.13 8.13 12 12 12C15.87 12 19 15.13 19 19V20\" stroke=\"#F59E0B\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"tms-audience-text\">\n                                <div class=\"tms-audience-title\">Content Creators &amp; Influencers<\/div>\n                                <div class=\"tms-audience-desc\">Grow your brand, build social proof<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Badge 2: Agencies -->\n                        <div class=\"tms-audience-badge\">\n                            <div class=\"tms-audience-icon\">\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"#10B981\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                    <path d=\"M16 21V5C16 3.9 15.1 3 14 3H10C8.9 3 8 3.9 8 5V21\" stroke=\"#10B981\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"tms-audience-text\">\n                                <div class=\"tms-audience-title\">Digital Marketing Agencies<\/div>\n                                <div class=\"tms-audience-desc\">Scale client accounts effortlessly<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Badge 3: Freelancers -->\n                        <div class=\"tms-audience-badge\">\n                            <div class=\"tms-audience-icon\">\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M20 7H4C2.9 7 2 7.9 2 9V19C2 20.1 2.9 21 4 21H20C21.1 21 22 20.1 22 19V9C22 7.9 21.1 7 20 7Z\" stroke=\"#3B82F6\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                    <path d=\"M16 21V5C16 3.9 15.1 3 14 3H10C8.9 3 8 3.9 8 5V21\" stroke=\"#3B82F6\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"tms-audience-text\">\n                                <div class=\"tms-audience-title\">Freelancers &amp; Solopreneurs<\/div>\n                                <div class=\"tms-audience-desc\">Deliver results, grow your income<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Badge 4: E-commerce -->\n                        <div class=\"tms-audience-badge\">\n                            <div class=\"tms-audience-icon\">\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                                    <path d=\"M3 6H21\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <path d=\"M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10\" stroke=\"#EF4444\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"tms-audience-text\">\n                                <div class=\"tms-audience-title\">E-Commerce &amp; Local Businesses<\/div>\n                                <div class=\"tms-audience-desc\">Drive traffic, increase sales<\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Badge 5: Resellers -->\n                        <div class=\"tms-audience-badge\">\n                            <div class=\"tms-audience-icon\">\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12 2V22\" stroke=\"#A855F7\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                    <path d=\"M17 7H9.5C8.1 7 7 8.1 7 9.5C7 10.9 8.1 12 9.5 12H14.5C15.9 12 17 13.1 17 14.5C17 15.9 15.9 17 14.5 17H7\" stroke=\"#A855F7\" stroke-width=\"1.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"tms-audience-text\">\n                                <div class=\"tms-audience-title\">Resellers &amp; Entrepreneurs<\/div>\n                                <div class=\"tms-audience-desc\">Launch your own SMM business<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- RIGHT COLUMN: Feature Card -->\n                <div class=\"tms-solution-right\">\n                    <div class=\"tms-feature-card\">\n                        <div class=\"tms-feature-list\">\n                            <!-- Feature 1 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">More followers, views &amp; engagement<\/div>\n                                    <div class=\"tms-feature-desc\">Permanent, guaranteed results that stay<\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Feature 2 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">Verified cheapest rates in India<\/div>\n                                    <div class=\"tms-feature-desc\">No hidden fees, ever \u2014 transparent pricing<\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Feature 3 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">Orders start processing in seconds<\/div>\n                                    <div class=\"tms-feature-desc\">Not hours \u2014 instant delivery guaranteed<\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Feature 4 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">24\/7 human support<\/div>\n                                    <div class=\"tms-feature-desc\">Responds in minutes, not days \u2014 real people<\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Feature 5 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">Free REST API for every account<\/div>\n                                    <div class=\"tms-feature-desc\">Resell, automate, scale \u2014 unlimited potential<\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Feature 6 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">White-label child panels<\/div>\n                                    <div class=\"tms-feature-desc\">Build your own SMM brand \u2014 we stay invisible<\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Feature 7 -->\n                            <div class=\"tms-feature-item\">\n                                <div class=\"tms-feature-check\">\n                                    <svg viewBox=\"0 0 12 12\" fill=\"none\">\n                                        <path d=\"M2 6L5 9L10 3\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <div class=\"tms-feature-text\">\n                                    <div class=\"tms-feature-title\">All major payment methods<\/div>\n                                    <div class=\"tms-feature-desc\">UPI, Paytm, GPay, crypto &amp; bank transfer<\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"tms-feature-cta\">\n                            <a href=\"#\" class=\"tms-feature-btn\">\n                                Start Growing Now \u2014 Free Account\n                                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M5 12H19\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                    <path d=\"M12 5L19 12L12 19\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a75395 e-con-full e-flex e-con e-parent\" data-id=\"5a75395\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1993d1a elementor-widget elementor-widget-shortcode\" data-id=\"1993d1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n    \/* ================================================================\n       PLATFORMS SECTION - EXACT HERO BACKGROUND + PREMIUM DESIGN\n       ================================================================ *\/\n    \n    \/* EXACT HERO BACKGROUND *\/\n    .tms-platforms-wrap {\n        position: relative;\n        overflow: hidden;\n        padding: 120px 0;\n        background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n    \n    \/* Light mode *\/\n    .tms-platforms-wrap.light {\n        background: radial-gradient(ellipse at 15% 50%, #e8e0ff 0%, #f0eeff 45%, #f5f3ff 100%);\n    }\n    \n    \/* ========== BACKGROUND LAYERS (Same as Hero) ========== *\/\n    .tms-platforms-orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        will-change: transform;\n        z-index: 0;\n    }\n    .tms-platforms-orb-a {\n        width: 700px;\n        height: 700px;\n        background: #7c3aed;\n        opacity: 0.15;\n        filter: blur(120px);\n        top: -100px;\n        left: -100px;\n        animation: tmsPlatDriftA 10s ease-in-out infinite alternate;\n    }\n    .tms-platforms-orb-b {\n        width: 600px;\n        height: 600px;\n        background: #06b6d4;\n        opacity: 0.10;\n        filter: blur(100px);\n        bottom: -50px;\n        right: 10%;\n        animation: tmsPlatDriftB 14s ease-in-out infinite alternate-reverse;\n    }\n    .tms-platforms-orb-c {\n        width: 450px;\n        height: 450px;\n        background: #4F46E5;\n        opacity: 0.12;\n        filter: blur(90px);\n        top: 40%;\n        right: 25%;\n        animation: tmsPlatDriftC 12s ease-in-out infinite alternate;\n    }\n    \n    @keyframes tmsPlatDriftA {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(40px, 30px) scale(1.1); }\n    }\n    @keyframes tmsPlatDriftB {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(-30px, -20px) scale(1.08); }\n    }\n    @keyframes tmsPlatDriftC {\n        from { transform: translate(0, 0); }\n        to { transform: translate(-25px, 15px); }\n    }\n    \n    .tms-platforms-dotgrid {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 1;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.06) 1px, transparent 1px);\n        background-size: 28px 28px;\n    }\n    .tms-platforms-noise {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 2;\n        opacity: 0.035;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 200px 200px;\n    }\n    .tms-platforms-spotlight {\n        position: absolute;\n        inset: 0;\n        pointer-events: none;\n        z-index: 1;\n        background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.22), transparent 70%);\n    }\n    \n    \/* ========== CONTAINER ========== *\/\n    .tms-platforms-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 32px;\n        position: relative;\n        z-index: 10;\n    }\n    \n    \/* ========== HEADER STYLES ========== *\/\n    .tms-platforms-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n    \n    .tms-platforms-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: #06B6D4;\n        background: rgba(6, 182, 212, 0.12);\n        border: 1px solid rgba(6, 182, 212, 0.3);\n        padding: 8px 20px;\n        border-radius: 100px;\n        margin-bottom: 24px;\n        opacity: 0;\n        animation: tmsPlatFadeUp 0.5s ease forwards 0.2s;\n    }\n    \n    .tms-platforms-h2 {\n        font-size: clamp(32px, 4.5vw, 52px);\n        font-weight: 800;\n        line-height: 1.2;\n        color: #ffffff;\n        margin-bottom: 20px;\n        opacity: 0;\n        animation: tmsPlatFadeUp 0.6s ease forwards 0.35s;\n    }\n    \n    .tms-platforms-h2 span {\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    \n    .tms-platforms-sub {\n        font-size: 18px;\n        line-height: 1.7;\n        color: rgba(255, 255, 255, 0.7);\n        max-width: 600px;\n        margin: 0 auto;\n        opacity: 0;\n        animation: tmsPlatFadeUp 0.6s ease forwards 0.5s;\n    }\n    \n    @keyframes tmsPlatFadeUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* ========== TAB BAR ========== *\/\n    .tms-tabs-bar {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-bottom: 48px;\n        opacity: 0;\n        animation: tmsPlatFadeUp 0.6s ease forwards 0.55s;\n    }\n    \n    .tms-tab-btn {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        background: rgba(10, 6, 26, 0.6);\n        backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 60px;\n        padding: 12px 28px;\n        font-size: 14px;\n        font-weight: 600;\n        color: rgba(255, 255, 255, 0.7);\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    \n    .tms-tab-btn svg {\n        width: 20px;\n        height: 20px;\n    }\n    \n    .tms-tab-btn:hover {\n        background: rgba(79, 70, 229, 0.2);\n        border-color: rgba(79, 70, 229, 0.4);\n        transform: translateY(-2px);\n    }\n    \n    .tms-tab-btn.tms-active {\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        border-color: transparent;\n        color: white;\n        box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);\n    }\n    \n    \/* ========== TAB PANELS ========== *\/\n    .tms-tab-panel {\n        display: none;\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n    \n    .tms-tab-panel.tms-active {\n        display: block;\n        animation: tmsPlatFadeIn 0.4s ease forwards;\n    }\n    \n    @keyframes tmsPlatFadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n    \n    \/* ========== 2-COLUMN LAYOUT ========== *\/\n    .tms-platforms-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 48px;\n        align-items: start;\n    }\n    \n    \/* ========== SERVICES LIST ========== *\/\n    .tms-services-list {\n        background: rgba(10, 6, 26, 0.6);\n        backdrop-filter: blur(20px);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-radius: 28px;\n        padding: 8px;\n    }\n    \n    .tms-service-item {\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        padding: 14px 20px;\n        border-radius: 20px;\n        transition: all 0.3s ease;\n        cursor: default;\n    }\n    \n    .tms-service-item:hover {\n        background: rgba(79, 70, 229, 0.1);\n        transform: translateX(6px);\n    }\n    \n    .tms-service-dot {\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        flex-shrink: 0;\n    }\n    \n    .tms-service-name {\n        font-size: 15px;\n        font-weight: 500;\n        color: rgba(255, 255, 255, 0.85);\n    }\n    \n    \/* ========== WHY CARD ========== *\/\n    .tms-why-card {\n        background: rgba(10, 6, 26, 0.75);\n        backdrop-filter: blur(24px);\n        border: 1px solid rgba(255, 255, 255, 0.06);\n        border-radius: 28px;\n        padding: 36px;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s ease;\n    }\n    \n    .tms-why-card::before {\n        content: '';\n        position: absolute;\n        inset: -1px;\n        border-radius: 28px;\n        padding: 2px;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4, #7C3AED, #4F46E5);\n        background-size: 300% 300%;\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n        -webkit-mask-composite: xor;\n        mask-composite: exclude;\n        pointer-events: none;\n    }\n    \n    .tms-why-card:hover::before {\n        opacity: 1;\n        animation: tmsPlatBorderRotate 4s ease infinite;\n    }\n    \n    @keyframes tmsPlatBorderRotate {\n        0% { background-position: 0% 0%; }\n        50% { background-position: 100% 100%; }\n        100% { background-position: 0% 0%; }\n    }\n    \n    .tms-why-card:hover {\n        transform: translateY(-6px);\n        border-color: transparent;\n        box-shadow: 0 25px 45px rgba(79, 70, 229, 0.2);\n    }\n    \n    .tms-why-icon {\n        width: 64px;\n        height: 64px;\n        border-radius: 20px;\n        background: rgba(79, 70, 229, 0.15);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n    }\n    \n    .tms-why-icon svg {\n        width: 34px;\n        height: 34px;\n    }\n    \n    .tms-why-card h3 {\n        font-size: 22px;\n        font-weight: 700;\n        color: #ffffff;\n        margin-bottom: 16px;\n    }\n    \n    .tms-why-card p {\n        font-size: 15px;\n        line-height: 1.7;\n        color: rgba(255, 255, 255, 0.65);\n        margin-bottom: 24px;\n    }\n    \n    .tms-why-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        color: white;\n        font-size: 14px;\n        font-weight: 600;\n        padding: 12px 24px;\n        border-radius: 40px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n    }\n    \n    .tms-why-btn:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3);\n        gap: 14px;\n    }\n    \n    \/* ========== RESPONSIVE ========== *\/\n    @media (max-width: 968px) {\n        .tms-platforms-grid {\n            grid-template-columns: 1fr;\n            gap: 32px;\n        }\n        .tms-platforms-wrap { padding: 80px 0; }\n        .tms-platforms-container { padding: 0 24px; }\n        .tms-tab-btn { padding: 10px 20px; font-size: 13px; }\n    }\n    \n    @media (max-width: 640px) {\n        .tms-tabs-bar { gap: 8px; }\n        .tms-tab-btn { padding: 8px 16px; font-size: 12px; }\n        .tms-tab-btn svg { width: 16px; height: 16px; }\n        .tms-why-card { padding: 24px; }\n        .tms-why-card h3 { font-size: 18px; }\n        .tms-service-item { padding: 10px 16px; }\n        .tms-service-name { font-size: 13px; }\n    }\n    \n    \/* Reduced Motion *\/\n    @media (prefers-reduced-motion: reduce) {\n        .tms-platforms-wrap * {\n            animation: none !important;\n            transition: none !important;\n        }\n    }\n    <\/style>\n    \n    <!-- Font Import -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n    \n    <!-- Platforms Section HTML -->\n    <div class=\"tms-platforms-wrap\">\n        <!-- EXACT HERO BACKGROUND LAYERS -->\n        <div class=\"tms-platforms-orb tms-platforms-orb-a\"><\/div>\n        <div class=\"tms-platforms-orb tms-platforms-orb-b\"><\/div>\n        <div class=\"tms-platforms-orb tms-platforms-orb-c\"><\/div>\n        <div class=\"tms-platforms-dotgrid\"><\/div>\n        <div class=\"tms-platforms-noise\"><\/div>\n        <div class=\"tms-platforms-spotlight\"><\/div>\n        \n        <div class=\"tms-platforms-container\">\n            <div class=\"tms-platforms-header\">\n                <div class=\"tms-platforms-eyebrow\">\n                    <span>\u26a1<\/span> 500+ SERVICES\n                <\/div>\n                <h2 class=\"tms-platforms-h2\">Dominate Every<br><span>Major Platform<\/span><\/h2>\n                <p class=\"tms-platforms-sub\">Services built for visible, lasting impact across every social media platform your audience lives on.<\/p>\n            <\/div>\n            \n            <!-- Tab Bar with Authentic Logos -->\n            <div class=\"tms-tabs-bar\">\n                <button class=\"tms-tab-btn tms-active\" data-tab=\"instagram\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\n                        <circle cx=\"12\" cy=\"12\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\n                        <circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"currentColor\"\/>\n                    <\/svg>\n                    Instagram\n                <\/button>\n                <button class=\"tms-tab-btn\" data-tab=\"youtube\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M22.5401 6.68C22.3401 5.92 21.7301 5.31 20.9701 5.11C19.2001 4.67 12.0001 4.67 12.0001 4.67C12.0001 4.67 4.80012 4.67 3.03012 5.11C2.27012 5.31 1.66012 5.92 1.46012 6.68C1.02012 8.45 1.02012 12.12 1.02012 12.12C1.02012 12.12 1.02012 15.79 1.46012 17.56C1.66012 18.32 2.27012 18.93 3.03012 19.13C4.80012 19.57 12.0001 19.57 12.0001 19.57C12.0001 19.57 19.2001 19.57 20.9701 19.13C21.7301 18.93 22.3401 18.32 22.5401 17.56C22.9801 15.79 22.9801 12.12 22.9801 12.12C22.9801 12.12 22.9801 8.45 22.5401 6.68Z\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\n                        <polygon points=\"9.75 8.99 15.5 12.12 9.75 15.25 9.75 8.99\" fill=\"currentColor\"\/>\n                    <\/svg>\n                    YouTube\n                <\/button>\n                <button class=\"tms-tab-btn\" data-tab=\"tiktok\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M16.6 5.82C15.9 5.1 15.5 4.2 15.5 3.2L13.5 3.2V15.5C13.5 17 12.2 18.2 10.7 18.2C9.2 18.2 7.9 16.9 7.9 15.4C7.9 13.9 9.2 12.6 10.7 12.6C11.1 12.6 11.5 12.7 11.9 12.9V10.8C11.5 10.7 11.1 10.6 10.7 10.6C7.9 10.6 5.5 13 5.5 15.8C5.5 18.6 7.9 21 10.7 21C13.5 21 16 18.6 16 15.8V9.5C17.1 10.3 18.4 10.8 19.8 10.8V8.8C18.2 8.8 16.9 7.6 16.6 5.82Z\" fill=\"currentColor\"\/>\n                    <\/svg>\n                    TikTok\n                <\/button>\n                <button class=\"tms-tab-btn\" data-tab=\"facebook\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                    <\/svg>\n                    Facebook\n                <\/button>\n                <button class=\"tms-tab-btn\" data-tab=\"more\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\n                        <path d=\"M12 8V12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                        <circle cx=\"12\" cy=\"16\" r=\"0.5\" fill=\"currentColor\"\/>\n                    <\/svg>\n                    More\n                <\/button>\n            <\/div>\n            \n            <!-- Tab Panel: Instagram -->\n            <div class=\"tms-tab-panel tms-active\" id=\"tab-instagram\">\n                <div class=\"tms-platforms-grid\">\n                    <div class=\"tms-services-list\">\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Instagram Followers (real-looking, non-drop, gradual)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Post Likes &amp; Saves<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Reel Views (high-retention)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Story Views<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Comments (custom and random)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Profile Visits &amp; Impressions<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">IGTV Views<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Live Video Viewers<\/span><\/div>\n                    <\/div>\n                    <div class=\"tms-why-card\">\n                        <div class=\"tms-why-icon\">\n                            <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" stroke=\"#E1306C\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                <circle cx=\"12\" cy=\"12\" r=\"4.5\" stroke=\"#E1306C\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                <circle cx=\"17.5\" cy=\"6.5\" r=\"1.5\" fill=\"#E1306C\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3>\ud83d\udcf8 Why Instagram Matters<\/h3>\n                        <p>A profile with strong follower counts and engagement attracts organic followers automatically. People follow accounts that already look popular. Brands partner with creators who demonstrate reach.<\/p>\n                        <p>The algorithm pushes posts that receive early engagement \u2014 creating a compounding snowball effect of organic discovery. When you buy Instagram followers from the cheapest SMM panel in India, you're not buying vanity. You're buying the credibility that unlocks everything else.<\/p>\n                        <a href=\"#\" class=\"tms-why-btn\">Start Growing Instagram \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tab Panel: YouTube -->\n            <div class=\"tms-tab-panel\" id=\"tab-youtube\">\n                <div class=\"tms-platforms-grid\">\n                    <div class=\"tms-services-list\">\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">YouTube Subscribers (non-drop, gradual)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">High-Retention Video Views (30s to full watch)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Watch Hours (monetization-eligible)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Video Likes &amp; Dislikes<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Comments (custom text supported)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Video Shares<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Live Stream Viewers<\/span><\/div>\n                    <\/div>\n                    <div class=\"tms-why-card\">\n                        <div class=\"tms-why-icon\">\n                            <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M22.5401 6.68C22.3401 5.92 21.7301 5.31 20.9701 5.11C19.2001 4.67 12.0001 4.67 12.0001 4.67C12.0001 4.67 4.80012 4.67 3.03012 5.11C2.27012 5.31 1.66012 5.92 1.46012 6.68C1.02012 8.45 1.02012 12.12 1.02012 12.12C1.02012 12.12 1.02012 15.79 1.46012 17.56C1.66012 18.32 2.27012 18.93 3.03012 19.13C4.80012 19.57 12.0001 19.57 12.0001 19.57C12.0001 19.57 19.2001 19.57 20.9701 19.13C21.7301 18.93 22.3401 18.32 22.5401 17.56C22.9801 15.79 22.9801 12.12 22.9801 12.12C22.9801 12.12 22.9801 8.45 22.5401 6.68Z\" stroke=\"#FF0000\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                <polygon points=\"9.75 8.99 15.5 12.12 9.75 15.25 9.75 8.99\" fill=\"#FF0000\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3>\u25b6\ufe0f Why YouTube Matters<\/h3>\n                        <p>YouTube monetization requires 1,000 subscribers + 4,000 watch hours. Our services help you hit those thresholds dramatically faster \u2014 safely, progressively, and without triggering any flags.<\/p>\n                        <p>Videos with higher view counts and engagement rank higher in YouTube search and suggested feeds. Every serious YouTuber in India ends up here \u2014 because the quality and price combination doesn't exist anywhere else.<\/p>\n                        <a href=\"#\" class=\"tms-why-btn\">Start Growing YouTube \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tab Panel: TikTok -->\n            <div class=\"tms-tab-panel\" id=\"tab-tiktok\">\n                <div class=\"tms-platforms-grid\">\n                    <div class=\"tms-services-list\">\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">TikTok Followers<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Video Views (fast delivery for algorithm triggering)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Likes &amp; Hearts<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Video Shares<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Comments<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Live Stream Viewers<\/span><\/div>\n                    <\/div>\n                    <div class=\"tms-why-card\">\n                        <div class=\"tms-why-icon\">\n                            <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M16.6 5.82C15.9 5.1 15.5 4.2 15.5 3.2L13.5 3.2V15.5C13.5 17 12.2 18.2 10.7 18.2C9.2 18.2 7.9 16.9 7.9 15.4C7.9 13.9 9.2 12.6 10.7 12.6C11.1 12.6 11.5 12.7 11.9 12.9V10.8C11.5 10.7 11.1 10.6 10.7 10.6C7.9 10.6 5.5 13 5.5 15.8C5.5 18.6 7.9 21 10.7 21C13.5 21 16 18.6 16 15.8V9.5C17.1 10.3 18.4 10.8 19.8 10.8V8.8C18.2 8.8 16.9 7.6 16.6 5.82Z\" fill=\"#000000\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3>\ud83c\udfb5 Why TikTok Matters<\/h3>\n                        <p>TikTok's algorithm rewards momentum, not follower count. Early engagement signals the algorithm to push it to a wider audience. Our fast-delivery TikTok views and likes act as the ignition switch for viral potential.<\/p>\n                        <p>A profile with strong follower counts converts viewers into followers at a much higher rate. Social proof makes people hit \"Follow\" instead of scrolling past.<\/p>\n                        <a href=\"#\" class=\"tms-why-btn\">Start Growing TikTok \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tab Panel: Facebook -->\n            <div class=\"tms-tab-panel\" id=\"tab-facebook\">\n                <div class=\"tms-platforms-grid\">\n                    <div class=\"tms-services-list\">\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Page Likes &amp; Followers<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Post Likes &amp; Reactions (all types)<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Video Views<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Comments &amp; Shares<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Group Members<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Event Attendees<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Review Ratings<\/span><\/div>\n                    <\/div>\n                    <div class=\"tms-why-card\">\n                        <div class=\"tms-why-icon\">\n                            <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z\" stroke=\"#1877F2\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3>\ud83d\udc4d Why Facebook Matters<\/h3>\n                        <p>A Facebook page with strong like counts converts visitors into customers at higher rates. Trust signals matter enormously for purchasing decisions. Posts with higher engagement get shown to more people organically.<\/p>\n                        <p>Better-performing pages also see improved results from Facebook Ads, because the algorithm trusts established, active pages more. Every engagement boost multiplies your reach without additional ad spending.<\/p>\n                        <a href=\"#\" class=\"tms-why-btn\">Start Growing Facebook \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tab Panel: More Platforms -->\n            <div class=\"tms-tab-panel\" id=\"tab-more\">\n                <div class=\"tms-platforms-grid\">\n                    <div class=\"tms-services-list\">\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Twitter\/X \u2014 Followers, Likes, Retweets, Impressions<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">LinkedIn \u2014 Connections, Post Likes, Followers, Endorsements<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Spotify \u2014 Plays, Followers, Playlist Adds, Monthly Listeners<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Telegram \u2014 Channel Members, Post Views, Reactions<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">SoundCloud \u2014 Plays, Followers, Likes, Reposts<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">Threads, Pinterest &amp; Snapchat<\/span><\/div>\n                        <div class=\"tms-service-item\"><div class=\"tms-service-dot\"><\/div><span class=\"tms-service-name\">And 400+ more services...<\/span><\/div>\n                    <\/div>\n                    <div class=\"tms-why-card\">\n                        <div class=\"tms-why-icon\">\n                            <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#14B8A6\" stroke-width=\"1.5\" fill=\"none\"\/>\n                                <path d=\"M12 8V12\" stroke=\"#14B8A6\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n                                <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"#14B8A6\"\/>\n                            <\/svg>\n                        <\/div>\n                        <h3>\ud83c\udf10 Every Platform. One Dashboard.<\/h3>\n                        <p>Our 500+ social media growth services extend far beyond the big four. Whatever platform your audience lives on, we have services ready to deliver \u2014 today.<\/p>\n                        <p>One clean dashboard. No switching between tools, tabs, or providers. Everything you need for social media growth services lives in one place.<\/p>\n                        <a href=\"#\" class=\"tms-why-btn\">Browse All 500+ Services \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Tab Switching JavaScript -->\n    <script>\n    (function() {\n        var tabs = document.querySelectorAll('.tms-tab-btn');\n        var panels = document.querySelectorAll('.tms-tab-panel');\n        \n        function switchTab(tabId) {\n            \/\/ Hide all panels\n            panels.forEach(function(panel) {\n                panel.classList.remove('tms-active');\n            });\n            \n            \/\/ Remove active class from all tabs\n            tabs.forEach(function(tab) {\n                tab.classList.remove('tms-active');\n            });\n            \n            \/\/ Show selected panel\n            var activePanel = document.getElementById('tab-' + tabId);\n            if (activePanel) {\n                activePanel.classList.add('tms-active');\n            }\n            \n            \/\/ Add active class to clicked tab\n            var clickedTab = document.querySelector('.tms-tab-btn[data-tab=\"' + tabId + '\"]');\n            if (clickedTab) {\n                clickedTab.classList.add('tms-active');\n            }\n        }\n        \n        tabs.forEach(function(tab) {\n            tab.addEventListener('click', function() {\n                var tabId = this.getAttribute('data-tab');\n                switchTab(tabId);\n            });\n        });\n    })();\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d2b4e5 e-con-full e-flex e-con e-parent\" data-id=\"4d2b4e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf385c7 elementor-widget elementor-widget-shortcode\" data-id=\"cf385c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n<style>\n\/* ================================================================\n   HOW IT WORKS SECTION - PREMIUM MOTION GRAPHIC SYSTEM\n   Auto-play loop animation with guided journey\n   ================================================================ *\/\n\n\/* EXACT HERO BACKGROUND *\/\n.tms-how-wrap {\n    position: relative;\n    overflow: hidden;\n    padding: 120px 0 140px;\n    background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n}\n\n\/* ========== BACKGROUND LAYERS (Exact match to hero) ========== *\/\n.tms-how-orb {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    will-change: transform;\n    z-index: 0;\n}\n.tms-how-orb-a {\n    width: 700px;\n    height: 700px;\n    background: #7c3aed;\n    opacity: 0.15;\n    filter: blur(120px);\n    top: -100px;\n    left: -100px;\n    animation: tmsHowDriftA 10s ease-in-out infinite alternate;\n}\n.tms-how-orb-b {\n    width: 600px;\n    height: 600px;\n    background: #06b6d4;\n    opacity: 0.10;\n    filter: blur(100px);\n    bottom: -50px;\n    right: 10%;\n    animation: tmsHowDriftB 14s ease-in-out infinite alternate-reverse;\n}\n.tms-how-orb-c {\n    width: 450px;\n    height: 450px;\n    background: #4F46E5;\n    opacity: 0.12;\n    filter: blur(90px);\n    top: 40%;\n    right: 25%;\n    animation: tmsHowDriftC 12s ease-in-out infinite alternate;\n}\n\n@keyframes tmsHowDriftA {\n    from { transform: translate(0, 0) scale(1); }\n    to { transform: translate(40px, 30px) scale(1.1); }\n}\n@keyframes tmsHowDriftB {\n    from { transform: translate(0, 0) scale(1); }\n    to { transform: translate(-30px, -20px) scale(1.08); }\n}\n@keyframes tmsHowDriftC {\n    from { transform: translate(0, 0); }\n    to { transform: translate(-25px, 15px); }\n}\n\n.tms-how-dotgrid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n    background-size: 28px 28px;\n    animation: tmsHowGrainShift 8s ease-in-out infinite alternate;\n}\n\n@keyframes tmsHowGrainShift {\n    0% { background-position: 0% 0%; }\n    100% { background-position: 100% 100%; }\n}\n\n.tms-how-noise {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 2;\n    opacity: 0.03;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    background-repeat: repeat;\n    background-size: 200px 200px;\n    animation: tmsHowNoiseMove 10s ease-in-out infinite alternate;\n}\n\n@keyframes tmsHowNoiseMove {\n    0% { transform: scale(1); opacity: 0.03; }\n    100% { transform: scale(1.05); opacity: 0.05; }\n}\n\n.tms-how-spotlight {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.22), transparent 70%);\n    animation: tmsHowBreathing 4s ease-in-out infinite;\n}\n\n@keyframes tmsHowBreathing {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.05); }\n}\n\n\/* ========== CONTAINER ========== *\/\n.tms-how-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n    z-index: 10;\n}\n\n\/* ========== HEADER ========== *\/\n.tms-how-header {\n    text-align: center;\n    margin-bottom: 64px;\n}\n\n.tms-how-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #06b6d4;\n    background: rgba(6, 182, 212, 0.12);\n    border: 1px solid rgba(6, 182, 212, 0.3);\n    padding: 8px 22px;\n    border-radius: 100px;\n    margin-bottom: 24px;\n}\n\n.tms-how-h2 {\n    font-size: clamp(32px, 4.5vw, 48px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    margin-bottom: 16px;\n    color: #ffffff;\n}\n\n.tms-how-h2 span {\n    background: linear-gradient(130deg, #c084fc 0%, #818cf8 30%, #06b6d4 60%, #a855f7 100%);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: tmsHowGradShift 3.5s linear infinite;\n}\n\n@keyframes tmsHowGradShift {\n    0% { background-position: 0% center; }\n    100% { background-position: 250% center; }\n}\n\n.tms-how-sub {\n    font-size: 17px;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.6);\n    max-width: 560px;\n    margin: 0 auto;\n}\n\n\/* ========== STEPS CONTAINER ========== *\/\n.tms-steps-container {\n    position: relative;\n    margin: 60px 0 50px;\n}\n\n\/* Horizontal line connector (the \"energy line\") *\/\n.tms-steps-line {\n    position: absolute;\n    top: 40px;\n    left: 10%;\n    right: 10%;\n    height: 3px;\n    background: rgba(79, 70, 229, 0.15);\n    border-radius: 3px;\n    z-index: 1;\n    overflow: hidden;\n}\n\n\/* Active line overlay - animated *\/\n.tms-steps-line-active {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 0%;\n    height: 100%;\n    background: linear-gradient(90deg, #4F46E5, #06B6D4, #7C3AED);\n    border-radius: 3px;\n    box-shadow: 0 0 15px rgba(79, 70, 229, 0.6);\n    transition: width 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n}\n\n\/* Energy beam traveling effect *\/\n.tms-energy-beam {\n    position: absolute;\n    top: -2px;\n    width: 8px;\n    height: 7px;\n    background: #a78bfa;\n    border-radius: 50%;\n    box-shadow: 0 0 20px #a78bfa, 0 0 40px #7c3aed;\n    filter: blur(2px);\n    transition: left 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n    pointer-events: none;\n    z-index: 3;\n}\n\n\/* Data flow particles *\/\n.tms-data-particles {\n    position: absolute;\n    top: 38px;\n    height: 6px;\n    pointer-events: none;\n    z-index: 2;\n}\n\n.tms-particle-dot {\n    position: absolute;\n    width: 4px;\n    height: 4px;\n    background: #06b6d4;\n    border-radius: 50%;\n    opacity: 0;\n    filter: blur(1px);\n}\n\n\/* ========== STEPS GRID ========== *\/\n.tms-steps-grid {\n    display: flex;\n    justify-content: space-between;\n    gap: 20px;\n    position: relative;\n    z-index: 5;\n}\n\n\/* Individual Step *\/\n.tms-step {\n    flex: 1;\n    text-align: center;\n    position: relative;\n    transition: all 0.3s ease;\n}\n\n\/* Step Circle Container *\/\n.tms-step-circle {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    margin: 0 auto 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(10, 6, 26, 0.8);\n    border: 2px solid rgba(79, 70, 229, 0.3);\n    border-radius: 50%;\n    transition: all 0.3s ease;\n    z-index: 2;\n}\n\n\/* Glow effect for active step *\/\n.tms-step-circle::before {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(79, 70, 229, 0.4), transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n}\n\n.tms-step.active .tms-step-circle::before {\n    opacity: 1;\n    animation: tmsStepPulse 1.5s ease-out infinite;\n}\n\n@keyframes tmsStepPulse {\n    0% { transform: scale(1); opacity: 0.4; }\n    100% { transform: scale(1.3); opacity: 0; }\n}\n\n\/* Step Number *\/\n.tms-step-number {\n    position: absolute;\n    top: -8px;\n    right: -8px;\n    width: 28px;\n    height: 28px;\n    background: linear-gradient(135deg, #4F46E5, #7C3AED);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    font-weight: 700;\n    color: white;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n    z-index: 3;\n}\n\n\/* Step Icon *\/\n.tms-step-icon {\n    font-size: 32px;\n    transition: all 0.3s ease;\n}\n\n.tms-step.active .tms-step-icon {\n    transform: scale(1.1);\n    filter: drop-shadow(0 0 8px rgba(79, 70, 229, 0.5));\n}\n\n\/* Step Text *\/\n.tms-step-title {\n    font-size: 16px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 6px;\n    transition: color 0.3s ease;\n}\n\n.tms-step.active .tms-step-title {\n    color: #a78bfa;\n}\n\n.tms-step-desc {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.55);\n    line-height: 1.5;\n    transition: color 0.3s ease;\n}\n\n.tms-step.active .tms-step-desc {\n    color: rgba(255, 255, 255, 0.8);\n}\n\n\/* Inactive\/dimmed state (idle phase) *\/\n.tms-step.dimmed .tms-step-circle {\n    border-color: rgba(79, 70, 229, 0.15);\n    background: rgba(10, 6, 26, 0.5);\n}\n\n.tms-step.dimmed .tms-step-icon {\n    opacity: 0.4;\n}\n\n.tms-step.dimmed .tms-step-title {\n    color: rgba(255, 255, 255, 0.35);\n}\n\n.tms-step.dimmed .tms-step-desc {\n    color: rgba(255, 255, 255, 0.25);\n}\n\n\/* ========== CTA BUTTON SECTION ========== *\/\n.tms-how-cta {\n    text-align: center;\n    margin-top: 60px;\n}\n\n.tms-how-cta p {\n    font-size: 15px;\n    color: rgba(255, 255, 255, 0.5);\n    margin-bottom: 20px;\n}\n\n.tms-how-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background: linear-gradient(135deg, #4F46E5, #06B6D4);\n    color: white;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 16px 36px;\n    border-radius: 50px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    animation: tmsCtaPulse 2s ease-in-out infinite;\n}\n\n@keyframes tmsCtaPulse {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.4); }\n    50% { transform: scale(1.02); box-shadow: 0 0 0 15px rgba(79, 70, 229, 0); }\n}\n\n.tms-how-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(79, 70, 229, 0.4);\n    gap: 16px;\n}\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 900px) {\n    .tms-steps-line { display: none; }\n    .tms-energy-beam { display: none; }\n    .tms-steps-grid { flex-direction: column; gap: 30px; align-items: center; }\n    .tms-step { max-width: 280px; width: 100%; }\n    .tms-step-circle { width: 70px; height: 70px; }\n    .tms-step-icon { font-size: 28px; }\n    .tms-how-wrap { padding: 80px 0 100px; }\n}\n\n@media (max-width: 600px) {\n    .tms-how-container { padding: 0 20px; }\n    .tms-step-circle { width: 60px; height: 60px; }\n    .tms-step-icon { font-size: 24px; }\n    .tms-step-title { font-size: 14px; }\n    .tms-step-desc { font-size: 12px; }\n    .tms-how-btn { padding: 14px 28px; font-size: 14px; }\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n    .tms-how-wrap * {\n        animation: none !important;\n        transition: none !important;\n    }\n    .tms-steps-line-active { display: none; }\n    .tms-energy-beam { display: none; }\n}\n<\/style>\n\n<!-- Font Import -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n\n<!-- How It Works Section HTML -->\n<div class=\"tms-how-wrap\">\n    <!-- EXACT HERO BACKGROUND LAYERS -->\n    <div class=\"tms-how-orb tms-how-orb-a\"><\/div>\n    <div class=\"tms-how-orb tms-how-orb-b\"><\/div>\n    <div class=\"tms-how-orb tms-how-orb-c\"><\/div>\n    <div class=\"tms-how-dotgrid\"><\/div>\n    <div class=\"tms-how-noise\"><\/div>\n    <div class=\"tms-how-spotlight\"><\/div>\n\n    <div class=\"tms-how-container\">\n        <div class=\"tms-how-header\">\n            <div class=\"tms-how-eyebrow\">Simple Process<\/div>\n            <h2 class=\"tms-how-h2\">From Signup to Results<br><span>in Under 3 Minutes<\/span><\/h2>\n            <p class=\"tms-how-sub\">Five simple steps. No credit card required. No contracts. No setup fees.<\/p>\n        <\/div>\n\n        <div class=\"tms-steps-container\">\n            <!-- Horizontal Connector Line -->\n            <div class=\"tms-steps-line\">\n                <div class=\"tms-steps-line-active\" id=\"activeLine\"><\/div>\n            <\/div>\n            <div class=\"tms-energy-beam\" id=\"energyBeam\"><\/div>\n\n            <!-- Steps Grid -->\n            <div class=\"tms-steps-grid\" id=\"stepsGrid\">\n                \n                <!-- Step 1: Create Free Account -->\n                <div class=\"tms-step\" data-step=\"1\">\n                    <div class=\"tms-step-circle\">\n                        <span class=\"tms-step-number\">01<\/span>\n                        <div class=\"tms-step-icon\">\ud83d\udc64<\/div>\n                    <\/div>\n                    <div class=\"tms-step-title\">Create Free Account<\/div>\n                    <div class=\"tms-step-desc\">Sign up in 30 seconds<br>No credit card required<\/div>\n                <\/div>\n\n                <!-- Step 2: Add Funds -->\n                <div class=\"tms-step\" data-step=\"2\">\n                    <div class=\"tms-step-circle\">\n                        <span class=\"tms-step-number\">02<\/span>\n                        <div class=\"tms-step-icon\">\ud83d\udcb3<\/div>\n                    <\/div>\n                    <div class=\"tms-step-title\">Add Funds<\/div>\n                    <div class=\"tms-step-desc\">UPI, Paytm, GPay, Crypto<br>Instant reflection<\/div>\n                <\/div>\n\n                <!-- Step 3: Choose Services -->\n                <div class=\"tms-step\" data-step=\"3\">\n                    <div class=\"tms-step-circle\">\n                        <span class=\"tms-step-number\">03<\/span>\n                        <div class=\"tms-step-icon\">\ud83d\udd0d<\/div>\n                    <\/div>\n                    <div class=\"tms-step-title\">Choose Services<\/div>\n                    <div class=\"tms-step-desc\">Browse 500+ services<br>Filter by platform & type<\/div>\n                <\/div>\n\n                <!-- Step 4: Place Order -->\n                <div class=\"tms-step\" data-step=\"4\">\n                    <div class=\"tms-step-circle\">\n                        <span class=\"tms-step-number\">04<\/span>\n                        <div class=\"tms-step-icon\">\ud83d\uded2<\/div>\n                    <\/div>\n                    <div class=\"tms-step-title\">Place Order<\/div>\n                    <div class=\"tms-step-desc\">Paste link \u2192 Select quantity<br>Click order<\/div>\n                <\/div>\n\n                <!-- Step 5: Watch Results Live -->\n                <div class=\"tms-step\" data-step=\"5\">\n                    <div class=\"tms-step-circle\">\n                        <span class=\"tms-step-number\">05<\/span>\n                        <div class=\"tms-step-icon\">\ud83d\udcc8<\/div>\n                    <\/div>\n                    <div class=\"tms-step-title\">Watch Results Live<\/div>\n                    <div class=\"tms-step-desc\">Track in real time<br>Watch your account grow<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n        <div class=\"tms-how-cta\">\n            <p>Join 1,000+ users already growing. No credit card. No contracts.<\/p>\n            <a href=\"#\" class=\"tms-how-btn\">\ud83d\ude80 Create Your Free Account Now \u2192<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Auto-Play Loop Animation Script -->\n<script>\n(function() {\n    'use strict';\n    \n    var steps = document.querySelectorAll('.tms-step');\n    var activeLine = document.getElementById('activeLine');\n    var energyBeam = document.getElementById('energyBeam');\n    var stepsGrid = document.getElementById('stepsGrid');\n    \n    if (!steps.length) return;\n    \n    var stepPositions = [];\n    var animationInterval = null;\n    var currentStep = 0;\n    var isAnimating = false;\n    var loopDuration = 8000; \/\/ 8 seconds total loop\n    var stepDuration = 700; \/\/ 0.7s per step activation\n    var lineTravelDuration = 500; \/\/ 0.5s for line to travel\n    var completionHighlightDuration = 1000; \/\/ 1s completion highlight\n    var resetDuration = 1500; \/\/ 1.5s reset\n    \n    \/\/ Get step positions for the energy beam\n    function updateStepPositions() {\n        stepPositions = [];\n        steps.forEach(function(step, index) {\n            var rect = step.querySelector('.tms-step-circle').getBoundingClientRect();\n            var containerRect = stepsGrid.getBoundingClientRect();\n            stepPositions.push({\n                left: rect.left + rect.width \/ 2 - containerRect.left,\n                step: index\n            });\n        });\n    }\n    \n    \/\/ Update line width based on current step\n    function updateLineWidth(stepIndex) {\n        if (stepIndex === 0) {\n            activeLine.style.width = '0%';\n            return;\n        }\n        var percentage = (stepIndex \/ (steps.length - 1)) * 100;\n        activeLine.style.width = percentage + '%';\n    }\n    \n    \/\/ Update energy beam position\n    function updateEnergyBeam(stepIndex) {\n        if (!energyBeam || stepPositions.length === 0) return;\n        var containerRect = stepsGrid.getBoundingClientRect();\n        if (stepIndex === 0) {\n            var firstRect = steps[0].querySelector('.tms-step-circle').getBoundingClientRect();\n            energyBeam.style.left = (firstRect.left + firstRect.width \/ 2 - containerRect.left - 4) + 'px';\n        } else if (stepIndex <= stepPositions.length) {\n            var pos = stepPositions[stepIndex - 1];\n            if (pos) {\n                energyBeam.style.left = (pos.left - 4) + 'px';\n            }\n        }\n    }\n    \n    \/\/ Reset all steps to dimmed state\n    function resetAllSteps() {\n        steps.forEach(function(step) {\n            step.classList.remove('active');\n            step.classList.add('dimmed');\n        });\n        activeLine.style.width = '0%';\n        if (energyBeam) {\n            var containerRect = stepsGrid.getBoundingClientRect();\n            var firstRect = steps[0].querySelector('.tms-step-circle').getBoundingClientRect();\n            energyBeam.style.left = (firstRect.left + firstRect.width \/ 2 - containerRect.left - 4) + 'px';\n        }\n    }\n    \n    \/\/ Activate a specific step\n    function activateStep(stepIndex) {\n        if (stepIndex >= steps.length) return;\n        \n        \/\/ Remove dimmed from this step and add active\n        steps[stepIndex].classList.remove('dimmed');\n        steps[stepIndex].classList.add('active');\n        \n        \/\/ Add ripple effect on click\/activation\n        var circle = steps[stepIndex].querySelector('.tms-step-circle');\n        if (circle) {\n            circle.style.transform = 'scale(1.05)';\n            setTimeout(function() {\n                if (circle) circle.style.transform = '';\n            }, 200);\n        }\n    }\n    \n    \/\/ Deactivate a step (for reset)\n    function deactivateStep(stepIndex) {\n        if (stepIndex >= steps.length) return;\n        steps[stepIndex].classList.remove('active');\n        steps[stepIndex].classList.add('dimmed');\n    }\n    \n    \/\/ Completion highlight - all steps fully lit\n    function completionHighlight() {\n        steps.forEach(function(step) {\n            step.classList.remove('dimmed');\n            step.classList.add('active');\n        });\n        activeLine.style.width = '100%';\n        \n        \/\/ Celebration pulse on final step\n        var finalCircle = steps[steps.length - 1].querySelector('.tms-step-circle');\n        if (finalCircle) {\n            finalCircle.style.transform = 'scale(1.1)';\n            finalCircle.style.boxShadow = '0 0 30px rgba(79, 70, 229, 0.6)';\n            setTimeout(function() {\n                if (finalCircle) {\n                    finalCircle.style.transform = '';\n                    finalCircle.style.boxShadow = '';\n                }\n            }, 600);\n        }\n    }\n    \n    \/\/ Main animation sequence\n    async function runAnimationSequence() {\n        if (isAnimating) return;\n        isAnimating = true;\n        \n        \/\/ Phase 1: Idle state (already set - all dimmed)\n        \n        \/\/ Phase 2: Activation Flow - Step by step\n        for (var i = 0; i < steps.length; i++) {\n            currentStep = i;\n            activateStep(i);\n            updateLineWidth(i + 1);\n            updateEnergyBeam(i + 1);\n            \n            \/\/ Add particle effect for steps 2-5 (coin drop, scanning, etc.)\n            if (i === 1) {\n                \/\/ Step 2: Add Funds - coin drop effect\n                var icon2 = steps[i].querySelector('.tms-step-icon');\n                if (icon2) {\n                    icon2.style.transform = 'translateY(-5px)';\n                    setTimeout(function() { if(icon2) icon2.style.transform = ''; }, 300);\n                }\n            }\n            if (i === 2) {\n                \/\/ Step 3: Choose Services - scanning effect\n                var circle3 = steps[i].querySelector('.tms-step-circle');\n                if (circle3) {\n                    circle3.style.boxShadow = '0 0 20px rgba(6, 182, 212, 0.5)';\n                    setTimeout(function() { if(circle3) circle3.style.boxShadow = ''; }, 500);\n                }\n            }\n            if (i === 3) {\n                \/\/ Step 4: Place Order - click ripple\n                var circle4 = steps[i].querySelector('.tms-step-circle');\n                if (circle4) {\n                    circle4.style.transform = 'scale(0.95)';\n                    setTimeout(function() { if(circle4) circle4.style.transform = ''; }, 150);\n                }\n            }\n            if (i === 4) {\n                \/\/ Step 5: Results Live - growth effect\n                var icon5 = steps[i].querySelector('.tms-step-icon');\n                if (icon5) {\n                    icon5.style.transform = 'scale(1.2)';\n                    setTimeout(function() { if(icon5) icon5.style.transform = ''; }, 400);\n                }\n            }\n            \n            await new Promise(function(resolve) { setTimeout(resolve, stepDuration); });\n        }\n        \n        \/\/ Phase 3: Completion Highlight\n        completionHighlight();\n        await new Promise(function(resolve) { setTimeout(resolve, completionHighlightDuration); });\n        \n        \/\/ Phase 4: Reset - smooth fade back\n        for (var j = steps.length - 1; j >= 0; j--) {\n            deactivateStep(j);\n            updateLineWidth(j);\n            updateEnergyBeam(j);\n            await new Promise(function(resolve) { setTimeout(resolve, 200); });\n        }\n        \n        \/\/ Reset line and beam to start\n        updateLineWidth(0);\n        var containerRect = stepsGrid.getBoundingClientRect();\n        var firstRect = steps[0].querySelector('.tms-step-circle').getBoundingClientRect();\n        if (energyBeam) {\n            energyBeam.style.left = (firstRect.left + firstRect.width \/ 2 - containerRect.left - 4) + 'px';\n        }\n        \n        isAnimating = false;\n        \n        \/\/ Start next loop after reset\n        if (animationInterval) {\n            clearTimeout(animationInterval);\n        }\n        animationInterval = setTimeout(function() {\n            runAnimationSequence();\n        }, 500);\n    }\n    \n    \/\/ Initialize positions and start animation\n    function init() {\n        updateStepPositions();\n        resetAllSteps();\n        \n        \/\/ Set initial beam position\n        if (energyBeam && stepsGrid) {\n            var containerRect = stepsGrid.getBoundingClientRect();\n            var firstRect = steps[0].querySelector('.tms-step-circle').getBoundingClientRect();\n            energyBeam.style.left = (firstRect.left + firstRect.width \/ 2 - containerRect.left - 4) + 'px';\n        }\n        \n        \/\/ Start animation after short delay\n        setTimeout(function() {\n            runAnimationSequence();\n        }, 1000);\n        \n        \/\/ Update positions on window resize\n        window.addEventListener('resize', function() {\n            updateStepPositions();\n            if (!isAnimating) {\n                resetAllSteps();\n                var containerRect = stepsGrid.getBoundingClientRect();\n                var firstRect = steps[0].querySelector('.tms-step-circle').getBoundingClientRect();\n                if (energyBeam) {\n                    energyBeam.style.left = (firstRect.left + firstRect.width \/ 2 - containerRect.left - 4) + 'px';\n                }\n            }\n        });\n    }\n    \n    \/\/ Start when page is ready\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', init);\n    } else {\n        init();\n    }\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1679d67 e-con-full e-flex e-con e-parent\" data-id=\"1679d67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8d299a elementor-widget elementor-widget-shortcode\" data-id=\"d8d299a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n<style>\n\/* ================================================================\n   PREMIUM SECTIONS COMBO - PERFECT GRID | EQUAL HEIGHTS | SMOOTH CAROUSEL\n   ================================================================ *\/\n\n\/* EXACT HERO BACKGROUND *\/\n.tms-premium-wrap {\n    position: relative;\n    overflow: hidden;\n    background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n}\n\n\/* ========== BACKGROUND LAYERS ========== *\/\n.tms-premium-orb {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    will-change: transform;\n    z-index: 0;\n}\n.tms-premium-orb-a {\n    width: 700px;\n    height: 700px;\n    background: #7c3aed;\n    opacity: 0.15;\n    filter: blur(120px);\n    top: -100px;\n    left: -100px;\n    animation: tmsPremDriftA 10s ease-in-out infinite alternate;\n}\n.tms-premium-orb-b {\n    width: 600px;\n    height: 600px;\n    background: #06b6d4;\n    opacity: 0.10;\n    filter: blur(100px);\n    bottom: -50px;\n    right: 10%;\n    animation: tmsPremDriftB 14s ease-in-out infinite alternate-reverse;\n}\n.tms-premium-orb-c {\n    width: 450px;\n    height: 450px;\n    background: #4F46E5;\n    opacity: 0.12;\n    filter: blur(90px);\n    top: 40%;\n    right: 25%;\n    animation: tmsPremDriftC 12s ease-in-out infinite alternate;\n}\n\n@keyframes tmsPremDriftA {\n    from { transform: translate(0, 0) scale(1); }\n    to { transform: translate(40px, 30px) scale(1.1); }\n}\n@keyframes tmsPremDriftB {\n    from { transform: translate(0, 0) scale(1); }\n    to { transform: translate(-30px, -20px) scale(1.08); }\n}\n@keyframes tmsPremDriftC {\n    from { transform: translate(0, 0); }\n    to { transform: translate(-25px, 15px); }\n}\n\n.tms-premium-dotgrid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n    background-size: 28px 28px;\n}\n\n.tms-premium-noise {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 2;\n    opacity: 0.03;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    background-repeat: repeat;\n    background-size: 200px 200px;\n}\n\n.tms-premium-spotlight {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.22), transparent 70%);\n    animation: tmsPremBreathing 4s ease-in-out infinite;\n}\n\n@keyframes tmsPremBreathing {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.05); }\n}\n\n\/* ========== SECTION SEPARATORS ========== *\/\n.tms-section-separator {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(79, 70, 229, 0.3), rgba(6, 182, 212, 0.3), rgba(79, 70, 229, 0.3), transparent);\n    margin: 20px 0;\n}\n\n\/* ========== CONTAINER ========== *\/\n.tms-premium-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n    z-index: 10;\n}\n\n\/* ========== SECTION HEADER ========== *\/\n.tms-premium-header {\n    text-align: center;\n    margin-bottom: 56px;\n}\n\n.tms-premium-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #06b6d4;\n    background: rgba(6, 182, 212, 0.12);\n    border: 1px solid rgba(6, 182, 212, 0.3);\n    padding: 7px 18px;\n    border-radius: 100px;\n    margin-bottom: 20px;\n    backdrop-filter: blur(8px);\n}\n\n.tms-premium-h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    margin-bottom: 16px;\n    color: #ffffff;\n}\n\n.tms-premium-h2 span {\n    background: linear-gradient(130deg, #c084fc 0%, #818cf8 30%, #06b6d4 60%, #a855f7 100%);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: tmsPremGradShift 3.5s linear infinite;\n}\n\n@keyframes tmsPremGradShift {\n    0% { background-position: 0% center; }\n    100% { background-position: 250% center; }\n}\n\n.tms-premium-sub {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.65);\n    max-width: 560px;\n    margin: 0 auto;\n}\n\n\/* ========== SECTION 1: FEATURES GRID - PERFECT ALIGNMENT ========== *\/\n.tms-features-section {\n    padding: 80px 0 40px;\n}\n\n.tms-features-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n}\n\n\/* EQUAL HEIGHT CARDS - Using flex to ensure consistency *\/\n.tms-feat-card {\n    display: flex;\n    flex-direction: column;\n    background: rgba(10, 6, 26, 0.6);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    padding: 32px 28px;\n    transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n    position: relative;\n    overflow: hidden;\n    height: 100%;\n    min-height: 280px;\n}\n\n.tms-feat-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #4F46E5, #06B6D4, #7C3AED, transparent);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.tms-feat-card:hover::before {\n    opacity: 1;\n}\n\n.tms-feat-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(79, 70, 229, 0.4);\n    background: rgba(10, 6, 26, 0.85);\n    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.4);\n}\n\n\/* HIGH CONTRAST ICONS - Large, bright, visible *\/\n.tms-feat-icon {\n    width: 64px;\n    height: 64px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 20px;\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n}\n\n.tms-feat-card:hover .tms-feat-icon {\n    transform: scale(1.05);\n}\n\n.tms-feat-icon svg {\n    width: 32px;\n    height: 32px;\n    filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));\n}\n\n\/* HIGH CONTRAST ICON COLORS - Vibrant and visible *\/\n.icon-purple { background: linear-gradient(135deg, #8B5CF6, #6D28D9); }\n.icon-purple svg { stroke: #ffffff; stroke-width: 1.8; }\n\n.icon-cyan { background: linear-gradient(135deg, #06B6D4, #0891B2); }\n.icon-cyan svg { stroke: #ffffff; stroke-width: 1.8; }\n\n.icon-green { background: linear-gradient(135deg, #22C55E, #16A34A); }\n.icon-green svg { stroke: #ffffff; stroke-width: 1.8; }\n\n.icon-orange { background: linear-gradient(135deg, #F59E0B, #D97706); }\n.icon-orange svg { stroke: #ffffff; stroke-width: 1.8; }\n\n.icon-pink { background: linear-gradient(135deg, #EC4899, #DB2777); }\n.icon-pink svg { stroke: #ffffff; stroke-width: 1.8; }\n\n.icon-indigo { background: linear-gradient(135deg, #6366F1, #4F46E5); }\n.icon-indigo svg { stroke: #ffffff; stroke-width: 1.8; }\n\n\/* Card content - ensures equal height *\/\n.tms-feat-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.tms-feat-card h3 {\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 12px;\n    line-height: 1.4;\n}\n\n.tms-feat-card p {\n    font-size: 14px;\n    line-height: 1.65;\n    color: rgba(255, 255, 255, 0.75);\n    margin: 0;\n}\n\n\/* ========== SECTION 2: COMPARISON TABLE ========== *\/\n.tms-comparison-section {\n    padding: 60px 0;\n}\n\n.tms-comp-wrapper {\n    background: rgba(10, 6, 26, 0.5);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    overflow-x: auto;\n    overflow-y: visible;\n}\n\n.tms-comp-table {\n    width: 100%;\n    border-collapse: collapse;\n    min-width: 700px;\n}\n\n.tms-comp-table th {\n    padding: 18px 24px;\n    text-align: left;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: rgba(255, 255, 255, 0.45);\n    background: rgba(10, 6, 26, 0.4);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.tms-comp-table td {\n    padding: 16px 24px;\n    text-align: left;\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.75);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    transition: all 0.2s ease;\n}\n\n.tms-comp-table tr:hover td {\n    background: rgba(79, 70, 229, 0.08);\n}\n\n.tms-comp-table tr:last-child td {\n    border-bottom: none;\n}\n\n.tms-comp-table td:first-child {\n    font-weight: 600;\n    color: #ffffff;\n}\n\n.tms-comp-highlight td {\n    background: rgba(79, 70, 229, 0.1);\n    border-left: 3px solid #4F46E5;\n}\n\n.tms-comp-check {\n    color: #22c55e;\n    font-weight: 700;\n    font-size: 16px;\n    display: inline-block;\n    margin-right: 6px;\n}\n\n.tms-comp-x {\n    color: #ef4444;\n    font-weight: 700;\n    font-size: 16px;\n    display: inline-block;\n    margin-right: 6px;\n}\n\n\/* ========== SECTION 3: TESTIMONIALS - FULL VISIBLE CAROUSEL ========== *\/\n.tms-testimonials-section {\n    padding: 60px 0 100px;\n    overflow: visible;\n    position: relative;\n}\n\n\/* Full-width carousel container *\/\n.tms-carousel-full {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    overflow: hidden;\n    padding: 20px 0;\n}\n\n.tms-carousel-track {\n    display: flex;\n    gap: 24px;\n    width: max-content;\n    animation: tmsScrollTestimonials 40s linear infinite;\n    will-change: transform;\n}\n\n.tms-carousel-full:hover .tms-carousel-track {\n    animation-play-state: paused;\n}\n\n@keyframes tmsScrollTestimonials {\n    0% { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n}\n\n\/* Proper fade masks on edges *\/\n.tms-carousel-full::before,\n.tms-carousel-full::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 120px;\n    z-index: 5;\n    pointer-events: none;\n}\n\n.tms-carousel-full::before {\n    left: 0;\n    background: linear-gradient(90deg, #050010, transparent);\n}\n\n.tms-carousel-full::after {\n    right: 0;\n    background: linear-gradient(-90deg, #050010, transparent);\n}\n\n.tms-testi-card {\n    width: 380px;\n    flex-shrink: 0;\n    background: rgba(10, 6, 26, 0.7);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    padding: 32px;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n}\n\n.tms-testi-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(79, 70, 229, 0.5);\n    background: rgba(10, 6, 26, 0.9);\n    box-shadow: 0 25px 40px rgba(0, 0, 0, 0.4);\n}\n\n.tms-testi-stars {\n    display: flex;\n    gap: 4px;\n    margin-bottom: 20px;\n}\n\n.tms-star-gold {\n    color: #f59e0b;\n    font-size: 16px;\n    letter-spacing: 2px;\n}\n\n.tms-testi-text {\n    font-size: 15px;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.85);\n    margin-bottom: 24px;\n    flex: 1;\n}\n\n.tms-testi-author {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-top: 8px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.tms-testi-avatar {\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, #4F46E5, #7C3AED);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n    font-weight: 700;\n    color: white;\n    box-shadow: 0 4px 15px rgba(79, 70, 229, 0.4);\n}\n\n.tms-testi-info h4 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 4px;\n}\n\n.tms-testi-info p {\n    font-size: 12px;\n    color: rgba(255, 255, 255, 0.5);\n}\n\n.tms-verified {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background: rgba(34, 197, 94, 0.15);\n    border: 1px solid rgba(34, 197, 94, 0.3);\n    border-radius: 100px;\n    padding: 2px 10px;\n    font-size: 10px;\n    font-weight: 600;\n    color: #22c55e;\n    margin-left: 8px;\n}\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 1024px) {\n    .tms-features-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n    }\n    .tms-testi-card { width: 340px; }\n    .tms-carousel-full::before,\n    .tms-carousel-full::after { width: 80px; }\n}\n\n@media (max-width: 768px) {\n    .tms-premium-container { padding: 0 20px; }\n    .tms-features-grid { grid-template-columns: 1fr; }\n    .tms-features-section { padding: 50px 0 20px; }\n    .tms-comparison-section { padding: 40px 0; }\n    .tms-testimonials-section { padding: 40px 0 70px; }\n    .tms-testi-card { width: 300px; padding: 24px; }\n    .tms-carousel-full::before,\n    .tms-carousel-full::after { width: 50px; }\n    .tms-comp-table th,\n    .tms-comp-table td { padding: 12px 16px; font-size: 12px; }\n}\n\n@media (max-width: 480px) {\n    .tms-testi-card { width: 280px; }\n    .tms-carousel-full::before,\n    .tms-carousel-full::after { width: 30px; }\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n    .tms-carousel-track { animation: none; }\n    .tms-premium-wrap * { animation: none !important; transition: none !important; }\n}\n<\/style>\n\n<!-- Font Import -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n\n<!-- Premium Sections Combo HTML -->\n<div class=\"tms-premium-wrap\">\n    <!-- EXACT HERO BACKGROUND LAYERS -->\n    <div class=\"tms-premium-orb tms-premium-orb-a\"><\/div>\n    <div class=\"tms-premium-orb tms-premium-orb-b\"><\/div>\n    <div class=\"tms-premium-orb tms-premium-orb-c\"><\/div>\n    <div class=\"tms-premium-dotgrid\"><\/div>\n    <div class=\"tms-premium-noise\"><\/div>\n    <div class=\"tms-premium-spotlight\"><\/div>\n\n    <div class=\"tms-premium-container\">\n        \n        <!-- ============================================================ -->\n        <!-- SECTION 1: Why We're Different -->\n        <!-- ============================================================ -->\n        <div class=\"tms-features-section\">\n            <div class=\"tms-premium-header\">\n                <div class=\"tms-premium-eyebrow\">\u2728 Why We're Different<\/div>\n                <h2 class=\"tms-premium-h2\">The Best SMM Panel in India \u2014<br><span>Feature by Feature<\/span><\/h2>\n                <p class=\"tms-premium-sub\">We don't just claim it. We prove it on every metric that actually matters to your growth and your wallet.<\/p>\n            <\/div>\n\n            <div class=\"tms-features-grid\">\n                <!-- Feature 1 -->\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-purple\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Instant Order Processing<\/h3><p>Most orders begin delivering within seconds of placement. Real-time. Verified. Not \"within 24 hours\" \u2014 actual seconds.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-green\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" fill=\"none\"\/><path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Non-Drop Guarantee + Free Refills<\/h3><p>If engagement drops within the guarantee period, we refill automatically at zero cost. No tickets. No arguments. Just results.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-orange\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Genuinely Cheapest in India<\/h3><p>We source directly, operate efficiently, and pass the savings to you. Compare our rates \u2014 we welcome it. No hidden fees whatsoever.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"currentColor\" fill=\"none\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"currentColor\" fill=\"none\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"currentColor\" fill=\"none\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>500+ Services, Every Platform<\/h3><p>Instagram, YouTube, TikTok, Facebook, Twitter, LinkedIn, Spotify, Telegram and more \u2014 every service type, one place.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-pink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><polyline points=\"16 18 22 12 16 6\" stroke=\"currentColor\" fill=\"none\"\/><polyline points=\"8 6 2 12 8 18\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Full REST API \u2014 Free for All<\/h3><p>Every account gets instant API access with clean documentation, real-time tracking &amp; bulk ordering. Build automations. Scale without limits.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-purple\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 01-2.83 0L2 12V2h10l8.59 8.59a2 2 0 010 2.82z\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>White-Label SMM Panel<\/h3><p>Custom domain, logo &amp; pricing. Your clients never see our name. Build equity in your own brand while we handle delivery behind the scenes.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" stroke=\"currentColor\" fill=\"none\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" stroke=\"currentColor\" fill=\"none\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\" stroke=\"currentColor\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\" stroke=\"currentColor\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Enterprise-Grade 99.9% Uptime<\/h3><p>No crashes during peak hours. No maintenance mode during Indian business hours. No lost orders. The reliability agencies and resellers depend on daily.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-green\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 8.81 19.79 19.79 0 01.01 2.18 2 2 0 012 0h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>24\/7 Human Support<\/h3><p>Real people, real answers within minutes. Not a chatbot. Not a 48-hour queue. Actual humans available around the clock, every single day.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-orange\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" stroke=\"currentColor\" fill=\"none\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\" stroke=\"currentColor\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>All Indian Payment Methods<\/h3><p>UPI, Paytm, Google Pay, PhonePe, NEFT\/IMPS\/RTGS, Bitcoin, USDT and more. Every major Indian payment method fully supported. Instant reflection.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-pink\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" fill=\"none\"\/><polyline points=\"12 6 12 12 16 14\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Drip-Feed \/ Gradual Delivery<\/h3><p>Control the pace of delivery for a natural-looking growth curve. Deliver followers over days, not all at once. Available on most services.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-indigo\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\" stroke=\"currentColor\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\" stroke=\"currentColor\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\" stroke=\"currentColor\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Real-Time Dashboard<\/h3><p>Track every order from your dashboard. See delivery progress update live. Full visibility into every order status, balance, and history in one place.<\/p><\/div><\/div>\n                <div class=\"tms-feat-card\"><div class=\"tms-feat-icon icon-green\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" fill=\"none\"\/><path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div><div class=\"tms-feat-content\"><h3>Zero Hidden Charges<\/h3><p>Transparent pricing. No setup fees. No contracts. No commitment. If an order can't be delivered, your balance is automatically refunded. Always.<\/p><\/div><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SECTION SEPARATOR -->\n        <div class=\"tms-section-separator\"><\/div>\n\n        <!-- ============================================================ -->\n        <!-- SECTION 2: Honest Comparison -->\n        <!-- ============================================================ -->\n        <div class=\"tms-comparison-section\">\n            <div class=\"tms-premium-header\">\n                <div class=\"tms-premium-eyebrow\">\ud83d\udcca Honest Comparison<\/div>\n                <h2 class=\"tms-premium-h2\">Us vs.<br><span>Every Other SMM Panel<\/span><\/h2>\n                <p class=\"tms-premium-sub\">See exactly what separates TheMainSMMSupplier.com from the rest of the market on every factor that matters to you.<\/p>\n            <\/div>\n\n            <div class=\"tms-comp-wrapper\">\n                <table class=\"tms-comp-table\">\n                    <thead><tr><th>Feature<\/th><th>\u274c Typical SMM Panels<\/th><th>\u2b50 TheMainSMMSupplier.com<\/th><\/tr><\/thead>\n                    <tbody>\n                        <tr class=\"tms-comp-highlight\"><td>Pricing<\/td><td>High markups, hidden fees, inconsistent rates<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> Cheapest in India. Transparent. No hidden charges, ever.<\/td><\/tr>\n                        <tr class=\"tms-comp-highlight\"><td>Delivery Speed<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Hours to days. Sometimes never delivered.<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> Instant. Most orders start in under 30 seconds.<\/td><\/tr>\n                        <tr class=\"tms-comp-highlight\"><td>Drop Rate<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> High drops. No refill. No accountability.<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> Non-drop guarantee + automatic free refills.<\/td><\/tr>\n                        <tr><td>Service Range<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> 50\u2013200 basic services only<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> 500+ services across every major platform.<\/td><\/tr>\n                        <tr><td>API Quality<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Broken, outdated, poorly documented<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> Fast REST API. Clean docs. Free for all accounts.<\/td><\/tr>\n                        <tr><td>Reseller Tools<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Limited or nonexistent<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> Child panels + white-label + custom profit margins.<\/td><\/tr>\n                        <tr class=\"tms-comp-highlight\"><td>Customer Support<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Slow tickets. Bot responses. Ghosting.<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> 24\/7 human support. Minutes, not days.<\/td><\/tr>\n                        <tr><td>Server Uptime<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Frequent crashes and maintenance windows<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> 99.9% uptime. Enterprise-grade servers.<\/td><\/tr>\n                        <tr><td>Payment Methods<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Limited options, no Indian methods<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> UPI, Paytm, GPay, bank transfer, crypto.<\/td><\/tr>\n                        <tr><td>Drip-Feed Delivery<\/td><td><span class=\"tms-comp-x\">\u2717<\/span> Rarely available or locked behind premium<\/td><td><span class=\"tms-comp-check\">\u2713<\/span> Available on most services. Full user control.<\/td><\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n\n        <!-- SECTION SEPARATOR -->\n        <div class=\"tms-section-separator\"><\/div>\n\n        <!-- ============================================================ -->\n        <!-- SECTION 3: Animated Testimonial Carousel - FULL VISIBLE -->\n        <!-- ============================================================ -->\n        <div class=\"tms-testimonials-section\">\n            <div class=\"tms-premium-header\">\n                <div class=\"tms-premium-eyebrow\">\ud83d\udcac Real Users. Real Results.<\/div>\n                <h2 class=\"tms-premium-h2\">What Our<br><span>Users Say<\/span><\/h2>\n                <p class=\"tms-premium-sub\">1,000+ creators, agencies, and resellers across India trust us daily with their brands, accounts, and client businesses.<\/p>\n            <\/div>\n\n            <!-- Full-width carousel with proper fade edges -->\n            <div class=\"tms-carousel-full\">\n                <div class=\"tms-carousel-track\">\n                    \n                    <!-- Testimonial 1 -->\n                    <div class=\"tms-testi-card\">\n                        <div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n                        <div class=\"tms-testi-text\">\"I've tested over 10 SMM panels across three years. TheMainSMMSupplier is the only one where I deposit money and feel confident it won't be wasted. Delivery is instant, quality is consistent, and my reseller margins sit above 50%. This platform genuinely changed my business trajectory.\"<\/div>\n                        <div class=\"tms-testi-author\">\n                            <div class=\"tms-testi-avatar\">R<\/div>\n                            <div class=\"tms-testi-info\"><h4>Rajesh K. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Digital Agency Owner, Mumbai<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 2 -->\n                    <div class=\"tms-testi-card\">\n                        <div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n                        <div class=\"tms-testi-text\">\"API integration took me less than two hours. The documentation is clean, endpoints are fast, and I haven't experienced a single timeout in four months of daily usage. Support responds within minutes \u2014 I've never experienced that with any other panel.\"<\/div>\n                        <div class=\"tms-testi-author\">\n                            <div class=\"tms-testi-avatar\">A<\/div>\n                            <div class=\"tms-testi-info\"><h4>Anjali M. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>SaaS Developer, Bangalore<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 3 -->\n                    <div class=\"tms-testi-card\">\n                        <div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n                        <div class=\"tms-testi-text\">\"As a freelancer on Fiverr, I needed a reliable supplier I could trust with client orders. TheMainSMMSupplier delivers every time. I buy Instagram followers at wholesale, resell at my own price, and my clients are thrilled. I've grown from \u20b95,000\/month to over \u20b960,000\/month.\"<\/div>\n                        <div class=\"tms-testi-author\">\n                            <div class=\"tms-testi-avatar\">V<\/div>\n                            <div class=\"tms-testi-info\"><h4>Vikram S. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Freelance Social Media Manager, Delhi<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 4 -->\n                    <div class=\"tms-testi-card\">\n                        <div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n                        <div class=\"tms-testi-text\">\"We manage social media for 23 restaurant and retail clients across Pune and Mumbai. Before switching, we dealt with constant delivery failures and angry clients. Since moving to TheMainSMMSupplier, we haven't had a single delivery issue. Client retention went from 70% to 95%.\"<\/div>\n                        <div class=\"tms-testi-author\">\n                            <div class=\"tms-testi-avatar\">P<\/div>\n                            <div class=\"tms-testi-info\"><h4>Priya D. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Co-Founder, Social Starter Agency, Pune<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 5 -->\n                    <div class=\"tms-testi-card\">\n                        <div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n                        <div class=\"tms-testi-text\">\"The cheapest prices I've found anywhere in India, combined with quality that actually holds up. My Instagram account went from 2K to 25K followers in two months. The gradual delivery feature made it look completely organic. Brands started reaching out. Best investment I've made.\"<\/div>\n                        <div class=\"tms-testi-author\">\n                            <div class=\"tms-testi-avatar\">S<\/div>\n                            <div class=\"tms-testi-info\"><h4>Samira N. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Lifestyle Influencer, Hyderabad<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Testimonial 6 -->\n                    <div class=\"tms-testi-card\">\n                        <div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div>\n                        <div class=\"tms-testi-text\">\"What sets them apart is the API reliability. I run a dashboard that processes over 500 orders daily, and I've had zero downtime in 6 months. The documentation is perfect, and their support team actually understands technical questions.\"<\/div>\n                        <div class=\"tms-testi-author\">\n                            <div class=\"tms-testi-avatar\">K<\/div>\n                            <div class=\"tms-testi-info\"><h4>Kunal S. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Automation Expert, Chennai<\/p><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- DUPLICATES FOR SEAMLESS LOOP -->\n                    <div class=\"tms-testi-card\"><div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div><div class=\"tms-testi-text\">\"I've tested over 10 SMM panels across three years. TheMainSMMSupplier is the only one where I deposit money and feel confident it won't be wasted. Delivery is instant, quality is consistent.\"<\/div><div class=\"tms-testi-author\"><div class=\"tms-testi-avatar\">R<\/div><div class=\"tms-testi-info\"><h4>Rajesh K. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Digital Agency Owner, Mumbai<\/p><\/div><\/div><\/div>\n                    <div class=\"tms-testi-card\"><div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div><div class=\"tms-testi-text\">\"API integration took me less than two hours. The documentation is clean, endpoints are fast, and I haven't experienced a single timeout in four months.\"<\/div><div class=\"tms-testi-author\"><div class=\"tms-testi-avatar\">A<\/div><div class=\"tms-testi-info\"><h4>Anjali M. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>SaaS Developer, Bangalore<\/p><\/div><\/div><\/div>\n                    <div class=\"tms-testi-card\"><div class=\"tms-testi-stars\"><span class=\"tms-star-gold\">\u2605\u2605\u2605\u2605\u2605<\/span><\/div><div class=\"tms-testi-text\">\"I've grown from \u20b95,000\/month to over \u20b960,000\/month in side income. Buy at wholesale, resell at my own price. Delivers every time without fail.\"<\/div><div class=\"tms-testi-author\"><div class=\"tms-testi-avatar\">V<\/div><div class=\"tms-testi-info\"><h4>Vikram S. <span class=\"tms-verified\">\u2713 Verified<\/span><\/h4><p>Freelancer, Delhi<\/p><\/div><\/div><\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fab2cd6 e-con-full e-flex e-con e-parent\" data-id=\"fab2cd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5849b4 elementor-widget elementor-widget-shortcode\" data-id=\"b5849b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n<style>\n\/* ================================================================\n   RESELLER + FAQ + FINAL CTA - FULLY SCOPED (No Global Conflicts)\n   No pink\/magenta - Only Purple, Cyan, Amber, Green\n   ================================================================ *\/\n\n\/* EXACT HERO BACKGROUND *\/\n.tms-combo2-wrap {\n    position: relative;\n    overflow: hidden;\n    background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n}\n\n\/* ========== BACKGROUND LAYERS ========== *\/\n.tms-combo2-orb {\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    will-change: transform;\n    z-index: 0;\n}\n.tms-combo2-orb-a {\n    width: 700px;\n    height: 700px;\n    background: #7c3aed;\n    opacity: 0.15;\n    filter: blur(120px);\n    top: -100px;\n    left: -100px;\n    animation: tmsC2DriftA 10s ease-in-out infinite alternate;\n}\n.tms-combo2-orb-b {\n    width: 600px;\n    height: 600px;\n    background: #f59e0b;\n    opacity: 0.10;\n    filter: blur(100px);\n    bottom: -50px;\n    right: 10%;\n    animation: tmsC2DriftB 14s ease-in-out infinite alternate-reverse;\n}\n.tms-combo2-orb-c {\n    width: 450px;\n    height: 450px;\n    background: #4F46E5;\n    opacity: 0.12;\n    filter: blur(90px);\n    top: 40%;\n    right: 25%;\n    animation: tmsC2DriftC 12s ease-in-out infinite alternate;\n}\n\n@keyframes tmsC2DriftA {\n    from { transform: translate(0, 0) scale(1); }\n    to { transform: translate(40px, 30px) scale(1.1); }\n}\n@keyframes tmsC2DriftB {\n    from { transform: translate(0, 0) scale(1); }\n    to { transform: translate(-30px, -20px) scale(1.08); }\n}\n@keyframes tmsC2DriftC {\n    from { transform: translate(0, 0); }\n    to { transform: translate(-25px, 15px); }\n}\n\n.tms-combo2-dotgrid {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n    background-size: 28px 28px;\n}\n\n.tms-combo2-noise {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 2;\n    opacity: 0.03;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    background-repeat: repeat;\n    background-size: 200px 200px;\n}\n\n.tms-combo2-spotlight {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n    background: radial-gradient(ellipse 600px 600px at 25% 55%, rgba(124, 58, 237, 0.22), transparent 70%);\n    animation: tmsC2Breathing 4s ease-in-out infinite;\n}\n\n@keyframes tmsC2Breathing {\n    0%, 100% { opacity: 0.6; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.05); }\n}\n\n\/* ========== CONTAINER ========== *\/\n.tms-combo2-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n    z-index: 10;\n}\n\n\/* ========== SECTION HEADER ========== *\/\n.tms-combo2-header {\n    text-align: center;\n    margin-bottom: 56px;\n}\n\n.tms-combo2-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: #f59e0b !important;\n    background: rgba(245, 158, 11, 0.12) !important;\n    border: 1px solid rgba(245, 158, 11, 0.3);\n    padding: 7px 18px;\n    border-radius: 100px;\n    margin-bottom: 20px;\n    backdrop-filter: blur(8px);\n    text-decoration: none !important;\n}\n\n.tms-combo2-h2 {\n    font-size: clamp(28px, 4vw, 44px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    margin-bottom: 16px;\n    color: #ffffff;\n}\n\n.tms-combo2-h2 span {\n    background: linear-gradient(130deg, #f59e0b, #ef4444);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: tmsC2GradShift 3.5s linear infinite;\n}\n\n@keyframes tmsC2GradShift {\n    0% { background-position: 0% center; }\n    100% { background-position: 250% center; }\n}\n\n.tms-combo2-sub {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.65);\n    max-width: 560px;\n    margin: 0 auto;\n}\n\n\/* ========== SECTION SEPARATORS ========== *\/\n.tms-combo2-separator {\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.3), rgba(239, 68, 68, 0.3), rgba(245, 158, 11, 0.3), transparent);\n    margin: 20px 0;\n}\n\n\/* ============================================================ *\/\n\/* SECTION 1: RESELLER OPPORTUNITY - FULLY SCOPED HOVERS *\/\n\/* ============================================================ *\/\n.tms-reseller-section {\n    padding: 80px 0 40px;\n}\n\n.tms-reseller-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: start;\n}\n\n\/* Left Column *\/\n.tms-reseller-left {\n    padding-right: 20px;\n}\n\n.tms-reseller-tagline {\n    font-size: 15px;\n    color: rgba(255, 255, 255, 0.6);\n    margin-bottom: 24px;\n    line-height: 1.6;\n    border-left: 3px solid #f59e0b;\n    padding-left: 20px;\n}\n\n.tms-reseller-benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin: 32px 0;\n}\n\n.tms-reseller-benefit {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 12px 0;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n    transition: transform 0.3s ease, border-bottom-color 0.3s ease;\n}\n\n\/* SCOPE: No pink\/magenta - using amber\/gold \u2014 !important blocks WP global override *\/\n.tms-combo2-wrap .tms-reseller-benefit:hover {\n    transform: translateX(6px) !important;\n    border-bottom-color: rgba(245, 158, 11, 0.5) !important;\n}\n\n.tms-reseller-benefit-icon {\n    width: 32px;\n    height: 32px;\n    background: rgba(245, 158, 11, 0.15);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    transition: background 0.3s ease, transform 0.3s ease;\n}\n\n.tms-combo2-wrap .tms-reseller-benefit:hover .tms-reseller-benefit-icon {\n    background: rgba(245, 158, 11, 0.3) !important;\n    transform: scale(1.05) !important;\n}\n\n.tms-reseller-benefit-text {\n    flex: 1;\n    font-size: 14px;\n    color: rgba(255, 255, 255, 0.75);\n    transition: color 0.3s ease;\n}\n\n.tms-combo2-wrap .tms-reseller-benefit:hover .tms-reseller-benefit-text {\n    color: rgba(255, 255, 255, 0.95) !important;\n}\n\n\/* Income Card - Fully Scoped *\/\n.tms-income-card {\n    background: rgba(10, 6, 26, 0.6);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    overflow: hidden;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.tms-combo2-wrap .tms-income-card:hover {\n    transform: translateY(-6px) !important;\n    border-color: rgba(245, 158, 11, 0.4) !important;\n    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.3) !important;\n}\n\n.tms-income-header {\n    background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(239, 68, 68, 0.08));\n    padding: 24px 28px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.tms-income-header h3 {\n    font-size: 20px;\n    font-weight: 700;\n    color: #f59e0b;\n    margin-bottom: 6px;\n}\n\n.tms-income-header p {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.5);\n}\n\n.tms-income-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    padding: 16px 28px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n    transition: background 0.2s ease;\n}\n\n\/* SCOPE: Row hover uses amber\/gold \u2014 !important prevents WP global bleed *\/\n.tms-combo2-wrap .tms-income-row:hover {\n    background: rgba(245, 158, 11, 0.06) !important;\n}\n\n.tms-income-header-row {\n    background: rgba(10, 6, 26, 0.4);\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    color: rgba(255, 255, 255, 0.45);\n}\n\n.tms-income-row span:first-child {\n    font-weight: 600;\n    color: #ffffff;\n}\n\n.tms-income-row span:nth-child(2) {\n    color: rgba(255, 255, 255, 0.7);\n}\n\n.tms-income-row span:last-child {\n    color: #22c55e;\n    font-weight: 700;\n}\n\n.tms-income-footer {\n    padding: 20px 28px;\n    background: rgba(34, 197, 94, 0.05);\n    border-top: 1px solid rgba(34, 197, 94, 0.1);\n}\n\n.tms-income-footer p {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.6);\n    line-height: 1.6;\n}\n\n\/* Reseller CTA Button - Fully Scoped \u2014 block WP anchor hover inheritance *\/\n.tms-reseller-cta {\n    margin-top: 32px;\n}\n\n.tms-combo2-wrap a.tms-reseller-btn,\n.tms-combo2-wrap a.tms-reseller-btn:link,\n.tms-combo2-wrap a.tms-reseller-btn:visited {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: linear-gradient(135deg, #f59e0b, #ef4444);\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 700;\n    padding: 14px 32px;\n    border-radius: 50px;\n    text-decoration: none;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, gap 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.tms-combo2-wrap a.tms-reseller-btn:hover,\n.tms-combo2-wrap a.tms-reseller-btn:focus {\n    transform: translateY(-3px) !important;\n    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4) !important;\n    gap: 14px !important;\n    background: linear-gradient(135deg, #f59e0b, #ef4444) !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none;\n}\n\n\/* ============================================================ *\/\n\/* SECTION 2: FAQ - FULLY SCOPED ACCORDION *\/\n\/* ============================================================ *\/\n.tms-faq-section {\n    padding: 60px 0;\n}\n\n.tms-faq-search {\n    max-width: 500px;\n    margin: 0 auto 40px;\n    position: relative;\n}\n\n.tms-faq-search input {\n    width: 100%;\n    padding: 14px 20px 14px 48px;\n    background: rgba(10, 6, 26, 0.6);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 60px;\n    font-size: 14px;\n    color: #ffffff;\n    font-family: inherit;\n    transition: border-color 0.3s ease, background 0.3s ease;\n    box-sizing: border-box;\n}\n\n.tms-faq-search input:focus {\n    outline: none;\n    border-color: rgba(79, 70, 229, 0.5);\n    background: rgba(10, 6, 26, 0.8);\n}\n\n.tms-faq-search input::placeholder {\n    color: rgba(255, 255, 255, 0.4);\n}\n\n.tms-faq-search-icon {\n    position: absolute;\n    left: 18px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 16px;\n    color: rgba(255, 255, 255, 0.4);\n}\n\n.tms-faq-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n}\n\n.tms-faq-item {\n    background: rgba(10, 6, 26, 0.5);\n    backdrop-filter: blur(16px);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 20px;\n    overflow: hidden;\n    transition: border-color 0.3s ease;\n}\n\n\/* SCOPE: FAQ hover - uses purple\/cyan \u2014 !important prevents WP bleed *\/\n.tms-combo2-wrap .tms-faq-item:hover {\n    border-color: rgba(79, 70, 229, 0.4) !important;\n}\n\n\/* FAQ button: reset ALL browser and WP inherited styles, then apply ours *\/\n.tms-combo2-wrap button.tms-faq-question {\n    all: unset;\n    box-sizing: border-box;\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 20px 24px;\n    background: transparent !important;\n    border: none !important;\n    cursor: pointer;\n    text-align: left;\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    color: #ffffff !important;\n    transition: color 0.2s ease;\n}\n\n\/* SCOPE: Question hover - uses purple (#818cf8), never pink *\/\n.tms-combo2-wrap button.tms-faq-question:hover {\n    color: #818cf8 !important;\n    background: transparent !important;\n}\n\n.tms-faq-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: rgba(79, 70, 229, 0.15);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 700;\n    color: #818cf8;\n    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;\n    flex-shrink: 0;\n}\n\n.tms-combo2-wrap .tms-faq-item.active .tms-faq-icon {\n    transform: rotate(45deg) !important;\n    background: linear-gradient(135deg, #4F46E5, #06B6D4) !important;\n    color: #ffffff !important;\n}\n\n.tms-faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    padding: 0 24px;\n    transition: max-height 0.4s ease, padding 0.3s ease;\n}\n\n.tms-faq-item.active .tms-faq-answer {\n    padding: 0 24px 20px;\n}\n\n.tms-faq-answer p {\n    font-size: 13px;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0;\n}\n\n.tms-faq-no-results {\n    text-align: center;\n    padding: 40px;\n    color: rgba(255, 255, 255, 0.5);\n    display: none;\n    grid-column: span 2;\n}\n\n\/* ============================================================ *\/\n\/* SECTION 3: FINAL CTA - FULLY SCOPED *\/\n\/* ============================================================ *\/\n.tms-cta-section {\n    padding: 60px 0 100px;\n    text-align: center;\n}\n\n.tms-cta-card {\n    background: rgba(10, 6, 26, 0.6);\n    backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 40px;\n    padding: 60px 48px;\n    max-width: 800px;\n    margin: 0 auto;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.tms-combo2-wrap .tms-cta-card:hover {\n    transform: translateY(-6px) !important;\n    border-color: rgba(79, 70, 229, 0.5) !important;\n    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.4) !important;\n}\n\n.tms-cta-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #4F46E5, #06B6D4, #7C3AED, transparent);\n}\n\n.tms-cta-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: #06b6d4 !important;\n    background: rgba(6, 182, 212, 0.1) !important;\n    padding: 5px 14px;\n    border-radius: 100px;\n    margin-bottom: 24px;\n    text-decoration: none !important;\n}\n\n.tms-cta-title {\n    font-size: clamp(32px, 5vw, 48px);\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    line-height: 1.2;\n    color: #ffffff;\n    margin-bottom: 20px;\n}\n\n.tms-cta-title span {\n    background: linear-gradient(130deg, #c084fc, #818cf8, #06b6d4);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n}\n\n.tms-cta-text {\n    font-size: 16px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.6);\n    max-width: 500px;\n    margin: 0 auto 32px;\n}\n\n.tms-cta-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n\/* Primary CTA Button - No pink\/magenta \u2014 block WP anchor hover with all states *\/\n.tms-combo2-wrap a.tms-cta-btn-primary,\n.tms-combo2-wrap a.tms-cta-btn-primary:link,\n.tms-combo2-wrap a.tms-cta-btn-primary:visited {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: linear-gradient(135deg, #4F46E5, #06B6D4);\n    color: #ffffff;\n    font-size: 16px;\n    font-weight: 700;\n    padding: 16px 36px;\n    border-radius: 50px;\n    text-decoration: none;\n    transition: transform 0.3s ease, box-shadow 0.3s ease, gap 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    animation: tmsCtaPulse 2s ease-in-out infinite;\n}\n\n@keyframes tmsCtaPulse {\n    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.4); }\n    50% { transform: scale(1.02); box-shadow: 0 0 0 15px rgba(79, 70, 229, 0); }\n}\n\n.tms-combo2-wrap a.tms-cta-btn-primary:hover,\n.tms-combo2-wrap a.tms-cta-btn-primary:focus {\n    transform: translateY(-3px) !important;\n    box-shadow: 0 15px 35px rgba(79, 70, 229, 0.4) !important;\n    gap: 14px !important;\n    background: linear-gradient(135deg, #4F46E5, #06B6D4) !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none;\n}\n\n\/* Secondary CTA Button *\/\n.tms-combo2-wrap a.tms-cta-btn-secondary,\n.tms-combo2-wrap a.tms-cta-btn-secondary:link,\n.tms-combo2-wrap a.tms-cta-btn-secondary:visited {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    color: rgba(255, 255, 255, 0.9);\n    font-size: 16px;\n    font-weight: 600;\n    padding: 16px 32px;\n    border-radius: 50px;\n    text-decoration: none;\n    transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, color 0.3s ease;\n}\n\n.tms-combo2-wrap a.tms-cta-btn-secondary:hover,\n.tms-combo2-wrap a.tms-cta-btn-secondary:focus {\n    background: rgba(79, 70, 229, 0.15) !important;\n    transform: translateY(-3px) !important;\n    border-color: rgba(79, 70, 229, 0.5) !important;\n    color: #ffffff !important;\n    text-decoration: none !important;\n    outline: none;\n}\n\n.tms-cta-urgency {\n    font-size: 13px;\n    color: rgba(255, 255, 255, 0.4);\n    margin-top: 24px;\n    font-style: italic;\n}\n\n\/* ========== RESPONSIVE ========== *\/\n@media (max-width: 968px) {\n    .tms-reseller-grid {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    .tms-reseller-left { padding-right: 0; }\n    .tms-faq-grid { grid-template-columns: 1fr; }\n    .tms-faq-no-results { grid-column: span 1; }\n}\n\n@media (max-width: 768px) {\n    .tms-combo2-container { padding: 0 20px; }\n    .tms-reseller-section { padding: 50px 0 20px; }\n    .tms-faq-section { padding: 40px 0; }\n    .tms-cta-section { padding: 40px 0 70px; }\n    .tms-cta-card { padding: 40px 24px; margin: 0 16px; }\n    .tms-cta-buttons { flex-direction: column; align-items: center; }\n    .tms-income-row { padding: 12px 20px; font-size: 13px; }\n    .tms-income-header { padding: 18px 20px; }\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n    .tms-combo2-wrap * { animation: none !important; transition: none !important; }\n    .tms-combo2-wrap a.tms-cta-btn-primary { animation: none !important; }\n}\n<\/style>\n\n<!-- Font Import -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus Jakarta Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\">\n\n<!-- Reseller + FAQ + CTA Combo HTML -->\n<div class=\"tms-combo2-wrap\">\n    <!-- EXACT HERO BACKGROUND LAYERS -->\n    <div class=\"tms-combo2-orb tms-combo2-orb-a\"><\/div>\n    <div class=\"tms-combo2-orb tms-combo2-orb-b\"><\/div>\n    <div class=\"tms-combo2-orb tms-combo2-orb-c\"><\/div>\n    <div class=\"tms-combo2-dotgrid\"><\/div>\n    <div class=\"tms-combo2-noise\"><\/div>\n    <div class=\"tms-combo2-spotlight\"><\/div>\n\n    <div class=\"tms-combo2-container\">\n        \n        <!-- ============================================================ -->\n        <!-- SECTION 1: Reseller Opportunity -->\n        <!-- ============================================================ -->\n        <div class=\"tms-reseller-section\">\n            <div class=\"tms-combo2-header\">\n                <div class=\"tms-combo2-eyebrow\">\ud83d\udcb0 Reseller Opportunity<\/div>\n                <h2 class=\"tms-combo2-h2\">Launch Your Own SMM Business \u2014<br><span>30%\u201370% Profit Margins<\/span><\/h2>\n                <p class=\"tms-combo2-sub\">Hundreds of entrepreneurs across India are using this model right now to generate \u20b920,000 to \u20b91,00,000+ per month \u2014 many of them part-time. Zero inventory. Zero fulfillment headaches.<\/p>\n            <\/div>\n\n            <div class=\"tms-reseller-grid\">\n                <div class=\"tms-reseller-left\">\n                    <div class=\"tms-reseller-tagline\">Build a profitable business with zero upfront investment<\/div>\n                    <div class=\"tms-reseller-benefits\">\n                        <div class=\"tms-reseller-benefit\"><div class=\"tms-reseller-benefit-icon\">\u2705<\/div><div class=\"tms-reseller-benefit-text\">Zero inventory \u2014 selling digital services, not physical products<\/div><\/div>\n                        <div class=\"tms-reseller-benefit\"><div class=\"tms-reseller-benefit-icon\">\u2705<\/div><div class=\"tms-reseller-benefit-text\">Zero fulfillment \u2014 we deliver everything automatically behind the scenes<\/div><\/div>\n                        <div class=\"tms-reseller-benefit\"><div class=\"tms-reseller-benefit-icon\">\u2705<\/div><div class=\"tms-reseller-benefit-text\">Massive demand \u2014 every brand on social media wants more reach<\/div><\/div>\n                        <div class=\"tms-reseller-benefit\"><div class=\"tms-reseller-benefit-icon\">\u2705<\/div><div class=\"tms-reseller-benefit-text\">Incredible margins \u2014 buy wholesale, sell at your own price point<\/div><\/div>\n                        <div class=\"tms-reseller-benefit\"><div class=\"tms-reseller-benefit-icon\">\u2705<\/div><div class=\"tms-reseller-benefit-text\">Infinitely scalable \u2014 more clients = more profit, no extra work on your end<\/div><\/div>\n                        <div class=\"tms-reseller-benefit\"><div class=\"tms-reseller-benefit-icon\">\u2705<\/div><div class=\"tms-reseller-benefit-text\">White-label \u2014 your domain, your logo, your brand. We stay invisible.<\/div><\/div>\n                    <\/div>\n                    <div class=\"tms-reseller-cta\">\n                        <a href=\"#\" class=\"tms-reseller-btn\">\ud83d\udcbc Start Your Reseller Business \u2014 Free \u2192<\/a>\n                        <p style=\"font-size: 12px; color: rgba(255,255,255,0.4); margin-top: 12px;\">No setup fees. No commitment. Start in 60 seconds.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"tms-income-card\">\n                    <div class=\"tms-income-header\"><h3>\ud83d\udcb0 Reseller Income Estimator<\/h3><p>Conservative estimates based on average markups<\/p><\/div>\n                    <div class=\"tms-income-row tms-income-header-row\"><span>Monthly Volume<\/span><span>Avg. Markup<\/span><span>Est. Profit<\/span><\/div>\n                    <div class=\"tms-income-row\"><span>\u20b910,000<\/span><span>50%<\/span><span>~\u20b95,000<\/span><\/div>\n                    <div class=\"tms-income-row\"><span>\u20b950,000<\/span><span>50%<\/span><span>~\u20b925,000<\/span><\/div>\n                    <div class=\"tms-income-row\"><span>\u20b91,00,000<\/span><span>40%<\/span><span>~\u20b940,000<\/span><\/div>\n                    <div class=\"tms-income-row\"><span>\u20b93,00,000<\/span><span>35%<\/span><span>~\u20b91,05,000<\/span><\/div>\n                    <div class=\"tms-income-footer\"><p>Your white-label panel runs on our infrastructure. Your clients only see your brand. You keep every rupee of profit from every order.<\/p><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tms-combo2-separator\"><\/div>\n\n        <!-- ============================================================ -->\n        <!-- SECTION 2: FAQ -->\n        <!-- ============================================================ -->\n        <div class=\"tms-faq-section\">\n            <div class=\"tms-combo2-header\">\n                <div class=\"tms-combo2-eyebrow\">\u2753 Got Questions?<\/div>\n                <h2 class=\"tms-combo2-h2\">Frequently Asked<br><span>Questions<\/span><\/h2>\n                <p class=\"tms-combo2-sub\">Everything you need to know about TheMainSMMSupplier.com \u2014 no fluff, no filler.<\/p>\n            <\/div>\n\n            <div class=\"tms-faq-search\">\n                <span class=\"tms-faq-search-icon\">\ud83d\udd0d<\/span>\n                <input type=\"text\" id=\"faqSearchInput\" placeholder=\"Search questions...\">\n            <\/div>\n\n            <div class=\"tms-faq-grid\" id=\"faqGrid\">\n                <div class=\"tms-faq-item\" data-question=\"What is an SMM panel?\"><button class=\"tms-faq-question\">What is an SMM panel?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>An SMM panel (Social Media Marketing panel) is an online platform where individuals and businesses can purchase social media engagement services \u2014 including followers, likes, views, comments, and subscribers \u2014 for platforms like Instagram, YouTube, TikTok, and Facebook. TheMainSMMSupplier.com is the cheapest SMM panel in India, offering 500+ such services with instant delivery.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"Why is TheMainSMMSupplier the cheapest SMM panel in India?\"><button class=\"tms-faq-question\">Why is TheMainSMMSupplier the cheapest SMM panel in India?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>We source directly, operate efficiently, and pass the savings entirely to you. We're not cheapest because we cut corners on quality \u2014 we're cheapest because our infrastructure and sourcing model eliminates the markup that other panels charge. Compare our rates against any competitor and you'll see the difference. No hidden fees, ever.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"Do followers and engagement drop after delivery?\"><button class=\"tms-faq-question\">Do followers and engagement drop after delivery?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>We offer a non-drop guarantee on the vast majority of our services. If any drop occurs within the specified guarantee period, we automatically refill the difference at zero additional cost. No tickets required. No arguing. Your growth stays stable and permanent.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"How fast does delivery start after I place an order?\"><button class=\"tms-faq-question\">How fast does delivery start after I place an order?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>For most services, delivery begins within seconds to a few minutes of order placement. High-retention YouTube views and certain premium services may take slightly longer due to quality requirements, but all orders are fully automated and tracked in real time from your dashboard.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"Is using an SMM panel safe for my accounts?\"><button class=\"tms-faq-question\">Is using an SMM panel safe for my accounts?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>When used responsibly, SMM panels are safe. We never ask for your password or login credentials \u2014 all services are delivered externally. We use gradual delivery, drip-feed options, and realistic engagement patterns that don't trigger platform detection systems. Combine paid engagement with organic content for best results, and use drip-feed for large orders to maintain a natural growth curve.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"Can I build a reseller business using this platform?\"><button class=\"tms-faq-question\">Can I build a reseller business using this platform?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>Yes \u2014 hundreds of people already are. Our child panel system lets you create your own branded SMM panel with custom pricing in minutes. You buy from us at wholesale, sell at your own markup, and keep the profit. No technical skills required. No inventory. No fulfillment work. Just pure margin.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"What payment methods do you accept?\"><button class=\"tms-faq-question\">What payment methods do you accept?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>We accept UPI, Paytm, Google Pay, PhonePe, bank transfer (NEFT\/IMPS\/RTGS), and cryptocurrency (Bitcoin, USDT, and others). Most payment methods reflect instantly. Indian payment methods are fully supported, and international payments are also accepted.<\/p><\/div><\/div>\n                <div class=\"tms-faq-item\" data-question=\"Is API access free?\"><button class=\"tms-faq-question\">Is API access free?<span class=\"tms-faq-icon\">+<\/span><\/button><div class=\"tms-faq-answer\"><p>Yes. Every account \u2014 including free accounts \u2014 gets full REST API access. You can place orders programmatically, check status in real time, monitor your balance, and integrate our services into any website, app, or automation workflow. No premium tier required.<\/p><\/div><\/div>\n                <div class=\"tms-faq-no-results\" id=\"faqNoResults\">No questions found matching your search. Try different keywords.<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"tms-combo2-separator\"><\/div>\n\n        <!-- ============================================================ -->\n        <!-- SECTION 3: Final CTA -->\n        <!-- ============================================================ -->\n        <div class=\"tms-cta-section\">\n            <div class=\"tms-cta-card\">\n                <div class=\"tms-cta-eyebrow\">\ud83d\ude80 Start Today \u2014 Free<\/div>\n                <h2 class=\"tms-cta-title\">Your Growth Starts<br><span>Right Now<\/span><\/h2>\n                <p class=\"tms-cta-text\">500+ services, instant delivery, non-drop guarantee, reseller tools, 24\/7 support \u2014 all ready for you. No credit card. No contracts. No setup fees. Join 1,000+ users already growing.<\/p>\n                <div class=\"tms-cta-buttons\">\n                    <a href=\"#\" class=\"tms-cta-btn-primary\">\ud83d\ude80 Create Free Account \u2014 Start in 30 Seconds \u2192<\/a>\n                    <a href=\"#\" class=\"tms-cta-btn-secondary\">\ud83d\udcd6 Learn More<\/a>\n                <\/div>\n                <p class=\"tms-cta-urgency\">Every day you wait is a day your competitors grow while you don't.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    \/\/ FAQ Accordion Toggle - Fully scoped, no global conflicts\n    var faqItems = document.querySelectorAll('.tms-faq-item');\n    \n    faqItems.forEach(function(item) {\n        var button = item.querySelector('.tms-faq-question');\n        if (button) {\n            button.addEventListener('click', function(e) {\n                e.preventDefault();\n                var isActive = item.classList.contains('active');\n                \/\/ Close all other items\n                faqItems.forEach(function(other) {\n                    other.classList.remove('active');\n                });\n                \/\/ Toggle current\n                if (!isActive) {\n                    item.classList.add('active');\n                }\n            });\n        }\n    });\n    \n    \/\/ FAQ Search Functionality\n    var searchInput = document.getElementById('faqSearchInput');\n    var noResults = document.getElementById('faqNoResults');\n    \n    if (searchInput) {\n        searchInput.addEventListener('input', function() {\n            var searchTerm = this.value.toLowerCase().trim();\n            var visibleCount = 0;\n            \n            faqItems.forEach(function(item) {\n                var questionElem = item.querySelector('.tms-faq-question');\n                var answerElem = item.querySelector('.tms-faq-answer p');\n                \n                if (questionElem && answerElem) {\n                    var question = questionElem.innerText.toLowerCase();\n                    var answer = answerElem.innerText.toLowerCase();\n                    \n                    if (searchTerm === '' || question.includes(searchTerm) || answer.includes(searchTerm)) {\n                        item.style.display = '';\n                        visibleCount++;\n                    } else {\n                        item.style.display = 'none';\n                    }\n                }\n            });\n            \n            if (noResults) {\n                noResults.style.display = visibleCount === 0 ? 'block' : 'none';\n            }\n        });\n    }\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f86320 e-con-full e-flex e-con e-parent\" data-id=\"9f86320\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2c12fc elementor-widget elementor-widget-shortcode\" data-id=\"b2c12fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    .tms-persona-wrap {\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(180deg, #050010 0%, #080018 100%);\n        padding: 120px 0;\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n        box-sizing: border-box;\n    }\n    .tms-persona-wrap * { box-sizing: border-box; }\n    .tms-persona-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n    }\n    .tms-persona-bg .orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        filter: blur(120px);\n        will-change: transform;\n    }\n    .tms-persona-bg .orb-purple {\n        width: 600px;\n        height: 600px;\n        background: #7c3aed;\n        opacity: 0.12;\n        top: -150px;\n        right: -80px;\n        z-index: -1;\n        animation: tmsPersonaDriftPurple 14s ease-in-out infinite alternate;\n    }\n    .tms-persona-bg .orb-cyan {\n        width: 500px;\n        height: 500px;\n        background: #06b6d4;\n        opacity: 0.08;\n        bottom: -100px;\n        left: -60px;\n        z-index: -1;\n        animation: tmsPersonaDriftCyan 12s ease-in-out infinite alternate-reverse;\n    }\n    @keyframes tmsPersonaDriftPurple {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(40px, 30px) scale(1.1); }\n    }\n    @keyframes tmsPersonaDriftCyan {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(-30px, -20px) scale(1.08); }\n    }\n    .tms-persona-bg .dotgrid {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n        background-size: 28px 28px;\n        pointer-events: none;\n    }\n    .tms-persona-bg .noise {\n        position: absolute;\n        inset: 0;\n        opacity: 0.03;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 200px 200px;\n        pointer-events: none;\n    }\n    .tms-persona-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 32px;\n        position: relative;\n        z-index: 5;\n    }\n    .tms-persona-header {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto 64px;\n    }\n    .tms-persona-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        color: #a78bfa;\n        background: rgba(124, 58, 237, 0.1);\n        border: 1px solid rgba(124, 58, 237, 0.3);\n        padding: 6px 20px;\n        border-radius: 999px;\n        margin-bottom: 20px;\n        backdrop-filter: blur(4px);\n    }\n    .tms-persona-h2 {\n        font-size: clamp(32px, 5vw, 52px);\n        font-weight: 800;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n        color: #ffffff;\n        margin-bottom: 16px;\n    }\n    .tms-persona-gradient {\n        background: linear-gradient(135deg, #7c3aed, #06b6d4);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    .tms-persona-sub {\n        font-size: 18px;\n        line-height: 1.6;\n        color: rgba(255, 255, 255, 0.55);\n        margin-top: 8px;\n    }\n    .tms-persona-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n    .tms-persona-card {\n        all: unset;\n        display: block;\n        background: rgba(255,255,255,0.02);\n        border: 1px solid rgba(255,255,255,0.07);\n        border-radius: 24px;\n        padding: 36px 32px;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n        cursor: pointer;\n    }\n    .tms-persona-card:hover {\n        transform: translateY(-8px);\n        background: rgba(255,255,255,0.04);\n    }\n    .tms-persona-accent {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 3px;\n    }\n    .tms-persona-icon {\n        width: 52px;\n        height: 52px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n    }\n    .tms-persona-card h3 {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 20px;\n        font-weight: 700;\n        color: #ffffff;\n        margin-bottom: 16px;\n    }\n    .tms-persona-card p {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 14px;\n        line-height: 1.8;\n        color: rgba(255,255,255,0.6);\n        margin-bottom: 28px;\n    }\n    .tms-persona-card p strong {\n        color: rgba(255,255,255,0.9);\n        font-weight: 600;\n    }\n    .tms-persona-link {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 14px;\n        font-weight: 600;\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        transition: gap 0.3s ease;\n    }\n    .tms-persona-link:hover { gap: 12px; }\n    .tms-persona-reveal {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .tms-persona-reveal.visible { opacity: 1; transform: translateY(0); }\n    @media (max-width: 1024px) { .tms-persona-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 768px) { .tms-persona-grid { grid-template-columns: 1fr; } .tms-persona-container { padding: 0 20px; } .tms-persona-wrap { padding: 80px 0; } }\n    @media (prefers-reduced-motion: reduce) { .tms-persona-reveal { transition: none; opacity: 1; transform: none; } }\n    <\/style>\n\n    <div class=\"tms-persona-wrap\">\n        <div class=\"tms-persona-bg\">\n            <div class=\"orb orb-purple\"><\/div>\n            <div class=\"orb orb-cyan\"><\/div>\n            <div class=\"dotgrid\"><\/div>\n            <div class=\"noise\"><\/div>\n        <\/div>\n        <div class=\"tms-persona-container\">\n            <div class=\"tms-persona-header tms-persona-reveal\">\n                <div class=\"tms-persona-label\">WHO IS THIS FOR<\/div>\n                <h2 class=\"tms-persona-h2\">Built for Everyone Who Needs Real<br><span class=\"tms-persona-gradient\">Social Media Growth<\/span><\/h2>\n                <p class=\"tms-persona-sub\">From solo creators to enterprise agencies \u2014 TheMainSMMSupplier.com is the only <strong>SMM panel website<\/strong> you will ever need.<\/p>\n            <\/div>\n            <div class=\"tms-persona-grid\">\n                <div class=\"tms-persona-card tms-persona-reveal\" data-accent=\"#e879f9\">\n                    <div class=\"tms-persona-accent\" style=\"background: linear-gradient(90deg, #e879f9, #a855f7);\"><\/div>\n                    <div class=\"tms-persona-icon\" style=\"background: rgba(232,121,249,0.12); border: 1px solid rgba(232,121,249,0.25);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e879f9\" stroke-width=\"1.8\"><path d=\"M12 2L15 9H22L16 14L19 21L12 16.5L5 21L8 14L2 9H9L12 2Z\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div>\n                    <h3>For Influencers & Creators<\/h3>\n                    <p>Are you a content creator or influencer trying to build real authority online? Our <strong>smm panel for influencers<\/strong> and <strong>smm panel for creators<\/strong> gives you access to the fastest <strong>instagram growth panel<\/strong> and <strong>youtube growth services<\/strong> in India. We are not just another <strong>social media growth panel<\/strong> \u2014 we are your complete <strong>smm service provider<\/strong> offering <strong>non drop smm services<\/strong> with a <strong>lifetime smm panel<\/strong> guarantee. Buy <strong>cheap smm services<\/strong> that actually deliver <strong>real follower smm panel<\/strong> quality \u2014 no fakes, no drops.<\/p>\n                    <a href=\"#\" class=\"tms-persona-link\" style=\"color: #e879f9;\">Start as a Creator \u2192<\/a>\n                <\/div>\n                <div class=\"tms-persona-card tms-persona-reveal\" data-accent=\"#3b82f6\">\n                    <div class=\"tms-persona-accent\" style=\"background: linear-gradient(90deg, #3b82f6, #06b6d4);\"><\/div>\n                    <div class=\"tms-persona-icon\" style=\"background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.25);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"1.8\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"currentColor\" fill=\"none\"\/><path d=\"M16 21V5C16 3.9 15.1 3 14 3H10C8.9 3 8 3.9 8 5V21\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div>\n                    <h3>For Marketing Agencies<\/h3>\n                    <p>Running a marketing agency means you need a <strong>professional smm panel<\/strong> that never lets clients down. Our <strong>smm panel for agencies<\/strong> comes with full <strong>api smm panel<\/strong> access, <strong>white label smm panel<\/strong> setup, and <strong>bulk smm panel<\/strong> ordering. As a <strong>wholesale smm panel provider<\/strong> and <strong>bulk smm provider<\/strong>, we offer <strong>bulk smm services india<\/strong> at rates no other <strong>smm panel provider<\/strong> can match. This is the <strong>high quality smm panel<\/strong> that top agencies use as their <strong>trusted smm provider<\/strong>.<\/p>\n                    <a href=\"#\" class=\"tms-persona-link\" style=\"color: #3b82f6;\">Start as an Agency \u2192<\/a>\n                <\/div>\n                <div class=\"tms-persona-card tms-persona-reveal\" data-accent=\"#10b981\">\n                    <div class=\"tms-persona-accent\" style=\"background: linear-gradient(90deg, #10b981, #06b6d4);\"><\/div>\n                    <div class=\"tms-persona-icon\" style=\"background: rgba(16,185,129,0.12); border: 1px solid rgba(16,185,129,0.25);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"1.8\"><path d=\"M12 2V22\" stroke=\"currentColor\" stroke-linecap=\"round\"\/><path d=\"M17 7H9.5C8.1 7 7 8.1 7 9.5C7 10.9 8.1 12 9.5 12H14.5C15.9 12 17 13.1 17 14.5C17 15.9 15.9 17 14.5 17H7\" stroke=\"currentColor\" stroke-linecap=\"round\" fill=\"none\"\/><\/svg><\/div>\n                    <h3>For SMM Resellers<\/h3>\n                    <p>Ready to launch your own <strong>smm reseller panel<\/strong> business? We are the <strong>the main smm provider<\/strong> and <strong>wholesale smm provider<\/strong> powering hundreds of reseller businesses. Use our <strong>reseller smm panel india<\/strong> infrastructure \u2014 including <strong>smm panel script<\/strong> access, child panel setup, and complete <strong>white label smm panel<\/strong> branding. Earn 30-70% margins as a <strong>reseller smm provider<\/strong> using our <strong>bulk supplier smm panel<\/strong> system.<\/p>\n                    <a href=\"#\" class=\"tms-persona-link\" style=\"color: #10b981;\">Start as a Reseller \u2192<\/a>\n                <\/div>\n                <div class=\"tms-persona-card tms-persona-reveal\" data-accent=\"#f59e0b\">\n                    <div class=\"tms-persona-accent\" style=\"background: linear-gradient(90deg, #f59e0b, #ef4444);\"><\/div>\n                    <div class=\"tms-persona-icon\" style=\"background: rgba(245,158,11,0.12); border: 1px solid rgba(245,158,11,0.25);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#f59e0b\" stroke-width=\"1.8\"><path d=\"M20 7H4C2.9 7 2 7.9 2 9V19C2 20.1 2.9 21 4 21H20C21.1 21 22 20.1 22 19V9C22 7.9 21.1 7 20 7Z\" stroke=\"currentColor\" fill=\"none\"\/><path d=\"M16 21V5C16 3.9 15.1 3 14 3H10C8.9 3 8 3.9 8 5V21\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div>\n                    <h3>For Businesses & Brands<\/h3>\n                    <p>Every business needs social proof to grow. As your complete <strong>social media service provider<\/strong>, we offer <strong>indian smm services<\/strong> designed for brands that want real results. Our <strong>trusted smm panel<\/strong> covers every platform \u2014 from <strong>instagram smm panel<\/strong> to <strong>youtube smm panel<\/strong>, <strong>facebook smm panel<\/strong>, <strong>twitter smm panel<\/strong>, and <strong>tiktok smm panel<\/strong>. As the <strong>best smm panel india<\/strong>, we serve local Indian businesses and global brands equally.<\/p>\n                    <a href=\"#\" class=\"tms-persona-link\" style=\"color: #f59e0b;\">Start as a Business \u2192<\/a>\n                <\/div>\n                <div class=\"tms-persona-card tms-persona-reveal\" data-accent=\"#06b6d4\">\n                    <div class=\"tms-persona-accent\" style=\"background: linear-gradient(90deg, #06b6d4, #3b82f6);\"><\/div>\n                    <div class=\"tms-persona-icon\" style=\"background: rgba(6,182,212,0.12); border: 1px solid rgba(6,182,212,0.25);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"1.8\"><path d=\"M21.5 4.5L2 12.5L8.5 14.5L12.5 21L21.5 4.5Z\" stroke=\"currentColor\" fill=\"none\" stroke-linejoin=\"round\"\/><path d=\"M8.5 14.5L13 19L21.5 4.5\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/div>\n                    <h3>For Telegram Growth<\/h3>\n                    <p>Building a Telegram community from zero is hard \u2014 unless you use the right <strong>telegram smm panel<\/strong>. As India's leading <strong>telegram smm provider<\/strong>, we offer complete <strong>telegram smm services<\/strong> including the ability to <strong>buy telegram members<\/strong>. Our <strong>telegram growth panel<\/strong> delivers members instantly \u2014 making us the most trusted <strong>Telegram smm provider<\/strong>. Our <strong>super fast smm panel<\/strong> handles Telegram orders in under 30 seconds.<\/p>\n                    <a href=\"#\" class=\"tms-persona-link\" style=\"color: #06b6d4;\">Start Growing Telegram \u2192<\/a>\n                <\/div>\n                <div class=\"tms-persona-card tms-persona-reveal\" data-accent=\"#8b5cf6\">\n                    <div class=\"tms-persona-accent\" style=\"background: linear-gradient(90deg, #8b5cf6, #e879f9);\"><\/div>\n                    <div class=\"tms-persona-icon\" style=\"background: rgba(139,92,246,0.12); border: 1px solid rgba(139,92,246,0.25);\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" fill=\"none\"\/><path d=\"M2 12H22\" stroke=\"currentColor\"\/><path d=\"M12 2C14.5 4.5 15.5 8 15.5 12C15.5 16 14.5 19.5 12 22\" stroke=\"currentColor\"\/><path d=\"M12 2C9.5 4.5 8.5 8 8.5 12C8.5 16 9.5 19.5 12 22\" stroke=\"currentColor\"\/><\/svg><\/div>\n                    <h3>For Global Buyers & USA<\/h3>\n                    <p>TheMainSMMSupplier.com is not just an <strong>indian smm panel<\/strong> \u2014 we are a true <strong>world smm panel<\/strong> and <strong>global smm panel<\/strong> serving clients across 50+ countries. Our <strong>Best SMM Panel USA<\/strong> customers get the same <strong>fast delivery smm panel<\/strong> speeds as Indian users \u2014 powered by <strong>The Main SMM Server<\/strong>. As a <strong>global smm provider<\/strong> and <strong>premium smm provider<\/strong>, we are the <strong>main smm leader<\/strong> for resellers worldwide.<\/p>\n                    <a href=\"#\" class=\"tms-persona-link\" style=\"color: #8b5cf6;\">Start Global Growth \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n    (function() {\n        var revealElements = document.querySelectorAll('.tms-persona-wrap .tms-persona-reveal');\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n        revealElements.forEach(function(el) { observer.observe(el); });\n        var cards = document.querySelectorAll('.tms-persona-card');\n        cards.forEach(function(card) {\n            var accent = card.getAttribute('data-accent');\n            if (accent) {\n                card.addEventListener('mouseenter', function() {\n                    this.style.borderColor = accent + '40';\n                    this.style.boxShadow = '0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px ' + accent + '20';\n                });\n                card.addEventListener('mouseleave', function() {\n                    this.style.borderColor = 'rgba(255,255,255,0.07)';\n                    this.style.boxShadow = 'none';\n                });\n            }\n        });\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-919bf40 e-con-full e-flex e-con e-parent\" data-id=\"919bf40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91b1654 elementor-widget elementor-widget-shortcode\" data-id=\"91b1654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    .tms-glossary-wrap {\n        position: relative;\n        overflow: hidden;\n        background: linear-gradient(180deg, #060012 0%, #050010 100%);\n        padding: 120px 0;\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n        box-sizing: border-box;\n    }\n    .tms-glossary-wrap * { box-sizing: border-box; }\n    .tms-glossary-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n    }\n    .tms-glossary-bg .orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        filter: blur(120px);\n        will-change: transform;\n    }\n    .tms-glossary-bg .orb-purple {\n        width: 600px;\n        height: 600px;\n        background: #7c3aed;\n        opacity: 0.12;\n        top: -150px;\n        right: -80px;\n        z-index: -1;\n        animation: tmsGlossaryDriftPurple 14s ease-in-out infinite alternate;\n    }\n    @keyframes tmsGlossaryDriftPurple {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(40px, 30px) scale(1.1); }\n    }\n    .tms-glossary-bg .dotgrid {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n        background-size: 28px 28px;\n        pointer-events: none;\n    }\n    .tms-glossary-bg .noise {\n        position: absolute;\n        inset: 0;\n        opacity: 0.03;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 200px 200px;\n        pointer-events: none;\n    }\n    .tms-glossary-container {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 32px;\n        position: relative;\n        z-index: 5;\n    }\n    .tms-glossary-header {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto 64px;\n    }\n    .tms-glossary-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 2.5px;\n        text-transform: uppercase;\n        color: #a78bfa;\n        background: rgba(124, 58, 237, 0.1);\n        border: 1px solid rgba(124, 58, 237, 0.3);\n        padding: 6px 20px;\n        border-radius: 999px;\n        margin-bottom: 20px;\n        backdrop-filter: blur(4px);\n    }\n    .tms-glossary-h2 {\n        font-size: clamp(32px, 5vw, 52px);\n        font-weight: 800;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n        color: #ffffff;\n        margin-bottom: 16px;\n    }\n    .tms-glossary-gradient {\n        background: linear-gradient(135deg, #7c3aed, #06b6d4);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    .tms-glossary-sub {\n        font-size: 18px;\n        line-height: 1.6;\n        color: rgba(255, 255, 255, 0.55);\n        margin-top: 8px;\n    }\n    .tms-glossary-filter {\n        display: flex;\n        justify-content: center;\n        gap: 12px;\n        flex-wrap: wrap;\n        margin-bottom: 40px;\n    }\n    .tms-filter-btn {\n        all: unset;\n        display: inline-block;\n        background: rgba(255,255,255,0.05);\n        border: 1px solid rgba(255,255,255,0.1);\n        color: rgba(255,255,255,0.7);\n        border-radius: 40px;\n        padding: 10px 24px;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 14px;\n        font-weight: 600;\n        cursor: pointer;\n        transition: all 0.25s ease;\n        text-align: center;\n    }\n    .tms-filter-btn.active {\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        color: #ffffff;\n        border: 1px solid transparent;\n    }\n    .tms-filter-btn:hover {\n        background: rgba(79, 70, 229, 0.2);\n        color: #ffffff;\n        border-color: rgba(79, 70, 229, 0.3);\n    }\n    .tms-glossary-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    .tms-glossary-item {\n        background: rgba(255,255,255,0.02);\n        border: 1px solid rgba(255,255,255,0.07);\n        border-radius: 20px;\n        overflow: hidden;\n        transition: all 0.3s ease;\n    }\n    .tms-glossary-item-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 24px 28px;\n        cursor: pointer;\n        transition: background 0.2s;\n    }\n    .tms-glossary-item-header:hover { background: rgba(255,255,255,0.02); }\n    .tms-glossary-category {\n        background: rgba(124,58,237,0.15);\n        color: #a78bfa;\n        font-size: 10px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        padding: 4px 10px;\n        border-radius: 100px;\n        text-transform: uppercase;\n        display: inline-block;\n    }\n    .tms-glossary-category.resellers { background: rgba(16,185,129,0.15); color: #34d399; }\n    .tms-glossary-category.technical { background: rgba(59,130,246,0.15); color: #60a5fa; }\n    .tms-glossary-question {\n        font-family: 'Plus Jakarta Sans', sans-serif;\n        font-size: 17px;\n        font-weight: 600;\n        color: #ffffff;\n        margin-top: 12px;\n    }\n    .tms-glossary-icon {\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        border: 1px solid rgba(255,255,255,0.1);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 20px;\n        color: #ffffff;\n        transition: all 0.3s ease;\n        flex-shrink: 0;\n    }\n    .tms-glossary-body {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        padding: 0 28px;\n    }\n    .tms-glossary-body-inner {\n        padding-bottom: 24px;\n        border-top: 1px solid rgba(255,255,255,0.06);\n        padding-top: 20px;\n        font-size: 15px;\n        line-height: 1.85;\n        color: rgba(255,255,255,0.62);\n    }\n    .tms-glossary-body-inner strong { color: rgba(255,255,255,0.9); font-weight: 600; }\n    .tms-glossary-reveal {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .tms-glossary-reveal.visible { opacity: 1; transform: translateY(0); }\n    @media (max-width: 1024px) { .tms-glossary-grid { grid-template-columns: 1fr; } }\n    @media (max-width: 768px) { .tms-glossary-container { padding: 0 20px; } .tms-glossary-wrap { padding: 80px 0; } .tms-glossary-item-header { padding: 18px 20px; } .tms-glossary-question { font-size: 15px; } }\n    @media (prefers-reduced-motion: reduce) { .tms-glossary-reveal { transition: none; opacity: 1; transform: none; } }\n    <\/style>\n\n    <div class=\"tms-glossary-wrap\">\n        <div class=\"tms-glossary-bg\">\n            <div class=\"orb orb-purple\"><\/div>\n            <div class=\"dotgrid\"><\/div>\n            <div class=\"noise\"><\/div>\n        <\/div>\n        <div class=\"tms-glossary-container\">\n            <div class=\"tms-glossary-header tms-glossary-reveal\">\n                <div class=\"tms-glossary-label\">SMM KNOWLEDGE BASE<\/div>\n                <h2 class=\"tms-glossary-h2\">Everything You Need to Know<br>About <span class=\"tms-glossary-gradient\">SMM Panels<\/span><\/h2>\n                <p class=\"tms-glossary-sub\">Your complete guide \u2014 written by India's most trusted <strong>SMM panel team<\/strong><\/p>\n            <\/div>\n            <div class=\"tms-glossary-filter tms-glossary-reveal\">\n                <button class=\"tms-filter-btn active\" data-filter=\"all\">All<\/button>\n                <button class=\"tms-filter-btn\" data-filter=\"basics\">Basics<\/button>\n                <button class=\"tms-filter-btn\" data-filter=\"resellers\">For Resellers<\/button>\n                <button class=\"tms-filter-btn\" data-filter=\"technical\">Technical<\/button>\n            <\/div>\n            <div class=\"tms-glossary-grid tms-glossary-reveal\" id=\"tmsGlossaryGrid\">\n                <div class=\"tms-glossary-item\" data-category=\"basics\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category\">BASICS<\/span><div class=\"tms-glossary-question\">What is an SMM Panel?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\">An <strong>SMM Panel<\/strong> is a <strong>social media marketing panel<\/strong> \u2014 a web-based platform where you can <strong>buy smm services<\/strong> like followers, views, likes, and engagement at wholesale rates. TheMainSMMSupplier.com is the <strong>Best SMM Panel<\/strong> and most complete <strong>smm panel website<\/strong> in India.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"basics\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category\">BASICS<\/span><div class=\"tms-glossary-question\">What Makes a Trusted & Reliable SMM Panel?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\">A <strong>trusted smm panel<\/strong> delivers real, <strong>non drop smm services<\/strong> with transparent pricing. A <strong>reliable smm panel<\/strong> has 99.9% uptime, real human support, and a <strong>lifetime smm panel<\/strong> refill guarantee. We are a <strong>secure smm panel<\/strong> and <strong>high quality smm panel<\/strong>.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"resellers\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category resellers\">RESELLERS<\/span><div class=\"tms-glossary-question\">What is a Wholesale SMM Panel?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\">A <strong>Wholesale SMM Panel<\/strong> offers <strong>bulk smm services india<\/strong> at the lowest market rates \u2014 designed for resellers and agencies. As a <strong>wholesale smm provider<\/strong> and <strong>Wholesale smm Panel Provider<\/strong>, we power hundreds of businesses.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"resellers\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category resellers\">RESELLERS<\/span><div class=\"tms-glossary-question\">What is an SMM Reseller Panel?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\">An <strong>SMM Reseller Panel<\/strong> allows you to resell SMM services under your own pricing using our infrastructure. Our <strong>reseller smm panel india<\/strong> system includes child panel setup, custom domain, and complete <strong>white label smm panel<\/strong> branding.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"technical\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category technical\">TECHNICAL<\/span><div class=\"tms-glossary-question\">What is an API SMM Panel?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\">An <strong>api smm panel<\/strong> exposes REST API endpoints that allow your own application or <strong>smm panel website<\/strong> to connect directly to our <strong>main smm server<\/strong> and <strong>The Main SMM Server<\/strong> infrastructure. We offer free API access to all accounts.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"technical\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category technical\">TECHNICAL<\/span><div class=\"tms-glossary-question\">What is a White Label SMM Panel?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\">A <strong>white label smm panel<\/strong> lets you operate a fully branded <strong>smm panel website<\/strong> powered by our backend \u2014 with your logo, domain, and pricing. As the <strong>main smm hub<\/strong> and <strong>main smm leader<\/strong> in India, we are the <strong>the main smm provider<\/strong> behind many well-known <strong>indian smm panel<\/strong> brands.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"basics\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category\">BASICS<\/span><div class=\"tms-glossary-question\">What are Non-Drop SMM Services?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\"><strong>Non drop smm services<\/strong> means the followers, views, or engagement you receive does not disappear after delivery. We are India's most trusted <strong>Non Drop smm panel<\/strong> and <strong>Non Drop Smm Provider<\/strong> \u2014 backed by a <strong>lifetime smm panel<\/strong> refill guarantee.<\/div><\/div><\/div>\n                <div class=\"tms-glossary-item\" data-category=\"basics\"><div class=\"tms-glossary-item-header\"><div><span class=\"tms-glossary-category\">BASICS<\/span><div class=\"tms-glossary-question\">Who is The Main SMM Supplier?<\/div><\/div><div class=\"tms-glossary-icon\">+<\/div><\/div><div class=\"tms-glossary-body\"><div class=\"tms-glossary-body-inner\"><strong>The main smm supplier<\/strong> is TheMainSMMSupplier.com \u2014 India's <strong>Indian vip smm panel<\/strong> and <strong>vip smm provider<\/strong> operating as the <strong>main smm hub<\/strong> for resellers, agencies, and creators. We are the <strong>main smm leader<\/strong> in wholesale pricing.<\/div><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n    (function() {\n        var items = document.querySelectorAll('.tms-glossary-item');\n        var filterBtns = document.querySelectorAll('.tms-filter-btn');\n        var glossaryGrid = document.getElementById('tmsGlossaryGrid');\n        function closeAllItems() {\n            items.forEach(function(item) {\n                var body = item.querySelector('.tms-glossary-body');\n                var icon = item.querySelector('.tms-glossary-icon');\n                if (body) body.style.maxHeight = '0px';\n                if (icon) {\n                    icon.style.transform = 'rotate(0deg)';\n                    icon.style.background = 'transparent';\n                    icon.style.borderColor = 'rgba(255,255,255,0.1)';\n                    icon.style.color = '#ffffff';\n                }\n            });\n        }\n        items.forEach(function(item) {\n            var header = item.querySelector('.tms-glossary-item-header');\n            var body = item.querySelector('.tms-glossary-body');\n            var icon = item.querySelector('.tms-glossary-icon');\n            if (header && body && icon) {\n                header.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    var isOpen = body.style.maxHeight && body.style.maxHeight !== '0px';\n                    closeAllItems();\n                    if (!isOpen) {\n                        body.style.maxHeight = body.scrollHeight + 'px';\n                        icon.style.transform = 'rotate(45deg)';\n                        icon.style.background = 'linear-gradient(135deg, #4F46E5, #06B6D4)';\n                        icon.style.borderColor = 'transparent';\n                        icon.style.color = '#ffffff';\n                    }\n                });\n            }\n        });\n        filterBtns.forEach(function(btn) {\n            btn.addEventListener('click', function() {\n                var filter = btn.dataset.filter;\n                filterBtns.forEach(function(b) { b.classList.remove('active'); });\n                btn.classList.add('active');\n                closeAllItems();\n                var visibleCount = 0;\n                items.forEach(function(item) {\n                    if (filter === 'all' || item.dataset.category === filter) {\n                        item.style.display = '';\n                        visibleCount++;\n                    } else {\n                        item.style.display = 'none';\n                    }\n                });\n                if (glossaryGrid && visibleCount % 2 !== 0 && window.innerWidth > 1024) {\n                    var lastItem = document.querySelector('.tms-glossary-item:not([style*=\"display: none\"])');\n                    if (lastItem) lastItem.style.marginBottom = '0';\n                }\n            });\n        });\n        var revealElements = document.querySelectorAll('.tms-glossary-wrap .tms-glossary-reveal');\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n        }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n        revealElements.forEach(function(el) { observer.observe(el); });\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4448025 e-con-full e-flex e-con e-parent\" data-id=\"4448025\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7250f elementor-widget elementor-widget-shortcode\" data-id=\"5d7250f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    .tms-brand-wrap {\n        background: #050010;\n        background: linear-gradient(135deg, #050010 0%, #0a0618 100%);\n        border-top: 1px solid rgba(124,58,237,0.2);\n        border-bottom: 1px solid rgba(124,58,237,0.2);\n        padding: 60px 0;\n        position: relative;\n        overflow: hidden;\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n        box-sizing: border-box;\n    }\n    .tms-brand-wrap * { box-sizing: border-box; }\n    .tms-brand-container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 0 32px;\n        text-align: center;\n        position: relative;\n        z-index: 2;\n    }\n    .tms-brand-h2 {\n        font-size: clamp(28px, 4vw, 36px);\n        font-weight: 800;\n        line-height: 1.2;\n        letter-spacing: -0.02em;\n        color: #ffffff;\n        margin-bottom: 20px;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n    }\n    .tms-brand-gradient {\n        background: linear-gradient(135deg, #7c3aed, #06b6d4);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    .tms-brand-text {\n        font-size: 15px;\n        line-height: 1.7;\n        color: rgba(255,255,255,0.6);\n        max-width: 700px;\n        margin: 0 auto 40px;\n        font-family: 'Plus Jakarta Sans', sans-serif;\n    }\n    .tms-brand-text strong { color: rgba(255,255,255,0.9); font-weight: 600; }\n    .tms-brand-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 16px;\n        max-width: 800px;\n        margin: 0 auto;\n    }\n    .tms-brand-badge {\n        background: rgba(255,255,255,0.03);\n        border: 1px solid rgba(255,255,255,0.08);\n        border-radius: 16px;\n        padding: 16px 20px;\n        text-align: center;\n        transition: all 0.3s ease;\n    }\n    .tms-brand-badge:hover {\n        background: rgba(124,58,237,0.08);\n        border-color: rgba(124,58,237,0.2);\n        transform: translateY(-3px);\n    }\n    .tms-brand-badge-icon { font-size: 24px; display: block; margin-bottom: 8px; }\n    .tms-brand-badge-title { font-size: 14px; font-weight: 600; color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; }\n    .tms-brand-badge-sub { font-size: 11px; color: rgba(255,255,255,0.45); display: block; font-family: 'Plus Jakarta Sans', sans-serif; }\n    .tms-brand-reveal {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .tms-brand-reveal.visible { opacity: 1; transform: translateY(0); }\n    @media (max-width: 768px) { .tms-brand-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } .tms-brand-container { padding: 0 20px; } .tms-brand-wrap { padding: 40px 0; } }\n    @media (max-width: 480px) { .tms-brand-grid { grid-template-columns: 1fr; } }\n    @media (prefers-reduced-motion: reduce) { .tms-brand-reveal { transition: none; opacity: 1; transform: none; } }\n    <\/style>\n\n    <div class=\"tms-brand-wrap\">\n        <div class=\"tms-brand-container\">\n            <h2 class=\"tms-brand-h2 tms-brand-reveal\">TheMainSMMSupplier.com \u2014<br><span class=\"tms-brand-gradient\">The Main SMM Hub<\/span><\/h2>\n            <p class=\"tms-brand-text tms-brand-reveal\">As the <strong>The Main SMM Server<\/strong> powering India's largest SMM network \u2014 we are simultaneously the <strong>top smm panel<\/strong>, <strong>pro smm panel<\/strong>, <strong>low price smm panel<\/strong>, and <strong>low price smm service<\/strong> provider trusted by 1,000+ users. Whether you call us a <strong>bulk smm panel<\/strong>, <strong>global smm provider<\/strong>, or simply the <strong>best smm website<\/strong> in India \u2014 we deliver.<\/p>\n            <div class=\"tms-brand-grid tms-brand-reveal\">\n                <div class=\"tms-brand-badge\"><span class=\"tms-brand-badge-icon\">\ud83c\udf0d<\/span><span class=\"tms-brand-badge-title\">50+ Countries Served<\/span><span class=\"tms-brand-badge-sub\">global smm panel<\/span><\/div>\n                <div class=\"tms-brand-badge\"><span class=\"tms-brand-badge-icon\">\u26a1<\/span><span class=\"tms-brand-badge-title\">30s Avg Delivery<\/span><span class=\"tms-brand-badge-sub\">super fast smm panel<\/span><\/div>\n                <div class=\"tms-brand-badge\"><span class=\"tms-brand-badge-icon\">\ud83d\udee1\ufe0f<\/span><span class=\"tms-brand-badge-title\">Non-Drop Guaranteed<\/span><span class=\"tms-brand-badge-sub\">non drop smm provider<\/span><\/div>\n                <div class=\"tms-brand-badge\"><span class=\"tms-brand-badge-icon\">\ud83d\udcb0<\/span><span class=\"tms-brand-badge-title\">Lowest Price Guaranteed<\/span><span class=\"tms-brand-badge-sub\">cheapest smm panel<\/span><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n    (function() {\n        var revealElements = document.querySelectorAll('.tms-brand-wrap .tms-brand-reveal');\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); } });\n        }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n        revealElements.forEach(function(el) { observer.observe(el); });\n    })();\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98286ed e-con-full e-flex e-con e-parent\" data-id=\"98286ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf0416f elementor-widget elementor-widget-shortcode\" data-id=\"cf0416f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n    \/* ============================================================\n       PREMIUM FOOTER SECTION - EXACT HERO BACKGROUND\n       ============================================================ *\/\n    .tms-footer-wrap {\n        position: relative;\n        overflow: hidden;\n        background: radial-gradient(ellipse at 15% 50%, #1e0a3c 0%, #0d0118 45%, #050010 100%);\n        font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;\n        padding: 80px 0 40px;\n        border-top: 1px solid rgba(124, 58, 237, 0.2);\n    }\n    \n    \/* Background Layers - Same as Hero *\/\n    .tms-footer-bg {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n    }\n    .tms-footer-bg .orb {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        filter: blur(120px);\n        will-change: transform;\n    }\n    .tms-footer-bg .orb-purple {\n        width: 500px;\n        height: 500px;\n        background: #7c3aed;\n        opacity: 0.08;\n        top: -150px;\n        right: -80px;\n        z-index: -1;\n        animation: tmsFooterDriftPurple 14s ease-in-out infinite alternate;\n    }\n    .tms-footer-bg .orb-cyan {\n        width: 400px;\n        height: 400px;\n        background: #06b6d4;\n        opacity: 0.06;\n        bottom: -100px;\n        left: -60px;\n        z-index: -1;\n        animation: tmsFooterDriftCyan 12s ease-in-out infinite alternate-reverse;\n    }\n    @keyframes tmsFooterDriftPurple {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(40px, 30px) scale(1.1); }\n    }\n    @keyframes tmsFooterDriftCyan {\n        from { transform: translate(0, 0) scale(1); }\n        to { transform: translate(-30px, -20px) scale(1.08); }\n    }\n    .tms-footer-bg .dotgrid {\n        position: absolute;\n        inset: 0;\n        background-image: radial-gradient(circle, rgba(255, 255, 255, 0.04) 1px, transparent 1px);\n        background-size: 28px 28px;\n        pointer-events: none;\n    }\n    .tms-footer-bg .noise {\n        position: absolute;\n        inset: 0;\n        opacity: 0.03;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n        background-repeat: repeat;\n        background-size: 200px 200px;\n        pointer-events: none;\n    }\n    .tms-footer-bg .spotlight {\n        position: absolute;\n        inset: 0;\n        background: radial-gradient(ellipse 500px 500px at 25% 55%, rgba(124, 58, 237, 0.15), transparent 70%);\n        pointer-events: none;\n    }\n    \n    \/* Container *\/\n    .tms-footer-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 32px;\n        position: relative;\n        z-index: 5;\n    }\n    \n    \/* Footer Main Grid *\/\n    .tms-footer-main {\n        display: grid;\n        grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;\n        gap: 40px;\n        margin-bottom: 50px;\n    }\n    \n    \/* Brand Column *\/\n    .tms-footer-brand {\n        margin-bottom: 0;\n    }\n    .tms-footer-logo {\n        font-size: 24px;\n        font-weight: 800;\n        color: #ffffff;\n        text-decoration: none;\n        display: inline-block;\n        margin-bottom: 20px;\n        letter-spacing: -0.02em;\n    }\n    .tms-footer-logo span {\n        background: linear-gradient(135deg, #7c3aed, #06b6d4);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    .tms-footer-description {\n        font-size: 14px;\n        line-height: 1.7;\n        color: rgba(255, 255, 255, 0.55);\n        margin-bottom: 24px;\n        max-width: 280px;\n    }\n    \n    \/* Payment Methods *\/\n    .tms-payment-methods {\n        margin-bottom: 24px;\n    }\n    .tms-payment-title {\n        font-size: 12px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        color: #a78bfa;\n        margin-bottom: 16px;\n    }\n    .tms-payment-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n    }\n    .tms-payment-badge {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 10px;\n        padding: 8px 14px;\n        font-size: 12px;\n        font-weight: 600;\n        color: rgba(255, 255, 255, 0.8);\n        transition: all 0.3s ease;\n    }\n    .tms-payment-badge:hover {\n        background: rgba(124, 58, 237, 0.15);\n        border-color: rgba(124, 58, 237, 0.4);\n        transform: translateY(-2px);\n    }\n    \n    \/* Footer Links Columns *\/\n    .tms-footer-column h4 {\n        font-size: 14px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        color: #06b6d4;\n        margin-bottom: 24px;\n    }\n    .tms-footer-links {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n    .tms-footer-links li {\n        margin-bottom: 12px;\n    }\n    .tms-footer-links a {\n        font-size: 13px;\n        color: rgba(255, 255, 255, 0.55);\n        text-decoration: none;\n        transition: all 0.3s ease;\n    }\n    .tms-footer-links a:hover {\n        color: #a78bfa;\n        transform: translateX(4px);\n        display: inline-block;\n    }\n    \n    \/* Trust Badges Column *\/\n    .tms-trust-badges {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n    .tms-trust-badge {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 12px;\n        padding: 12px 16px;\n        transition: all 0.3s ease;\n    }\n    .tms-trust-badge:hover {\n        background: rgba(124, 58, 237, 0.08);\n        border-color: rgba(124, 58, 237, 0.3);\n        transform: translateX(4px);\n    }\n    .tms-trust-icon {\n        font-size: 24px;\n    }\n    .tms-trust-text {\n        flex: 1;\n    }\n    .tms-trust-title {\n        font-size: 13px;\n        font-weight: 700;\n        color: #ffffff;\n        margin-bottom: 2px;\n    }\n    .tms-trust-desc {\n        font-size: 10px;\n        color: rgba(255, 255, 255, 0.45);\n    }\n    \n    \/* Footer Bottom *\/\n    .tms-footer-bottom {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: wrap;\n        gap: 20px;\n        padding-top: 30px;\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\n        margin-top: 20px;\n    }\n    .tms-copyright {\n        font-size: 12px;\n        color: rgba(255, 255, 255, 0.4);\n    }\n    .tms-social-links {\n        display: flex;\n        gap: 12px;\n    }\n    .tms-social-link {\n        width: 38px;\n        height: 38px;\n        border-radius: 10px;\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        color: rgba(255, 255, 255, 0.6);\n        text-decoration: none;\n    }\n    .tms-social-link:hover {\n        background: linear-gradient(135deg, #4F46E5, #06B6D4);\n        border-color: transparent;\n        transform: translateY(-3px);\n        color: white;\n    }\n    .tms-social-link svg {\n        width: 18px;\n        height: 18px;\n        fill: currentColor;\n    }\n    \n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .tms-footer-main {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n        }\n    }\n    @media (max-width: 768px) {\n        .tms-footer-main {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n        .tms-footer-container {\n            padding: 0 24px;\n        }\n        .tms-footer-wrap {\n            padding: 60px 0 30px;\n        }\n        .tms-footer-bottom {\n            flex-direction: column;\n            text-align: center;\n        }\n    }\n    @media (prefers-reduced-motion: reduce) {\n        .tms-footer-bg .orb { animation: none; }\n        .tms-footer-links a:hover { transform: none; }\n        .tms-payment-badge:hover { transform: none; }\n        .tms-social-link:hover { transform: none; }\n    }\n    <\/style>\n\n    <div class=\"tms-footer-wrap\">\n        <!-- EXACT HERO BACKGROUND LAYERS -->\n        <div class=\"tms-footer-bg\">\n            <div class=\"orb orb-purple\"><\/div>\n            <div class=\"orb orb-cyan\"><\/div>\n            <div class=\"dotgrid\"><\/div>\n            <div class=\"noise\"><\/div>\n            <div class=\"spotlight\"><\/div>\n        <\/div>\n\n        <div class=\"tms-footer-container\">\n            <div class=\"tms-footer-main\">\n                \n                <!-- Brand Column -->\n                <div class=\"tms-footer-brand\">\n                    <a href=\"\/\" class=\"tms-footer-logo\">TheMain<span>SMM<\/span>Supplier<\/a>\n                    <p class=\"tms-footer-description\">India's cheapest and most reliable <strong>SMM panel website<\/strong>. Serving 1,000+ creators, agencies, and resellers across India and internationally with 500+ services. The <strong>best smm provider<\/strong> for all your social media growth needs.<\/p>\n                    \n                    <div class=\"tms-payment-methods\">\n                        <div class=\"tms-payment-title\">\ud83d\udd12 SECURE PAYMENTS<\/div>\n                        <div class=\"tms-payment-grid\">\n                            <span class=\"tms-payment-badge\">UPI<\/span>\n                            <span class=\"tms-payment-badge\">Paytm<\/span>\n                            <span class=\"tms-payment-badge\">GPay<\/span>\n                            <span class=\"tms-payment-badge\">PhonePe<\/span>\n                            <span class=\"tms-payment-badge\">NEFT\/IMPS<\/span>\n                            <span class=\"tms-payment-badge\">Bitcoin<\/span>\n                            <span class=\"tms-payment-badge\">USDT<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Services Column -->\n                <div class=\"tms-footer-column\">\n                    <h4>\u26a1 SERVICES<\/h4>\n                    <ul class=\"tms-footer-links\">\n                        <li><a href=\"#\">Instagram Growth Panel<\/a><\/li>\n                        <li><a href=\"#\">YouTube SMM Services<\/a><\/li>\n                        <li><a href=\"#\">TikTok SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">Facebook SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">Telegram SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">Twitter SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">All 500+ Services<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Business Column -->\n                <div class=\"tms-footer-column\">\n                    <h4>\ud83d\udcbc BUSINESS<\/h4>\n                    <ul class=\"tms-footer-links\">\n                        <li><a href=\"#\">SMM Reseller Panel<\/a><\/li>\n                        <li><a href=\"#\">White Label SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">API SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">Bulk SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">Wholesale SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">Rental SMM Panel<\/a><\/li>\n                        <li><a href=\"#\">SMM Panel Script<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Support Column -->\n                <div class=\"tms-footer-column\">\n                    <h4>\ud83c\udfa7 SUPPORT<\/h4>\n                    <ul class=\"tms-footer-links\">\n                        <li><a href=\"#\">24\/7 Live Support<\/a><\/li>\n                        <li><a href=\"#\">FAQ & Knowledge Base<\/a><\/li>\n                        <li><a href=\"#\">API Documentation<\/a><\/li>\n                        <li><a href=\"#\">Contact Us<\/a><\/li>\n                        <li><a href=\"#\">Terms of Service<\/a><\/li>\n                        <li><a href=\"#\">Privacy Policy<\/a><\/li>\n                        <li><a href=\"#\">Refund Policy<\/a><\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Trust Badges Column -->\n                <div class=\"tms-footer-column\">\n                    <h4>\ud83c\udfc6 TRUSTED<\/h4>\n                    <div class=\"tms-trust-badges\">\n                        <div class=\"tms-trust-badge\">\n                            <div class=\"tms-trust-icon\">\u2b50<\/div>\n                            <div class=\"tms-trust-text\">\n                                <div class=\"tms-trust-title\">Top Rated SMM Panel<\/div>\n                                <div class=\"tms-trust-desc\">Trusted by 1,000+ businesses<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tms-trust-badge\">\n                            <div class=\"tms-trust-icon\">\ud83d\udee1\ufe0f<\/div>\n                            <div class=\"tms-trust-text\">\n                                <div class=\"tms-trust-title\">Non-Drop Guarantee<\/div>\n                                <div class=\"tms-trust-desc\">Lifetime refill protection<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tms-trust-badge\">\n                            <div class=\"tms-trust-icon\">\u26a1<\/div>\n                            <div class=\"tms-trust-text\">\n                                <div class=\"tms-trust-title\">99.9% Uptime<\/div>\n                                <div class=\"tms-trust-desc\">Enterprise-grade servers<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"tms-trust-badge\">\n                            <div class=\"tms-trust-icon\">\ud83c\udf0d<\/div>\n                            <div class=\"tms-trust-text\">\n                                <div class=\"tms-trust-title\">Global SMM Panel<\/div>\n                                <div class=\"tms-trust-desc\">50+ countries served<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Bottom -->\n            <div class=\"tms-footer-bottom\">\n                <div class=\"tms-copyright\">\n                    \u00a9 2026 TheMainSMMSupplier.com \u2014 <strong>Best SMM Panel India<\/strong>. All rights reserved. <strong>Cheapest SMM Panel<\/strong> | <strong>Trusted SMM Provider<\/strong>\n                <\/div>\n                <div class=\"tms-social-links\">\n                    <a href=\"#\" class=\"tms-social-link\" aria-label=\"Telegram\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"#\" class=\"tms-social-link\" aria-label=\"Instagram\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"#\" class=\"tms-social-link\" aria-label=\"X (Twitter)\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.742l7.732-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"#\" class=\"tms-social-link\" aria-label=\"YouTube\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\n                    <\/a>\n                    <a href=\"#\" class=\"tms-social-link\" aria-label=\"WhatsApp\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12.031 2.016c4.969 0 9 4.031 9 9s-4.031 9-9 9c-1.5 0-2.953-.375-4.219-1.078l-5.813 1.594 1.594-5.766c-.703-1.266-1.078-2.719-1.078-4.219 0-4.969 4.031-9 9-9zM12.031 3.984c-4.406 0-7.969 3.563-7.969 7.969 0 1.406.375 2.719 1.078 3.891l-.703 2.719 2.719-.703c1.172.703 2.531 1.078 3.891 1.078 4.406 0 7.969-3.563 7.969-7.969 0-4.406-3.563-7.969-7.969-7.969zM8.016 13.5h4.5c.844 0 1.5-.656 1.5-1.5 0-.844-.656-1.5-1.5-1.5h-4.5V13.5zM8.016 9h7.969V7.5h-7.969V9z\"\/><\/svg>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n    (function() {\n        \/\/ Simple entrance animation for footer elements\n        var footerElements = document.querySelectorAll('.tms-footer-column, .tms-footer-brand, .tms-trust-badge');\n        var observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n        \n        footerElements.forEach(function(el) {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(20px)';\n            el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\n            observer.observe(el);\n        });\n    })();\n    <\/script>\n    <\/div>\n\t\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>M THE MAIN SMM SUPPLIER Home Services \u25be Instagram SMM Services YouTube Subscriber Services Telegram Member Services TikTok Follower Services Reseller \u25be White Label SMM Panel Wholesale SMM Provider API \u25be SMM API Provider Docs Reseller API Panel Blog FAQs Sign in Register Navigation Home Services 4 \u25be Instagram SMM Services YouTube Subscriber Services Telegram [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":73,"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/themainsmmsupplier.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}