{"id":174,"date":"2026-07-18T18:31:29","date_gmt":"2026-07-18T18:31:29","guid":{"rendered":"https:\/\/grooveentertainments.com\/staging\/?page_id=174"},"modified":"2026-07-22T14:19:30","modified_gmt":"2026-07-22T14:19:30","slug":"spotify-promotion","status":"publish","type":"page","link":"https:\/\/grooveentertainments.com\/staging\/spotify-promotion\/","title":{"rendered":"Spotify Promotion"},"content":{"rendered":"

[et_pb_section fb_built=”1″ fullwidth=”on” theme_builder_area=”post_content” _builder_version=”4.27.7″ _module_preset=”default”][et_pb_fullwidth_code _builder_version=”4.27.7″ _module_preset=”default” theme_builder_area=”post_content” hover_enabled=”0″ sticky_enabled=”0″]
\n
\n
\n
\n
\n Spotify Promotion – Groove Music Promotion<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n \/* ===== RESET & LAYOUT ===== *\/\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; overflow-x: hidden; width: 100vw; }\n body {\n margin: 0; min-height: 100vh; display: flex; flex-direction: column;\n background-color: #000000; overflow-x: hidden; width: 100%;\n }<\/p>\n<p> \/* ===== DESIGN SYSTEM TOKENS ===== *\/\n :root {\n --bg: 0 0% 0%;\n --card: 0 0% 3%;\n --card-hover: 0 0% 5%;\n --fg: 0 0% 100%;\n --muted-fg: 0 0% 65%;\n --border: 0 0% 14%;\n --primary: 150 100% 50%; \/* Emerald Green *\/\n --primary-dim: 150 100% 50% \/ 0.15;\n --font-heading: 'Outfit', sans-serif;\n --font-body: 'Space Grotesk', sans-serif;\n --radius: 20px;\n --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }<\/p>\n<p> .sp-page-wrapper {\n font-family: var(--font-body);\n background: hsl(var(--bg));\n color: hsl(var(--fg));\n -webkit-font-smoothing: antialiased;\n position: relative;\n }<\/p>\n<p> .sp-page-wrapper h1, \n .sp-page-wrapper h2, \n .sp-page-wrapper h3, \n .sp-page-wrapper h4 { \n font-family: var(--font-heading); \n }<\/p>\n<p> \/* Background Grids & Orbs *\/\n .sp-grid-bg {\n position: absolute; inset: 0; pointer-events: none; z-index: 0;\n background-image: \n linear-gradient(to right, hsl(var(--border)) 1px, transparent 1px),\n linear-gradient(to bottom, hsl(var(--border)) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse at top center, black 10%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse at top center, black 10%, transparent 70%);\n }<\/p>\n<p> .sp-glow-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(120px);\n z-index: 1;\n pointer-events: none;\n }<\/p>\n<p> \/* Container *\/\n .sp-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n position: relative;\n z-index: 10;\n }<\/p>\n<p> \/* ===== UTILITIES ===== *\/\n .sp-text-gradient {\n background: linear-gradient(135deg, #ffffff 40%, hsl(var(--muted-fg)));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n .sp-text-primary { color: hsl(var(--primary)); }<\/p>\n<p> .sp-section-badge {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em;\n color: hsl(var(--fg)); margin-bottom: 20px;\n padding: 6px 18px; border: 1px solid hsl(var(--primary)); border-radius: 999px;\n background: hsla(150, 100%, 50%, 0.08);\n box-shadow: 0 0 15px hsla(150, 100%, 50%, 0.15);\n }\n .sp-section-badge::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: hsl(var(--primary)); box-shadow: 0 0 10px hsl(var(--primary));\n }<\/p>\n<p> .sp-section-header {\n text-align: center;\n margin-bottom: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }<\/p>\n<p> .sp-section-title {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 16px;\n }<\/p>\n<p> .sp-section-desc {\n color: hsl(var(--muted-fg));\n font-size: 16px;\n max-width: 600px;\n line-height: 1.6;\n }<\/p>\n<p> \/* Buttons - !important to override Divi button resets *\/\n .sp-page-wrapper .sp-btn-primary {\n display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;\n padding: 14px 28px !important; background: hsl(var(--primary)) !important; color: #000 !important;\n font-family: var(--font-heading) !important; font-weight: 700 !important; font-size: 14px !important;\n text-decoration: none !important; border-radius: 999px !important; transition: var(--transition);\n border: none !important; cursor: pointer !important; line-height: 1.4 !important;\n }\n .sp-page-wrapper .sp-btn-primary:hover {\n box-shadow: 0 0 25px hsl(var(--primary) \/ 0.4) !important;\n transform: scale(1.02) !important;\n background: hsl(var(--primary)) !important; color: #000 !important;\n }\n .sp-page-wrapper .sp-btn-primary:after { display: none !important; }<\/p>\n<p> \/* ===== HERO SECTION ===== *\/\n .sp-hero {\n position: relative;\n padding: 160px 0 100px;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n background-image: linear-gradient(\n to bottom, \n rgba(0, 0, 0, 0.4) 0%, \n rgba(0, 0, 0, 0.8) 75%, \n #000000 100%\n ), \n url('https:\/\/images.unsplash.com\/photo-1514525253161-7a46d19cd819?ixlib=rb-4.0.3&auto=format&fit=crop&w=1800&q=80');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n .sp-hero-glow {\n top: -10%; left: 50%; transform: translateX(-50%);\n width: 700px; height: 500px;\n background: radial-gradient(circle, hsl(var(--primary)\/0.12) 0%, transparent 70%);\n opacity: 0.8;\n z-index: 1;\n pointer-events: none;\n }\n .sp-hero-content {\n text-align: center;\n max-width: 850px;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n z-index: 10;\n }\n .sp-hero h1 {\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\n font-weight: 800;\n line-height: 1.25 !important;\n letter-spacing: -0.03em;\n margin-bottom: 24px;\n width: 100%;\n }\n .sp-hero-desc {\n color: #e0e0e0;\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\n line-height: 1.6;\n margin-bottom: 40px;\n max-width: 700px;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\n }\n .sp-hero-buttons {\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n max-width: 300px;\n align-items: stretch !important;\n }\n @media (min-width: 480px) {\n .sp-hero-buttons {\n flex-direction: row;\n width: auto;\n max-width: none;\n align-items: center !important;\n }\n }<\/p>\n<p> \/* ===== PRICING SWITCHER & TABLES ===== *\/\n .sp-pricing-section {\n padding: 80px 0 60px;\n border-top: 1px solid hsl(var(--border));\n position: relative;\n }<\/p>\n<p> .sp-toggle-wrapper {\n display: flex;\n justify-content: center;\n margin-bottom: 50px;\n width: 100%;\n }<\/p>\n<p> .sp-toggle-container {\n display: inline-flex;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n padding: 6px;\n border-radius: 999px;\n position: relative;\n max-width: 100%;\n overflow-x: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n gap: 4px;\n }\n .sp-toggle-container::-webkit-scrollbar { display: none; }<\/p>\n<p> .sp-page-wrapper .sp-toggle-btn {\n background: transparent !important;\n border: none !important;\n color: hsl(var(--muted-fg)) !important;\n padding: 10px 20px !important;\n font-family: var(--font-heading) !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n cursor: pointer !important;\n border-radius: 999px !important;\n transition: var(--transition);\n position: relative;\n z-index: 2;\n flex-shrink: 0;\n line-height: 1.4 !important;\n }\n .sp-page-wrapper .sp-toggle-btn:after { display: none !important; }<\/p>\n<p> .sp-page-wrapper .sp-toggle-btn.active {\n color: #000 !important;\n background: hsl(var(--primary)) !important;\n box-shadow: 0 4px 15px hsl(var(--primary)\/0.2) !important;\n }<\/p>\n<p> .sp-pricing-grid {\n display: none !important;\n opacity: 0;\n transition: opacity 0.4s ease;\n }<\/p>\n<p> .sp-pricing-grid.active {\n display: block !important;\n opacity: 1 !important;\n }<\/p>\n<p> \/* ===== SEARCH SECTION ===== *\/\n .sp-search-section {\n padding: 60px 0 80px;\n border-top: 1px solid hsl(var(--border));\n position: relative;\n z-index: 10;\n }\n .sp-search-card {\n background: linear-gradient(135deg, rgba(16, 18, 22, 0.95) 0%, rgba(8, 9, 12, 0.98) 100%);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 24px;\n padding: 48px 24px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);\n backdrop-filter: blur(20px);\n }\n .sp-search-card-glow {\n position: absolute;\n top: -50%; left: 50%; transform: translateX(-50%);\n width: 600px; height: 300px;\n background: radial-gradient(circle, hsl(var(--primary)\/0.12) 0%, transparent 70%);\n filter: blur(60px);\n pointer-events: none;\n }\n .sp-search-card h2 {\n font-size: clamp(1.3rem, 2.5vw, 1.85rem);\n font-weight: 700;\n line-height: 1.4;\n margin-bottom: 32px;\n color: #fff;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n letter-spacing: -0.01em;\n }\n .sp-search-bar-wrapper {\n display: flex;\n flex-direction: column;\n gap: 14px;\n max-width: 860px;\n margin: 0 auto 18px;\n }\n @media (min-width: 640px) {\n .sp-search-bar-wrapper {\n flex-direction: row;\n align-items: center;\n }\n }\n .sp-input-group {\n position: relative;\n flex: 1;\n width: 100%;\n }\n .sp-input-icon {\n position: absolute;\n left: 20px;\n top: 50%;\n transform: translateY(-50%);\n color: hsl(var(--primary));\n display: flex;\n align-items: center;\n pointer-events: none;\n }\n .sp-page-wrapper .sp-search-input {\n width: 100% !important;\n background: rgba(10, 12, 16, 0.9) !important;\n border: 1px solid rgba(255, 255, 255, 0.12) !important;\n border-radius: 999px !important;\n padding: 18px 48px 18px 56px !important;\n color: #fff !important;\n font-family: var(--font-body) !important;\n font-size: 15px !important;\n outline: none !important;\n transition: all 0.3s ease;\n box-sizing: border-box !important;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;\n height: auto !important;\n line-height: 1.4 !important;\n }\n .sp-page-wrapper .sp-search-input:focus {\n border-color: hsl(var(--primary)) !important;\n box-shadow: 0 0 25px hsla(150, 100%, 50%, 0.25), inset 0 0 0 1px hsl(var(--primary)) !important;\n background: rgba(14, 16, 22, 0.95) !important;\n }\n .sp-page-wrapper .sp-clear-btn {\n position: absolute !important;\n right: 18px !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n background: rgba(255,255,255,0.1) !important;\n border: none !important;\n color: #aaa !important;\n width: 24px !important;\n height: 24px !important;\n border-radius: 50% !important;\n cursor: pointer !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-size: 12px !important;\n transition: var(--transition);\n padding: 0 !important;\n min-height: 0 !important;\n }\n .sp-page-wrapper .sp-clear-btn:after { display: none !important; }\n .sp-page-wrapper .sp-clear-btn:hover { background: rgba(255,255,255,0.25) !important; color: #fff !important; }<\/p>\n<p> .sp-page-wrapper .sp-search-btn {\n flex-shrink: 0;\n padding: 18px 36px !important;\n font-size: 15px !important;\n box-shadow: 0 4px 20px hsla(150, 100%, 50%, 0.3) !important;\n }\n .sp-page-wrapper .sp-search-btn:after { display: none !important; }\n .sp-search-footer-note {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n flex-wrap: wrap;\n font-size: 13px;\n color: hsl(var(--muted-fg));\n margin-top: 12px;\n }\n .sp-live-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: hsla(150, 100%, 50%, 0.1);\n border: 1px solid hsla(150, 100%, 50%, 0.3);\n color: hsl(var(--primary));\n font-size: 11px;\n font-weight: 700;\n padding: 3px 10px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .sp-live-dot {\n width: 6px;\n height: 6px;\n background: hsl(var(--primary));\n border-radius: 50%;\n box-shadow: 0 0 8px hsl(var(--primary));\n animation: pulse 1.5s infinite;\n }\n @keyframes pulse {\n 0% { opacity: 0.4; }\n 50% { opacity: 1; }\n 100% { opacity: 0.4; }\n }<\/p>\n<p> \/* Track Preview Container *\/\n .sp-results-container {\n margin-top: 32px;\n animation: fadeInUp 0.4s ease-out;\n }<\/p>\n<p> .sp-track-preview-card {\n background: rgba(18, 20, 26, 0.95);\n border: 1.5px solid hsl(var(--primary));\n border-radius: 20px;\n padding: 24px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n text-align: left;\n box-shadow: 0 15px 35px hsla(150, 100%, 50%, 0.18);\n }<\/p>\n<p> .sp-preview-header-row {\n display: flex;\n flex-direction: column;\n gap: 16px;\n align-items: flex-start;\n width: 100%;\n }\n @media (min-width: 580px) {\n .sp-preview-header-row {\n flex-direction: row;\n align-items: center;\n }\n }\n .sp-preview-cover {\n width: 80px;\n height: 80px;\n border-radius: 14px;\n object-fit: cover;\n flex-shrink: 0;\n box-shadow: 0 8px 20px rgba(0,0,0,0.5);\n border: 1px solid rgba(255,255,255,0.1);\n }\n .sp-preview-info { flex: 1; }\n .sp-preview-title {\n font-family: var(--font-heading);\n font-size: 19px;\n font-weight: 800;\n color: #fff;\n margin-bottom: 4px;\n line-height: 1.25;\n }\n .sp-preview-artist {\n font-size: 14px;\n color: hsl(var(--muted-fg));\n margin-bottom: 8px;\n }\n .sp-preview-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: hsla(150, 100%, 50%, 0.15);\n border: 1px solid hsl(var(--primary));\n color: hsl(var(--primary));\n font-size: 11px;\n font-weight: 800;\n padding: 5px 14px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }<\/p>\n<p> .sp-embed-wrapper {\n width: 100%;\n border-radius: 14px;\n overflow: hidden;\n background: #000;\n border: 1px solid rgba(255,255,255,0.08);\n }\n .sp-embed-wrapper iframe {\n width: 100%;\n height: 152px;\n border: none;\n display: block;\n }<\/p>\n<p> .sp-preview-footer {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n margin-top: 4px;\n }\n .sp-page-wrapper .sp-select-now-btn {\n background: hsl(var(--primary)) !important;\n color: #000 !important;\n font-family: var(--font-heading) !important;\n font-weight: 800 !important;\n font-size: 14px !important;\n text-transform: uppercase !important;\n letter-spacing: 0.08em !important;\n padding: 14px 32px !important;\n border-radius: 999px !important;\n border: none !important;\n cursor: pointer !important;\n text-decoration: none !important;\n white-space: nowrap !important;\n transition: var(--transition);\n box-shadow: 0 4px 15px hsla(150, 100%, 50%, 0.3) !important;\n width: 100% !important;\n text-align: center !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 8px !important;\n line-height: 1.4 !important;\n }\n .sp-page-wrapper .sp-select-now-btn:after { display: none !important; }\n @media (min-width: 480px) {\n .sp-page-wrapper .sp-select-now-btn { width: auto !important; }\n }\n .sp-page-wrapper .sp-select-now-btn:hover {\n background: #33ff99 !important;\n box-shadow: 0 8px 25px hsla(150, 100%, 50%, 0.5) !important;\n transform: translateY(-2px) !important;\n color: #000 !important;\n }<\/p>\n<p> \/* ===== CONTENT SECTION - WHY IT MATTERS ===== *\/\n .sp-content-section {\n padding: 100px 0;\n border-top: 1px solid hsl(var(--border));\n }<\/p>\n<p> .sp-split-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 50px;\n align-items: center;\n }<\/p>\n<p> @media (min-width: 992px) {\n .sp-split-grid {\n grid-template-columns: 1.1fr 0.9fr;\n gap: 80px;\n }\n }<\/p>\n<p> .sp-content-body h2 {\n font-size: clamp(2rem, 3.5vw, 2.8rem);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 24px;\n }<\/p>\n<p> .sp-content-body p {\n font-size: 16px;\n color: hsl(var(--muted-fg));\n line-height: 1.7;\n margin-bottom: 20px;\n }<\/p>\n<p> .sp-content-visual {\n position: relative;\n display: flex;\n justify-content: center;\n }<\/p>\n<p> .sp-img-glow {\n position: absolute;\n top: 50%; left: 50%; transform: translate(-50%, -50%);\n width: 100%; height: 100%;\n background: radial-gradient(circle, hsl(var(--primary)\/0.12) 0%, transparent 60%);\n filter: blur(40px);\n z-index: 1;\n }<\/p>\n<p> .sp-visual-card {\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: var(--radius);\n padding: 40px;\n width: 100%;\n position: relative;\n z-index: 2;\n }<\/p>\n<p> .sp-metric-row {\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid hsl(var(--border));\n padding-bottom: 16px;\n margin-bottom: 16px;\n }\n .sp-metric-row:last-child {\n border: none;\n padding-bottom: 0;\n margin-bottom: 0;\n }<\/p>\n<p> .sp-metric-label { font-size: 14px; color: hsl(var(--muted-fg)); }\n .sp-metric-value { font-size: 18px; font-weight: 700; color: #fff; }<\/p>\n<p> \/* ===== SERVICES GRID ===== *\/\n .sp-services-section {\n padding: 100px 0;\n border-top: 1px solid hsl(var(--border));\n }<\/p>\n<p> .sp-services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }<\/p>\n<p> .sp-service-card {\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n border-radius: var(--radius);\n padding: 40px 30px;\n transition: var(--transition);\n }<\/p>\n<p> .sp-service-card:hover {\n border-color: hsl(var(--primary));\n transform: translateY(-5px);\n }<\/p>\n<p> .sp-service-icon {\n width: 50px; height: 50px;\n border-radius: 12px;\n background: hsl(var(--primary-dim));\n border: 1px solid hsl(var(--primary)\/0.2);\n display: flex; align-items: center; justify-content: center;\n color: hsl(var(--primary));\n margin-bottom: 24px;\n }<\/p>\n<p> .sp-service-card h3 {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 12px;\n color: #fff;\n }<\/p>\n<p> .sp-service-card p {\n font-size: 14px;\n color: hsl(var(--muted-fg));\n line-height: 1.6;\n }<\/p>\n<p> \/* ===== BENEFITS & GUIDE (SPLIT) ===== *\/\n .sp-split-section {\n padding: 100px 0;\n border-top: 1px solid hsl(var(--border));\n }<\/p>\n<p> .sp-flex-row {\n display: flex;\n flex-direction: column;\n gap: 60px;\n }\n @media (min-width: 992px) {\n .sp-flex-row { flex-direction: row; }\n .sp-flex-col { width: 50%; }\n }<\/p>\n<p> .sp-column-header h2 {\n font-size: 28px;\n font-weight: 700;\n margin-bottom: 16px;\n color: #fff;\n }\n .sp-column-header p {\n color: hsl(var(--muted-fg));\n font-size: 15px;\n line-height: 1.6;\n margin-bottom: 35px;\n }<\/p>\n<p> .sp-step-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }<\/p>\n<p> .sp-step-item {\n display: flex;\n gap: 20px;\n background: hsl(var(--card));\n border: 1px solid hsl(var(--border));\n padding: 24px;\n border-radius: 16px;\n transition: var(--transition);\n }\n .sp-step-item:hover {\n border-color: hsl(var(--primary)\/0.5);\n }<\/p>\n<p> .sp-step-number {\n width: 36px; height: 36px;\n border-radius: 50%;\n background: hsl(var(--primary-dim));\n border: 1px solid hsl(var(--primary));\n display: flex; align-items: center; justify-content: center;\n color: hsl(var(--primary));\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 14px;\n flex-shrink: 0;\n }<\/p>\n<p> .sp-step-content h3 {\n font-size: 16px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 6px;\n }<\/p>\n<p> .sp-step-content p {\n font-size: 14px;\n color: hsl(var(--muted-fg));\n line-height: 1.5;\n }<\/p>\n<p> \/* ===== FAQ SECTION ===== *\/\n .sp-faq-section {\n padding: 100px 0;\n border-top: 1px solid hsl(var(--border));\n position: relative;\n }<\/p>\n<p> .sp-faq-list {\n max-width: 800px;\n margin: 0 auto;\n border-top: 1px solid hsl(var(--border));\n }<\/p>\n<p> .sp-faq-item {\n border-bottom: 1px solid hsl(var(--border));\n overflow: hidden;\n }<\/p>\n<p> .sp-page-wrapper .sp-faq-trigger {\n width: 100% !important;\n display: flex !important;\n justify-content: space-between !important;\n align-items: center !important;\n padding: 28px 0 !important;\n background: transparent !important;\n border: none !important;\n color: #fff !important;\n font-family: var(--font-heading) !important;\n font-weight: 600 !important;\n font-size: 17px !important;\n text-align: left !important;\n cursor: pointer !important;\n transition: var(--transition);\n line-height: 1.4 !important;\n }\n .sp-page-wrapper .sp-faq-trigger:after { display: none !important; }<\/p>\n<p> .sp-page-wrapper .sp-faq-trigger:hover { color: hsl(var(--primary)) !important; }<\/p>\n<p> .sp-faq-chevron {\n width: 20px; height: 20px;\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n color: hsl(var(--muted-fg));\n flex-shrink: 0;\n }<\/p>\n<p> .sp-faq-item.open .sp-faq-trigger { color: hsl(var(--primary)); }\n .sp-faq-item.open .sp-faq-chevron { transform: rotate(180deg); color: hsl(var(--primary)); }<\/p>\n<p> .sp-faq-answer {\n max-height: 0;\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }<\/p>\n<p> .sp-faq-answer p {\n padding-bottom: 28px;\n font-size: 14px;\n color: hsl(var(--muted-fg));\n line-height: 1.6;\n }<\/p>\n<p> \/* ===== CTA SECTION ===== *\/\n .sp-cta-section {\n padding: 100px 0;\n border-top: 1px solid hsl(var(--border));\n text-align: center;\n position: relative;\n }<\/p>\n<p> .sp-cta-glow {\n position: absolute;\n bottom: -10%; left: 50%; transform: translateX(-50%);\n width: 500px; height: 300px;\n background: radial-gradient(circle, hsl(var(--primary)\/0.1) 0%, transparent 70%);\n filter: blur(50px);\n z-index: 1;\n }<\/p>\n<p> .sp-cta-content {\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }<\/p>\n<p> .sp-cta-content h2 {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n margin-bottom: 20px;\n line-height: 1.2;\n }<\/p>\n<p> .sp-cta-content p {\n font-size: 16px;\n color: hsl(var(--muted-fg));\n line-height: 1.6;\n margin-bottom: 35px;\n }<\/p>\n<p> \/* ===== PRICING CALCULATOR COMPONENT ===== *\/\n .gpc-layout { display: flex; flex-direction: column; gap: 24px; width: 100%; }\n @media (min-width: 1024px) { .gpc-layout { flex-direction: row; gap: 28px; align-items: stretch; } }<\/p>\n<p> .gpc-left, .gpc-right {\n flex: 1;\n background: #0d0d0f;\n border: 1px solid #1c1c22;\n border-radius: 20px;\n padding: 20px 14px;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n }\n @media (min-width: 480px) { .gpc-left, .gpc-right { padding: 28px 24px; } }\n @media (min-width: 600px) { .gpc-left, .gpc-right { padding: 36px 32px; } }\n @media (min-width: 1024px) { .gpc-left { flex: 1; } .gpc-right { flex: 1; } }<\/p>\n<p> .gpc-header {\n background: hsl(var(--primary));\n color: #000;\n font-family: var(--font-heading);\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n padding: 14px 20px;\n border-radius: 12px;\n text-align: center;\n margin-bottom: 24px;\n }<\/p>\n<p> .gpc-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-bottom: 28px; }<\/p>\n<p> .sp-page-wrapper .gpc-pkg {\n background: rgba(20,20,24,0.9) !important;\n border: 2px solid rgba(255,255,255,0.07) !important;\n border-radius: 14px !important;\n padding: 18px 14px !important;\n text-align: center !important;\n cursor: pointer !important;\n transition: all 0.3s ease;\n position: relative;\n display: flex !important;\n flex-direction: column !important;\n gap: 5px !important;\n align-items: center !important;\n justify-content: center !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n font-family: inherit !important;\n outline: none !important;\n width: 100% !important;\n box-sizing: border-box !important;\n line-height: 1.4 !important;\n }\n .sp-page-wrapper .gpc-pkg:after { display: none !important; }\n .sp-page-wrapper .gpc-pkg:hover {\n border-color: hsla(150,100%,50%,0.4) !important;\n background: rgba(25,25,30,0.95) !important;\n }\n .sp-page-wrapper .gpc-pkg.active {\n border-color: hsl(var(--primary)) !important;\n background: hsla(150,100%,50%,0.06) !important;\n box-shadow: 0 0 20px hsla(150,100%,50%,0.1), inset 0 0 0 1px hsla(150,100%,50%,0.15) !important;\n }<\/p>\n<p> .gpc-pkg-label {\n font-size: 10px;\n color: #999;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n font-weight: 700;\n }\n .gpc-pkg.active .gpc-pkg-label { color: hsl(var(--primary)); }\n .gpc-pkg-value { font-size: 15px; font-weight: 700; color: #fff; }\n @media (max-width: 480px) {\n .gpc-pkg-value { font-size: 13px; }\n .gpc-pkg { padding: 14px 10px; }\n }<\/p>\n<p> .gpc-tag {\n position: absolute;\n top: -9px;\n right: 8px;\n background: hsl(var(--primary));\n color: #000;\n font-size: 9px;\n font-weight: 800;\n padding: 2px 8px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }<\/p>\n<p> .gpc-price-area { margin-top: auto; text-align: center; }\n .gpc-price-display { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 20px; }\n .gpc-price-num { font-size: 48px; font-weight: 900; color: #fff; font-family: var(--font-heading); line-height: 1; }\n @media (max-width: 480px) { .gpc-price-num { font-size: 36px; } }<\/p>\n<p> .gpc-tier-label {\n display: inline-block;\n background: rgba(0, 255, 128, 0.1);\n color: #00ff80;\n border: 1px solid rgba(0, 255, 128, 0.3);\n font-size: 11px;\n font-weight: 700;\n padding: 6px 16px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }<\/p>\n<p> .sp-page-wrapper .gpc-buy {\n display: block !important;\n width: 100% !important;\n background: hsl(var(--primary)) !important;\n color: #000 !important;\n border: none !important;\n border-radius: 12px !important;\n padding: 16px 24px !important;\n font-family: var(--font-heading) !important;\n font-size: 15px !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n letter-spacing: 0.12em !important;\n text-align: center !important;\n text-decoration: none !important;\n cursor: pointer !important;\n transition: all 0.3s ease;\n box-sizing: border-box !important;\n box-shadow: 0 4px 15px rgba(0, 255, 128, 0.2) !important;\n line-height: 1.4 !important;\n }\n .sp-page-wrapper .gpc-buy:after { display: none !important; }\n .sp-page-wrapper .gpc-buy:hover {\n background: #33ff99 !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 24px rgba(0, 255, 128, 0.4) !important;\n color: #000 !important;\n }<\/p>\n<p> .gpc-benefits {\n list-style: none;\n padding: 0;\n margin: 0 0 28px 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n .gpc-benefit { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #e0e0e4; font-weight: 500; }\n .gpc-benefit-icon { color: hsl(var(--primary)); flex-shrink: 0; }<\/p>\n<p> .gpc-graph-card {\n background: #050507;\n border: 1px solid #16161a;\n border-radius: 16px;\n padding: 8px 4px;\n margin-bottom: 20px;\n box-sizing: border-box;\n }\n @media (min-width: 480px) { .gpc-graph-card { padding: 12px 10px; } }\n @media (min-width: 768px) { .gpc-graph-card { padding: 20px 16px; } }\n .gpc-graph-svg { width: 100%; height: auto; display: block; }\n .gpc-g-axis { fill: #666; font-size: 11px; font-family: var(--font-body); }\n .gpc-g-grid { stroke: rgba(255,255,255,0.04); stroke-width: 1; }\n .gpc-g-line { stroke: hsl(var(--primary)); stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; fill: none; transition: d 0.6s ease; }\n .gpc-g-area { transition: d 0.6s ease; }\n .gpc-g-dot { fill: hsl(var(--primary)); stroke: #0a0a0c; stroke-width: 3; r: 6; transition: cy 0.6s ease; }<\/p>\n<p> .gpc-delivery { text-align: center; font-size: 13px; color: #888; font-weight: 500; }<\/p>\n<p> .sp-visual-image-wrapper {\n position: relative;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid hsl(var(--border));\n width: 100%;\n aspect-ratio: 1;\n z-index: 2;\n }\n .sp-visual-image-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"sp-page-wrapper\">\n<div class=\"sp-grid-bg\"><\/div>\n<p> <!-- Hero Section --><\/p>\n<section class=\"sp-hero\">\n<div class=\"sp-glow-orb sp-hero-glow\"><\/div>\n<div class=\"sp-container\">\n<div class=\"sp-hero-content g-fade-in\">\n<h1><span class=\"sp-text-gradient\">Spotify<\/span> <span class=\"sp-text-primary\">Promotion<\/span><\/h1>\n<pee class=\"sp-hero-desc\">Boost Your Tracks with Groove Music Promotion. Trigger the Spotify algorithm, secure organic playlist placements, and reach active music listeners globally.<\/pee>\n<div class=\"sp-hero-buttons\"><a href=\"#packages\" class=\"sp-btn-primary\">View Packages<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- STEP 1: Pricing Section --><\/p>\n<section class=\"sp-pricing-section\" id=\"packages\">\n<div class=\"sp-container\">\n<div class=\"sp-section-header\">\n <span class=\"sp-section-badge\">Select Package<\/span><\/p>\n<h2 class=\"sp-section-title\">Select Your Campaign<\/h2>\n<pee class=\"sp-section-desc\">Choose from our premium Spotify promotion services. Safe, natural delivery with 100% real stream placements and organic listeners.<\/pee>\n <\/div>\n<p> <!-- 5-Item Toggle Switcher --><\/p>\n<div class=\"sp-toggle-wrapper\">\n<div class=\"sp-toggle-container\">\n <button type=\"button\" class=\"sp-toggle-btn active\" onclick=\"switchPricing(this, 'plays')\">Plays<\/button><br \/>\n <button type=\"button\" class=\"sp-toggle-btn\" onclick=\"switchPricing(this, 'playlist')\">Playlist Placement<\/button><br \/>\n <button type=\"button\" class=\"sp-toggle-btn\" onclick=\"switchPricing(this, 'listeners')\">Monthly Listeners<\/button><br \/>\n <button type=\"button\" class=\"sp-toggle-btn\" onclick=\"switchPricing(this, 'followers')\">Followers<\/button><br \/>\n <button type=\"button\" class=\"sp-toggle-btn\" onclick=\"switchPricing(this, 'album')\">Album\/Playlist Plays<\/button>\n <\/div>\n<\/p><\/div>\n<p> <!-- TAB 1: PLAYS GRID --><\/p>\n<div class=\"sp-pricing-grid active\" id=\"grid-plays\" style=\"display: block;\">\n<div class=\"gpc-layout\">\n<div class=\"gpc-left\">\n<div class=\"gpc-header\">Select Spotify Plays Package<\/div>\n<div class=\"gpc-grid\">\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"15\" data-tier=\"1k-2k Plays\" data-pid=\"185\" data-ylabels='[\"2k\",\"1.6k\",\"1.2k\",\"800\",\"400\",\"0\"]' data-pts='[220,195,170,140,100,50]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Starter Plays<\/span><br \/>\n <span class=\"gpc-pkg-value\">1k – 2k Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"35\" data-tier=\"3k-5k Plays\" data-pid=\"186\" data-ylabels='[\"5k\",\"4k\",\"3k\",\"2k\",\"1k\",\"0\"]' data-pts='[220,190,150,110,70,35]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Growth Plays<\/span><br \/>\n <span class=\"gpc-pkg-value\">3k – 5k Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg active\" data-price=\"49\" data-tier=\"10k Plays\" data-pid=\"177\" data-ylabels='[\"10k\",\"8k\",\"6k\",\"4k\",\"2k\",\"0\"]' data-pts='[220,185,145,100,60,25]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Hot<\/span><br \/>\n <span class=\"gpc-pkg-label\">Premium Plays<\/span><br \/>\n <span class=\"gpc-pkg-value\">10,000 Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"99\" data-tier=\"25k Plays\" data-pid=\"187\" data-ylabels='[\"25k\",\"20k\",\"15k\",\"10k\",\"5k\",\"0\"]' data-pts='[220,175,135,90,50,20]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Pro<\/span><br \/>\n <span class=\"gpc-pkg-label\">Pro Plays<\/span><br \/>\n <span class=\"gpc-pkg-value\">25,000 Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" style=\"grid-column: span 2;\" data-price=\"180\" data-tier=\"50k Plays\" data-pid=\"188\" data-ylabels='[\"50k\",\"40k\",\"30k\",\"20k\",\"10k\",\"0\"]' data-pts='[220,160,115,70,35,15]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Ultimate<\/span><br \/>\n <span class=\"gpc-pkg-label\">Ultimate Plays<\/span><br \/>\n <span class=\"gpc-pkg-value\">50,000 Plays<\/span><br \/>\n <\/button>\n <\/div>\n<div class=\"gpc-price-area\">\n<div class=\"gpc-price-display\">\n <span class=\"gpc-price-num\">$49<\/span><br \/>\n <span class=\"gpc-tier-label\">10k Plays<\/span>\n <\/div>\n<p> <button type=\"button\" class=\"gpc-buy\" onclick=\"window.proceedToCheckout()\">Select Package & Continue →<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"gpc-right\">\n<ul class=\"gpc-benefits\">\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>High-Retention Premium Plays<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>100% Royalty Eligible Streams<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Real Active Listener Stream Placements<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Safe & Natural Campaign Delivery<\/span><\/li>\n<\/ul>\n<div class=\"gpc-graph-card\">\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\n <defs>\n <linearGradient id=\"gg-plays\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\n <\/linearGradient>\n <\/defs>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">10k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">8k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">6k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">4k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">2k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\n <path class=\"gpc-g-area\" fill=\"url(#gg-plays)\" d=\"M55,220 L55,220 134,185 213,145 292,100 371,60 450,25 450,220Z\"\/>\n <path class=\"gpc-g-line\" d=\"M55,220 134,185 213,145 292,100 371,60 450,25\"\/>\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"185\" \/>\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"145\" \/>\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"100\" \/>\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"60\" \/>\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"25\" \/>\n <\/svg>\n <\/div>\n<div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- TAB 2: PLAYLIST PLACEMENT GRID --><\/p>\n<div class=\"sp-pricing-grid\" id=\"grid-playlist\" style=\"display: none;\">\n<div class=\"gpc-layout\">\n<div class=\"gpc-left\">\n<div class=\"gpc-header\">Select Playlist Placement<\/div>\n<div class=\"gpc-grid\">\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"39\" data-tier=\"Starter Placement\" data-pid=\"189\" data-ylabels='[\"1.5k\",\"1.2k\",\"900\",\"600\",\"300\",\"0\"]' data-pts='[220,195,165,130,90,50]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Starter Placement<\/span><br \/>\n <span class=\"gpc-pkg-value\">1k – 2k Streams<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg active\" data-price=\"59\" data-tier=\"Silver Placement\" data-pid=\"176\" data-ylabels='[\"3k\",\"2.4k\",\"1.8k\",\"1.2k\",\"600\",\"0\"]' data-pts='[220,185,150,110,70,30]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Hot<\/span><br \/>\n <span class=\"gpc-pkg-label\">Silver Placement<\/span><br \/>\n <span class=\"gpc-pkg-value\">3k – 5k Streams<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"119\" data-tier=\"Gold Placement\" data-pid=\"190\" data-ylabels='[\"10k\",\"8k\",\"6k\",\"4k\",\"2k\",\"0\"]' data-pts='[220,175,130,85,45,20]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Pro<\/span><br \/>\n <span class=\"gpc-pkg-label\">Gold Placement<\/span><br \/>\n <span class=\"gpc-pkg-value\">10,000 Streams<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" style=\"grid-column: span 2;\" data-price=\"199\" data-tier=\"Platinum Placement\" data-pid=\"191\" data-ylabels='[\"25k+\",\"20k\",\"15k\",\"10k\",\"5k\",\"0\"]' data-pts='[220,160,110,65,30,15]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">VIP<\/span><br \/>\n <span class=\"gpc-pkg-label\">Platinum Placement<\/span><br \/>\n <span class=\"gpc-pkg-value\">25,000+ Streams<\/span><br \/>\n <\/button>\n <\/div>\n<div class=\"gpc-price-area\">\n<div class=\"gpc-price-display\">\n <span class=\"gpc-price-num\">$59<\/span><br \/>\n <span class=\"gpc-tier-label\">Silver Placement<\/span>\n <\/div>\n<p> <button type=\"button\" class=\"gpc-buy\" onclick=\"window.proceedToCheckout()\">Select Package & Continue →<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"gpc-right\">\n<ul class=\"gpc-benefits\">\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Direct Curator Network Pitching<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Active Genre-Targeted Playlists<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Organic Listener Streams & Saves<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Continuous Stream Inflow<\/span><\/li>\n<\/ul>\n<div class=\"gpc-graph-card\">\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\n <defs>\n <linearGradient id=\"gg-playlist\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\n <\/linearGradient>\n <\/defs>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">3k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">2.4k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">1.8k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">1.2k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">600<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\n <path class=\"gpc-g-area\" fill=\"url(#gg-playlist)\" d=\"M55,220 L55,220 134,185 213,150 292,110 371,70 450,30 450,220Z\"\/>\n <path class=\"gpc-g-line\" d=\"M55,220 134,185 213,150 292,110 371,70 450,30\"\/>\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"185\" \/>\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"150\" \/>\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"110\" \/>\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"70\" \/>\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"30\" \/>\n <\/svg>\n <\/div>\n<div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- TAB 3: MONTHLY LISTENERS GRID --><\/p>\n<div class=\"sp-pricing-grid\" id=\"grid-listeners\" style=\"display: none;\">\n<div class=\"gpc-layout\">\n<div class=\"gpc-left\">\n<div class=\"gpc-header\">Select Monthly Listeners Package<\/div>\n<div class=\"gpc-grid\">\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"15\" data-tier=\"500 Listeners\" data-pid=\"192\" data-ylabels='[\"500\",\"400\",\"300\",\"200\",\"100\",\"0\"]' data-pts='[220,195,170,140,100,60]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Starter Listeners<\/span><br \/>\n <span class=\"gpc-pkg-value\">500 Listeners<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg active\" data-price=\"29\" data-tier=\"1,000 Listeners\" data-pid=\"178\" data-ylabels='[\"1k\",\"800\",\"600\",\"400\",\"200\",\"0\"]' data-pts='[220,190,150,110,70,35]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Hot<\/span><br \/>\n <span class=\"gpc-pkg-label\">Growth Listeners<\/span><br \/>\n <span class=\"gpc-pkg-value\">1,000 Listeners<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"59\" data-tier=\"2,500 Listeners\" data-pid=\"193\" data-ylabels='[\"2.5k\",\"2k\",\"1.5k\",\"1k\",\"500\",\"0\"]' data-pts='[220,180,140,95,55,25]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Pro Listeners<\/span><br \/>\n <span class=\"gpc-pkg-value\">2,500 Listeners<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" style=\"grid-column: span 2;\" data-price=\"99\" data-tier=\"5,000 Listeners\" data-pid=\"194\" data-ylabels='[\"5k\",\"4k\",\"3k\",\"2k\",\"1k\",\"0\"]' data-pts='[220,165,120,75,40,18]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Pro<\/span><br \/>\n <span class=\"gpc-pkg-label\">Elite Listeners<\/span><br \/>\n <span class=\"gpc-pkg-value\">5,000 Listeners<\/span><br \/>\n <\/button>\n <\/div>\n<div class=\"gpc-price-area\">\n<div class=\"gpc-price-display\">\n <span class=\"gpc-price-num\">$29<\/span><br \/>\n <span class=\"gpc-tier-label\">1,000 Listeners<\/span>\n <\/div>\n<p> <button type=\"button\" class=\"gpc-buy\" onclick=\"window.proceedToCheckout()\">Select Package & Continue →<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"gpc-right\">\n<ul class=\"gpc-benefits\">\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Active Monthly Unique Listeners<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Worldwide Active Listener Reach<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Triggers Discover Weekly & Radar<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>30-Day Sustained Metric Growth<\/span><\/li>\n<\/ul>\n<div class=\"gpc-graph-card\">\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\n <defs>\n <linearGradient id=\"gg-listeners\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\n <\/linearGradient>\n <\/defs>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">1k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">800<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">600<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">400<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">200<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\n <path class=\"gpc-g-area\" fill=\"url(#gg-listeners)\" d=\"M55,220 L55,220 134,190 213,150 292,110 371,70 450,35 450,220Z\"\/>\n <path class=\"gpc-g-line\" d=\"M55,220 134,190 213,150 292,110 371,70 450,35\"\/>\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"190\" \/>\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"150\" \/>\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"110\" \/>\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"70\" \/>\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"35\" \/>\n <\/svg>\n <\/div>\n<div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- TAB 4: FOLLOWERS GRID --><\/p>\n<div class=\"sp-pricing-grid\" id=\"grid-followers\" style=\"display: none;\">\n<div class=\"gpc-layout\">\n<div class=\"gpc-left\">\n<div class=\"gpc-header\">Select Spotify Followers Package<\/div>\n<div class=\"gpc-grid\">\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"10\" data-tier=\"250 Followers\" data-pid=\"195\" data-ylabels='[\"250\",\"200\",\"150\",\"100\",\"50\",\"0\"]' data-pts='[220,195,170,140,100,65]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Starter Followers<\/span><br \/>\n <span class=\"gpc-pkg-value\">250 Followers<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg active\" data-price=\"19\" data-tier=\"500 - 1,000 Followers\" data-pid=\"179\" data-ylabels='[\"1k\",\"800\",\"600\",\"400\",\"200\",\"0\"]' data-pts='[220,190,150,110,70,35]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Hot<\/span><br \/>\n <span class=\"gpc-pkg-label\">Growth Followers<\/span><br \/>\n <span class=\"gpc-pkg-value\">500 – 1k Followers<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"45\" data-tier=\"2,500 Followers\" data-pid=\"196\" data-ylabels='[\"2.5k\",\"2k\",\"1.5k\",\"1k\",\"500\",\"0\"]' data-pts='[220,180,140,95,55,25]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Pro Followers<\/span><br \/>\n <span class=\"gpc-pkg-value\">2,500 Followers<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" style=\"grid-column: span 2;\" data-price=\"79\" data-tier=\"5,000 Followers\" data-pid=\"197\" data-ylabels='[\"5k\",\"4k\",\"3k\",\"2k\",\"1k\",\"0\"]' data-pts='[220,165,120,75,40,18]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Pro<\/span><br \/>\n <span class=\"gpc-pkg-label\">Elite Followers<\/span><br \/>\n <span class=\"gpc-pkg-value\">5,000 Followers<\/span><br \/>\n <\/button>\n <\/div>\n<div class=\"gpc-price-area\">\n<div class=\"gpc-price-display\">\n <span class=\"gpc-price-num\">$19<\/span><br \/>\n <span class=\"gpc-tier-label\">500 – 1,000 Followers<\/span>\n <\/div>\n<p> <button type=\"button\" class=\"gpc-buy\" onclick=\"window.proceedToCheckout()\">Select Package & Continue →<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"gpc-right\">\n<ul class=\"gpc-benefits\">\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Genuine Active Profile Followers<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Boost Artist Credibility & Authority<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Triggers Algorithmic Push<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Safe & Permanent Profile Growth<\/span><\/li>\n<\/ul>\n<div class=\"gpc-graph-card\">\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\n <defs>\n <linearGradient id=\"gg-followers\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\n <\/linearGradient>\n <\/defs>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">1k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">800<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">600<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">400<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">200<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\n <path class=\"gpc-g-area\" fill=\"url(#gg-followers)\" d=\"M55,220 L55,220 134,190 213,150 292,110 371,70 450,35 450,220Z\"\/>\n <path class=\"gpc-g-line\" d=\"M55,220 134,190 213,150 292,110 371,70 450,35\"\/>\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"190\" \/>\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"150\" \/>\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"110\" \/>\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"70\" \/>\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"35\" \/>\n <\/svg>\n <\/div>\n<div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- TAB 5: ALBUM\/PLAYLIST PLAYS GRID --><\/p>\n<div class=\"sp-pricing-grid\" id=\"grid-album\" style=\"display: none;\">\n<div class=\"gpc-layout\">\n<div class=\"gpc-left\">\n<div class=\"gpc-header\">Select Album \/ Playlist Plays<\/div>\n<div class=\"gpc-grid\">\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"49\" data-tier=\"2,500 Plays\" data-pid=\"198\" data-ylabels='[\"2.5k\",\"2k\",\"1.5k\",\"1k\",\"500\",\"0\"]' data-pts='[220,190,150,110,70,35]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-pkg-label\">Starter Album<\/span><br \/>\n <span class=\"gpc-pkg-value\">2,500 Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg active\" data-price=\"99\" data-tier=\"5k - 10k Plays\" data-pid=\"180\" data-ylabels='[\"10k\",\"8k\",\"6k\",\"4k\",\"2k\",\"0\"]' data-pts='[220,180,140,95,55,25]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Hot<\/span><br \/>\n <span class=\"gpc-pkg-label\">Growth Album<\/span><br \/>\n <span class=\"gpc-pkg-value\">5k – 10k Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" data-price=\"179\" data-tier=\"20,000 Plays\" data-pid=\"199\" data-ylabels='[\"20k\",\"16k\",\"12k\",\"8k\",\"4k\",\"0\"]' data-pts='[220,170,125,80,45,20]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">Pro<\/span><br \/>\n <span class=\"gpc-pkg-label\">Pro Album<\/span><br \/>\n <span class=\"gpc-pkg-value\">20,000 Plays<\/span><br \/>\n <\/button><br \/>\n <button type=\"button\" class=\"gpc-pkg\" style=\"grid-column: span 2;\" data-price=\"299\" data-tier=\"50,000 Plays\" data-pid=\"200\" data-ylabels='[\"50k\",\"40k\",\"30k\",\"20k\",\"10k\",\"0\"]' data-pts='[220,155,110,65,30,15]' onclick=\"gpcSelect(this)\"><br \/>\n <span class=\"gpc-tag\">VIP<\/span><br \/>\n <span class=\"gpc-pkg-label\">VIP Album<\/span><br \/>\n <span class=\"gpc-pkg-value\">50,000 Plays<\/span><br \/>\n <\/button>\n <\/div>\n<div class=\"gpc-price-area\">\n<div class=\"gpc-price-display\">\n <span class=\"gpc-price-num\">$99<\/span><br \/>\n <span class=\"gpc-tier-label\">5k – 10k Plays<\/span>\n <\/div>\n<p> <button type=\"button\" class=\"gpc-buy\" onclick=\"window.proceedToCheckout()\">Select Package & Continue →<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"gpc-right\">\n<ul class=\"gpc-benefits\">\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Full Album & Multi-Track Coverage<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Balanced Streams Across All Track Lists<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>100% Royalty Eligible Plays<\/span><\/li>\n<li class=\"gpc-benefit\"><span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Safe & Gradual Campaign Delivery<\/span><\/li>\n<\/ul>\n<div class=\"gpc-graph-card\">\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\n <defs>\n <linearGradient id=\"gg-album\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\n <\/linearGradient>\n <\/defs>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">10k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">8k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">6k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">4k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">2k<\/text>\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\n <path class=\"gpc-g-area\" fill=\"url(#gg-album)\" d=\"M55,220 L55,220 134,180 213,140 292,95 371,55 450,25 450,220Z\"\/>\n <path class=\"gpc-g-line\" d=\"M55,220 134,180 213,140 292,95 371,55 450,25\"\/>\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"180\" \/>\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"140\" \/>\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"110\" \/>\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"55\" \/>\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"25\" \/>\n <\/svg>\n <\/div>\n<div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Why Promotion Matters Section --><\/p>\n<section class=\"sp-content-section\">\n<div class=\"sp-container\">\n<div class=\"sp-split-grid\">\n<div class=\"sp-content-body\">\n <span class=\"sp-section-badge\" style=\"margin-bottom:15px\">Why It Matters<\/span><\/p>\n<h2>Why Spotify Promotion <span class=\"sp-text-primary\">Matters<\/span><\/h2>\n<pee>Spotify is the absolute leader in global music streaming, with over 500 million active users. For artists, maintaining a strong, credible presence on Spotify is vital to expanding your audience, catching the attention of major playlist curators, and getting discovered by industry professionals.<\/pee>\n <pee>However, with more than 100,000 new songs uploaded to the platform every single day, gaining natural traction is harder than ever. This is why professional Spotify promotion is so crucial. A strategic campaign provides the initial momentum needed to trigger Spotify’s powerful recommendation algorithms (such as Release Radar and Discover Weekly).<\/pee>\n <pee>At Groove Music Promotion, we have years of digital marketing expertise tailored specifically for music platforms. We use 100% organic, safe, and compliant promotion techniques to connect your tracks with real, active listeners, helping you scale your plays and grow a loyal fanbase.<\/pee>\n <\/div>\n<div class=\"sp-content-visual\">\n<div class=\"sp-img-glow\"><\/div>\n<div class=\"sp-visual-card\">\n<h3 style=\"margin-bottom: 20px; font-size: 20px; color: #fff;\">Expected Campaign Impact<\/h3>\n<div class=\"sp-metric-row\">\n <span class=\"sp-metric-label\">Audience Visibility<\/span><br \/>\n <span class=\"sp-metric-value sp-text-primary\">+420%<\/span>\n <\/div>\n<div class=\"sp-metric-row\">\n <span class=\"sp-metric-label\">Algorithmic Push<\/span><br \/>\n <span class=\"sp-metric-value sp-text-primary\">Discover Weekly<\/span>\n <\/div>\n<div class=\"sp-metric-row\">\n <span class=\"sp-metric-label\">Real Playback Conversion<\/span><br \/>\n <span class=\"sp-metric-value sp-text-primary\">99.9%<\/span>\n <\/div>\n<div class=\"sp-metric-row\">\n <span class=\"sp-metric-label\">Retention Time Rate<\/span><br \/>\n <span class=\"sp-metric-value sp-text-primary\">Industry Leading<\/span>\n <\/div>\n<div class=\"sp-metric-row\">\n <span class=\"sp-metric-label\">Growth Flow Type<\/span><br \/>\n <span class=\"sp-metric-value sp-text-primary\">100% Organic<\/span>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Services Overview --><\/p>\n<section class=\"sp-services-section\">\n<div class=\"sp-container\">\n<div class=\"sp-section-header\">\n <span class=\"sp-section-badge\">Services<\/span><\/p>\n<h2 class=\"sp-section-title\">Our Spotify Promotion Services<\/h2>\n<pee class=\"sp-section-desc\">We deliver high-end Spotify promotion campaigns designed to provide organic, authentic, and trackable results in your Spotify for Artists dashboard.<\/pee>\n <\/div>\n<div class=\"sp-services-grid\">\n<div class=\"sp-service-card\">\n<div class=\"sp-service-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n <\/div>\n<h3>Buy Spotify Plays<\/h3>\n<pee>Boost your track’s play count with high-retention plays from real users. Our plays are fully royalty-eligible and count toward your Spotify payouts, building early platform credibility.<\/pee>\n <\/div>\n<div class=\"sp-service-card\">\n<div class=\"sp-service-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n<h3>Spotify Followers Growth<\/h3>\n<pee>Build your artist profile authority with authentic, active followers. Having a larger follower base tells Spotify’s algorithm that your music is relevant, pushing it to Release Radar feeds.<\/pee>\n <\/div>\n<div class=\"sp-service-card\">\n<div class=\"sp-service-icon\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n<h3>Playlist Pitching<\/h3>\n<pee>Get featured on high-traffic, curator-owned Spotify playlists. We pitch your music directly to our network of active genre-specific playlist curators to drive continuous organic streams.<\/pee>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Benefits & Guide Side by Side --><\/p>\n<section class=\"sp-split-section\">\n<div class=\"sp-container\">\n<div class=\"sp-flex-row\">\n<div class=\"sp-flex-col\">\n<div class=\"sp-column-header\">\n <span class=\"sp-section-badge\">Key Benefits<\/span><\/p>\n<h2>Benefits of Our Packages<\/h2>\n<pee>Groove Music Promotion provides the ultimate ecosystem to support and expand your Spotify release strategy.<\/pee>\n <\/div>\n<div class=\"sp-step-list\">\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">✓<\/div>\n<div class=\"sp-step-content\">\n<h3>Real and Organic Plays<\/h3>\n<pee>Our campaigns connect you with real music listeners, ensuring your plays are fully eligible for royalties and safe from account penalties.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">✓<\/div>\n<div class=\"sp-step-content\">\n<h3>Curator Network Placements<\/h3>\n<pee>Gain access to our premium network of playlist curators spanning Rap, Pop, Rock, EDM, and Latin genres for targeted exposure.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">✓<\/div>\n<div class=\"sp-step-content\">\n<h3>Algorithmic Placement Signals<\/h3>\n<pee>By driving streams, saves, and listeners, our packages help generate the positive engagement signals needed to trigger Release Radar.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">✓<\/div>\n<div class=\"sp-step-content\">\n<h3>Full Royalties Eligibility<\/h3>\n<pee>All plays generated through our promotions count toward your monthly Spotify streams and are fully royalty-eligible for artist payouts.<\/pee>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sp-flex-col\">\n<div class=\"sp-column-header\">\n <span class=\"sp-section-badge\">Artist Blueprint<\/span><\/p>\n<h2>How to Promote Music<\/h2>\n<pee>Achieving success on Spotify requires combining high-quality releases with a polished visual identity and regular campaigns.<\/pee>\n <\/div>\n<div class=\"sp-step-list\" style=\"margin-bottom: 30px;\">\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">01<\/div>\n<div class=\"sp-step-content\">\n<h3>Optimize Your Artist Profile<\/h3>\n<pee>Write an engaging bio, upload high-res promotional photos, and set up your “Artist Pick” to present a professional brand.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">02<\/div>\n<div class=\"sp-step-content\">\n<h3>Pitch via Spotify for Artists<\/h3>\n<pee>Submit your upcoming tracks to Spotify’s editorial editors at least 3-4 weeks prior to release to guarantee Release Radar placement.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-step-item\">\n<div class=\"sp-step-number\">03<\/div>\n<div class=\"sp-step-content\">\n<h3>Execute Targeted Campaigns<\/h3>\n<pee>Run curated playlist promotions in parallel with social sharing to maximize early streams and hook the algorithmic system.<\/pee>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sp-visual-image-wrapper\">\n<div class=\"sp-img-glow\" style=\"background: radial-gradient(circle, hsl(var(--primary)\/0.08) 0%, transparent 60%);\"><\/div>\n<p> <img decoding=\"async\" src=\"https:\/\/grooveentertainments.com\/staging\/wp-content\/uploads\/spotify_promo_graphic.jpg\" alt=\"Spotify Promotion Cyberpunk Artwork\">\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- FAQ Section --><\/p>\n<section class=\"sp-faq-section\">\n<div class=\"sp-container\">\n<div class=\"sp-section-header\">\n <span class=\"sp-section-badge\">FAQ<\/span><\/p>\n<h2 class=\"sp-section-title\">Frequently Asked Questions<\/h2>\n<pee class=\"sp-section-desc\">Got questions about how our Spotify promotion campaigns work? We have got you covered with answers below.<\/pee>\n <\/div>\n<div class=\"sp-faq-list\">\n<div class=\"sp-faq-item\">\n <button type=\"button\" class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\"><br \/>\n <span>What is Spotify Promotion?<\/span><br \/>\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><br \/>\n <\/button><\/p>\n<div class=\"sp-faq-answer\">\n <pee>Spotify promotion involves running targeted marketing campaigns to increase your song plays, profile followers, and curator playlist placements using organic sharing, ads, and network pitching.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-faq-item\">\n <button type=\"button\" class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\"><br \/>\n <span>Is this safe for my Spotify account?<\/span><br \/>\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><br \/>\n <\/button><\/p>\n<div class=\"sp-faq-answer\">\n <pee>Yes, absolutely. We use 100% organic marketing and playlist placement methods that comply fully with Spotify’s Terms of Service. We never use bots, scripts, or fake accounts.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-faq-item\">\n <button type=\"button\" class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\"><br \/>\n <span>Are the plays eligible for royalties?<\/span><br \/>\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><br \/>\n <\/button><\/p>\n<div class=\"sp-faq-answer\">\n <pee>Yes. Since all plays and streams on your tracks are generated by real, active music listeners from our network, they count toward your monthly Spotify stats and are fully eligible for royalties.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-faq-item\">\n <button type=\"button\" class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\"><br \/>\n <span>How long does delivery take?<\/span><br \/>\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><br \/>\n <\/button><\/p>\n<div class=\"sp-faq-answer\">\n <pee>Campaign setups are initiated within 24 hours. You will begin to see new active streams and followers reflecting in your Spotify for Artists dashboard within 2 to 3 days as curator placements roll out.<\/pee>\n <\/div>\n<\/p><\/div>\n<div class=\"sp-faq-item\">\n <button type=\"button\" class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\"><br \/>\n <span>Can you guarantee editorial playlist placements?<\/span><br \/>\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><br \/>\n <\/button><\/p>\n<div class=\"sp-faq-answer\">\n <pee>While we cannot guarantee direct placements on Spotify-curated editorial playlists (which are selected solely by Spotify’s internal staff), our campaigns are specifically designed to stimulate algorithmic activity, which often triggers organic Discover Weekly and Release Radar placements.<\/pee>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- CTA Section --><\/p>\n<section class=\"sp-cta-section\">\n<div class=\"sp-cta-glow\"><\/div>\n<div class=\"sp-container\">\n<div class=\"sp-cta-content\">\n<h2>Ready to Boost Your Music?<\/h2>\n<pee>Supercharge your music career today. Select your Spotify promotion package and let our team drive real, active engagement to your latest release.<\/pee>\n <a href=\"#packages\" class=\"sp-btn-primary\">Get Started Now<\/a>\n <\/div>\n<\/p><\/div>\n<\/section><\/div>\n<p> <script src=\"https:\/\/grooveentertainments.com\/staging\/wp-content\/novamira-sandbox\/spotify_promo.js\"><\/script><br \/>\n<\/body><br \/>\n<\/html><br \/>\n[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"[et_pb_section fb_built=\"1\" fullwidth=\"on\" theme_builder_area=\"post_content\" _builder_version=\"4.27.7\" _module_preset=\"default\"][et_pb_fullwidth_code _builder_version=\"4.27.7\" _module_preset=\"default\" theme_builder_area=\"post_content\" hover_enabled=\"0\" sticky_enabled=\"0\"]<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n <title>Spotify Promotion - Groove Music Promotion<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== RESET & LAYOUT ===== *\/\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n html { scroll-behavior: smooth; overflow-x: hidden; width: 100vw; }\r\n body {\r\n margin: 0; min-height: 100vh; display: flex; flex-direction: column;\r\n background-color: #000000; overflow-x: hidden; width: 100%;\r\n }\r\n\r\n \/* ===== DESIGN SYSTEM TOKENS ===== *\/\r\n :root {\r\n --bg: 0 0% 0%;\r\n --card: 0 0% 3%;\r\n --card-hover: 0 0% 5%;\r\n --fg: 0 0% 100%;\r\n --muted-fg: 0 0% 65%;\r\n --border: 0 0% 14%;\r\n --primary: 150 100% 50%; \/* Lime\/Emerald Green matching the theme *\/\r\n --primary-dim: 150 100% 50% \/ 0.15;\r\n --font-heading: 'Outfit', sans-serif;\r\n --font-body: 'Space Grotesk', sans-serif;\r\n --radius: 20px;\r\n --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .sp-page-wrapper {\r\n font-family: var(--font-body);\r\n background: hsl(var(--bg));\r\n color: hsl(var(--fg));\r\n -webkit-font-smoothing: antialiased;\r\n position: relative;\r\n }\r\n\r\n .sp-page-wrapper h1, \r\n .sp-page-wrapper h2, \r\n .sp-page-wrapper h3, \r\n .sp-page-wrapper h4 { \r\n font-family: var(--font-heading); \r\n }\r\n\r\n \/* Background Grids & Orbs *\/\r\n .sp-grid-bg {\r\n position: absolute; inset: 0; pointer-events: none; z-index: 0;\r\n background-image: \r\n linear-gradient(to right, hsl(var(--border)) 1px, transparent 1px),\r\n linear-gradient(to bottom, hsl(var(--border)) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n mask-image: radial-gradient(ellipse at top center, black 10%, transparent 70%);\r\n -webkit-mask-image: radial-gradient(ellipse at top center, black 10%, transparent 70%);\r\n }\r\n\r\n .sp-glow-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(120px);\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n\r\n \/* Container *\/\r\n .sp-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n \/* ===== UTILITIES ===== *\/\r\n .sp-text-gradient {\r\n background: linear-gradient(135deg, #ffffff 40%, hsl(var(--muted-fg)));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .sp-text-primary { color: hsl(var(--primary)); }\r\n \r\n .sp-section-badge {\r\n display: inline-flex; align-items: center; gap: 8px;\r\n font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.15em;\r\n color: hsl(var(--fg)); margin-bottom: 20px;\r\n padding: 6px 16px; border: 1px solid hsl(var(--border)); border-radius: 999px;\r\n background: hsl(var(--card));\r\n }\r\n .sp-section-badge::before {\r\n content: ''; width: 6px; height: 6px; border-radius: 50%;\r\n background: hsl(var(--primary)); box-shadow: 0 0 10px hsl(var(--primary));\r\n }\r\n\r\n .sp-section-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .sp-section-title {\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .sp-section-desc {\r\n color: hsl(var(--muted-fg));\r\n font-size: 16px;\r\n max-width: 600px;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Buttons *\/\r\n .sp-btn-primary {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n padding: 14px 28px; background: hsl(var(--primary)); color: #000;\r\n font-family: var(--font-heading); font-weight: 700; font-size: 14px;\r\n text-decoration: none; border-radius: 999px; transition: var(--transition);\r\n border: none; cursor: pointer;\r\n }\r\n .sp-btn-primary:hover {\r\n box-shadow: 0 0 25px hsl(var(--primary) \/ 0.4);\r\n transform: scale(1.02);\r\n }\r\n\r\n .sp-btn-outline {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n padding: 14px 28px; background: transparent; color: hsl(var(--fg));\r\n font-family: var(--font-heading); font-weight: 600; font-size: 14px;\r\n text-decoration: none; border-radius: 999px; transition: var(--transition);\r\n border: 1px solid hsl(var(--border)); cursor: pointer;\r\n }\r\n .sp-btn-outline:hover {\r\n border-color: hsl(var(--fg));\r\n background: hsl(var(--card));\r\n }\r\n\r\n \/* ===== HERO SECTION ===== *\/\r\n .sp-hero {\r\n position: relative;\r\n padding: 160px 0 120px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-image: linear-gradient(\r\n to bottom, \r\n rgba(0, 0, 0, 0.4) 0%, \r\n rgba(0, 0, 0, 0.8) 75%, \r\n #000000 100%\r\n ), \r\n url('https:\/\/images.unsplash.com\/photo-1514525253161-7a46d19cd819?ixlib=rb-4.0.3&auto=format&fit=crop&w=1800&q=80');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n }\r\n .sp-hero-glow {\r\n top: -10%; left: 50%; transform: translateX(-50%);\r\n width: 700px; height: 500px;\r\n background: radial-gradient(circle, hsl(var(--primary)\/0.12) 0%, transparent 70%);\r\n opacity: 0.8;\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n .sp-hero-content {\r\n text-align: center;\r\n max-width: 850px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n z-index: 10;\r\n }\r\n .sp-hero h1 {\r\n font-size: clamp(2.5rem, 6vw, 5rem) !important;\r\n font-weight: 800;\r\n line-height: 1.25 !important;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 24px;\r\n width: 100%;\r\n }\r\n .sp-hero-desc {\r\n color: #e0e0e0;\r\n font-size: clamp(1rem, 2vw, 1.25rem) !important;\r\n line-height: 1.6;\r\n margin-bottom: 40px;\r\n max-width: 700px;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n }\r\n .sp-hero-buttons {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n width: 100%;\r\n max-width: 300px;\r\n align-items: stretch !important;\r\n }\r\n @media (min-width: 480px) {\r\n .sp-hero-buttons {\r\n flex-direction: row;\r\n width: auto;\r\n max-width: none;\r\n align-items: center !important;\r\n }\r\n .sp-hero-buttons .sp-btn-primary {\r\n width: auto !important;\r\n }\r\n }\r\n\r\n \/* ===== PRICING SWITCHER & TABLES ===== *\/\r\n .sp-pricing-section {\r\n padding: 80px 0;\r\n border-top: 1px solid hsl(var(--border));\r\n position: relative;\r\n }\r\n \r\n .sp-toggle-wrapper {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .sp-toggle-container {\r\n display: inline-flex;\r\n background: hsl(var(--card));\r\n border: 1px solid hsl(var(--border));\r\n padding: 5px;\r\n border-radius: 999px;\r\n position: relative;\r\n }\r\n\r\n .sp-toggle-btn {\r\n background: transparent;\r\n border: none;\r\n color: hsl(var(--muted-fg));\r\n padding: 10px 24px;\r\n font-family: var(--font-heading);\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n border-radius: 999px;\r\n transition: var(--transition);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .sp-toggle-btn.active {\r\n color: #000;\r\n background: hsl(var(--primary));\r\n box-shadow: 0 4px 15px hsl(var(--primary)\/0.2);\r\n }\r\n\r\n .sp-pricing-grid {\r\n display: none;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n opacity: 0;\r\n transform: translateY(20px);\r\n transition: opacity 0.5s ease, transform 0.5s ease;\r\n }\r\n\r\n .sp-pricing-grid.active {\r\n display: grid;\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .sp-pricing-card {\r\n background: hsl(var(--card));\r\n border: 1px solid hsl(var(--border));\r\n border-radius: var(--radius);\r\n padding: 40px 30px;\r\n position: relative;\r\n transition: var(--transition);\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n\r\n .sp-pricing-card::before {\r\n content: ''; position: absolute; inset: 0;\r\n background: linear-gradient(180deg, hsl(var(--primary)\/0.03), transparent);\r\n opacity: 0; transition: var(--transition); pointer-events: none;\r\n }\r\n\r\n .sp-pricing-card:hover {\r\n border-color: hsl(var(--primary));\r\n transform: translateY(-8px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4), 0 0 20px hsl(var(--primary)\/0.05);\r\n }\r\n\r\n .sp-pricing-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .sp-card-badge {\r\n position: absolute;\r\n top: 20px; right: 20px;\r\n background: hsl(var(--primary-dim));\r\n border: 1px solid hsl(var(--primary));\r\n color: hsl(var(--primary));\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n padding: 4px 12px;\r\n border-radius: 999px;\r\n }\r\n\r\n .sp-card-header h3 {\r\n font-size: 18px;\r\n color: hsl(var(--muted-fg));\r\n font-weight: 500;\r\n margin-bottom: 15px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .sp-card-price {\r\n margin-bottom: 30px;\r\n display: flex;\r\n align-items: baseline;\r\n }\r\n\r\n .sp-card-price .currency {\r\n font-size: 28px;\r\n font-weight: 700;\r\n font-family: var(--font-heading);\r\n }\r\n\r\n .sp-card-price .amount {\r\n font-size: 54px;\r\n font-weight: 800;\r\n font-family: var(--font-heading);\r\n line-height: 1;\r\n color: #fff;\r\n }\r\n\r\n .sp-card-features {\r\n list-style: none;\r\n margin-bottom: 35px;\r\n flex-grow: 1;\r\n }\r\n\r\n .sp-card-features li {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 14px;\r\n color: hsl(var(--muted-fg));\r\n margin-bottom: 14px;\r\n }\r\n\r\n .sp-card-features svg {\r\n color: hsl(var(--primary));\r\n flex-shrink: 0;\r\n }\r\n\r\n .sp-pricing-card .sp-btn-primary,\r\n .sp-pricing-card .sp-btn-outline {\r\n width: 100%;\r\n }\r\n\r\n \/* ===== CONTENT SECTION - WHY IT MATTERS & INTRO ===== *\/\r\n .sp-content-section {\r\n padding: 100px 0;\r\n border-top: 1px solid hsl(var(--border));\r\n }\r\n\r\n .sp-split-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n @media (min-width: 992px) {\r\n .sp-split-grid {\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 80px;\r\n }\r\n }\r\n\r\n .sp-content-body h2 {\r\n font-size: clamp(2rem, 3.5vw, 2.8rem);\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .sp-content-body p {\r\n font-size: 16px;\r\n color: hsl(var(--muted-fg));\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .sp-content-visual {\r\n position: relative;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .sp-img-glow {\r\n position: absolute;\r\n top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n width: 100%; height: 100%;\r\n background: radial-gradient(circle, hsl(var(--primary)\/0.12) 0%, transparent 60%);\r\n filter: blur(40px);\r\n z-index: 1;\r\n }\r\n\r\n .sp-visual-card {\r\n background: hsl(var(--card));\r\n border: 1px solid hsl(var(--border));\r\n border-radius: var(--radius);\r\n padding: 40px;\r\n width: 100%;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Stat\/metric look inside visual block *\/\r\n .sp-metric-row {\r\n display: flex;\r\n justify-content: space-between;\r\n border-bottom: 1px solid hsl(var(--border));\r\n padding-bottom: 16px;\r\n margin-bottom: 16px;\r\n }\r\n .sp-metric-row:last-child {\r\n border: none;\r\n padding-bottom: 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n .sp-metric-label {\r\n font-size: 14px;\r\n color: hsl(var(--muted-fg));\r\n }\r\n\r\n .sp-metric-value {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n \/* ===== SERVICES GRID ===== *\/\r\n .sp-services-section {\r\n padding: 100px 0;\r\n border-top: 1px solid hsl(var(--border));\r\n }\r\n\r\n .sp-services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n }\r\n\r\n .sp-service-card {\r\n background: hsl(var(--card));\r\n border: 1px solid hsl(var(--border));\r\n border-radius: var(--radius);\r\n padding: 40px 30px;\r\n transition: var(--transition);\r\n }\r\n\r\n .sp-service-card:hover {\r\n border-color: hsl(var(--primary));\r\n transform: translateY(-5px);\r\n }\r\n\r\n .sp-service-icon {\r\n width: 50px; height: 50px;\r\n border-radius: 12px;\r\n background: hsl(var(--primary-dim));\r\n border: 1px solid hsl(var(--primary)\/0.2);\r\n display: flex; align-items: center; justify-content: center;\r\n color: hsl(var(--primary));\r\n margin-bottom: 24px;\r\n }\r\n\r\n .sp-service-card h3 {\r\n font-size: 20px;\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n color: #fff;\r\n }\r\n\r\n .sp-service-card p {\r\n font-size: 14px;\r\n color: hsl(var(--muted-fg));\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== BENEFITS & GUIDE (SIDE BY SIDE \/ SPLIT) ===== *\/\r\n .sp-split-section {\r\n padding: 100px 0;\r\n border-top: 1px solid hsl(var(--border));\r\n }\r\n\r\n .sp-flex-row {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 60px;\r\n }\r\n @media (min-width: 992px) {\r\n .sp-flex-row {\r\n flex-direction: row;\r\n }\r\n .sp-flex-col {\r\n width: 50%;\r\n }\r\n }\r\n\r\n .sp-column-header h2 {\r\n font-size: 28px;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n color: #fff;\r\n }\r\n .sp-column-header p {\r\n color: hsl(var(--muted-fg));\r\n font-size: 15px;\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .sp-step-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .sp-step-item {\r\n display: flex;\r\n gap: 20px;\r\n background: hsl(var(--card));\r\n border: 1px solid hsl(var(--border));\r\n padding: 24px;\r\n border-radius: 16px;\r\n transition: var(--transition);\r\n }\r\n .sp-step-item:hover {\r\n border-color: hsl(var(--primary)\/0.5);\r\n }\r\n\r\n .sp-step-number {\r\n width: 36px; height: 36px;\r\n border-radius: 50%;\r\n background: hsl(var(--primary-dim));\r\n border: 1px solid hsl(var(--primary));\r\n display: flex; align-items: center; justify-content: center;\r\n color: hsl(var(--primary));\r\n font-family: var(--font-heading);\r\n font-weight: 700;\r\n font-size: 14px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .sp-step-content h3 {\r\n font-size: 16px;\r\n font-weight: 600;\r\n color: #fff;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .sp-step-content p {\r\n font-size: 14px;\r\n color: hsl(var(--muted-fg));\r\n line-height: 1.5;\r\n }\r\n\r\n \/* ===== FAQ SECTION ===== *\/\r\n .sp-faq-section {\r\n padding: 100px 0;\r\n border-top: 1px solid hsl(var(--border));\r\n position: relative;\r\n }\r\n\r\n .sp-faq-list {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n border-top: 1px solid hsl(var(--border));\r\n }\r\n\r\n .sp-faq-item {\r\n border-bottom: 1px solid hsl(var(--border));\r\n overflow: hidden;\r\n }\r\n\r\n .sp-faq-trigger {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 28px 0;\r\n background: transparent;\r\n border: none;\r\n color: #fff;\r\n font-family: var(--font-heading);\r\n font-weight: 600;\r\n font-size: 17px;\r\n text-align: left;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n\r\n .sp-faq-trigger:hover {\r\n color: hsl(var(--primary));\r\n }\r\n\r\n .sp-faq-chevron {\r\n width: 20px; height: 20px;\r\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n color: hsl(var(--muted-fg));\r\n flex-shrink: 0;\r\n }\r\n\r\n .sp-faq-item.open .sp-faq-trigger {\r\n color: hsl(var(--primary));\r\n }\r\n\r\n .sp-faq-item.open .sp-faq-chevron {\r\n transform: rotate(180deg);\r\n color: hsl(var(--primary));\r\n }\r\n\r\n .sp-faq-answer {\r\n max-height: 0;\r\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .sp-faq-answer p {\r\n padding-bottom: 28px;\r\n font-size: 14px;\r\n color: hsl(var(--muted-fg));\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ===== CTA SECTION ===== *\/\r\n .sp-cta-section {\r\n padding: 100px 0;\r\n border-top: 1px solid hsl(var(--border));\r\n text-align: center;\r\n position: relative;\r\n }\r\n\r\n .sp-cta-glow {\r\n position: absolute;\r\n bottom: -10%; left: 50%; transform: translateX(-50%);\r\n width: 500px; height: 300px;\r\n background: radial-gradient(circle, hsl(var(--primary)\/0.1) 0%, transparent 70%);\r\n filter: blur(50px);\r\n z-index: 1;\r\n }\r\n\r\n .sp-cta-content {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .sp-cta-content h2 {\r\n font-size: clamp(2rem, 4vw, 3rem);\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n .sp-cta-content p {\r\n font-size: 16px;\r\n color: hsl(var(--muted-fg));\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n }\r\n \r\n \/* ===== PRICING CALCULATOR ===== *\/\r\n .sp-pricing-section .sp-pricing-grid { display: none !important; }\r\n .sp-pricing-section .sp-pricing-grid.active { display: block !important; opacity: 1; transform: translateY(0); }\r\n \r\n .gpc-layout { display: flex; flex-direction: column; gap: 24px; width: 100%; }\r\n @media (min-width: 1024px) { .gpc-layout { flex-direction: row; gap: 28px; align-items: stretch; } }\r\n \r\n .gpc-left, .gpc-right {\r\n flex: 1;\r\n background: #0d0d0f;\r\n border: 1px solid #1c1c22;\r\n border-radius: 20px;\r\n padding: 20px 14px;\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n }\r\n @media (min-width: 480px) {\r\n .gpc-left, .gpc-right { padding: 28px 24px; }\r\n }\r\n @media (min-width: 600px) {\r\n .gpc-left, .gpc-right { padding: 36px 32px; }\r\n }\r\n @media (min-width: 480px) {\r\n .gpc-left, .gpc-right { padding: 36px 32px; }\r\n }\r\n @media (min-width: 1024px) {\r\n .gpc-left { flex: 1; }\r\n .gpc-right { flex: 1; }\r\n }\r\n \r\n .gpc-header {\r\n background: hsl(var(--primary));\r\n color: #000;\r\n font-family: var(--font-heading);\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.14em;\r\n padding: 14px 20px;\r\n border-radius: 12px;\r\n text-align: center;\r\n margin-bottom: 24px;\r\n }\r\n \r\n .gpc-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; margin-bottom: 28px; }\r\n \r\n .gpc-pkg {\r\n background: rgba(20,20,24,0.9);\r\n border: 2px solid rgba(255,255,255,0.07);\r\n border-radius: 14px;\r\n padding: 18px 14px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n align-items: center;\r\n justify-content: center;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n font-family: inherit;\r\n outline: none;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n .gpc-pkg:hover {\r\n border-color: hsla(150,100%,50%,0.4);\r\n background: rgba(25,25,30,0.95);\r\n }\r\n .gpc-pkg.active {\r\n border-color: hsl(var(--primary));\r\n background: hsla(150,100%,50%,0.06);\r\n box-shadow: 0 0 20px hsla(150,100%,50%,0.1), inset 0 0 0 1px hsla(150,100%,50%,0.15);\r\n }\r\n \r\n .gpc-pkg-label {\r\n font-size: 10px;\r\n color: #999;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n font-weight: 700;\r\n }\r\n .gpc-pkg.active .gpc-pkg-label { color: hsl(var(--primary)); }\r\n .gpc-pkg-value { font-size: 15px; font-weight: 700; color: #fff; }\r\n @media (max-width: 480px) {\r\n .gpc-pkg-value { font-size: 13px; }\r\n .gpc-pkg { padding: 14px 10px; }\r\n }\r\n \r\n .gpc-tag {\r\n position: absolute;\r\n top: -9px;\r\n right: 8px;\r\n background: hsl(var(--primary));\r\n color: #000;\r\n font-size: 9px;\r\n font-weight: 800;\r\n padding: 2px 8px;\r\n border-radius: 999px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n \r\n .gpc-price-area { margin-top: auto; text-align: center; }\r\n .gpc-price-display { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 20px; }\r\n .gpc-price-num { font-size: 48px; font-weight: 900; color: #fff; font-family: var(--font-heading); line-height: 1; }\r\n @media (max-width: 480px) { .gpc-price-num { font-size: 36px; } }\r\n \r\n .gpc-tier-label {\r\n display: inline-block;\r\n background: rgba(0, 255, 128, 0.1);\r\n color: #00ff80;\r\n border: 1px solid rgba(0, 255, 128, 0.3);\r\n font-size: 11px;\r\n font-weight: 700;\r\n padding: 6px 16px;\r\n border-radius: 999px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n \r\n .gpc-buy {\r\n display: block;\r\n width: 100%;\r\n background: hsl(var(--primary));\r\n color: #000 !important;\r\n border: none;\r\n border-radius: 12px;\r\n padding: 16px 24px;\r\n font-family: var(--font-heading);\r\n font-size: 15px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n text-align: center;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n box-sizing: border-box;\r\n box-shadow: 0 4px 15px rgba(0, 255, 128, 0.2);\r\n }\r\n .gpc-buy:hover {\r\n background: #33ff99;\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 24px rgba(0, 255, 128, 0.4);\r\n }\r\n \r\n .gpc-benefits {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 28px 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n .gpc-benefit { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #e0e0e4; font-weight: 500; }\r\n .gpc-benefit-icon { color: hsl(var(--primary)); flex-shrink: 0; }\r\n \r\n .gpc-graph-card {\r\n background: #050507;\r\n border: 1px solid #16161a;\r\n border-radius: 16px;\r\n padding: 8px 4px;\r\n margin-bottom: 20px;\r\n box-sizing: border-box;\r\n }\r\n @media (min-width: 480px) {\r\n .gpc-graph-card {\r\n padding: 12px 10px;\r\n }\r\n }\r\n @media (min-width: 768px) {\r\n .gpc-graph-card {\r\n padding: 20px 16px;\r\n }\r\n }\r\n .gpc-graph-svg { width: 100%; height: auto; display: block; }\r\n .gpc-g-axis { fill: #666; font-size: 11px; font-family: var(--font-body); }\r\n .gpc-g-grid { stroke: rgba(255,255,255,0.04); stroke-width: 1; }\r\n .gpc-g-line { stroke: hsl(var(--primary)); stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; fill: none; transition: d 0.6s ease; }\r\n .gpc-g-area { transition: d 0.6s ease; }\r\n .gpc-g-dot { fill: hsl(var(--primary)); stroke: #0a0a0c; stroke-width: 3; r: 6; transition: cy 0.6s ease; }\r\n \r\n .gpc-delivery { text-align: center; font-size: 13px; color: #888; font-weight: 500; }\r\n \r\n \/* Guide Visual style specifically for Spotify logo visual *\/\r\n .sp-visual-image-wrapper {\r\n position: relative;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n border: 1px solid hsl(var(--border));\r\n width: 100%;\r\n aspect-ratio: 1;\r\n z-index: 2;\r\n }\r\n .sp-visual-image-wrapper img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"sp-page-wrapper\">\r\n <div class=\"sp-grid-bg\"><\/div>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"sp-hero\">\r\n <div class=\"sp-glow-orb sp-hero-glow\"><\/div>\r\n <div class=\"sp-container\">\r\n <div class=\"sp-hero-content g-fade-in\">\r\n <h1><span class=\"sp-text-gradient\">Spotify<\/span> <span class=\"sp-text-primary\">Promotion<\/span><\/h1>\r\n <p class=\"sp-hero-desc\">Boost Your Tracks with Groove Music Promotion. Trigger the Spotify algorithm, secure organic playlist placements, and reach active music listeners globally.<\/p>\r\n <div class=\"sp-hero-buttons\"><a href=\"#packages\" class=\"sp-btn-primary\">View Packages<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Pricing Section -->\r\n <section class=\"sp-pricing-section\" id=\"packages\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-section-header\">\r\n <span class=\"sp-section-badge\">Pricing Plans<\/span>\r\n <h2 class=\"sp-section-title\">Select Your Campaign<\/h2>\r\n <p class=\"sp-section-desc\">Choose from our premium Spotify promotion services. Safe, natural delivery with 100% real stream placements and organic listeners.<\/p>\r\n <\/div>\r\n\r\n <!-- Toggle Switcher -->\r\n <div class=\"sp-toggle-wrapper\">\r\n <div class=\"sp-toggle-container\">\r\n <button class=\"sp-toggle-btn active\" onclick=\"switchPricing(this, 'streams')\">Streams & Plays<\/button>\r\n <button class=\"sp-toggle-btn\" onclick=\"switchPricing(this, 'followers')\">Listeners & Followers<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Streams Grid -->\r\n <div class=\"sp-pricing-grid active\" id=\"grid-streams\">\r\n <div class=\"gpc-layout\">\r\n <div class=\"gpc-left\">\r\n <div class=\"gpc-header\">Select a Promotion Package<\/div>\r\n <div class=\"gpc-grid\">\r\n <button class=\"gpc-pkg active\" data-price=\"59\" data-tier=\"Playlist Promo\" data-pid=\"176\" data-ylabels='[\"2k\",\"1.6k\",\"1.2k\",\"800\",\"400\",\"0\"]' data-pts='[220,185,150,110,70,30]' onclick=\"gpcSelect(this)\">\r\n <span class=\"gpc-pkg-label\">Playlist Promotion<\/span>\r\n <span class=\"gpc-pkg-value\">1k - 2k Streams<\/span>\r\n <\/button>\r\n <button class=\"gpc-pkg\" data-price=\"49\" data-tier=\"Premium Plays\" data-pid=\"177\" data-ylabels='[\"2k\",\"1.6k\",\"1.2k\",\"800\",\"400\",\"0\"]' data-pts='[220,190,160,120,80,40]' onclick=\"gpcSelect(this)\">\r\n <span class=\"gpc-tag\">Hot<\/span>\r\n <span class=\"gpc-pkg-label\">Premium Plays<\/span>\r\n <span class=\"gpc-pkg-value\">1k - 2k Plays<\/span>\r\n <\/button>\r\n <button class=\"gpc-pkg\" style=\"grid-column: span 2;\" data-price=\"99\" data-tier=\"Custom Campaign\" data-pid=\"180\" data-ylabels='[\"Custom\",\"High\",\"Growth\",\"Scale\",\"Peak\",\"0\"]' data-pts='[220,160,110,70,40,20]' onclick=\"gpcSelect(this)\">\r\n <span class=\"gpc-tag\">Pro<\/span>\r\n <span class=\"gpc-pkg-label\">Custom Campaign<\/span>\r\n <span class=\"gpc-pkg-value\">For Artists & Labels<\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"gpc-price-area\">\r\n <div class=\"gpc-price-display\">\r\n <span class=\"gpc-price-num\">$59<\/span>\r\n <span class=\"gpc-tier-label\">Playlist Promo<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/grooveentertainments.com\/staging\/checkout\/?add-to-cart=176\" class=\"gpc-buy\">Buy Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gpc-right\">\r\n <ul class=\"gpc-benefits\">\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Premium Playlist Pitching<\/span>\r\n <\/li>\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Royalty Eligible Plays<\/span>\r\n <\/li>\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>100% Real Stream Placements<\/span>\r\n <\/li>\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Safe & Natural Campaign Delivery<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"gpc-graph-card\">\r\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\r\n <defs>\r\n <linearGradient id=\"gg-s\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\r\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">2k<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">1.6k<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">1.2k<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">800<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">400<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\r\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\r\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\r\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\r\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\r\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\r\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\r\n <path class=\"gpc-g-area\" fill=\"url(#gg-s)\" d=\"M55,220 L55,220 134,185 213,150 292,110 371,70 450,30 450,220Z\"\/>\r\n <path class=\"gpc-g-line\" d=\"M55,220 134,185 213,150 292,110 371,70 450,30\"\/>\r\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"185\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"150\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"110\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"70\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"30\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Followers Grid -->\r\n <div class=\"sp-pricing-grid\" id=\"grid-followers\">\r\n <div class=\"gpc-layout\">\r\n <div class=\"gpc-left\">\r\n <div class=\"gpc-header\">Select a Promotion Package<\/div>\r\n <div class=\"gpc-grid\">\r\n <button class=\"gpc-pkg active\" data-price=\"29\" data-tier=\"Monthly Listeners\" data-pid=\"178\" data-ylabels='[\"1k\",\"800\",\"600\",\"400\",\"200\",\"0\"]' data-pts='[220,190,150,110,70,35]' onclick=\"gpcSelect(this)\">\r\n <span class=\"gpc-pkg-label\">Monthly Listeners<\/span>\r\n <span class=\"gpc-pkg-value\">1,000 Listeners<\/span>\r\n <\/button>\r\n <button class=\"gpc-pkg\" data-price=\"19\" data-tier=\"Profile Followers\" data-pid=\"179\" data-ylabels='[\"1k\",\"800\",\"600\",\"400\",\"200\",\"0\"]' data-pts='[220,195,170,140,100,60]' onclick=\"gpcSelect(this)\">\r\n <span class=\"gpc-tag\">Hot<\/span>\r\n <span class=\"gpc-pkg-label\">Profile Followers<\/span>\r\n <span class=\"gpc-pkg-value\">500-1k Followers<\/span>\r\n <\/button>\r\n <\/div>\r\n <div class=\"gpc-price-area\">\r\n <div class=\"gpc-price-display\">\r\n <span class=\"gpc-price-num\">$29<\/span>\r\n <span class=\"gpc-tier-label\">Monthly Listeners<\/span>\r\n <\/div>\r\n <a href=\"https:\/\/grooveentertainments.com\/staging\/checkout\/?add-to-cart=178\" class=\"gpc-buy\">Buy Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gpc-right\">\r\n <ul class=\"gpc-benefits\">\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Premium Reach & Growth<\/span>\r\n <\/li>\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Worldwide Active Listeners<\/span>\r\n <\/li>\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Boost Profile Authority<\/span>\r\n <\/li>\r\n <li class=\"gpc-benefit\">\r\n <span class=\"gpc-benefit-icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>\r\n <span>Real Active Followers<\/span>\r\n <\/li>\r\n <\/ul>\r\n <div class=\"gpc-graph-card\">\r\n <svg class=\"gpc-graph-svg\" viewBox=\"0 0 505 260\">\r\n <defs>\r\n <linearGradient id=\"gg-f\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.25\"\/>\r\n <stop offset=\"100%\" stop-color=\"hsl(150,100%,50%)\" stop-opacity=\"0.0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"30\" x2=\"450\" y2=\"30\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"68\" x2=\"450\" y2=\"68\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"106\" x2=\"450\" y2=\"106\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"144\" x2=\"450\" y2=\"144\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"182\" x2=\"450\" y2=\"182\"\/>\r\n <line class=\"gpc-g-grid\" x1=\"55\" y1=\"220\" x2=\"450\" y2=\"220\"\/>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"34\" text-anchor=\"end\">1k<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"72\" text-anchor=\"end\">800<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"110\" text-anchor=\"end\">600<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"148\" text-anchor=\"end\">400<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"186\" text-anchor=\"end\">200<\/text>\r\n <text class=\"gpc-g-axis gpc-yl\" x=\"50\" y=\"224\" text-anchor=\"end\">0<\/text>\r\n <text class=\"gpc-g-axis\" x=\"55\" y=\"245\" text-anchor=\"middle\">Start<\/text>\r\n <text class=\"gpc-g-axis\" x=\"134\" y=\"245\" text-anchor=\"middle\">Day 2<\/text>\r\n <text class=\"gpc-g-axis\" x=\"213\" y=\"245\" text-anchor=\"middle\">Day 4<\/text>\r\n <text class=\"gpc-g-axis\" x=\"292\" y=\"245\" text-anchor=\"middle\">Day 6<\/text>\r\n <text class=\"gpc-g-axis\" x=\"371\" y=\"245\" text-anchor=\"middle\">Day 8<\/text>\r\n <text class=\"gpc-g-axis\" x=\"450\" y=\"245\" text-anchor=\"middle\">Day 10<\/text>\r\n <path class=\"gpc-g-area\" fill=\"url(#gg-f)\" d=\"M55,220 L55,220 134,190 213,150 292,110 371,70 450,35 450,220Z\"\/>\r\n <path class=\"gpc-g-line\" d=\"M55,220 134,190 213,150 292,110 371,70 450,35\"\/>\r\n <circle class=\"gpc-g-dot\" cx=\"55\" cy=\"220\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"134\" cy=\"190\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"213\" cy=\"150\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"292\" cy=\"110\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"371\" cy=\"70\" \/>\r\n <circle class=\"gpc-g-dot\" cx=\"450\" cy=\"35\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"gpc-delivery\">⚡ Delivery Starts: Within 24 Hours<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Why Promotion Matters Section -->\r\n <section class=\"sp-content-section\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-split-grid\">\r\n <div class=\"sp-content-body\">\r\n <span class=\"sp-section-badge\" style=\"margin-bottom:15px\">Why It Matters<\/span>\r\n <h2>Why Spotify Promotion <span class=\"sp-text-primary\">Matters<\/span><\/h2>\r\n <p>Spotify is the absolute leader in global music streaming, with over 500 million active users. For artists, maintaining a strong, credible presence on Spotify is vital to expanding your audience, catching the attention of major playlist curators, and getting discovered by industry professionals.<\/p>\r\n <p>However, with more than 100,000 new songs uploaded to the platform every single day, gaining natural traction is harder than ever. This is why professional Spotify promotion is so crucial. A strategic campaign provides the initial momentum needed to trigger Spotify's powerful recommendation algorithms (such as Release Radar and Discover Weekly).<\/p>\r\n <p>At Groove Music Promotion, we have years of digital marketing expertise tailored specifically for music platforms. We use 100% organic, safe, and compliant promotion techniques to connect your tracks with real, active listeners, helping you scale your plays and grow a loyal fanbase.<\/p>\r\n <\/div>\r\n <div class=\"sp-content-visual\">\r\n <div class=\"sp-img-glow\"><\/div>\r\n <div class=\"sp-visual-card\">\r\n <h3 style=\"margin-bottom: 20px; font-size: 20px; color: #fff;\">Expected Campaign Impact<\/h3>\r\n <div class=\"sp-metric-row\">\r\n <span class=\"sp-metric-label\">Audience Visibility<\/span>\r\n <span class=\"sp-metric-value sp-text-primary\">+420%<\/span>\r\n <\/div>\r\n <div class=\"sp-metric-row\">\r\n <span class=\"sp-metric-label\">Algorithmic Push<\/span>\r\n <span class=\"sp-metric-value sp-text-primary\">Discover Weekly<\/span>\r\n <\/div>\r\n <div class=\"sp-metric-row\">\r\n <span class=\"sp-metric-label\">Real Playback Conversion<\/span>\r\n <span class=\"sp-metric-value sp-text-primary\">99.9%<\/span>\r\n <\/div>\r\n <div class=\"sp-metric-row\">\r\n <span class=\"sp-metric-label\">Retention Time Rate<\/span>\r\n <span class=\"sp-metric-value sp-text-primary\">Industry Leading<\/span>\r\n <\/div>\r\n <div class=\"sp-metric-row\">\r\n <span class=\"sp-metric-label\">Growth Flow Type<\/span>\r\n <span class=\"sp-metric-value sp-text-primary\">100% Organic<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Overview -->\r\n <section class=\"sp-services-section\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-section-header\">\r\n <span class=\"sp-section-badge\">Services<\/span>\r\n <h2 class=\"sp-section-title\">Our Spotify Promotion Services<\/h2>\r\n <p class=\"sp-section-desc\">We deliver high-end Spotify promotion campaigns designed to provide organic, authentic, and trackable results in your Spotify for Artists dashboard.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-services-grid\">\r\n <!-- Service Card 1 -->\r\n <div class=\"sp-service-card\">\r\n <div class=\"sp-service-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n <\/div>\r\n <h3>Buy Spotify Streams<\/h3>\r\n <p>Boost your track's play count with high-retention plays from real users. Our streams are fully royalty-eligible and count toward your Spotify payouts, building early platform credibility.<\/p>\r\n <\/div>\r\n\r\n <!-- Service Card 2 -->\r\n <div class=\"sp-service-card\">\r\n <div class=\"sp-service-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h3>Spotify Followers Growth<\/h3>\r\n <p>Build your artist profile authority with authentic, active followers. Having a larger follower base tells Spotify's algorithm that your music is relevant, pushing it to Release Radar feeds.<\/p>\r\n <\/div>\r\n\r\n <!-- Service Card 3 -->\r\n <div class=\"sp-service-card\">\r\n <div class=\"sp-service-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\r\n <\/div>\r\n <h3>Playlist Pitching<\/h3>\r\n <p>Get featured on high-traffic, curator-owned Spotify playlists. We pitch your music directly to our network of active genre-specific playlist curators to drive continuous organic streams.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Benefits & Guide Side by Side -->\r\n <section class=\"sp-split-section\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-flex-row\">\r\n <!-- Benefits column -->\r\n <div class=\"sp-flex-col\">\r\n <div class=\"sp-column-header\">\r\n <span class=\"sp-section-badge\">Key Benefits<\/span>\r\n <h2>Benefits of Our Packages<\/h2>\r\n <p>Groove Music Promotion provides the ultimate ecosystem to support and expand your Spotify release strategy.<\/p>\r\n <\/div>\r\n \r\n <div class=\"sp-step-list\">\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">✓<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Real and Organic Plays<\/h3>\r\n <p>Our campaigns connect you with real music listeners, ensuring your plays are fully eligible for royalties and safe from account penalties.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">✓<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Curator Network Placements<\/h3>\r\n <p>Gain access to our premium network of playlist curators spanning Rap, Pop, Rock, EDM, and Latin genres for targeted exposure.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">✓<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Algorithmic Placement Signals<\/h3>\r\n <p>By driving streams, saves, and listeners, our packages help generate the positive engagement signals needed to trigger Release Radar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">✓<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Full Royalties Eligibility<\/h3>\r\n <p>All plays generated through our promotions count toward your monthly Spotify streams and are fully royalty-eligible for artist payouts.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Guide column -->\r\n <div class=\"sp-flex-col\">\r\n <div class=\"sp-column-header\">\r\n <span class=\"sp-section-badge\">Artist Blueprint<\/span>\r\n <h2>How to Promote Music<\/h2>\r\n <p>Achieving success on Spotify requires combining high-quality releases with a polished visual identity and regular campaigns.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-step-list\" style=\"margin-bottom: 30px;\">\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">01<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Optimize Your Artist Profile<\/h3>\r\n <p>Write an engaging bio, upload high-res promotional photos, and set up your \"Artist Pick\" to present a professional brand.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">02<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Pitch via Spotify for Artists<\/h3>\r\n <p>Submit your upcoming tracks to Spotify's editorial editors at least 3-4 weeks prior to release to guarantee Release Radar placement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sp-step-item\">\r\n <div class=\"sp-step-number\">03<\/div>\r\n <div class=\"sp-step-content\">\r\n <h3>Execute Targeted Campaigns<\/h3>\r\n <p>Run curated playlist promotions in parallel with social sharing to maximize early streams and hook the algorithmic system.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Custom Graphic Visual -->\r\n <div class=\"sp-visual-image-wrapper\">\r\n <div class=\"sp-img-glow\" style=\"background: radial-gradient(circle, hsl(var(--primary)\/0.08) 0%, transparent 60%);\"><\/div>\r\n <img src=\"https:\/\/grooveentertainments.com\/staging\/wp-content\/uploads\/spotify_promo_graphic.jpg\" alt=\"Spotify Promotion Cyberpunk Artwork\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ Section -->\r\n <section class=\"sp-faq-section\">\r\n <div class=\"sp-container\">\r\n <div class=\"sp-section-header\">\r\n <span class=\"sp-section-badge\">FAQ<\/span>\r\n <h2 class=\"sp-section-title\">Frequently Asked Questions<\/h2>\r\n <p class=\"sp-section-desc\">Got questions about how our Spotify promotion campaigns work? We have got you covered with answers below.<\/p>\r\n <\/div>\r\n\r\n <div class=\"sp-faq-list\">\r\n <!-- FAQ 1 -->\r\n <div class=\"sp-faq-item\">\r\n <button class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\">\r\n <span>What is Spotify Promotion?<\/span>\r\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/button>\r\n <div class=\"sp-faq-answer\">\r\n <p>Spotify promotion involves running targeted marketing campaigns to increase your song plays, profile followers, and curator playlist placements using organic sharing, ads, and network pitching.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 2 -->\r\n <div class=\"sp-faq-item\">\r\n <button class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\">\r\n <span>Is this safe for my Spotify account?<\/span>\r\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/button>\r\n <div class=\"sp-faq-answer\">\r\n <p>Yes, absolutely. We use 100% organic marketing and playlist placement methods that comply fully with Spotify's Terms of Service. We never use bots, scripts, or fake accounts.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 3 -->\r\n <div class=\"sp-faq-item\">\r\n <button class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\">\r\n <span>Are the streams eligible for royalties?<\/span>\r\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/button>\r\n <div class=\"sp-faq-answer\">\r\n <p>Yes. Since all plays and streams on your tracks are generated by real, active music listeners from our network, they count toward your monthly Spotify stats and are fully eligible for royalties.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 4 -->\r\n <div class=\"sp-faq-item\">\r\n <button class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\">\r\n <span>How long does delivery take?<\/span>\r\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/button>\r\n <div class=\"sp-faq-answer\">\r\n <p>Campaign setups are initiated within 24 hours. You will begin to see new active streams and followers reflecting in your Spotify for Artists dashboard within 2 to 3 days as curator placements roll out.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ 5 -->\r\n <div class=\"sp-faq-item\">\r\n <button class=\"sp-faq-trigger\" onclick=\"toggleFaq(this)\">\r\n <span>Can you guarantee editorial playlist placements?<\/span>\r\n <svg class=\"sp-faq-chevron\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\r\n <\/button>\r\n <div class=\"sp-faq-answer\">\r\n <p>While we cannot guarantee direct placements on Spotify-curated editorial playlists (which are selected solely by Spotify's internal staff), our campaigns are specifically designed to stimulate algorithmic activity, which often triggers organic Discover Weekly and Release Radar placements.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA Section -->\r\n <section class=\"sp-cta-section\">\r\n <div class=\"sp-cta-glow\"><\/div>\r\n <div class=\"sp-container\">\r\n <div class=\"sp-cta-content\">\r\n <h2>Ready to Boost Your Music?<\/h2>\r\n <p>Supercharge your music career today. Select your Spotify promotion package and let our team drive real, active engagement to your latest release.<\/p>\r\n <a href=\"#packages\" class=\"sp-btn-primary\">Get Started Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ===== PRICING CALCULATOR JS =====\r\n function switchPricing(btn, type) {\r\n \/\/ Deactivate all buttons in switcher\r\n const wrapper = btn.closest('.sp-toggle-wrapper');\r\n wrapper.querySelectorAll('.sp-toggle-btn').forEach(b => b.classList.remove('active'));\r\n \r\n \/\/ Activate clicked button\r\n btn.classList.add('active');\r\n \r\n \/\/ Hide all grids\r\n document.querySelectorAll('.sp-pricing-grid').forEach(g => g.classList.remove('active'));\r\n \r\n \/\/ Show target grid\r\n const targetGrid = document.getElementById('grid-' + type);\r\n if (targetGrid) {\r\n targetGrid.classList.add('active');\r\n \/\/ Auto-select first package in the newly visible tab\r\n const firstPkg = targetGrid.querySelector('.gpc-pkg');\r\n if (firstPkg) {\r\n gpcSelect(firstPkg);\r\n }\r\n }\r\n }\r\n\r\n function gpcSelect(btn) {\r\n \/\/ Find current grid container\r\n const grid = btn.closest('.sp-pricing-grid');\r\n \r\n \/\/ Deactivate all package buttons in this grid\r\n grid.querySelectorAll('.gpc-pkg').forEach(b => b.classList.remove('active'));\r\n \r\n \/\/ Activate clicked button\r\n btn.classList.add('active');\r\n \r\n \/\/ Get attributes\r\n const price = btn.getAttribute('data-price');\r\n const tier = btn.getAttribute('data-tier');\r\n const pid = btn.getAttribute('data-pid');\r\n const pts = JSON.parse(btn.getAttribute('data-pts'));\r\n const ylabels = JSON.parse(btn.getAttribute('data-ylabels'));\r\n \r\n \/\/ Update Price display\r\n grid.querySelector('.gpc-price-num').textContent = '$' + price;\r\n grid.querySelector('.gpc-tier-label').textContent = tier;\r\n \r\n \/\/ Update Buy Now link\r\n const buyBtn = grid.querySelector('.gpc-buy');\r\n buyBtn.setAttribute('href', 'https:\/\/grooveentertainments.com\/staging\/checkout\/?add-to-cart=' + pid);\r\n \r\n \/\/ Update Graph Y-axis labels\r\n const ytext = grid.querySelectorAll('.gpc-yl');\r\n ylabels.forEach((val, index) => {\r\n if (ytext[index]) {\r\n ytext[index].textContent = val;\r\n }\r\n });\r\n \r\n \/\/ Update SVG graph path\/lines\/dots\r\n const svg = grid.querySelector('.gpc-graph-svg');\r\n \r\n \/\/ Target points: Day 0 (55), Day 2 (134), Day 4 (213), Day 6 (292), Day 8 (371), Day 10 (450)\r\n const xCoords = [55, 134, 213, 292, 371, 450];\r\n \r\n \/\/ Build path line\r\n let linePath = `M${xCoords[0]},${pts[0]}`;\r\n for (let i = 1; i < pts.length; i++) {\r\n linePath += ` ${xCoords[i]},${pts[i]}`;\r\n }\r\n \r\n \/\/ Build area path\r\n const areaPath = `${linePath} L450,220 L55,220 Z`;\r\n \r\n \/\/ Update SVG elements\r\n const pathLine = grid.querySelector('.gpc-g-line');\r\n const pathArea = grid.querySelector('.gpc-g-area');\r\n const dots = grid.querySelectorAll('.gpc-g-dot');\r\n \r\n pathLine.setAttribute('d', linePath);\r\n pathArea.setAttribute('d', areaPath);\r\n \r\n dots.forEach((dot, index) => {\r\n dot.setAttribute('cx', xCoords[index]);\r\n dot.setAttribute('cy', pts[index]);\r\n });\r\n }\r\n\r\n \/\/ ===== FAQ ACCORDION JS =====\r\n function toggleFaq(btn) {\r\n const item = btn.closest('.sp-faq-item');\r\n const isOpen = item.classList.contains('open');\r\n const answer = item.querySelector('.sp-faq-answer');\r\n \r\n \/\/ Close all other FAQs\r\n const accordion = btn.closest('.sp-faq-list');\r\n accordion.querySelectorAll('.sp-faq-item').forEach(i => {\r\n if (i !== item) {\r\n i.classList.remove('open');\r\n i.querySelector('.sp-faq-answer').style.maxHeight = null;\r\n }\r\n });\r\n \r\n \/\/ Toggle current FAQ\r\n if (isOpen) {\r\n item.classList.remove('open');\r\n answer.style.maxHeight = null;\r\n } else {\r\n item.classList.add('open');\r\n answer.style.maxHeight = answer.scrollHeight + 'px';\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n[\/et_pb_fullwidth_code][\/et_pb_section]","_et_gb_content_width":"","footnotes":""},"class_list":["post-174","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/pages\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":19,"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/pages\/174\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/grooveentertainments.com\/staging\/wp-json\/wp\/v2\/media?parent=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}